涉访涉诉--查询条件修改

src/views/data/ComplaintCollection.vue

@@ -5,18 +5,16 @@
         <el-row>
           <el-col :span="6">
             <el-form-item label="问题来源">
-              <el-select
-                  placeholder="全部"
+              <el-cascader
+                  v-model="query.sourcePath"
+                  :options="dict.sourceTableAndLevel"
+                  :props="{ emitPath: true, checkStrictly: true , multiple: true }"
                   clearable
-                  v-model="query.sourceTables"
-                  multiple
-                  collapse-tags
-              >
-                <el-option value="data_mailbox" label="局长信箱"/>
-                <el-option value="data_petition_complaint_21" label="公安部信访"/>
-                <el-option value="data_petition_complaint_22" label="国家信访"/>
-                <el-option value="data_case_verif" label="12389投诉"/>
-              </el-select>
+                  filterable
+                  show-all-levels
+                  placeholder="请选择来源（一级/二级）"
+                  style="width: 100%"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -412,10 +410,35 @@ const show = ref(false);
 
 
 // region  列表
+
+
+
 const query = ref({
   size: 10,
   current: 1,
+  sourcePath: [],
+  sourceTableList: [],
+  sourceTableSubOneList: [],
 });
+watch(
+    () => query.value.sourcePath,
+    (paths = []) => {
+      const tableSet = new Set()
+      const subSet = new Set()
+
+      paths.forEach(path => {
+        if (!Array.isArray(path)) return
+        if (path[0]) tableSet.add(path[0])
+        if (path[1]) subSet.add(path[1])
+      })
+
+      query.value.sourceTableList = Array.from(tableSet)
+      query.value.sourceTableSubOneList = Array.from(subSet)
+    },
+    { deep: true }
+)
+
+
 const list = ref([]);
 const total = ref(0);
 const loading = ref(false)
@@ -423,7 +446,13 @@ const getList = async () => {
   console.log("===============xxx==================")
   console.log(dict.value.sfssSourceTable)
   loading.value = true;
-  let res = await getComplaintCollectionPage(query.value);
+
+  const params = {
+    ...query.value,
+  }
+  delete params.sourcePath
+
+  let res = await getComplaintCollectionPage(params);
   console.log(res.complaintCollectionPageDTOS);
   list.value = res.complaintCollectionPageDTOS;
   total.value = res.total;