feat(promotion): 省市接口

src/api/promotion/task.js

@@ -30,16 +30,20 @@ export const getChargeListAPI = () => {
 export const getTaskListAPI = (queryParams) => {
   return request({
     url: promotionBaseURL + '/activity/employee/query/page',
+    headers: {
+      isToken: false,
+      'Authorization': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6IjAwMDUxNiIsInBhc3N3b3JkIjoid3hsMDAwNTE2IiwidGltZSI6MTczNjk5OTI0NzgwNH0.ftF5TFyKR4OxCXudYe3-7kUE2qlAYP6Ff51Uj2blhHo',
+    },
     method: 'POST',
     data: {
       "pageNum": queryParams.page,
       "pageSize": queryParams.pageSize,
       "queryParams": {
         "deptQcId": queryParams.zoneId,
-        // "createDateStart": parseTime(queryParams.date[0], '{y}-{m}-{d}'),
-        "createDateStart": '2025-01-12 00:00:00',
-        // "createDateEnd": parseTime(queryParams.date[1], '{y}-{m}-{d}'),
-        "createDateEnd": '2025-01-14 23:59:59',
+        "createDateStart": parseTime(queryParams.date[0], '{y}-{m}-{d}'),
+        // "createDateStart": '2025-01-12 00:00:00',
+        "createDateEnd": parseTime(queryParams.date[1], '{y}-{m}-{d}'),
+        // "createDateEnd": '2025-01-14 23:59:59',
         "province": queryParams.province,
         "city": queryParams.city,
         "approverId": '',

src/views/promotion/task/index.vue

 <template>
   <div class="app-container">
     <div class="container">
+      <!-- 查询表单 -->
       <el-form :model="queryParams"
         inline
         label-width="auto">
-        <el-form-item label="选择日期"
-          prop="date">
-          <el-date-picker v-model="queryParams.date"
-            type="daterange"
-            :clearable="false"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            :shortcuts="pickerOptions"
-            @change="queryChangeFn('date')" />
-        </el-form-item>
-        <el-form-item label="任务状态"
-          prop="taskStatus">
-          <el-radio-group v-model="queryParams.taskStatus">
-            <el-radio-button v-for="item in taskStatusList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value" />
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="区域查询"
-          prop="region">
-          <el-radio-group v-model="queryParams.region">
-            <el-radio-button label="全国"
-              value="全国" />
-            <el-radio-button label="省"
-              value="省" />
-            <el-radio-button label="省-市"
-              value="省-市" />
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="战区查询"
-          prop="zone">
-          <el-select v-model="queryParams.zoneId"
-            placeholder="请选择战区">
-            <el-option v-for="item in zoneList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="负责人"
-          prop="manager">
-          <el-select v-model="queryParams.managerId"
-            placeholder="请选择负责人">
-            <el-option v-for="item in managerList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="门店"
-          prop="store">
-          <el-input v-model="queryParams.storeName"
-            placeholder="请输入门店名称" />
-        </el-form-item>
+        <el-row>
+          <el-form-item label="选择日期"
+            prop="date">
+            <el-date-picker v-model="queryParams.date"
+              type="daterange"
+              :clearable="false"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :shortcuts="pickerOptions"
+              @change="queryChangeFn('date')" />
+          </el-form-item>
+          <el-form-item label="任务状态"
+            prop="taskStatus">
+            <el-radio-group v-model="queryParams.taskStatus">
+              <el-radio-button v-for="item in taskStatusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value" />
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="区域查询"
+            prop="region">
+            <el-radio-group v-model="queryParams.region">
+              <el-radio-button label="全国"
+                value="全国" />
+              <el-radio-button label="省"
+                value="省" />
+              <el-radio-button label="省-市"
+                value="省-市" />
+            </el-radio-group>
+          </el-form-item>
+        </el-row>
+        <!-- 省市 -->
+        <el-row>
+          <el-form-item label="省份"
+            prop="province">
+            <el-select v-model="queryParams.province"
+              placeholder="请选择省"
+              @change="getCityList">
+              <el-option v-for="item in provinceList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="市"
+            prop="city">
+            <el-select v-model="queryParams.city"
+              placeholder="请选择市">
+              <el-option v-for="item in cityList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-row>
+        <el-row>
+          <el-form-item label="战区查询"
+            prop="zone">
+            <el-select v-model="queryParams.zoneId"
+              placeholder="请选择战区">
+              <el-option v-for="item in zoneList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="负责人"
+            prop="manager">
+            <el-select v-model="queryParams.managerId"
+              placeholder="请选择负责人">
+              <el-option v-for="item in managerList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="门店"
+            prop="store">
+            <el-input v-model="queryParams.storeName"
+              placeholder="请输入门店名称" />
+          </el-form-item>
+        </el-row>
       </el-form>
+      <!-- 数据表格 -->
     </div>
   </div>
 </template>
@@ -68,7 +98,7 @@
 <script setup>
 import { reactive } from 'vue'
 import { useDatePickerOptions } from '@/hooks'
-import { getWarZoneListAPI, getChargeListAPI, getTaskListAPI } from '@/api'
+import { getWarZoneListAPI, getChargeListAPI, getTaskListAPI, getProCityAPI } from '@/api'
 
 
 const { pickerOptions, last7Date } = useDatePickerOptions(0)
@@ -101,10 +131,25 @@ const taskStatusList = ref([
   }
 ])
 
+// 区域查询
+const provinceList = ref([])
+const cityList = ref([])
+const getProCity = async () => {
+  const { data } = await getProCityAPI()
+  console.log(data)
+  provinceList.value = data.map(item => {
+    return {
+      label: item.name,
+      value: item.num
+    }
+  })
+}
+getProCity()
+
 // 战区列表
 const zoneList = ref([])
 const getZoneList = async () => {
-  const {data} = await getWarZoneListAPI()
+  const { data } = await getWarZoneListAPI()
   zoneList.value = data.map(item => {
     return {
       label: item.orgName,
@@ -117,7 +162,7 @@ getZoneList()
 // 负责人列表
 const managerList = ref([])
 const getManagerList = async () => {
-  const {data} = await getChargeListAPI()
+  const { data } = await getChargeListAPI()
   managerList.value = data.map(item => {
     return {
       label: item.empName,
@@ -130,7 +175,7 @@ getManagerList()
 // 任务列表
 const tableList = ref([])
 const getTaskList = async () => {
-  const {data} = await getTaskListAPI(queryParams)
+  const { data } = await getTaskListAPI(queryParams)
   tableList.value = data.map(item => {
     return {
       label: item.taskName,