H5请假表单页面

client_h5/src/pages/leave/index.vue

@@ -73,7 +73,7 @@
               <button class="add_btn" @click="popupShow = true">新增</button>
             </template>
             <template #default>
-              <div v-for="item in formData.leaveTimeCreateList" :key="item.id">
+              <div v-for="(item,index) in formData.leaveTimeCreateList" :key="index">
                 <van-swipe-cell>
                   <card-cell>
                     <van-cell title="起始时间" :value="item.startTime" />
@@ -81,8 +81,8 @@
                     <van-cell title="备注" :value="item.bz1" />
                   </card-cell>
                   <template #right>
-                    <van-button square type="primary" text="编辑" />
-                    <van-button square type="danger" text="删除" />
+                    <van-button square type="primary" text="编辑" @click="detailView(index,item)" />
+                    <van-button square type="danger" text="删除" @click="detailDelte(index)" />
                   </template>
                 </van-swipe-cell> 
               </div>
@@ -196,18 +196,21 @@ const onConfirm = ({ selectedOptions }) => {
   showPicker.value = false;
 };
 const submitNextActivity = async () => {
+  console.log(formData)
   //更新表单业务数据
-  await reqest.post("/business/Leave/update",formData)
-  //工作流转件
-  activityData.activityInstanceId='018f23b914660a07729e8f224db60203'
-  activityData.participantId='018f23b9148b0a07729e8f224db60205'
-  activityData.flowOpinion='{"id":"018f23b914970a07729e8f224db60206","opinionContent":"同意","opinionTime":"2024-04-28"}'
-  const result = await getNextActivity(jsonToFormData(activityData))
-  // getNextActivity(activityData).then(result => {
-  //   console.log(result)
-  // }).catch((err) => {
-  //   console.error(err)
-  // })
+  const result = await reqest.post("/business/Leave/update",formData.value)
+  if(result.code ===200||result.code ===0){
+    //工作流转件
+    activityData.activityInstanceId='018f23b914660a07729e8f224db60203'
+    activityData.participantId='018f23b9148b0a07729e8f224db60205'
+    activityData.flowOpinion='{"id":"018f23b914970a07729e8f224db60206","opinionContent":"同意","opinionTime":"2024-04-28"}'
+    const result = await getNextActivity(jsonToFormData(activityData))
+    // getNextActivity(activityData).then(result => {
+    //   console.log(result)
+    // }).catch((err) => {
+    //   console.error(err)
+    // })
+  }
 }
 const jsonToFormData = (json: any): FormData | null => {
   const keys: string[] = Object.keys(json)
@@ -227,6 +230,8 @@ const initFormData= async () => {
   formData.value = result.data
   leaveTypePiker[0] = result.data.leaveType
 }
+
+/** 细节数据保存 */
 const saveHandle = () => {
   detailData.value.leaveId = formData.value.id
   formData.value.leaveTimeCreateList.push(detailData.value)
@@ -237,7 +242,18 @@ const saveHandle = () => {
     bz1: ''
   }
   popupShow.value=false
-  console.log(formData)
+}
+
+/** 细节编辑 */
+const detailView = (index:number,item:any) =>{
+  popupShow.value=true
+  console.log(item)
+  detailData.value = item
+  console.log(detailData)
+}
+/** 细节删除 */
+const detailDelte = (index:number) =>{
+  formData.value.leaveTimeCreateList.splice(index,1)
 }
 /** 初始化 */
 onMounted(() => {