会员转移添加标签筛选

src/views/users/user/transfer.vue

@@ -52,6 +52,25 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="标签" prop="tagIds">
+        <el-select
+          v-model="queryParams.tagIds"
+          multiple
+          collapse-tags
+          clearable
+          filterable
+          placeholder="请选择标签"
+          size="small"
+          style="width: 220px"
+        >
+          <el-option
+            v-for="item in tagList"
+            :key="item.tagId"
+            :label="item.tagName"
+            :value="item.tagId"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -147,7 +166,8 @@
 <script>
 import { listUser, transferUser} from "@/api/users/user";
 import {parseTime} from "../../../utils/common";
-import {getUserList} from "@/api/company/companyUser"; // 假设API文件路径
+import {getUserList} from "@/api/company/companyUser";
+import { listUserTags } from "@/api/user/fsUser";
 
 export default {
   name: "CustomerTransfer",
@@ -177,6 +197,7 @@ export default {
         phoneNumber: null,
       },
       projectOptions: [],
+      tagList: [],
       selectedUser: [],
       restoring: false,
     };
@@ -190,11 +211,19 @@ export default {
         this.companyUserList = res.data
       }
     });
-
+    this.loadTagList();
     this.getList();
   },
   methods: {
     parseTime,
+    /** 加载标签列表 */
+    loadTagList() {
+      listUserTags().then(res => {
+        if (res.code === 200) {
+          this.tagList = res.data || []
+        }
+      })
+    },
     /** 查询客户列表 */
     getList() {
       this.loading = true;