feat(scheduleadjustment.vue): 新增：勤策移动端_档期补差模块接口对接完毕

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

@@ -230,7 +230,7 @@ const getInspectionTaskDetailFn = async () => {
     isInitializing.value = false
     conventionRef.value.init()
     scheduleDisplayRef.value.init()
-    // scheduleAdjustmentRef.value.init()
+    scheduleAdjustmentRef.value.init()
     // categoryInfomationRef.value.init()
   })
 
@@ -352,7 +352,7 @@ const handleTypeConfirm = async ({ selectedValues }) => {
 }
 
 /*************** tabs 组 ***************/
-const active = ref(1)
+const active = ref(2)
 
 /*************** 其他信息填写 ***************/
 // 礼盒礼袋在售

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

@@ -5,18 +5,20 @@
       v-for="(obj, index) in displayGroup">
       <p class="title">档期补差{{ index + 1 }}：</p>
       <van-cell-group inset>
-        <van-field v-model="obj.modality"
-          name="modality"
+        <van-field v-model="obj.modal"
+          name="modal"
           label="提报内容"
           placeholder="请输入提报内容"
           auto-complete="off"
-          :rules="[{ required: true, message: '请输入提报内容' }]" />
+          :rules="[{ required: true, message: '请输入提报内容' }]"
+          @change="handleModalityChange(index)" />
         <van-field v-model="obj.cost"
           name="cost"
           label="执行情况"
           placeholder="执行情况"
           auto-complete="off"
-          :rules="[{ required: true, message: '请输入执行情况' }]" />
+          :rules="[{ required: true, message: '请输入执行情况' }]" 
+          @change="handleCostChange(index)" />
         <van-field label="档期补差照片"
           label-align="top"
           class="header-photo-section">
@@ -24,7 +26,7 @@
             <van-uploader :max-count="2"
               accept="image/*"
               capture="camera"
-              :model-value="obj.displayPhotos"
+              :model-value="obj.photoArr"
               :name="index"
               :after-read="displayPhotosRead"
               preview-size="78"
@@ -35,9 +37,10 @@
         <van-field label="补差核查结果"
           label-align="top">
           <template #input>
-            <van-checkbox-group v-model="obj.verify"
+            <van-checkbox-group v-model="obj.riskRArr"
               direction="horizontal"
-              shape="square">
+              shape="square"
+              @change="handleVerifyChange(index)">
               <van-checkbox name="已执行">已执行</van-checkbox>
               <van-checkbox name="部分执行">部分执行</van-checkbox>
               <van-checkbox name="绑赠差异">绑赠差异</van-checkbox>
@@ -50,7 +53,7 @@
     <!-- 新增按钮 -->
     <van-button class="add-item"
       type="primary"
-      @click="addItem">新增一组陈列</van-button>
+      @click="createTask">新增一组陈列</van-button>
     <!-- 总体判定 -->
     <!-- <div class="overall">
       <p class="title">档期陈列总体判定结果：</p>
@@ -67,49 +70,135 @@
 </template>
 
 <script setup>
-import { uploadFileToOSSAPI } from '@/api'
+
+import { uploadFileToOSSAPI, createInspectionTaskAPI, createInspectionTaskDetailAPI } from '@/api'
 import useUserStore from '@/store/modules/user'
 import { v4 as uuidv4 } from 'uuid'
 
 const route = useRoute()
+const props = defineProps({
+  isInitializing: {
+    type: Boolean,
+    default: false
+  },
+  form: {
+    type: Object,
+    default: () => { }
+  }
+})
+
+const displayGroup = ref([])
+
 /*************** 陈列组信息 ***************/
-const displayGroup = ref([
-  {
-    modality: '', // 形式
-    cost: '', // 费用
-    displayPhotos: [], // 陈列照片
-    verify: [] // 核查结果
+// 特殊字段处理
+const checkProperty = (list) => {
+  list.map(item => {
+    item.riskRArr = item.riskRArr || []
+    item.photoArr = item.photoArr?.map(o => ({
+      url: o
+    })) || []
+  })
+}
+// 创建任务组
+const createTask = async () => {
+  const { data } = await createInspectionTaskDetailAPI({
+    taskDetail: {
+      rstId: props.form.rstId,
+      detailName: '档期补差'
+    }
+  })
+  checkProperty([data])
+  displayGroup.value.push(data)
+
+}
+const init = () => {
+  // 查询外层是否传入初始数据
+  if (props.form.detailMap) {
+    if (props.form.detailMap['档期补差']) {
+      checkProperty(props.form.detailMap['档期补差'])
+      displayGroup.value = props.form.detailMap['档期补差'] || []
+      return
+    }
+  }
+  // 没传递则自己至少新建 1 个
+  if (displayGroup.value.length === 0) {
+    createTask()
   }
-])
-// 新增一组
-const addItem = () => {
-  displayGroup.value.push({
-    modality: '', // 形式
-    cost: '', // 费用
-    displayPhotos: [], // 陈列照片
-    verify: [] // 核查结果
+}
+/*************** 基本信息 ***************/
+// 形式修改
+const handleModalityChange = async (index) => {
+  await createInspectionTaskDetailAPI({
+    taskDetail: {
+      rstId: props.form.rstId,
+      ...displayGroup.value[index]
+    }
   })
+
+  showNotify({ type: 'success', message: '形式，保存成功' })
 }
+// 费用修改
+const handleCostChange = async (index) => {
 
-/*************** 照片 ***************/
+  await createInspectionTaskDetailAPI({
+    taskDetail: {
+      rstId: props.form.rstId,
+      ...displayGroup.value[index]
+    }
+  })
+
+  showNotify({ type: 'success', message: '费用，保存成功' })
+}
+// 上传照片
 const displayPhotosRead = async (file, { name, index }) => {
+  // name：是当前照片组件所在陈列组的索引
+  // index: 当前照片组的索引
   const target = displayGroup.value[name]
-  const pictureUrl = await uploadFileToOSSAPI(`risk/scheduleAdjustmentPhoto/${useUserStore().empInfo.empNo}/${form.storeCode}.png`, file.file)
-  target.displayPhotos.push({
+
+  const pictureUrl = await uploadFileToOSSAPI(`risk/scheduleAdjustmentPhoto/${useUserStore().empInfo.empNo}/${props.form.storeCode}/${uuidv4()}.png`, file.file)
+  target.photoArr.push({
     url: pictureUrl
   })
-  showNotify({ type: 'success', message: '照片上传成功' })
+
+  await createInspectionTaskDetailAPI({
+    taskDetail: {
+      rstId: props.form.rstId,
+      rstdId: target.rstdId,
+      photoArr: target.photoArr.map(o => o.url)
+    }
+  })
+
+  showNotify({ type: 'success', message: '档期陈列照片，上传成功' })
 }
 // 删除照片
 const deletedisplayPhotos = async (file, { name, index }) => {
   const target = displayGroup.value[name]
-  target.displayPhotos.splice(index, 1)
-  showNotify({ type: 'success', message: '照片删除成功' })
+  target.photoArr.splice(index, 1)
+  await createInspectionTaskDetailAPI({
+    taskDetail: {
+      rstId: props.form.rstId,
+      rstdId: target.rstdId,
+      photoArr: target.photoArr.map(o => o.url)
+    }
+  })
+  showNotify({ type: 'success', message: '档期陈列照片，删除成功' })
+}
+// 核查结果
+const handleVerifyChange = async (index) => {
+  const target = displayGroup.value[index]
+  await createInspectionTaskDetailAPI({
+    taskDetail: {
+      rstId: props.form.rstId,
+      rstdId: target.rstdId,
+      riskRArr: target.riskRArr
+    }
+  })
+  showNotify({ type: 'success', message: '核查结果，保存成功' })
 }
 
-
-// 总体核查结果
-const overAll = ref({})
+defineExpose({
+  init
+})
 </script>
 
 <style scoped