refactor(audit_activity/examine/tasklist.vue): 修改：勤策 App 移动端内网页_售点稽查_新增竞品信息填写和筛选范围为日期范围

src/views/mobile/pages/audit_activity/sales_point_inspection/examine/inspectionTask/index.vue

@@ -3,6 +3,7 @@
   <div class="wrap">
     <van-nav-bar left-arrow
       left-text="返回"
+      fixed
       @click-left="router.back()">
     </van-nav-bar>
     <div class="content">
@@ -79,21 +80,7 @@
           </el-select>
         </template>
       </van-field>
-      <!-- <van-field :model-value="form.selectedType.join('')"
-        readonly
-        label="渠道类型"
-        label-align="top"
-        placeholder="请选择"
-        @click="showTypePopup = true"
-        class="store-type" />
-      <van-popup v-model:show="showTypePopup"
-        position="bottom"
-        @close="showTypePopup = false">
-        <van-picker v-model="form.selectedType"
-          :columns="typeOptions"
-          @confirm="handleTypeConfirm"
-          @cancel="showTypePopup = false" />
-      </van-popup> -->
+
       <!-- 信息填写组 -->
       <van-tabs v-model:active="active"
         class="tabs"
@@ -121,6 +108,47 @@
             ref="categoryInformationRef" />
         </van-tab>
       </van-tabs>
+
+      <!-- 竞品填写组 -->
+      <div class="comper-summary">
+        <p class="title">竞品信息：</p>
+        <van-field v-model.number="form.competitorWangjiafuSkuTotal"
+          label="旺家福SKU总数："
+          type="number"
+          placeholder="请输入"
+          label-align="left"
+          @change="handleComPePrdChange" />
+        <van-field v-model.number="form.competitorWangjiafuFacingTotal"
+          label="旺家福排面总数："
+          type="number"
+          placeholder="请输入"
+          label-align="left"
+          @change="handleComPePrdChange" />
+        <van-field v-model.number="form.competitorQianjiaxiangSkuTotal"
+          label="钱家香SKU总数："
+          type="number"
+          placeholder="请输入"
+          label-align="left"
+          @change="handleComPePrdChange" />
+        <van-field v-model.number="form.competitorQianjiaxiangFacingTotal"
+          label="钱家香排面总数："
+          type="number"
+          placeholder="请输入"
+          label-align="left"
+          @change="handleComPePrdChange" />
+        <van-field v-model.number="form.competitorJinchuniangSkuTotal"
+          label="金厨娘SKU总数："
+          type="number"
+          placeholder="请输入"
+          label-align="left"
+          @change="handleComPePrdChange" />
+        <van-field v-model.number="form.competitorJinchuniangFacingTotal"
+          label="金厨娘排面总数："
+          type="number"
+          placeholder="请输入"
+          label-align="left"
+          @change="handleComPePrdChange" />
+      </div>
       <!-- 任务总结 -->
       <div class="task-summary">
         <p class="title">其他：</p>
@@ -423,6 +451,23 @@ const handleTypeConfirm = async () => {
 /*************** tabs 组 ***************/
 const active = ref(0)
 
+/*************** 竞品组 ***************/
+const handleComPePrdChange = async () => {
+  await createInspectionTaskAPI({
+    storeCode: form.storeCode,
+    storeName: form.storeName,
+    rstId: form.rstId,
+    // 判断空字符串传 null
+    "competitorWangjiafuSkuTotal": form.competitorWangjiafuSkuTotal || null,
+    "competitorWangjiafuFacingTotal": form.competitorWangjiafuFacingTotal || null,
+    "competitorQianjiaxiangSkuTotal": form.competitorQianjiaxiangSkuTotal || null,
+    "competitorQianjiaxiangFacingTotal": form.competitorQianjiaxiangFacingTotal || null,
+    "competitorJinchuniangSkuTotal": form.competitorJinchuniangSkuTotal || null,
+    "competitorJinchuniangFacingTotal": form.competitorJinchuniangFacingTotal || null,
+  })
+  showNotify({ type: 'success', message: '竞品信息，修改成功' })
+}
+
 /*************** 其他信息填写 ***************/
 // 礼盒礼袋在售
 const handleLhldArrChange = async () => {
@@ -502,8 +547,13 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
     min-height: 100vh;
     font-size: 16px;
 
+    .van-nav-bar{
+      z-index: 1000;
+    }
+
     .content {
       padding: 20px;
+      padding-top: 66px;
 
       .title {
         margin: 0;
@@ -640,6 +690,24 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
         margin-top: 10px;
       }
 
+      /* 竞品信息组 */
+      .comper-summary {
+        margin-top: 10px;
+        background: white;
+        padding: 10px;
+        color: var(--main-color);
+        --van-field-label-width: 120px !important;
+
+        .title {
+          margin-bottom: 10px;
+        }
+
+        .van-cell {
+          padding: 0;
+          margin-bottom: 20px;
+        }
+
+      }
 
       /* 其他 */
       .task-summary {

src/views/mobile/pages/audit_activity/sales_point_inspection/examine/taskList.vue

@@ -108,7 +108,11 @@ const loading = ref(false);
 const finished = ref(true);
 const refreshLoading = ref(false)
 const getInspectionTaskListFn = async () => {
-  const res = await getInspectionTaskListAPI(query)
+  const res = await getInspectionTaskListAPI({
+    ...query,
+    operDateStart: parseTime(query.operDate[0], '{y}-{m}-{d}'),
+    operDateEnd: parseTime(query.operDate[1], '{y}-{m}-{d}'),
+  })
   resultList.value = [...resultList.value, ...res.data.rows]
   finished.value = res.data.total <= resultList.value.length
 }