页面修改

src/components/schedul/schedul-orderlist.vue

@@ -34,9 +34,6 @@
     display: flex;
     width: 100px;
     margin-right: 20px;
-    /* position: absolute;
-    right: 20px;
-    bottom: 20px; */
   }
 
   .sche_left {
@@ -211,7 +208,12 @@
     <div class="sche_mid">
       <div class="sche_midList">
         <div class="scheList_TOP">
-          <img src="../../assets/images/work_list.png" />
+          <template v-if="WorkObj&&WorkObj.ItemImgList&&WorkObj.ItemImgList.length>0">
+            <img :src="WorkObj.ItemImgList[0]" />
+          </template>
+          <template v-else>
+            <img src="../../assets/images/work_list.png" />
+          </template>
           <span class="word_sche">工作清单</span>
           <div class="sche_hengLine"></div>
           <span class="word_scheNumber" :class="{'schNoneNum': (WorkList&&WorkList.length==0)}">
@@ -232,6 +234,16 @@
                 <div class="sche_Dian"></div>
                 <div class="sche_ListInner" style="flex-shrink: 0">{{WorkObj.ItemName}} </div>
               </template>
+              <template v-if="WorkObj.ItemImgList&&WorkObj.ItemImgList.length>0">
+                <div class="SchImg_List" v-for="(item,index) in WorkObj.ItemImgList">
+                  <img :src="item" alt="">
+                  <i class="iconfont icon-yiquxiao sch_del" @click="workRemoveAdd(index)"></i>
+                </div>
+              </template>
+              <el-upload class="schedul_Upload" style="display:inline;width:20px;height:20px;" action=""
+                list-type="picture-card" :show-file-list="false" :http-request="UploadWorkFile">
+                <i class="el-icon-plus"></i>
+              </el-upload>
             </div>
           </div>
           <div>
@@ -547,6 +559,12 @@
       this.initAuth();
     },
     methods: {
+      //工作清单删除图片
+      workRemoveAdd(index) {
+        if (this.WorkObj && this.WorkObj.ItemImgList && this.WorkObj.ItemImgList.length > 0) {
+          this.WorkObj.ItemImgList.splice(index, 1);
+        }
+      },
       getWorkList() {
         queryDutyWork(this.qMsg).then(res => {
           if (res.Code == 1) {
@@ -626,6 +644,14 @@
           }
         }
       },
+      //工作清单上传图片
+      UploadWorkFile(files) {
+        UploadSelfFile('Attachment', files.file, res => {
+          if (res.Code == 1) {
+            this.WorkObj.ItemImgList.push(res.FileUrl);
+          }
+        })
+      },
       //上传
       UploadAttachment(files) {
         UploadSelfFile('Attachment', files.file, res => {
@@ -651,6 +677,7 @@
           WorkContent: this.WorkObj.WorkContent,
           WorkIsFinish: this.WorkObj.IsChecked,
           ItemId: this.WorkObj.ItemId,
+          FileList: this.WorkObj.ItemImgList,
         };
         if (type == 2) {
           saveWorkMsg.WorkContent = this.WorkContent;
@@ -810,11 +837,11 @@
         this.addMsg3.FileList = [];
       },
       //获取工作统计
-      getWorkCount(){
+      getWorkCount() {
         let WorkLen = this.WorkList.length;
-        this.WorkList.forEach(x=>{
-          if(x.IsChecked==1){
-            WorkLen = WorkLen-1 ;
+        this.WorkList.forEach(x => {
+          if (x.IsChecked == 1) {
+            WorkLen = WorkLen - 1;
           }
         })
         return WorkLen;