【安宁pc端 标签管理】-【用户标签 - 添加身份标签】魏凯 2020-12-01

src/views/modules/user/hasAuthenticationpartymembers.vue

@@ -12,17 +12,6 @@
                        clearable>
           </el-cascader>
         </el-form-item>
-        <!-- <el-form-item label="注册状态">
-          <el-select v-model="dataForm.registFlag"
-                     clearable
-                     placeholder="请选择">
-            <el-option v-for="item in registOptions"
-                       :key="item.dictValue"
-                       :label="item.dictName"
-                       :value="item.dictValue">
-            </el-option>
-          </el-select>
-        </el-form-item> -->
         <br>
         <el-form-item label="姓名" label-width="68px">
           <el-input v-model="dataForm.realName"
@@ -137,6 +126,17 @@
                          align="center"
                          min-width="350"
                          show-overflow-tooltip> </el-table-column>
+        <el-table-column :label="$t('handle')"
+                         fixed="right"
+                         header-align="center"
+                         align="center"
+                         width="150">
+        <template slot-scope="scope">
+          <el-button type="text"
+                     size="small"
+                     @click="partyReview(scope.row.id)">身份标签管理</el-button>
+        </template>
+        </el-table-column>
       </el-table>
       <el-pagination :current-page="page"
                      :page-sizes="[10, 20, 50, 100]"
@@ -147,11 +147,17 @@
                      @current-change="pageCurrentChangeHandle">
       </el-pagination>
     </div>
+    <!-- 党员认证 -->
+    <party-review v-if="partyReviewVisible"
+                  @firstDialogCallBack="firstDialogCallBack"
+                  ref="partyReview"
+                  @refreshDataList="getDataList"></party-review>
   </el-card>
 </template>
 
 <script>
 import mixinViewModule from '@/mixins/view-module'
+import PartyReview from './party-user-tag'
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -174,6 +180,7 @@ export default {
         startTime: '',
         endTime: ''
       },
+      partyReviewVisible: false,
       pickerBeginDateBefore: {
         disabledDate: (time) => {
           let beginDateVal = this.dataForm.endTime
@@ -204,6 +211,7 @@ export default {
     }
   },
   components: {
+    PartyReview
   },
   watch: {
     'deptIdList': function (val) {
@@ -387,7 +395,19 @@ export default {
       }).catch(() => {
         this.dataListLoading = false
       })
-    }
+    },
+    firstDialogCallBack (value) {
+      if (value) {
+        this.getDataList()
+      }
+    },
+    partyReview (userId) {
+      this.partyReviewVisible = true
+      this.$nextTick(() => {
+        this.$refs.partyReview.dataForm.id = userId
+        this.$refs.partyReview.init()
+      })
+    },
   }
 }
 </script>

src/views/modules/user/party-review.vue

@@ -55,15 +55,6 @@
                     选“否”该用户会认证为居民，并加入已认证居民列表
                 </p>
             </el-form-item>
-          <el-form-item v-if="dataForm.partyFlag == 1" label="身份标签" >
-            <el-select v-model="dataForm.partyTagIds" multiple collapse-tags placeholder="请选择身份标签">
-              <el-option v-for="item in tagOptions"
-                         :key="item.id"
-                         :label="item.tagName"
-                         :value="item.id">
-              </el-option>
-            </el-select>
-          </el-form-item>
             <el-form-item label="扫码支部">
             <el-form-item label="扫码网格">
                 <el-table :data="userGridList"

src/views/modules/user/party-user-tag.vue

@@ -0,0 +1,222 @@
+<template>
+  <el-dialog :visible.sync="visible"
+             title="身份标签管理"
+             :modal-append-to-body="false"
+             :close-on-click-modal="false"
+             :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="请输入"
+                  clearable></el-input>
+      </el-form-item>
+      <el-form-item label="手机号"
+                    prop="mobile">
+        <el-input v-model="dataForm.mobile"
+                  placeholder="请输入"
+                  clearable></el-input>
+      </el-form-item>
+      <el-form-item label="身份证号"
+                    prop="identityNo">
+        <el-input v-model="dataForm.identityNo"
+                  placeholder="请输入"
+                  clearable></el-input>
+      </el-form-item>
+      <el-form-item label="认证支部"
+                    prop="allDeptNames">
+        <span>{{dataForm.allDeptNames}}</span>
+      </el-form-item>
+      <el-form-item  label="身份标签" >
+        <el-select v-model="dataForm.tagIdsNew" multiple collapse-tags placeholder="请选择身份标签">
+          <el-option v-for="item in tagOptions"
+                     :key="item.id"
+                     :label="item.tagName"
+                     :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary"
+                 :disabled="isAble"
+                 @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+
+export default {
+  name: 'party-user-tag',
+  data () {
+    return {
+      visible: false,
+      identityNoRepeatVisible: false,
+      realNameRepeatVisible: false,
+      isAble: false,
+      dataForm: {
+        id: '',
+        partyFlag: '1',
+        cadreFlag: '',
+        state: '',
+        tagIds: [],
+        remark: '',
+        totalSubmitNum: '',
+        totalPassSubmitNum: '',
+        totalFailNum: '',
+        realName: '',
+        mobile: '',
+        identityNo: '',
+        tagIdsNew:[],
+
+      },
+      authenticateHistoryVisible: false,
+      cadreOptions: [{ cadreFlag: '1', cadreTitle: '是' }, { cadreFlag: '0', cadreTitle: '否' }],
+      tagOptions: [
+
+      ],
+      userGridList: [],
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        realName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        mobile: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        identityNo: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        partyFlag: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+      this.getTagOptions()
+    },
+    getTagOptions () {
+      this.$http.get(`/app-user/usertag/partyTag`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.tagOptions = res.data
+        // this.tagOptions =[
+        //   {id:"11125",tagName:"党员"},
+        //   {id:"11124",tagName:"入党积极分子"},
+        //   {id:"11123",tagName:"双认证党员"},
+        //   {id:"11122",tagName:"基层干部"},
+        //   {id:"11121",tagName:"书记"}
+        // ]
+      }).catch(() => { })
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/app-user/partymembers/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+        this.dataForm.partyFlag = '1' // 默认是党员
+        this.dataForm.tagIds = []
+        this.dataForm.partyFlag = ''
+        this.dataForm.tagIds = ''
+        this.dataForm.partyTagIds = []
+      }).catch(() => { })
+      this.$http.get(`/app-user/usergrid/listUserGrid/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.userGridList = res.data
+      }).catch(() => { })
+    },
+    // 确定
+    dataFormSubmitHandle: debounce(function () {
+      debugger
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.isAble = true
+        let postData = {
+          userId: this.dataForm.id,
+          tagIds: this.dataForm.tagIdsNew
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'post']('/app-user/usertagrelation/addTag/', postData).then(({ data: res }) => {
+          this.isAble = false
+         if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            this.$message({
+              message: this.$t('prompt.success'),
+              type: 'success',
+              duration: 500,
+              onClose: () => {
+                this.visible = false
+                this.$emit('refreshDataList')
+              }
+            })
+          }
+        }).catch(() => { })
+      })
+    }, 1000, { 'leading': true, 'trailing': false }),
+    registerResult (userId) {
+      this.$http.get(`api/message/sms/registerResult?userId=` + userId).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+      }).catch(() => { })
+    },
+    // 查看详情
+    userAuthenticateHistoryListHandle (userId) {
+      if (!this.dataForm.totalSubmitNum > 0) {
+        return this.$message.error('累计提交' + this.dataForm.totalSubmitNum + '次,没有认证历史记录')
+      }
+      this.authenticateHistoryVisible = true
+      this.$nextTick(() => {
+        this.$refs.authenticateHistory.dataForm.userId = userId
+        this.$refs.authenticateHistory.init()
+      })
+    },
+    showLeaderFlagFormatter (row, column, cellValue, index) {
+      if (cellValue === '1') {
+        return '是'
+      } else {
+        return '否'
+      }
+    },
+    secondDialogCallBack (value) {
+      if (value) {
+        this.visible = false
+        this.$emit('firstDialogCallBack', true)
+      }
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>