功能配置拆分

src/views/user_manage/index.vue

@@ -766,6 +766,7 @@
             <div class="line"></div>
             <span>功能配置</span>
           </div>
+          <div class="flex"></div>
           <div class="flex">
             <el-form-item
               label="进出记录保留时间"
@@ -786,9 +787,7 @@
                 />
               </el-tooltip>
             </el-form-item>
-          </div>
-          <div class="flex">
-            <el-form-item
+            <!-- <el-form-item
               label="卡号认证"
               prop="cardPhysics"
               class="form-item-style item-margin-bottom"
@@ -797,7 +796,7 @@
                 <el-radio :label="2">停用</el-radio>
                 <el-radio :label="1">启用</el-radio>
               </el-radio-group>
-            </el-form-item>
+            </el-form-item>-->
             <el-form-item
               label="身份证认证"
               class="form-item-style item-margin-bottom"
@@ -883,7 +882,7 @@
                 </el-radio-group>
               </el-form-item>
             </div>
-            <div class="flex" v-if="user_form.placeType === 0">
+            <!-- <div class="flex" v-if="user_form.placeType === 0">
               <el-form-item
                 label="小程序登录方式"
                 class="form-item-style item-margin-bottom"
@@ -904,9 +903,9 @@
                   <el-radio :label="false">停用</el-radio>
                 </el-radio-group>
               </el-form-item>
-            </div>
+            </div> -->
             <div class="flex">
-              <el-form-item
+              <!-- <el-form-item
                 label="是否输入手机号"
                 class="form-item-style item-margin-bottom"
                 prop="mobileAutoInputFlag"
@@ -915,7 +914,7 @@
                   <el-radio :label="2">否</el-radio>
                   <el-radio :label="1">是</el-radio>
                 </el-radio-group>
-              </el-form-item>
+              </el-form-item> -->
               <el-form-item
                 label="是否开启考试"
                 class="form-item-style item-margin-bottom"
@@ -926,8 +925,6 @@
                   <el-radio :label="true">是</el-radio>
                 </el-radio-group>
               </el-form-item>
-            </div>
-            <div class="flex">
               <el-form-item
                 v-if="user_form.placeType != 1"
                 label="是否开启布控"
@@ -939,6 +936,8 @@
                   <el-radio :label="1">是</el-radio>
                 </el-radio-group>
               </el-form-item>
+            </div>
+            <div class="flex">
               <el-form-item
                 label="是否零点清除"
                 class="form-item-style item-margin-bottom"
@@ -949,8 +948,6 @@
                   <el-radio :label="true">是</el-radio>
                 </el-radio-group>
               </el-form-item>
-            </div>
-            <div class="flex">
               <el-form-item
                 label="进出人员数据统计"
                 prop="openInOutStatistics"
@@ -961,7 +958,9 @@
                   <el-radio :label="true">启用</el-radio>
                 </el-radio-group>
               </el-form-item>
-                            <el-form-item
+            </div>
+            <div class="flex">
+              <el-form-item
                 label="屏保图片配置"
                 prop="screenShowPhotos"
                 class="item-margin-bottom special form-item-style"
@@ -1073,143 +1072,155 @@
                 </el-form-item>
               </div>
             </div>
-            <div class="custom-css">
-              <el-form-item
-                label="自定义字段"
-                prop="isShowCustomWord"
-                class="form-item-style margin0"
-                v-if="user_form.whiteVisitorType.length > 0"
+          </div>
+        </div>
+        <!-- 登录配置 -->
+        <div>
+          <div class="title">
+            <div class="line"></div>
+            <span>登录配置</span>
+          </div>
+          <div class="custom-css">
+            <el-form-item
+              label="自定义字段"
+              prop="isShowCustomWord"
+              class="form-item-style margin0"
+              v-if="user_form.whiteVisitorType.length > 0"
+            >
+              <el-radio-group
+                v-model="user_form.isShowCustomWord"
+                @change="changeCustomWord"
               >
-                <el-radio-group
-                  v-model="user_form.isShowCustomWord"
-                  @change="changeCustomWord"
+                <el-radio :label="false">否</el-radio>
+                <el-radio :label="true">是</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <div
+              class="custom-css-item"
+              v-for="(item, index) in user_form.addCustomList"
+              :key="index"
+            >
+              <div class="flex">
+                <el-form-item
+                  label="名称"
+                  label-width="120px"
+                  style="margin-right: 10px; flex: 0.4"
+                  :prop="`addCustomList.${index}.customName`"
+                  :rules="rules.customName"
                 >
-                  <el-radio :label="false">否</el-radio>
-                  <el-radio :label="true">是</el-radio>
-                </el-radio-group>
-              </el-form-item>
-              <div
-                class="custom-css-item"
-                v-for="(item, index) in user_form.addCustomList"
-                :key="index"
-              >
-                <div class="flex">
-                  <el-form-item
-                    label="名称"
-                    label-width="120px"
-                    style="margin-right: 10px; flex: 0.4"
-                    :prop="`addCustomList.${index}.customName`"
-                    :rules="rules.customName"
-                  >
-                    <el-input
-                      :disabled="isdisabled(item.isEditable)"
-                      placeholder="请输入名称"
-                      v-model.trim="item.customName"
-                    />
-                  </el-form-item>
-                  <el-form-item
-                    label="提示"
-                    label-width="50px"
-                    style="margin-right: 10px; flex: 0.4"
-                    prop="prompt"
-                  >
-                    <el-input
-                      placeholder="请输入提示"
-                      v-model.trim="item.prompt"
-                      :disabled="isdisabled(item.isEditable)"
-                    />
-                  </el-form-item>
-                  <el-form-item
-                    label="字段类型"
-                    label-width="80px"
-                    style="flex: 0.3"
-                    :prop="`addCustomList.${index}.customType`"
-                    :rules="rules.customType"
-                  >
-                    <el-select
-                      :disabled="isdisabled(item.isEditable) || item.id != null"
-                      v-model="item.customType"
-                      style="width: 100%"
-                      placeholder="请选择类型"
-                    >
-                      <el-option
-                        v-for="l in customType_list"
-                        :key="l.name"
-                        :label="l.name"
-                        :value="l.name"
-                      >
-                      </el-option>
-                    </el-select>
-                  </el-form-item>
-                </div>
+                  <el-input
+                    :disabled="isdisabled(item.isEditable)"
+                    placeholder="请输入名称"
+                    v-model.trim="item.customName"
+                  />
+                </el-form-item>
                 <el-form-item
-                  label="选项配置"
-                  v-if="item.customType === '下拉选择'"
-                  :prop="`addCustomList.${index}.configurationOptions`"
-                  :rules="rules.configurationOptions"
+                  label="提示"
+                  label-width="50px"
+                  style="margin-right: 10px; flex: 0.4"
+                  prop="prompt"
                 >
                   <el-input
+                    placeholder="请输入提示"
+                    v-model.trim="item.prompt"
                     :disabled="isdisabled(item.isEditable)"
-                    placeholder="多个选项以英文/分隔"
-                    v-model.trim="item.configurationOptions"
                   />
                 </el-form-item>
-                <div class="flex">
-                  <el-form-item
-                    label="是否在小程序端显示"
-                    label-width="150px"
-                    style="margin-left: 10px; flex: 0.4"
-                    prop="isShow"
+                <el-form-item
+                  label="字段类型"
+                  label-width="80px"
+                  style="flex: 0.3"
+                  :prop="`addCustomList.${index}.customType`"
+                  :rules="rules.customType"
+                >
+                  <el-select
+                    :disabled="isdisabled(item.isEditable) || item.id != null"
+                    v-model="item.customType"
+                    style="width: 100%"
+                    placeholder="请选择类型"
                   >
-                    <el-radio-group v-model="item.isShow">
+                    <el-option
+                      v-for="l in customType_list"
+                      :key="l.name"
+                      :label="l.name"
+                      :value="l.name"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </div>
+              <el-form-item
+                label="选项配置"
+                v-if="item.customType === '下拉选择'"
+                :prop="`addCustomList.${index}.configurationOptions`"
+                :rules="rules.configurationOptions"
+              >
+                <el-input
+                  :disabled="isdisabled(item.isEditable)"
+                  placeholder="多个选项以英文/分隔"
+                  v-model.trim="item.configurationOptions"
+                />
+              </el-form-item>
+              <div class="flex">
+                <el-form-item
+                  label="是否在小程序端显示"
+                  label-width="150px"
+                  style="margin-left: 10px; flex: 0.4"
+                  prop="isShow"
+                >
+                  <el-radio-group v-model="item.isShow">
                       <el-radio
                         :label="0"
                         :disabled="isdisabled(item.isEditable)"
-                        >否</el-radio
-                      >
+                      >否</el-radio
+                    >
                       <el-radio
                         :label="1"
                         :disabled="isdisabled(item.isEditable)"
-                        >是</el-radio
-                      >
-                    </el-radio-group>
-                  </el-form-item>
-                  <el-form-item
-                    label="是否可编辑"
-                    style="flex: 0.4"
-                    prop="isEditable"
-                  >
-                    <el-radio-group v-model="item.isEditable">
-                      <el-radio :label="0">否</el-radio>
-                      <el-radio :label="1">是</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                  <el-form-item label="" label-width="0px" style="flex: 0.3">
-                    <div>
-                      <el-button
-                        type="primary"
-                        style="display: inline-block"
-                        icon="el-icon-plus"
-                        @click="addCustom(index)"
-                        size="small"
-                        >添加</el-button
-                      >
-                      <el-button
-                        type="danger"
-                        style="display: inline-block"
-                        icon="el-icon-delete-solid"
-                        @click="delCustom(index)"
-                        v-if="user_form.addCustomList.length > 1"
-                        size="small"
-                        >删除</el-button
-                      >
-                    </div>
-                  </el-form-item>
-                </div>
+                      >是</el-radio
+                    >
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item
+                  label="是否可编辑"
+                  style="flex: 0.4"
+                  prop="isEditable"
+                >
+                  <el-radio-group v-model="item.isEditable">
+                    <el-radio :label="0">否</el-radio>
+                    <el-radio :label="1">是</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item label="" label-width="0px" style="flex: 0.3">
+                  <div>
+                    <el-button
+                      type="primary"
+                      style="display: inline-block"
+                      icon="el-icon-plus"
+                      @click="addCustom(index)"
+                      size="small"
+                      >添加</el-button
+                    >
+                    <el-button
+                      type="danger"
+                      style="display: inline-block"
+                      icon="el-icon-delete-solid"
+                      @click="delCustom(index)"
+                      v-if="user_form.addCustomList.length > 1"
+                      size="small"
+                      >删除</el-button
+                    >
+                  </div>
+                </el-form-item>
               </div>
             </div>
           </div>
         </div>
+        <!-- 进出记录配置 -->
+        <div class="title">
+          <div class="line"></div>
+          <span>进出记录配置</span>
+        </div>
         <!-- 设备显示配置 -->
         <div v-if="user_form.type === 5">
           <div class="title">
@@ -1798,7 +1809,7 @@ export default {
         openThirdLinkPlatform: false,
         interfaceAddress: null,
         interfaceAddresses: [{
-          interfAddr: null,
+            interfAddr: null,
           zoneId: null
         }],
         subLineSuccess: null,
@@ -2112,8 +2123,8 @@ export default {
         if (this.user_form.whiteVisitorType.length === 0) {
           this.user_form.addCustomList = []
         }
-      }
-    },
+        }
+      },
     'user_form.placeType'(n, o) {
       if (n === 1) {
         this.user_form.isShowCustomWord = false