feat(task): 促销任务查询功能

src/views/promotion/task/index.vue

@@ -13,11 +13,13 @@
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
-            :shortcuts="pickerOptions" />
+            :shortcuts="pickerOptions"
+            @change="getTaskList" />
         </el-form-item>
         <el-form-item label="任务状态"
           prop="taskStatus">
-          <el-radio-group v-model="queryParams.taskStatus">
+          <el-radio-group v-model="queryParams.taskStatus"
+            @change="getTaskList">
             <el-radio-button v-for="item in taskStatusList"
               :key="item.value"
               :label="item.label"
@@ -28,7 +30,8 @@
         <el-row>
           <el-form-item label="区域查询"
             prop="region">
-            <el-radio-group v-model="queryParams.region">
+            <el-radio-group v-model="queryParams.region"
+              @change="regionChange">
               <el-radio-button label="全国"
                 value="全国" />
               <el-radio-button label="省"
@@ -187,7 +190,7 @@ const taskStatusList = ref([
   },
   {
     label: '全部数据',
-    value: 'ALL'
+    value: ''
   }
 ])
 
@@ -208,6 +211,7 @@ const getProCity = async () => {
       value: item.num
     }))
   }
+  getTaskList()
 }
 getProCity()
 
@@ -338,6 +342,9 @@ const deleteView = async (row) => {
 
 // 获取任务列表
 const getTaskList = async () => {
+  // 后台省市不要 id，自己查个名字给后台
+  queryParams.province = provinceList.value.find(item => item.value === queryParams.provinceId)?.label
+  queryParams.city = cityList.value.find(item => item.value === queryParams.cityId)?.label
   // 城市经理查自己，职能角色查所有（需要的是促销系统 id）
   if (cityManagerPrivilege.value) {
     // 城市经理 
@@ -361,17 +368,31 @@ const formatter = (row, columns, value) => {
   } else if (columns.property === 'clockDto.clockOutTime' && value) {
     return parseTime(value, '{h}:{i}') + '\n' + row['clockDto']['clockOutAddress']
   } else if (columns.property === 'approveStatus' && value) {
-   const obj = {
-    SUBMITTED: '未审批',
-    APPROVED: '已审批'
-   }
-   return obj[value]
+    const obj = {
+      SUBMITTED: '未审批',
+      APPROVED: '已审批'
+    }
+    return obj[value]
   }
   return value
 }
+
+// 区域查询切换
+const regionChange = (val) => {
+  if (val === '全国') {
+    queryParams.provinceId = undefined
+    queryParams.cityId = undefined
+  } else if (val === '省') {
+    queryParams.cityId = undefined
+  } else if (val === '省-市') {
+    cityList.value = []
+    getProCity()
+  }
+  getTaskList()
+}
+
 // 查看照片
 const lookPhoto = async (row) => {
-  console.log(row)
   photoDialogVisible.value = true
   photoLookInfoObj.value = row
   const result = await getPromotionActivityAPI(row.id)
@@ -455,7 +476,7 @@ const lookPhoto = async (row) => {
 
   /* 单元格支持 \n 换行 */
   .container .el-table ::v-deep(.cell) {
-    /* white-space: pre-line; */
+    white-space: pre-line;
     /* 强制显示 2 行，超出的省略号 */
     /* overflow: hidden;
     text-overflow: ellipsis;