xbot席位管理变更需求

packages/xbot/AppSeatManagementXbot/components/GroupList.vue

@@ -59,13 +59,21 @@
           <div>{{editInfo.managerWxid}}</div>
         </el-form-item>
         <el-form-item label="人员关联" prop="managerTpUserName" style="width: 100%;" :rules="[{ required: true, message: '请选择人员' }]">
-          <el-input disabled size="small" v-model="editInfo.managerTpUserName" clearable placeholder="请选择人员">
+          <!-- <el-input disabled size="small" v-model="editInfo.managerTpUserName" clearable placeholder="请选择人员">
             <template slot="append">
               <ai-user-selecter refs="addTags" :isMultiple="false" :instance="instance" v-model="editInfo.user" @change="onChooseUser">
                 <el-button size="small">选择人员</el-button>
               </ai-user-selecter>
             </template>
-          </el-input>
+          </el-input> -->
+          <ai-person-select :instance="instance" :customClicker="true" :chooseUserList="chooseUserList"
+            url="/app/appgirdmemberinfo/list" headerTitle="网格员列表"
+            :isMultiple="false" dialogTitle="选择" @selectPerson="selectPerson" class="aipersonselect">
+            <template name="option" v-slot:option="{ item }">
+              <span class="iconfont iconProlife">{{ item.name }}</span>
+              <ai-id mode="show" :show-eyes="false" :value="item.idNumber"/>
+            </template>
+          </ai-person-select>
         </el-form-item>
       </el-form>
     </ai-dialog>
@@ -109,7 +117,8 @@ export default {
       dialog: false,
       editInfo: {},
       showArea: false,
-      areaInfo: {}
+      areaInfo: {},
+      chooseUserList: [],
     }
   },
   created() {
@@ -190,7 +199,7 @@ export default {
     edit(row) {
       this.dialog = true
       this.editInfo = {...row}
-      this.editInfo.user = [{id: row.managerTpwxid, name: row.managerTpUserName}]
+      this.chooseUserList = [{id: row.managerTpwxid, name: row.managerTpUserName}]
     },
     onChooseUser(v) {
       this.editInfo.wxUserId = v[0].id
@@ -235,6 +244,18 @@ export default {
         }
       });
     },
+
+    selectPerson(val) {
+      if (val) {
+        this.editInfo.managerTpUserName = val.name
+        this.editInfo.wxUserId = val.wxUserId
+        this.editInfo.managerTpwxid = val.id
+      } else {
+        this.editInfo.managerTpUserName = ''
+        this.editInfo.wxUserId = ''
+        this.editInfo.managerTpwxid = ''
+      }
+    },
   },
 }
 </script>