批次搜索条件更改与数据配置

src/views/remote/satellite/index.vue

@@ -10,13 +10,15 @@
     >
       <el-form-item label="行政区">
         <!-- <el-col :span="4"> -->
-          <treeselect
-            v-model="form.xzqdm"
-            :options="deptOptions"
-            :normalizer="normalizer"
-            placeholder="选择行政区"
+        <treeselect
+          v-model="queryParams.deptId"
+          :options="deptOptions"
+          :normalizer="normalizer"
+          placeholder="选择行政区"
+          @change="treeselecthange"
+          :value="selectedValues"
         />
-      <!-- </el-col> -->
+        <!-- </el-col> -->
       </el-form-item>
 
       <el-form-item label="活动时间">
@@ -24,7 +26,7 @@
           <el-date-picker
             type="date"
             placeholder="选择日期"
-            v-model="form.filetime"
+            v-model="queryParams.filetime"
             style="width: 100%"
             value-format="yyyy-MM-dd"
           ></el-date-picker>
@@ -34,7 +36,7 @@
           <el-date-picker
             type="date"
             placeholder="选择日期"
-            v-model="form.readtime"
+            v-model="queryParams.readtime"
             style="width: 100%"
             value-format="yyyy-MM-dd"
           ></el-date-picker>
@@ -326,7 +328,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         name: "", //文件名称
-        xzqdm: "", //区县名称
+        deptId: undefined, //区县名称
         filetime: "", //录入时间
         readtime: "", //处理时间
       },
@@ -355,6 +357,7 @@ export default {
       uploadFileUrl: process.env.VUE_APP_BASE_API + "/file/uploadSpotZip",
       // 部门树选项
       deptOptions: [],
+      selectedValues: [],
     };
   },
   created() {
@@ -370,10 +373,11 @@ export default {
       };
       listDept(queryParams).then((res) => {
         this.deptOptions = this.handleTree(res.data, "deptId");
-        //  this.normalizer(res.data)
-        console.log(this.deptOptions, "responseresponse");
       });
     },
+    treeselecthange(value) {
+      this.selectedValues = value;
+    },
     handleChange() {},
     /** 转换部门数据结构 */
     normalizer(node) {
@@ -457,8 +461,17 @@ export default {
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
+      // this.resetForm("queryForm");
+      // 查询参数
+      (this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        name: "", //文件名称
+        xzqdm: "", //区县名称
+        filetime: "", //录入时间
+        readtime: "", //处理时间
+      }),
+        this.handleQuery();
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
@@ -535,10 +548,10 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-::v-deep .el-form-item--medium .el-form-item__label{
+::v-deep .el-form-item--medium .el-form-item__label {
   font-size: 11px;
 }
-::v-deep .vue-treeselect{
+::v-deep .vue-treeselect {
   display: table-caption !important;
   width: 200px;
 }