{{row.matchGroupCount}}/{{row.groupCount}}
@@ -65,6 +76,19 @@
           关闭
         
     
+    
+      
+        
+          
+        
+      
+    
   
 
 
@@ -80,6 +104,7 @@ export default {
   data() {
     return {
       search: {
+        areaId: '',
         current: 1,
         size: 10,
       },
@@ -96,6 +121,8 @@ export default {
       },
       tableDataGroup: [],
       totalGroup: 0,
+      showArea: false,
+      areaInfo: {}
     }
   },
   created() {
@@ -114,6 +141,7 @@ export default {
         { prop: "phone", label: '手机号'},
         // { prop: "girdNames", label: '管辖区域'},
         { slot: "groupCount", label: '监控群聊'},
+        { slot: "areaName"},
         { slot: "num", label: '群匹配'},
         { prop: "status", label: '状态', dict: 'deviceStatus'},
         { slot: "option"},
@@ -164,6 +192,10 @@ export default {
         }
       })
     },
+    getListInit() {
+      this.search.current = 1
+      this.getTableData()
+    },
     getTableData() {
       this.instance.post(`/app/xbotCallback/list`,null,{
         params: {
@@ -184,6 +216,30 @@ export default {
         this.getTableDataGroup()
       }
     },
+    changeArea(row) {
+      this.showArea = true
+      this.areaInfo = {...row}
+      this.$refs['form'].clearValidate();
+    },
+    selectArea(e) {
+      console.log(e[0].label)
+      this.areaInfo.areaName = e[0].label
+    },
+    areaConfirm() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.instance.post(`app/xbotCallback/updateArea?id=${this.areaInfo.id}&areaId=${this.areaInfo.areaId}&areaName=${this.areaInfo.areaName}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('所属地区设置成功')
+              this.showArea = false
+              this.getListInit()
+            }
+          })
+        } else {
+          return false
+        }
+      });
+    },
     getTableDataGroup() {
       this.tableDataGroup = []
       this.instance.post(`/app/xbotCallback/groupList`,null,{