feat(examine): 删除照片完成

src/mobile_views/examine/index.vue

@@ -19,7 +19,8 @@
           accept="image/*"
           v-model="form.storePicture"
           :after-read="storePictureRead"
-          preview-size="120">
+          preview-size="120"
+          @delete="deleteStorePicture">
         </van-uploader>
       </div>
     </div>
@@ -39,7 +40,7 @@
         </div>
         <div class="form-item"
           style="display: flex; align-items: center;">
-          <label>促销员数量：</label>
+          <label>促销员人数：</label>
           <div class="custom-counter">
             <button @click="decreaseCount">-</button>
             <span>{{ form.temNum }}</span>
@@ -114,7 +115,8 @@
             accept="image/*"
             v-model="form.temWorkPhotos"
             :after-read="temWorkPhotosRead"
-            preview-size="120">
+            preview-size="120"
+            @delete="deleteTemWorkPhotos">
 
           </van-uploader>
         </div>
@@ -126,7 +128,8 @@
             accept="image/*"
             v-model="form.storeTcPhoto"
             :after-read="storeTcPhotoRead"
-            preview-size="120">
+            preview-size="120"
+            @delete="deleteStoreTcPhoto">
 
           </van-uploader>
         </div>
@@ -138,11 +141,20 @@
             accept="image/*"
             v-model="form.storeZhjPhoto"
             :after-read="temOnWorkPictureRead"
-            preview-size="120">
+            preview-size="120"
+            @delete="deleteStoreZhjPhoto">
 
           </van-uploader>
         </div>
-
+        <div class="form-item">
+          <label>POS金额：</label>
+          <van-field v-model="form.posRmb"
+            type="number"
+            :controls="true"
+            placeholder="请输入POS金额"
+            style="margin-top: 10px;"
+            @input="posRmbChange" />
+        </div>
         <div class="form-item">
           <label>POS照片（两张）：</label>
         </div>
@@ -151,19 +163,12 @@
             accept="image/*"
             v-model="form.posPhotos"
             :after-read="posPhotosRead"
-            preview-size="120">
+            preview-size="120"
+            @delete="deletePosPhotos">
 
           </van-uploader>
         </div>
-        <div class="form-item">
-          <label>POS金额：</label>
-          <van-field v-model="form.posRmb"
-            type="number"
-            :controls="true"
-            placeholder="请输入POS金额"
-            style="margin-top: 10px;"
-            @input="posRmbChange" />
-        </div>
+
       </div>
     </div>
   </div>
@@ -240,13 +245,25 @@ const getDetail = async () => {
   form.value.storePicture = res.data.storePicture ? [{
     url: res.data.storePicture
   }] : []
-  form.value.planStatus = Boolean(res.data.planStatus * 1)
-  form.value.temNum = res.data.temNum || 0
-  form.value.storeDd = res.data.storeDd === null ? '否' : res.data.storeDd
-  form.value.temOnWork = res.data.temOnWork === null ? '离岗' : res.data.temOnWork
-  form.value.temHs = res.data.temHs === null ? '未达标' : res.data.temHs
-  form.value.temWl = res.data.temWl === null ? '缺少' : res.data.temWl
-  form.value.temZz = res.data.temZz === null ? '未达标' : res.data.temZz
+  form.value.planStatus = Boolean(res.data.planStatus * 1) // 0 未执行（false） 1 执行（true）
+  // 如果执行了促销人数默认为 1，否则为 0
+  form.value.temNum = res.data.temNum || (res.data.planStatus ? 1 : 0)
+  // 如果执行了则所有单选框的值默认有值，否则为否
+  if (form.value.planStatus) {
+    // 执行
+    form.value.storeDd = res.data.storeDd === null ? '是' : res.data.storeDd
+    form.value.temOnWork = res.data.temOnWork === null ? '在岗' : res.data.temOnWork
+    form.value.temHs = res.data.temHs === null ? '达标' : res.data.temHs
+    form.value.temWl = res.data.temWl === null ? '齐全' : res.data.temWl
+    form.value.temZz = res.data.temZz === null ? '达标' : res.data.temZz
+  } else {
+    form.value.storeDd = res.data.storeDd === null ? '否' : res.data.storeDd
+    form.value.temOnWork = res.data.temOnWork === null ? '离岗' : res.data.temOnWork
+    form.value.temHs = res.data.temHs === null ? '未达标' : res.data.temHs
+    form.value.temWl = res.data.temWl === null ? '缺少' : res.data.temWl
+    form.value.temZz = res.data.temZz === null ? '未达标' : res.data.temZz
+  }
+
   form.value.temWorkPhotos = res.data?.temWorkPhotos ? (res.data.temWorkPhotos.map(o => {
     return {
       url: o
@@ -280,6 +297,13 @@ const storePictureRead = async (file) => {
     storePicture: pictureUrl
   })
 }
+// 删除店铺门头照
+const deleteStorePicture = async () => {
+  await createExamine({
+    id: form.value.id,
+    storePicture: ''
+  })
+}
 
 // 执行状态改变
 const planStatusChange = async (val) => {
@@ -359,6 +383,14 @@ const temWorkPhotosRead = async (file) => {
   })
 }
 
+// 删除在/离岗照片
+const deleteTemWorkPhotos = async () => {
+  await createExamine({
+    id: form.value.id,
+    temWorkPhotos: form.value.temWorkPhotos.map(o => o.url)
+  }) 
+}
+
 // 特陈照片上传
 const storeTcPhotoRead = async (file) => {
   // 处理上传的文件
@@ -373,11 +405,19 @@ const storeTcPhotoRead = async (file) => {
   })
 }
 
+// 删除特陈照片
+const deleteStoreTcPhoto = async () => {
+  await createExamine({
+    id: form.value.id,
+    storeTcPhoto: ''
+  })
+}
+
 // 主货架照片
 const temOnWorkPictureRead = async (file) => {
   // 处理上传的文件
   const date = new Date()
-  const month = date.getMonth() + 1 
+  const month = date.getMonth() + 1
   const theDate = date.getDate()
   const pictureUrl = await uploadFileToOSSAPI(`examine/${date.getFullYear()}-${month}/${theDate}/${planId.value}/${userStore().getEmployeeNo}/${uuidv4()}.png`, file.file)
 
@@ -386,12 +426,19 @@ const temOnWorkPictureRead = async (file) => {
     storeZhjPhoto: pictureUrl
   })
 }
+// 删除主货架照片
+const deleteStoreZhjPhoto = async () => {
+  await createExamine({
+    id: form.value.id,
+    storeZhjPhoto: ''
+  })
+}
 
 // POS 两张照片
 const posPhotosRead = async (file) => {
   // 处理上传的文件
   const date = new Date()
-  const month = date.getMonth() + 1 
+  const month = date.getMonth() + 1
   const theDate = date.getDate()
   const pictureUrl = await uploadFileToOSSAPI(`examine/${date.getFullYear()}-${month}/${theDate}/${planId.value}/${userStore().getEmployeeNo}/${uuidv4()}.png`, file.file)
   // 判断 objectUrl
@@ -405,13 +452,20 @@ const posPhotosRead = async (file) => {
     posPhotos: form.value.posPhotos.map(o => o.url)
   })
 }
+// 删除 POS 照片
+const deletePosPhotos = async () => {
+  await createExamine({
+    id: form.value.id,
+    posPhotos: form.value.posPhotos.map(o => o.url)
+  })
+}
 
 // POS 金额修改
 const posRmbChange = async () => {
   await createExamine({
     id: form.value.id,
     posRmb: form.value.posRmb || 0
-  }) 
+  })
 }
 
 </script>

src/mobile_views/promotion/detail/index.vue

@@ -4,7 +4,7 @@
       :right-text="(examined ? '已' : '未') + '稽查'"
       left-arrow
       @click-left="clickBack()"
-      @click-right="clickExamine()" 
+      @click-right="clickExamine()"
       fixed
       placeholder />
     <van-cell-group>
@@ -87,6 +87,7 @@
 <script setup>
 import { getPlanDetailAPI, createExamine } from '@/api'
 import { parseTime } from '@/utils'
+const { proxy } = getCurrentInstance()
 // 获取路由路径上的 id 参数
 const route = useRoute();
 const router = useRouter();
@@ -195,16 +196,19 @@ getPlanDetail()
 
 // 点击稽查按钮
 const clickExamine = async () => {
-   // 如果稽查 ID 是空则创建一个
-   if (!examined.value) {
-    const result = await createExamine({
-      ...planDetail.value,
-      id: '',
-      planId: planDetail.value.id
-    })
-    newExamined.value = result.data.id
-  }
-  router.push({ path: `/examine/${examined?.value || newExamined.value}` }) 
+  // 确认是否开始稽查
+  proxy.$modal.confirm("确认开始稽查吗？").then(async () => {
+    // 如果稽查 ID 是空则创建一个
+    if (!examined.value) {
+      const result = await createExamine({
+        ...planDetail.value,
+        id: '',
+        planId: planDetail.value.id
+      })
+      newExamined.value = result.data.id
+    }
+    router.push({ path: `/examine/${examined?.value || newExamined.value}` })
+  })
 }
 
 const refreshLoading = ref(false)