账号管理增加账号角色筛选

project/qianxinan/AppAccountQxn/AppAccountQxn.vue

@@ -15,6 +15,8 @@
           <template #left>
             <el-button type="primary" :disabled="!ids.toString()" @click="batchAllot">功能分配</el-button>
             <el-button size="small" icon="iconfont iconUpdate_Files" @click="syncMembers">同步成员</el-button>
+            <ai-select placeholder="账号角色" v-model="search.roleId" :instance="instance"
+                       action="/admin/role-acc/list-all" :prop="{label:'name'}" @change="page.current=1,getTableData()"/>
           </template>
           <template #right>
             <el-input size="small" placeholder="搜索姓名、手机号" v-model="search.name" clearable
@@ -47,10 +49,7 @@
       <el-form ref="updateAccountForm" :model="dialogForm" :rules="rules" size="small"
                label-width="120px">
         <el-form-item required label="角色" prop="roleId">
-          <el-select size="small" placeholder="请选择角色" :value="dialogForm.roleId" filterable
+          <ai-select placeholder="请选择角色" v-model="dialogForm.roleId" :instance="instance" action="/admin/role-acc/list-all" :prop="{label:'name'}"/>
-                     v-model="dialogForm.roleId" clearable>
-            <el-option v-for="(op,i) in accountRoles" :key="i" :label="op.name" :value="op.id"/>
-          </el-select>
         </el-form-item>
         <el-form-item required label="主部门" prop="wxMainDepartmentId">
           <ai-select v-model="dialogForm.wxMainDepartmentId" placeholder="请选择主部门" :instance="instance" action="/app/wxcp/wxdepartment/listAll"
@@ -79,7 +78,7 @@ import {mapState} from "vuex";
 
 export default {
   name: "AppAccountQxn",
-  label: "账号管理(村微版)",
+  label: "账号管理",
   props: {
     instance: Function,
     dict: Object,
@@ -135,7 +134,6 @@ export default {
   data() {
     return {
       condition: "",
-      accountRoles: [],
       page: {current: 1, size: 10, total: 0},
       dialog: false,
       dialogForm: {},
@@ -174,16 +172,8 @@ export default {
     },
     initDialogData() {
       //用于优化初始化数据
-      this.getAccountRoles()
       this.searchSysAll()
     },
-    getAccountRoles() {
-      this.accountRoles.length == 0 && this.instance.post("/admin/role-acc/list-all").then(res => {
-        if (res?.data) {
-          this.accountRoles = res.data
-        }
-      })
-    },
     batchAllot() {
       this.dialog = true
       this.dialogForm = {areaId: this.user.info.areaId, sysUserIds: this.ids}