修改

src/components/schedul/schedul-orderlist.vue

@@ -202,6 +202,38 @@
     font-size: 20px;
   }
 
+  .MyUpload .el-upload--picture-card {
+    width: 60px;
+    height: 60px;
+    line-height: 65px;
+  }
+
+  .WorkObj_ImgList {
+    margin: 10px 20px 0 20px;
+  }
+  .sche_midList .el-scrollbar .el-scrollbar__wrap .el-scrollbar__view{
+    white-space: nowrap;
+    overflow-x: auto;
+  }
+  .sche_midList .el-scrollbar__view::-webkit-scrollbar {
+    width: 3px;
+    height: 3px;
+    background-color: #F5F5F5;
+  }
+
+  /*!*定义滚动条轨道 内阴影+圆角*!*/
+  .sche_midList .el-scrollbar__view::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
+
+  /*!*定义滑块 内阴影+圆角*!*/
+  .sche_midList .el-scrollbar__view::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
+    background-color: #0ae;
+  }
 </style>
 <template>
   <div>
@@ -234,17 +266,23 @@
                 <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>
+          </div>
+          <div class="WorkObj_ImgList">
+            <el-scrollbar>
+              <template v-if="WorkObj.FileList&&WorkObj.FileList.length>0">
+                <div class="SchImg_List" style="width:60px;height:60px;border:0;" v-for="(item,index) in WorkObj.FileList">
+                  <!-- <img :src="item" alt=""> -->
+                  <el-image :src="item" style="width:100%;height:100%;" :preview-src-list="WorkObj.FileList">
+                  </el-image>
+                  <i class="iconfont icon-yiquxiao sch_del" style="font-size:17px;top:-4px;" @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">
+              <el-upload class="schedul_Upload MyUpload" style="display:inline;" action="" list-type="picture-card"
+                :show-file-list="false" :http-request="UploadWorkFile">
                 <i class="el-icon-plus"></i>
               </el-upload>
-            </div>
+            </el-scrollbar>
           </div>
           <div>
             <template v-if="WorkObj.ItemType==2">
@@ -561,8 +599,8 @@
     methods: {
       //工作清单删除图片
       workRemoveAdd(index) {
-        if (this.WorkObj && this.WorkObj.ItemImgList && this.WorkObj.ItemImgList.length > 0) {
-          this.WorkObj.ItemImgList.splice(index, 1);
+        if (this.WorkObj && this.WorkObj.FileList && this.WorkObj.FileList.length > 0) {
+          this.WorkObj.FileList.splice(index, 1);
         }
       },
       getWorkList() {
@@ -647,8 +685,11 @@
       //工作清单上传图片
       UploadWorkFile(files) {
         UploadSelfFile('Attachment', files.file, res => {
+          if(this.WorkObj.FileList==null){
+            this.WorkObj.FileList = [];
+          }
           if (res.Code == 1) {
-            this.WorkObj.ItemImgList.push(res.FileUrl);
+            this.WorkObj.FileList.push(res.FileUrl);
           }
         })
       },