init

src/views/xq/user/index.vue

@@ -42,6 +42,16 @@
           v-hasPermi="['xq:user:add']"
         >新增</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+            type="success"
+            plain
+            icon="el-icon-edit"
+            size="mini"
+            @click="handleUserTagUpdate"
+            v-hasPermi="['xq:user:edit']"
+        >修改标签</el-button>
+      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -52,6 +62,11 @@
           <cai-dict-tag :options="appUserTypeList" :value="scope.row.type" />
         </template>
       </el-table-column>
+      <el-table-column label="标签" align="center" prop="tag">
+        <template v-slot="scope">
+          <cai-dict-tag :options="userTagList" :value="scope.row.tag" />
+        </template>
+      </el-table-column>
       <el-table-column label="编号" align="center" prop="usercode" />
       <el-table-column label="昵称" align="center" prop="nickname" />
       <el-table-column label="手机号" align="center" prop="mobile" />
@@ -129,6 +144,8 @@
     <user-info-dialog v-if="userInfoDialogVisible" ref="userInfoDialog" />
     <add-user-dialog v-if="addUserDialogVisible" ref="addUserDialog" @refreshDataList="getList" />
     <update-user-dialog v-if="updateUserDialogVisible" ref="updateUserDialog" @refreshDataList="getList" />
+    <update-user-tag-dialog v-if="updateUserTagDialogVisible" ref="updateUserTagDialog" @refreshDataList="getList" />
+
   </div>
 </template>
 
@@ -144,22 +161,24 @@ import {
   userResetNickname,
   userLock, userUnlock
 } from '@/api/xq/user'
-import { appUserTypeList, finishStatusList, genderList, userStatusList } from '@/constant/statusMap'
+import { appUserTypeList, finishStatusList, genderList, userStatusList, userTagList } from '@/constant/statusMap'
 import BindInviteDialog from '@/views/xq/user/bind-invite-dialog.vue'
 import UserInfoDialog from '@/views/xq/user/user-info-dialog.vue'
 import AddUserDialog from '@/views/xq/user/add-user-dialog.vue'
 import UpdateUserDialog from '@/views/xq/user/update-user-dialog.vue'
+import UpdateUserTagDialog from '@/views/xq/user/update-user-tag-dialog.vue'
 
 export default {
   name: "User",
-  components: { BindInviteDialog,UserInfoDialog,AddUserDialog,UpdateUserDialog},
+  components: { BindInviteDialog,UserInfoDialog,AddUserDialog,UpdateUserDialog,UpdateUserTagDialog},
   data() {
     return {
-      userStatusList,genderList,appUserTypeList,finishStatusList,
+      userStatusList,genderList,appUserTypeList,finishStatusList,userTagList,
       bindInviteDialogVisible: false,
       userInfoDialogVisible: false,
       addUserDialogVisible: false,
       updateUserDialogVisible: false,
+      updateUserTagDialogVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -221,6 +240,12 @@ export default {
         this.$refs.addUserDialog.init()
       })
     },
+    handleUserTagUpdate(){
+      this.updateUserTagDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.updateUserTagDialog.init(this.ids)
+      })
+    },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.updateUserDialogVisible = true