添加入仓影像

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

+<template>
+  <div style="display: inline-block">
+    <div @click="visible = true">
+      <slot></slot>
+    </div>
+
+    <el-dialog
+      append-to-body
+      title="提示"
+      :visible.sync="visible"
+      width="80%">
+      <div style="display: flex;flex-wrap: wrap;">
+        <el-image style="width: 200px;height: 200px;margin-right: 10px;margin-bottom: 10px" v-for="(item) in list"  :src="item.url"></el-image>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {warehousePictureList} from "@/api/ecw/order";
+
+export default {
+  props:{
+    bizId:[String, Number],
+    type:[Number],
+  },
+  name: "imageDisplay",
+  data(){
+    return {
+      visible:false,
+      list:[],
+    }
+  },
+  created() {
+    },
+  methods:{
+    getList(){
+      warehousePictureList({bizId:this.bizId,type:this.type}).then(r =>{
+        this.list = r.data
+        ;
+      })
+    }
+  },
+  watch:{
+    visible(val){
+      if(val){
+        this.getList()
+      }
+    }
+  }
+
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ecw/order/detail.vue

@@ -245,6 +245,9 @@
         <el-tab-pane :label="$t('运单资料/提货单')" name="three">
           <!--inWarehouseState 1待入库，2多了，3少了，4到齐-->
           <el-button v-hasPermi="['ecw:order:show_receipt']" type="text" @click="showWarehouseReceipt=true" :disabled="order.inWarehouseState == 0 && order.shipmentState == 0">{{$t('查看入仓单')}}</el-button>
+          <image-display :type="6" :biz-id="order.orderId">
+            <el-button style="margin: 0 15px" type="text">{{$t('入仓影像')}}</el-button>
+          </image-display>
           <el-button v-hasPermi="['ecw:order:show_landing']" type="text" @click.native="showLadingBill=true" :disabled="!order.ladingState">{{$t('查看提货单')}}</el-button>
           <el-button v-hasPermi="['ecw:order:show_packing']" :disabled="!order.packingListUrl" type="text" @click="downloadPackingList">{{$t('装箱单')}}</el-button>
           <el-button v-hasPermi="['ecw:order:show_customs']"  type="text" @click="showDeclaration=true">{{$t('查看报关资料')}}</el-button>
@@ -440,9 +443,11 @@ import WarehouseAreaSelect from "@/components/WarehouseAreaSelect"
 import {checkPermi} from '@/utils/permission'
 import OperateLogDetail from "@/views/ecw/order/components/OprateLogDetail";
 import DeclarationDocuments from './components/DeclarationDocuments';
+import ImageDisplay from "@/views/ecw/order/components/imageDisplay.vue";
 export default {
   name: "detail",
   components: {
+    ImageDisplay,
     OperateLogDetail,
     PrintWarehouseReceipt, PrintLadingBill, WarehouseDetail, WarehouseAreaSelect,DeclarationDocuments
   },