页面修改

src/views/modules/user/partymembers-add-or-update.vue

@@ -1,64 +1,88 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+  <el-dialog :visible.sync="visible"
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+             :title="!dataForm.id ? $t('add') : $t('update')"
-      <el-form-item label="姓名" prop="realName">
+             :close-on-click-modal="false"
-          <el-input v-model="dataForm.realName" placeholder="姓名"></el-input>
+             :close-on-press-escape="false">
+    <el-form :model="dataForm"
+             :rules="dataRule"
+             ref="dataForm"
+             @keyup.enter.native="dataFormSubmitHandle()"
+             :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+      <el-form-item label="姓名"
+                    prop="realName">
+        <el-input v-model="dataForm.realName"
+                  placeholder="姓名"></el-input>
       </el-form-item>
-      <el-form-item label="手机号" prop="mobile">
+      <el-form-item label="手机号"
-          <el-input v-model="dataForm.mobile" placeholder="手机号"></el-input>
+                    prop="mobile">
+        <el-input v-model="dataForm.mobile"
+                  placeholder="手机号"></el-input>
       </el-form-item>
-      <el-form-item label="身份证号" prop="identityNo">
+      <el-form-item label="身份证号"
-          <el-input v-model="dataForm.identityNo" placeholder="身份证号"></el-input>
+                    prop="identityNo">
+        <el-input v-model="dataForm.identityNo"
+                  placeholder="身份证号"></el-input>
       </el-form-item>
-      <el-form-item label="街道党工委" prop="streetId">
+      <el-form-item label="街道党工委"
-          <el-select v-model="dataForm.streetId" placeholder="请选择" @change="getCommunityList">
+                    prop="streetId">
-            <el-option
+        <el-select v-model="dataForm.streetId"
-              v-for="item in streetOptions"
+                   placeholder="请选择"
-              :key="item.id"
+                   @change="getCommunityList">
-              :label="item.name"
+          <el-option v-for="item in streetOptions"
-              :value="item.id">
+                     :key="item.id"
-            </el-option>
+                     :label="item.name"
-          </el-select>
+                     :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="社区党委" prop="communityId">
+      <el-form-item label="社区党委"
-        <el-select v-model="dataForm.communityId" placeholder="请选择" @change="getGridList">
+                    prop="communityId">
-          <el-option
+        <el-select v-model="dataForm.communityId"
-            v-for="item in communityOptions"
+                   placeholder="请选择"
-            :key="item.id"
+                   @change="getGridList">
-            :label="item.name"
+          <el-option v-for="item in communityOptions"
-            :value="item.id">
+                     :key="item.id"
+                     :label="item.name"
+                     :value="item.id">
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="网格党支部" prop="gridId">
+      <el-form-item label="网格党支部"
-        <el-select v-model="dataForm.gridId" placeholder="请选择" @change="evaluation">
+                    prop="gridId">
-          <el-option
+        <el-select v-model="dataForm.gridId"
-            v-for="item in gridOptions"
+                   placeholder="请选择"
-            :key="item.id"
+                   @change="evaluation">
-            :label="item.name"
+          <el-option v-for="item in gridOptions"
-            :value="item.id">
+                     :key="item.id"
+                     :label="item.name"
+                     :value="item.id">
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="干部下沉" prop="cadreFlag">
+      <el-form-item label="干部下沉"
-        <el-select v-model="dataForm.cadreFlag" placeholder="请选择">
+                    prop="cadreFlag">
-          <el-option
+        <el-select v-model="dataForm.cadreFlag"
-            v-for="item in cadreOptions"
+                   placeholder="请选择">
-            :key="item.cadreFlag"
+          <el-option v-for="item in cadreOptions"
-            :label="item.cadreTitle"
+                     :key="item.cadreFlag"
-            :value="item.cadreFlag">
+                     :label="item.cadreTitle"
+                     :value="item.cadreFlag">
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="用户角色" prop="tagIds">
+      <el-form-item label="用户标签"
+                    prop="tagIds">
         <el-checkbox-group v-model="dataForm.tagIds">
-          <el-checkbox v-for="item in tagOptions" :key="item.tagName" :label="item.id">{{item.tagName}}</el-checkbox>
+          <el-checkbox v-for="item in tagOptions"
+                       :key="item.tagName"
+                       :label="item.id">{{item.tagName}}</el-checkbox>
         </el-checkbox-group>
       </el-form-item>
     </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary"
+                 @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -86,13 +110,7 @@ export default {
       streetOptions: [],
       communityOptions: [],
       gridOptions: [],
-      cadreOptions: [{
+      cadreOptions: [{ cadreFlag: '1', cadreTitle: '是' }, { cadreFlag: '0', cadreTitle: '否' }],
-        cadreFlag: '1',
-        cadreTitle: '是'
-      }, {
-        cadreFlag: '0',
-        cadreTitle: '否'
-      }],
       tagOptions: []
     }
   },
@@ -144,7 +162,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.tagOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     getStreetList () {
       this.$http.get(`/sys/dept/sublist/1169154711480528897`).then(({ data: res }) => {
@@ -152,7 +170,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.streetOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     getCommunityList () {
       let choosenItem = this.streetOptions.filter(item => item.id === this.dataForm.streetId)[0]
@@ -164,7 +182,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.communityOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     getGridList () {
       let choosenItem = this.communityOptions.filter(item => item.id === this.dataForm.communityId)[0]
@@ -175,7 +193,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.gridOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     evaluation () {
       let choosenItem = this.gridOptions.filter(item => item.id === this.dataForm.gridId)[0]
@@ -197,14 +215,14 @@ export default {
             return this.$message.error(res.msg)
           }
           this.communityOptions = res.data
-        }).catch(() => {})
+        }).catch(() => { })
         this.$http.get(`/sys/dept/sublist/` + this.dataForm.communityId).then(({ data: res }) => {
           if (res.code !== 0) {
             return this.$message.error(res.msg)
           }
           this.gridOptions = res.data
-        }).catch(() => {})
+        }).catch(() => { })
-      }).catch(() => {})
+      }).catch(() => { })
     },
     // 表单提交
     dataFormSubmitHandle: debounce(function () {
@@ -225,7 +243,7 @@ export default {
               this.$emit('refreshDataList')
             }
           })
-        }).catch(() => {})
+        }).catch(() => { })
       })
     }, 1000, { 'leading': true, 'trailing': false })
   }

src/views/modules/user/user-add-or-update.vue

@@ -49,15 +49,13 @@
                     prop="address">
         <span>{{dataForm.address}}</span>
       </el-form-item>
-      <template>
+      <el-form-item label="是否通过审核"
-        &nbsp;&nbsp;
+                    prop="pass">
-        <span>是否通过审核</span>&nbsp;&nbsp;
         <el-radio v-model="dataForm.pass"
                   label="1">是</el-radio>
         <el-radio v-model="dataForm.pass"
                   label="0">否</el-radio>
-      </template>
+      </el-form-item>
-      <p></p>
       <el-form-item label="用户角色"
                     prop="tagIds">
         <el-checkbox-group v-model="dataForm.tagIds">
@@ -92,20 +90,8 @@ export default {
         tagIds: [],
         registTime: ''
       },
-      partyFlagOptions: [{
+      partyFlagOptions: [{ id: '0', name: '不是' }, { id: '1', name: '是' }],
-        id: '0',
+      cadreOptions: [{ cadreFlag: '1', cadreTitle: '是' }, { cadreFlag: '0', cadreTitle: '否' }],
-        name: '不是'
-      }, {
-        id: '1',
-        name: '是'
-      }],
-      cadreOptions: [{
-        cadreFlag: '1',
-        cadreTitle: '是'
-      }, {
-        cadreFlag: '0',
-        cadreTitle: '否'
-      }],
       tagOptions: []
     }
   },
@@ -130,9 +116,6 @@ export default {
         partyFlag: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ],
-        registerWay: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
         gridId: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ]