退仓添加图片

src/views/ecw/order/components/warehouseDetails.vue

@@ -130,6 +130,16 @@
     <div>
       {{ FeeDetails.details && FeeDetails.details.reason ? FeeDetails.details.reason :''}}
     </div>
+    <p>{{$t('退仓图片')}}</p>
+    <div>
+      <el-image
+        v-for="(item, index) in (FeeDetails.details.imgUrl || '').split(',')"
+        :key = 'index'
+        style="width: 100px; height: 100px;margin:10px;"
+        :src="item"
+        :preview-src-list="(FeeDetails.details.imgUrl || '').split(',')">
+      </el-image>
+    </div>
   </div>
   <div v-if="type === 4">
     <p>{{ $t('申请理由') }}</p>

src/views/ecw/order/withdrawal.vue

@@ -13,6 +13,9 @@
         <el-form-item :label="$t('退仓原因')">
           <el-input v-model="params.reason" style="width:500px" type="textarea"></el-input>
         </el-form-item>
+        <el-form-item :label="$t('图片')">
+          <image-and-video-upload   :file-type="['png' , 'jpg', 'jpeg']" :fileSize="50" :isShowTip="true" v-model="params.imgUrl" ></image-and-video-upload>
+        </el-form-item>
       </el-form>
       <el-divider></el-divider>
       <h2>{{$t('审批流程')}}</h2>
@@ -37,6 +40,7 @@ import {
   warehouseApprovalCancel
 } from "@/api/ecw/batchSingleApplication";
 import workFlow from "@/components/WorkFlow";
+import ImageAndVideoUpload from "@/components/ImageAndVideoUpload/index.vue";
 
 export default {
   name: "withdrawal",
@@ -45,6 +49,7 @@ export default {
     dialogVisible:Boolean
   },
   components:{
+    ImageAndVideoUpload,
     workFlow
   },
   data(){
@@ -55,6 +60,7 @@ export default {
         orderNo:undefined,
         reason:'',
         copyUserId:[],
+        imgUrl:[]
       },
       isExamine:true,
       details:{},
@@ -82,6 +88,7 @@ export default {
     submit(){
       this.params.orderId =  this.orderDetails.orderId;
       this.params.orderNo =this.orderDetails.orderNo;
+      this.params.imgUrl =  this.params.imgUrl.join(',')
       orderWarehouseInDelete(this.params).then(r => {
        if(r.code === 0){
          this.$message.success(this.$t('退仓成功'));