feat(inspectiontask): 新增：勤策移动端_售点稽查_陈列分组支持删除操作

src/api/mobile/audit_activity/sales_point_inspection.js

@@ -41,3 +41,12 @@ export function getInspectionTaskListAPI(params) {
     params
   })
 }
+
+// 售点稽查-删除 tab 里面子任务中的小分组
+export function deleteInspectionTaskAPI(params) {
+  return request({
+    url: '/operation/risk/core/d_store_detail',
+    method: 'DELETE',
+    params
+  })
+}
\ No newline at end of file

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

@@ -165,6 +165,10 @@ import { showImagePreview } from 'vant';
 import useUserStore from '@/store/modules/user'
 import { v4 as uuidv4 } from 'uuid';
 
+defineOptions({
+  name: 'inspectionTask',
+})
+
 const router = useRouter()
 const route = useRoute()
 

src/views/mobile/pages/audit_activity/sales_point_inspection/examine/inspectionTask/tabs/conventionalDisplay.vue

@@ -3,7 +3,12 @@
     <!-- 常规陈列 -->
     <div class="item"
       v-for="(obj, index) in displayGroup">
-      <p class="title">常规陈列{{ index + 1 }}：</p>
+      <p class="title">
+        <span>常规陈列{{ index + 1 }}：</span>
+        <van-icon name="delete"
+          size="0.45rem"
+          @click="deleteItem(obj, index)" />
+      </p>
       <van-cell-group inset>
         <van-field v-model="obj.modal"
           name="modal"
@@ -72,7 +77,7 @@
 </template>
 
 <script setup>
-import { uploadFileToOSSAPI, createInspectionTaskAPI, createInspectionTaskDetailAPI } from '@/api'
+import { uploadFileToOSSAPI, createInspectionTaskAPI, createInspectionTaskDetailAPI, deleteInspectionTaskAPI } from '@/api'
 import useUserStore from '@/store/modules/user'
 import { v4 as uuidv4 } from 'uuid'
 
@@ -126,6 +131,30 @@ const init = () => {
     createTask()
   }
 }
+
+// 删除分组
+const isDeleteNow = ref(false)
+const deleteItem = async (obj, index) => {
+  // 确认询问框
+  showConfirmDialog({
+    title: '删除提示',
+    message: '确定删除吗？',
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(async () => {
+    isDeleteNow.value = true
+    await deleteInspectionTaskAPI({
+      rstdId: obj.rstdId
+    })
+    displayGroup.value.splice(index, 1)
+    nextTick(() => {
+      isDeleteNow.value = false
+    })
+    showNotify({ type: 'success', message: '删除成功' })
+  })
+}
+
 /*************** 基本信息 ***************/
 // 形式修改
 const handleModalityChange = async (index) => {
@@ -186,6 +215,7 @@ const deletedisplayPhotos = async (file, { name, index }) => {
 }
 // 核查结果
 const handleVerifyChange = async (index) => {
+  if (isDeleteNow.value) return
   const target = displayGroup.value[index]
   await createInspectionTaskDetailAPI({
     taskDetail: {
@@ -224,6 +254,9 @@ defineExpose({
       margin: 0;
       font-weight: 900;
       color: var(--main-color);
+
+      display: flex;
+      justify-content: space-between;
     }
 
     /* 每个分组 */

src/views/mobile/pages/audit_activity/sales_point_inspection/examine/inspectionTask/tabs/scheduleAdjustment.vue

@@ -3,7 +3,12 @@
     <!-- 档期补差 -->
     <div class="item"
       v-for="(obj, index) in displayGroup">
-      <p class="title">档期补差{{ index + 1 }}：</p>
+      <p class="title">
+        <span>档期补差{{ index + 1 }}：</span>
+        <van-icon name="delete"
+          size="0.45rem"
+          @click="deleteItem(obj, index)" />
+      </p>
       <van-cell-group inset>
         <van-field v-model="obj.modal"
           name="modal"
@@ -71,7 +76,7 @@
 
 <script setup>
 
-import { uploadFileToOSSAPI, createInspectionTaskAPI, createInspectionTaskDetailAPI } from '@/api'
+import { uploadFileToOSSAPI, createInspectionTaskAPI, createInspectionTaskDetailAPI, deleteInspectionTaskAPI } from '@/api'
 import useUserStore from '@/store/modules/user'
 import { v4 as uuidv4 } from 'uuid'
 
@@ -125,6 +130,29 @@ const init = () => {
     createTask()
   }
 }
+
+// 删除分组
+const isDeleteNow = ref(false)
+const deleteItem = async (obj, index) => {
+  // 确认询问框
+  showConfirmDialog({
+    title: '删除提示',
+    message: '确定删除吗？',
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(async () => {
+    isDeleteNow.value = true
+    await deleteInspectionTaskAPI({
+      rstdId: obj.rstdId
+    })
+    displayGroup.value.splice(index, 1)
+    nextTick(() => {
+      isDeleteNow.value = false
+    })
+    showNotify({ type: 'success', message: '删除成功' })
+  })
+}
 /*************** 基本信息 ***************/
 // 形式修改
 const handleModalityChange = async (index) => {
@@ -185,6 +213,7 @@ const deletedisplayPhotos = async (file, { name, index }) => {
 }
 // 核查结果
 const handleVerifyChange = async (index) => {
+  if (isDeleteNow.value) return
   const target = displayGroup.value[index]
   await createInspectionTaskDetailAPI({
     taskDetail: {
@@ -213,6 +242,9 @@ defineExpose({
       margin: 0;
       font-weight: 900;
       color: var(--main-color);
+
+      display: flex;
+      justify-content: space-between;
     }
 
     /* 每个分组 */

src/views/mobile/pages/audit_activity/sales_point_inspection/examine/inspectionTask/tabs/scheduleDisplay.vue

@@ -3,7 +3,12 @@
     <!-- 档期陈列 -->
     <div class="item"
       v-for="(obj, index) in displayGroup">
-      <p class="title">档期陈列{{ index + 1 }}：</p>
+      <p class="title">
+        <span>档期陈列{{ index + 1 }}：</span>
+        <van-icon name="delete"
+          size="0.45rem"
+          @click="deleteItem(obj, index)" />
+      </p>
       <van-cell-group inset>
         <van-field v-model="obj.modal"
           name="modal"
@@ -71,7 +76,7 @@
 </template>
 
 <script setup>
-import { uploadFileToOSSAPI, createInspectionTaskAPI, createInspectionTaskDetailAPI } from '@/api'
+import { uploadFileToOSSAPI, createInspectionTaskAPI, createInspectionTaskDetailAPI, deleteInspectionTaskAPI  } from '@/api'
 import useUserStore from '@/store/modules/user'
 import { v4 as uuidv4 } from 'uuid'
 
@@ -125,6 +130,29 @@ const init = () => {
     createTask()
   }
 }
+
+// 删除分组
+const isDeleteNow = ref(false)
+const deleteItem = async (obj, index) => {
+  // 确认询问框
+  showConfirmDialog({
+    title: '删除提示',
+    message: '确定删除吗？',
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(async () => {
+    isDeleteNow.value = true
+    await deleteInspectionTaskAPI({
+      rstdId: obj.rstdId
+    })
+    displayGroup.value.splice(index, 1)
+    nextTick(() => {
+      isDeleteNow.value = false
+    })
+    showNotify({ type: 'success', message: '删除成功' })
+  })
+}
 /*************** 基本信息 ***************/
 // 形式修改
 const handleModalityChange = async (index) => {
@@ -185,6 +213,7 @@ const deletedisplayPhotos = async (file, { name, index }) => {
 }
 // 核查结果
 const handleVerifyChange = async (index) => {
+  if (isDeleteNow.value) return
   const target = displayGroup.value[index]
   await createInspectionTaskDetailAPI({
     taskDetail: {
@@ -223,6 +252,9 @@ defineExpose({
       margin: 0;
       font-weight: 900;
       color: var(--main-color);
+
+      display: flex;
+      justify-content: space-between;
     }
 
     /* 每个分组 */

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

@@ -6,46 +6,48 @@
     <div class="terminal-info-container">
       <p class="title">录入终端信息</p>
       <div class="content">
-        <!-- 终端名称输入 -->
-        <van-field v-model="form.storeName"
-          label="终端名称："
-          label-align="top"
-          placeholder="请输入"
-          class="input-field" />
-        <!-- 门头照上传 -->
-        <div class="header-photo-section">
-          <van-field label="门头照"
-            label-align="top">
-            <template #input>
-              <van-uploader :max-count="1"
-                accept="image/*"
-                capture="camera"
-                :model-value="form.storePicture"
-                :after-read="posPhotosRead"
-                preview-size="78"
-                @delete="deletePosPhotos">
-              </van-uploader>
-            </template>
-          </van-field>
-        </div>
-
-        <!-- 门店类型选择 -->
-        <van-field :model-value="form.selectedType.join('')"
-          readonly
-          label="门店类型"
-          label-align="top"
-          placeholder="请选择"
-          @click="showTypePopup = true" />
-        <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-form ref="myFormRef">
+          <!-- 终端名称输入 -->
+          <van-field v-model="form.storeName"
+            label="终端名称："
+            label-align="top"
+            placeholder="请输入"
+            class="input-field"
+            :rules="[{ required: true, message: '请输入终端名称' }]" />
+          <!-- 门头照上传 -->
+          <div class="header-photo-section">
+            <van-field label="门头照"
+              label-align="top"
+              :rules="[{ required: true, message: '请上传门头照' }]">
+              <template #input>
+                <van-uploader :max-count="1"
+                  accept="image/*"
+                  capture="camera"
+                  :model-value="form.storePicture"
+                  :after-read="posPhotosRead"
+                  preview-size="78"
+                  @delete="deletePosPhotos">
+                </van-uploader>
+              </template>
+            </van-field>
+          </div>
+          <!-- 门店类型选择 -->
+          <van-field :model-value="form.selectedType.join('')"
+            readonly
+            label="门店类型"
+            label-align="top"
+            placeholder="请选择"
+            @click="showTypePopup = true"  :rules="[{ required: true, message: '请选择门店类型' }]"/>
+          <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-form>
       </div>
-
     </div>
     <!-- 操作按钮 -->
     <div class="button-group">
@@ -91,22 +93,27 @@ const deletePosPhotos = async () => {
 }
 
 // 确认门店类型
-const handleTypeConfirm = ({selectedValues}) => {
+const handleTypeConfirm = ({ selectedValues }) => {
   form.selectedType = selectedValues;
   showTypePopup.value = false;
 };
 
 // 创建任务（跳转路由传参即可）
+const myFormRef = ref(null)
 const handleCreateTask = () => {
-  router.push({
-    path: '/inspectionTask',
-    query: {
-      taskStatus: true,
-      storeName: form.storeName,
-      storeCode: null,
-      storePicture: form.storePicture[0]?.url,
-      selectedType: form.selectedType[0]
-    }
+  // 校验整个表单
+  myFormRef.value.validate().then(() => {
+    // 校验通过，执行创建任务逻辑
+    router.push({
+      path: '/inspectionTask',
+      query: {
+        taskStatus: true,
+        storeName: form.storeName,
+        storeCode: null,
+        storePicture: form.storePicture[0]?.url,
+        selectedType: form.selectedType[0]
+      }
+    })
   })
 };
 

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

@@ -18,10 +18,12 @@
         class="result-list"
         @load="onLoadMore">
         <van-cell-group inset>
+          <!-- <van-swipe-cell v-for="(item, index) in resultList"
+            :key="index"> -->
           <van-cell v-for="(item, index) in resultList"
             :key="index"
-            class="result-item"
-            @click="handleClickStore(item)">
+            @click="handleClickStore(item)"
+            class="result-item">
             <template #title>
               <div class="item-title">
                 <span>{{ item.storeName }}</span>
@@ -33,6 +35,13 @@
               <div class="item-address">{{ item.address }}</div>
             </template>
           </van-cell>
+          <template #right>
+            <van-button square
+              type="danger"
+              text="删除"
+              @click="deleteFn(item, index)" />
+          </template>
+          <!-- </van-swipe-cell> -->
         </van-cell-group>
       </van-list>
     </van-pull-refresh>
@@ -49,7 +58,7 @@
         <template #input>
           <van-search v-model="query.storeName"
             placeholder="请输入勤策终端编码/名称"
-            @update:model-value="getInspectionTaskListFn"
+            @update:model-value="search"
             class="search-bar" />
         </template>
       </van-field>
@@ -78,8 +87,9 @@
 
 <script setup>
 
-import { getInspectionTaskListAPI } from '@/api'
+import { getInspectionTaskListAPI} from '@/api'
 import { parseTime } from '@/utils'
+import { showNotify } from 'vant';
 
 defineOptions({
   name: 'Sales_point_inspection'
@@ -110,6 +120,7 @@ getInspectionTaskListFn()
 const onRefresh = async () => {
   refreshLoading.value = true
   query.pageNum = 1
+  query.storeName = ''
   resultList.value = []
   await getInspectionTaskListFn()
   refreshLoading.value = false
@@ -141,6 +152,35 @@ const handleClickStore = (item) => {
     }
   })
 }
+
+// 路由离开守卫：控制是否缓存
+onBeforeRouteLeave((to, from, next) => {
+  if (to.path === '/audit_activity/sales_point_inspection') {
+    // 强制刷新当前组件
+    resetFn()
+  }
+  next()
+})
+
+// 搜索地址
+const search = () => {
+  resultList.value = []
+  getInspectionTaskListFn()
+}
+
+// 删除任务
+const deleteFn = async (item, index) => {
+  // console.log(item)
+  // await deleteInspectionTaskAPI({
+  //   rstdId: item.rstId
+  // })
+  // resultList.value.splice(index, 1)
+  // showNotify({
+  //   message: '删除成功',
+  //   type: 'success',
+  // })
+}
+
 </script>
 
 <style scoped
@@ -199,6 +239,17 @@ const handleClickStore = (item) => {
               color: #a6a4a4;
               line-height: 1.4;
             }
+
+
+          }
+
+          /* 滑动右侧按钮 */
+          ::v-deep(.van-swipe-cell__right) {
+            height: 100px;
+
+            .van-button {
+              height: 100%;
+            }
           }
         }
 
@@ -225,5 +276,6 @@ const handleClickStore = (item) => {
       }
 
     }
+
   }
 </style>
\ No newline at end of file

src/views/mobile/router/index.js

@@ -21,17 +21,17 @@ export const constantMobileRoutes = [
         name: 'm_menu'
       },
       {
-        path: 'promotion_plan_detail/:planId', // 详情
+        path: 'promotion_plan_detail/:planId', // CP 促销计划，详情页
         component: () => import('@/views/mobile/pages/cp_activity/promotion/plan/detail'),
         name: 'm_promotion_detail',
       },
       {
-        path: 'promotion_plan_editing/:planId?', // 增改
+        path: 'promotion_plan_editing/:planId?', // CP 促销计划，增加，修改
         component: () => import('@/views/mobile/pages/cp_activity/promotion/plan/editing'),
         name: 'm_promotion_editing',
       },
       {
-        path: 'examine/:examineId', // 促销内稽查
+        path: 'examine/:examineId', // CP 促销计划，稽查
         component: () => import('@/views/mobile/pages/cp_activity/examine'),
         name: 'm_promotion_examine',
       },
@@ -41,17 +41,17 @@ export const constantMobileRoutes = [
         name: 'logistics'
       },
       {
-        path: 'newTerminal', // 新建终端门店
+        path: 'newTerminal', // 售点稽查_新建终端门店
         component: () => import('@/views/mobile/pages/audit_activity/sales_point_inspection/examine/newTerminal'),
         name: 'newTerminal'
       },
       {
-        path: 'taskList', // 稽查记录
+        path: 'taskList', // 售点稽查_稽查记录列表
         component: () => import('@/views/mobile/pages/audit_activity/sales_point_inspection/examine/taskList'),
         name: 'taskList'
       },
       {
-        path: 'inspectionTask', // 稽查任务（终端门店）
+        path: 'inspectionTask', // 售点稽查_稽查任务
         component: () => import('@/views/mobile/pages/audit_activity/sales_point_inspection/examine/inspectionTask/index'),
         name: 'inspectionTask'
       },