销售出库单编辑新增附件

src/views/supply/sales/components/sales_detail.vue

@@ -41,10 +41,13 @@
             </div>
           </el-col>
           <el-col :span="24" class="item file" style="width: 100%; height: auto">
-            <div class="label">附件</div>
-            <div class="value">
-          
-              <div class="file-list">
+            <div class="label" style="height: 140px">附件</div>
+            <div class="value" style="height: 140px">
+              <div class="file-list" v-if="edit">
+                <ImageUpload :file-list="fileList" multiple />
+              </div>
+
+              <div class="file-list" v-else>
                 <div class="file-item" v-for="item in detailData.salesOrderPictures">
                   <el-image
                     v-if="checkFileType(item.fileUrl) == 'image'"
@@ -67,12 +70,12 @@
           </el-col>
         </el-row>
       </div>
-      <div class="fileUpload" v-if="edit">
+      <!-- <div class="fileUpload" v-if="edit">
         <div class="main-title">
         <div class="title">上传附件</div>
         </div>
            <fileUpload :fileList="fileList" multiple />
-        </div>
+        </div> -->
       <div class="main-title">
         <div class="title">货品信息</div>
       </div>
@@ -273,6 +276,7 @@ import print from 'vue-print-nb'
 import { getDetail, updateNum } from '@/api/supply/sales'
 import { getFileUrl } from '@/api/common'
 import fileUpload from '@/components/Common/file-upload.vue'
+import ImageUpload from '@/components/Common/image-upload.vue'
 
 
 export default {
@@ -280,7 +284,8 @@ export default {
   componentName: 'SalesDetail',
   props: ['listItem', 'edit'],
   components: {
-    fileUpload
+    fileUpload,
+    ImageUpload
   },
   directives: {
     print
@@ -335,7 +340,7 @@ export default {
           }
       updateNum({
         ...this.detailData,
-        salesOrderPictures:[...this.detailData.salesOrderPictures,...salesOrderPictures]
+        salesOrderPictures:salesOrderPictures
       }).then(res => {
         this.$successMsg('修改成功')
         this.$parent.edit = false
@@ -379,9 +384,20 @@ export default {
             item.sums2 = ['payAmount', 'price']
           })
         }
+        console.log(res.data);
+        res.data.salesOrderPictures.forEach(k=>{
+          this.fileList.push({
+              hover: '',
+              url:k.fileUrl,
+              name:k.fileName,
+            })
+        this.srcList.push(this.$imageUrl+k.fileUrl)
+
+        })
+        
 
         this.detailData = res.data
-        this.srcList = [this.$imageUrl + this.detailData.fileUrl]
+        // this.srcList = [this.$imageUrl + this.detailData.fileUrl]
       })
     }
   }