图片上传功能实现， 优化删减冗余请求

src/pages/business/common/projectMange/write/components/template1.vue

@@ -65,10 +65,10 @@
         @change="realTimeSaving()"
       ></u-textarea>
     </view>
-    <!-- <view class="content-area-item mt10 p10 bg-white">
+    <view class="content-area-item mt10 p10 bg-white">
       <view class="font14 weight mb10">图片上传</view>
-      <oa-upload :uploadCount="5" :uploadList="form.imageList" :uploadListSrc="'url'" @uploadSuccessChange="uploadSuccessChange" @uploadDeleteChange="uploadDeleteChange"></oa-upload>
-    </view> -->
+      <oa-upload :uploadCount="5" :uploadList="state.form.reportFile" :uploadListSrc="'url'" @uploadSuccessChange="uploadSuccessChange" @uploadDeleteChange="uploadDeleteChange"></oa-upload>
+    </view>
 
     <view class="content-area-item mt10 p10 bg-white">
       <view class="font14 weight mb10">抄送到人</view>
@@ -223,8 +223,7 @@ const state = reactive({
     sendDingTalk: 1,
     isRegularlySend: 0,
     timingTime: null,
-    // reportStatus: null,
-    imageList: [],
+    reportFile: [],
   },
   projectsCheck: [],
   projectsList: [],
@@ -243,11 +242,7 @@ function init() {
     state.userDate = res.data;
   });
 
-  projectApi()
-    .ProjectsSelect()
-    .then((requset) => {
-      state.projectsList = requset.data;
-    });
+
 }
 
 /** 时间选择器确定按钮点击事件 */
@@ -332,8 +327,7 @@ function modalConfirm() {
  * @图片上传成功回调
  */
  function uploadSuccessChange(e) {
-  
-  state.form.imageList.push({
+  state.form.reportFile.push({
     name: e.name,
     url: e.url,
   })
@@ -343,7 +337,7 @@ function modalConfirm() {
  * @图片删除回调
  */
  function uploadDeleteChange(e) {
-  state.form.imageList = e;
+  state.form.reportFile = e;
   realTimeSaving()
 }
 
@@ -357,6 +351,7 @@ function handleSubmit() {
   state.form.workContents.forEach((e) => {
     e.workTime = Number(e.workTime);
   });
+  state.form.reportFile=JSON.stringify(state.form.reportFile)
   projectApi()
     .ReportInsert(state.form)
     .then((requset) => {
@@ -366,8 +361,11 @@ function handleSubmit() {
       state.form.coordinateWork = null;
       state.form.isRegularlySend = 0;
       state.form.timingTime = null;
+      state.form.reportFile=[];
       // storageSystem.set("project", state);
-    });
+    }).catch((err) => {
+      state.form.reportFile=JSON.parse(state.form.reportFile)
+    });;
 }
 
 watch(
@@ -376,12 +374,13 @@ watch(
     state.userList = [];
     state.projectsCheck = [];
     state.projectsList = [];
-    state.form.imageList = [];
-
+    state.form.reportFile = [];
+   
     Object.keys(props.projectList).forEach((key) => {
       state.form[key] = props.projectList[key];
     });
-
+ 
+    state.form.reportFile=state.form.reportFile?JSON.parse(state.form.reportFile):[];
     state.form.workContents.forEach((e) => {
       state.projectsCheck.push(e.projectId);
     });
@@ -407,11 +406,6 @@ watch(
       });
     // }, 300);
 
-    projectApi()
-      .ProjectsSelect()
-      .then((requset) => {
-        state.projectsList = requset.data;
-      });
     if(!state.form.id){
         storageSystem.set("project", state);
       }
@@ -447,7 +441,7 @@ onShow(() => {
 });
 
 onLoad((options) => {
-  init();
+
   if (options.id) {
     state.form.id = options.id;
   } else {

src/pages/business/common/projectMange/write/insert.vue

@@ -109,7 +109,7 @@ function handleSubmit(type, id) {
           workContents: newData.workContents,
           sendDingTalk: newData.sendDingTalk,
           ccTo: newData.ccTo,
-          imgList: newData.imgList,
+          reportFile: newData.reportFile,
           timingTime: newData.timingTime,
           isRegularlySend: newData.isRegularlySend,
         };
@@ -118,23 +118,7 @@ function handleSubmit(type, id) {
       });
   }
   if (type === "update") {
-    projectApi()
-      .ReportRecord({
-        reportId: id,
-        pageNum: 1,
-        pageSize: 10000,
-      })
-      .then((requset) => {
-        var newData = requset.data.records[0];
-        state.newProjectList = {
-          id: newData.id,
-          tomorrowPlan: newData.tomorrowPlan,
-          coordinateWork: newData.coordinateWork,
-          workContents: newData.workContents,
-          sendDingTalk: newData.sendDingTalk,
-          ccTo: newData.ccTo,
-        };
-      });
+
   }
 }