模版因子关闭按钮无响应,批次数据行政区搜索代码更新与修改

src/views/remote/satellite/index.vue

@@ -11,12 +11,12 @@
       <el-form-item label="行政区">
         <!-- <el-col :span="4"> -->
         <treeselect
-          v-model="queryParams.deptId"
+          v-model="queryParams.xzqdm"
           :options="deptOptions"
           :normalizer="normalizer"
           placeholder="选择行政区"
-          @change="treeselecthange"
           :value="selectedValues"
+          @select="treeselecthange"
         />
         <!-- </el-col> -->
       </el-form-item>
@@ -328,7 +328,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         name: "", //文件名称
-        deptId: undefined, //区县名称
+        xzqdm: undefined, //区县编码
         filetime: "", //录入时间
         readtime: "", //处理时间
       },
@@ -364,6 +364,16 @@ export default {
     this.getList();
     this.getDept();
   },
+  computed: {
+    watchDeptId() {
+      return this.queryParams.xzqdm;
+    },
+  },
+  watch: {
+    watchDeptId(newVal) {
+      // console.log(newVal,'newValnewVal');
+    },
+  },
   methods: {
     getDept() {
       // 查询参数
@@ -376,7 +386,8 @@ export default {
       });
     },
     treeselecthange(value) {
-      this.selectedValues = value;
+      this.selectedValues = value.district;
+      this.queryParams.xzqdm = value.district;
     },
     handleChange() {},
     /** 转换部门数据结构 */
@@ -385,7 +396,7 @@ export default {
         delete node.children;
       }
       return {
-        id: node.deptId,
+        id: node.district,
         label: node.deptName,
         children: node.children,
       };

src/views/remote/template-data/index.vue

@@ -281,7 +281,9 @@ export default {
         });
     },
     handleSelectionChange() {},
-    handleClose() {},
+    handleClose() {
+      this.dialogVisible = false;
+    },
     submitForm(form) {
       this.$refs[form].validate((valid) => {
         if (valid) {