任务130 后台-集运-包裹列表-包裹详情

src/views/ecw/cons/DetailConsProd.vue

+<template>
+  <div>
+    <el-table
+      :data="list"
+      border
+      style="width: 100%">
+      <el-table-column :label="$t('序号')" width="60px" fixed>
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="prodTitleZh" :label="$t('品名')" width="220px">
+        <template slot-scope="{row}">
+          <div>{{row.prodName}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column :label="`${$t('填单数据')}(${$t('个')})`">
+        <template slot-scope="{row}">
+          {{row.quantity}}
+        </template>
+      </el-table-column>
+      <el-table-column :label="`${$t('验货数据')}(${$t('个')})`">
+        <template slot-scope="{row}">
+          <el-link type="primary" @click.native="$emit('showWarehouseLogs', row,1)" v-show="row.inspectionQuantity">
+            {{row.inspectionNum}}{{$t('箱')}}
+            {{row.inspectionWeight}}Kg
+            {{row.inspectionVolume}}m³
+            {{row.inspectionQuantity}}{{$t('个')}}
+          </el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+
+</template>
+
+<script>
+import ProductSelector from "@/components/ProductSelector/index.vue";
+import Template from "@/views/cms/template/index.vue";
+
+export default {
+  name: 'DetailConsProd',
+  components: {Template, ProductSelector},
+  props: {
+    list: {
+      type: Array,
+      required: true
+    },
+  },
+  methods: {
+
+  },
+  computed: {
+  },
+}
+</script>
+<style scoped>
+
+</style>

src/views/ecw/cons/PackDetail.vue

+<template>
+  <div>
+    <!-- 订单获取入仓记录 -->
+    <el-dialog :title="title" visible :before-close="closeDialog" :close-on-click-modal="false" width="1200px">
+      <el-card style="margin-bottom:10px">
+        <el-descriptions :title="$t('入仓数据')" :column="3" :labelStyle="{width:'66px'}">
+          <el-descriptions-item :label="$t('品名')">{{orderItem.prodTitleZh}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('英文品名')">{{orderItem.prodTitleEn}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('品牌')" >
+            <template v-if="orderItem.brandName">{{orderItem.brandName}}</template>
+            <dict-tag v-else :type="DICT_TYPE.ECW_IS_BRAND" :value="orderItem.brandType" />
+          </el-descriptions-item>
+          <el-descriptions-item :label="$t('箱数')">{{(orderItem.warehouseInInfoVO ? orderItem.warehouseInInfoVO.cartonsNum : 0)+$t('箱')}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('体积')">{{orderItem.warehouseInInfoVO ? orderItem.warehouseInInfoVO.volume : orderItem.volume}}m³</el-descriptions-item>
+          <el-descriptions-item :label="$t('重量')">{{orderItem.warehouseInInfoVO ? orderItem.warehouseInInfoVO.weight : orderItem.weight}}kg</el-descriptions-item>
+          <el-descriptions-item :label="$t('数量')">{{orderItem.warehouseInInfoVO ? orderItem.warehouseInInfoVO.quantityAll : orderItem.quantity}}{{$t('个')}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('备货状态')">{{airShipmentData[info.airShipment]}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('商品特性')">{{productAttr}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('用途')">
+            <div v-if="orderItem.usageIds">
+              <div v-for="(item,index) in orderItem.usageIds.split(',')">
+                <dict-tag :type="DICT_TYPE.OREER_ITEM_USAGE" :value="item" />
+                <span v-if="(index+1)!=orderItem.usageIds.split(',').length">,</span>
+              </div>
+            </div>
+          </el-descriptions-item>
+        </el-descriptions>
+      </el-card>
+      <el-card style="margin-bottom:10px">
+        <div slot="header" class="card-title">
+          {{$t('打包前')}}
+        </div>
+        <el-table v-if="orderWarehouseInContent" :data="orderWarehouseInContent.orderWarehouseInBackItemDoList">
+          <el-table-column type="index" :label="$t('序号')" />
+          <el-table-column :label="$t('箱数')" prop="cartonsNum">
+            <template slot-scope="{row}">
+              <span>{{row.cartonsNum}}</span>
+              <el-button v-if="row.orderWarehouseInDetailsVOList&&row.orderWarehouseInDetailsVOList.length>0" type="text" @click="seeBox(row.orderWarehouseInDetailsVOList)">({{$t('混箱')}})</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('入仓类型')" prop="cartonsNum">
+            <template slot-scope="{row}">
+              <dict-tag :type="DICT_TYPE.WAREHOUSING_SPECIFICATION_TYPE" :value="row.specificationType" />
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('包装类型')" prop="unit">
+            <template slot-scope="{row}">
+              <dict-tag :type="DICT_TYPE.ECW_PACKAGING_TYPE" :value="row.unit" />
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('长')" prop="boxGauge">
+            <template slot-scope="{row}">
+              {{row.boxGauge.split('*')[0]}}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('宽')" prop="boxGauge" >
+            <template slot-scope="{row}">
+              {{row.boxGauge.split('*')[1]}}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('高')" prop="boxGauge" >
+            <template slot-scope="{row}">
+              {{row.boxGauge.split('*')[2]}}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('体积') + '(m³)'" prop="volume" />
+          <el-table-column :label="$t('重量') + '(kg)'" prop="weight" />
+          <el-table-column :label="$t('数量（个）')" prop="quantityAll" />
+          <el-table-column :label="$t('入仓快递单号')" prop="expressNo" />
+          <el-table-column :label="$t('入仓时间')" prop="inTime" min-width="150">
+            <template slot-scope="{row}">{{row.inTime|parseTime}}</template>
+          </el-table-column>
+          <el-table-column :label="$t('储位')" prop="orderLocationBackVOList" >
+            <template slot-scope="{row}">
+              {{getLocationName(row.orderLocationBackVOList)}}
+            </template>
+          </el-table-column>
+          <!--            <el-table-column :label="$t('入仓影像')" prop="orderLocationBackVOList" >
+                        <template slot-scope="{row}">
+                         <el-button type="primary" @click="seeMv(orderWarehouseInContent.pictureUrls)">{{$t('查看')}}</el-button>
+                        </template>
+                      </el-table-column> -->
+        </el-table>
+        <div  style="margin:20px 0;font-size:16px;font-weight:600">
+          {{$t('打包前入仓影像')}}
+        </div>
+        <image-and-video-upload v-if="orderWarehouseInContent.pictureUrls" readonly :fileSize="50" :isShowTip="true" :value="orderWarehouseInContent.pictureUrls" ></image-and-video-upload>
+      </el-card>
+      <el-card style="margin-bottom:10px">
+        <div slot="header" class="card-title">
+          {{$t('打包后')}}
+        </div>
+        <el-table v-if="warehouseItem && warehouseItem.orderWarehouseInBackItemDoList" :data="warehouseItem.orderWarehouseInBackItemDoList">
+          <el-table-column type="index" :label="$t('序号')" />
+          <el-table-column :label="$t('箱数')" prop="cartonsNum">
+            <template slot-scope="{row}">
+              <span>{{row.cartonsNum}}</span>
+              <el-button v-if="row.orderWarehouseInDetailsVOList&&row.orderWarehouseInDetailsVOList.length>0" type="text" @click="seeBox(row.orderWarehouseInDetailsVOList)">({{$t('混箱')}})</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('入仓类型')" prop="cartonsNum">
+            <template slot-scope="{row}">
+              <dict-tag :type="DICT_TYPE.WAREHOUSING_SPECIFICATION_TYPE" :value="row.specificationType" />
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('包装类型')" prop="unit">
+            <template slot-scope="{row}">
+              <dict-tag :type="DICT_TYPE.ECW_PACKAGING_TYPE" :value="row.unit" />
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('长')" prop="boxGauge">
+            <template slot-scope="{row}">
+              {{row.boxGauge.split('*')[0]}}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('宽')" prop="boxGauge" >
+            <template slot-scope="{row}">
+              {{row.boxGauge.split('*')[1]}}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('高')" prop="boxGauge" >
+            <template slot-scope="{row}">
+              {{row.boxGauge.split('*')[2]}}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('体积') + '(m³)'" prop="volume" />
+          <el-table-column :label="$t('重量') + '(kg)'" prop="weight" />
+          <el-table-column :label="$t('数量（个）')" prop="quantityAll" />
+          <el-table-column :label="$t('入仓快递单号')" prop="expressNo" />
+          <el-table-column :label="$t('入仓时间')" prop="inTime" min-width="150">
+            <template slot-scope="{row}">{{row.inTime|parseTime}}</template>
+          </el-table-column>
+          <el-table-column :label="$t('储位')" prop="orderLocationBackVOList" >
+            <template slot-scope="{row}">
+              {{getLocationName(row.orderLocationBackVOList)}}
+            </template>
+          </el-table-column>
+          <!--           <el-table-column :label="$t('入仓影像')" prop="orderLocationBackVOList" >
+                       <template slot-scope="{row}">
+                         <el-button type="primary" @click="seeMv(warehouseItem.pictureUrls)">{{$t('查看')}}</el-button>
+                       </template>
+                     </el-table-column> -->
+        </el-table>
+        <div  style="margin:20px 0;font-size:16px;font-weight:600">
+          {{$t('打包后入仓影像')}}
+        </div>
+        <image-and-video-upload v-if="warehouseItem.pictureUrls" readonly :fileSize="50" :isShowTip="true" :value="warehouseItem.pictureUrls" ></image-and-video-upload>
+      </el-card>
+      <el-card style="margin-bottom:10px">
+        <el-descriptions :title="$t('打包数据')" :column="2" :labelStyle="{width:'120px'}">
+          <el-descriptions-item :label="$t('打包后箱数')">{{packData.cartonsNum+$t('箱')}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('打包后体积')">{{packData.volume.toFixed(2)}}m³</el-descriptions-item>
+          <el-descriptions-item :label="$t('打包后重量')">{{packData.weight.toFixed(2)}}kg</el-descriptions-item>
+          <el-descriptions-item :label="$t('打包后数量（个）')" >{{packData.quantityAll}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('打包人')">{{packAfterData.creatorName}}</el-descriptions-item>
+          <el-descriptions-item :label="$t('打包时间')">{{packAfterData.createTime|parseTime}}</el-descriptions-item>
+        </el-descriptions>
+      </el-card>
+      <el-button type="primary" @click="closeDialog">{{$t('关闭窗口')}}</el-button>
+
+    </el-dialog>
+    <el-dialog :title="$t('入仓影像')" :visible.sync="mvShow" :before-close="closeMv" :close-on-click-modal="false">
+      <!--      <div style="display:flex;flex-wrap:wrap">
+              <div v-for="(item, index) in pictureUrls" :index="index" :key="index" style="width:80px;height:80px">
+                  <img v-if="item.type === 'image'" :src="item.url" mode="scaleToFill" style="height: 100%" @tap="previewImage(item.url)" />
+                  <video v-else-if="item.type === 'video'" :id="`video_${index}`" style="width: 100%;height: 100%" :src="item.url" @play="playVideo(index)" @tap="playVideo(index)" @fullscreenchange="fullscreenchange"></video>
+              </div>
+            </div>
+            <div v-if="pictureUrls.length==0">
+              <span>{{$t('暂无影像')}}</span>
+            </div> -->
+      <image-and-video-upload readonly :fileSize="50" :isShowTip="true" :value="pictureUrls" ></image-and-video-upload>
+    </el-dialog>
+    <el-dialog :title="$t('箱明细')" :visible.sync="boxShow" :before-close="closeBox" :close-on-click-modal="false" width="800px">
+      <el-form>
+        <WarehouseRecordDetailItem
+          v-for="(item, index) in boxData"
+          :key="index" v-model="boxData[index]"
+          :index="index" :attr-list="attrList"
+          :readonly="true"
+        />
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getOrder, getOrderWarehouseIn } from '@/api/ecw/order'
+import { DICT_TYPE } from '@/utils/dict'
+import { parseTime } from '@/utils/ruoyi'
+import WarehouseAreaSelect from "@/components/WarehouseAreaSelect"
+import {getProductAttrList} from '@/api/ecw/productAttr'
+import ImageAndVideoUpload from '@/components/ImageAndVideoUpload'
+import WarehouseRecordDetailItem from "@/views/ecw/order/warehousing/components/WarehouseRecordDetailItem.vue";
+export default {
+  components: {
+    WarehouseAreaSelect,WarehouseRecordDetailItem,ImageAndVideoUpload
+  },
+  filters: {parseTime},
+  props:{
+    order: Object, // order 和 orderId 二选一
+    packAfterData: Object,
+    orderItemId: Number,
+  },
+  data(){
+    return {
+      consDetail: null,
+      warehouseList: null,
+      productAttrList:[],  // 商品属性
+      airShipmentData:['默认值','待出','可出','备货中','已备货'],
+      packData:{
+        cartonsNum:0,
+        volume:0,
+        weight:0,
+        quantityAll:0
+      },
+      pictureUrls:[],
+      mvShow:false,
+      boxShow:false,
+      // 特性列表
+      attrList: [],
+      boxData: []
+    }
+  },
+
+  computed:{
+    info(){
+      return this.consDetail || this.order
+    },
+    orderItem(){
+      if(!this.info) return null
+      return this.info.orderItemVOList.find(item => item.orderItemId == this.orderItemId)
+    },
+    warehouseItem(){
+      if(!this.warehouseList) return []
+      return this.warehouseList.find(item => item.orderItemId == this.orderItemId) || []
+    },
+    title(){
+      if(!this.orderItem) return '-'
+      return this.$l(this.orderItem, 'prodTitle') + ' - ' + this.$t('入仓记录')
+    },
+    orderWarehouseInContent(){
+      if(!this.packAfterData) return []
+      return JSON.parse(this.packAfterData.orderWarehouseInContent)
+    },
+    productAttr(){
+      if(this.productAttrList.length==0||!this.orderItem.warehouseInProdAttrIds) return ''
+      let data = []
+      // 要拆分成数组再用indexOf，字符串直接indexOf会有问题，"12,3".indexOf('1') > -1 为true
+      let warehouseInProdAttrIds = this.orderItem.warehouseInProdAttrIds.split(',')
+      console.log({warehouseInProdAttrIds})
+      this.productAttrList.forEach(item=>{
+        if(warehouseInProdAttrIds.indexOf(`${item.id}`)>-1){
+          data.push(this.$l(item, 'attrName'))
+        }
+      })
+      return data.join(',')
+    },
+  },
+
+  async created(){
+    this.show = true
+    if(!this.order && this.orderId){
+      getCons(this.orderId).then(res => {
+        this.consDetail = res.data
+      })
+    }
+    this.getOrderWarehouseIn()
+    this.productAttrList = (await getProductAttrList()).data
+    this.getAttrList()
+  },
+  methods:{
+    // 获取储位名称
+    getLocationName(locationArr){
+      if(!locationArr || !locationArr.length) return ''
+      let arr = []
+      locationArr.forEach(item => {
+        arr.push(`${item.areaName}${item.locationName || ''}`)
+      })
+      return Array.from(new Set(arr)).join(",")
+    },
+    closeDialog(){
+      this.show = false
+      this.$emit('close');
+    },
+    getOrderWarehouseIn(){
+      getOrderWarehouseIn(this.info.orderId).then(res => {
+        this.warehouseList = res.data
+        var warehouseItem = this.warehouseList.find(item => item.orderItemId == this.orderItemId)
+        if(warehouseItem&&warehouseItem.orderWarehouseInBackItemDoList!=null){
+          warehouseItem.orderWarehouseInBackItemDoList.forEach(item=>{
+            if(item.volume) this.packData.volume += parseFloat(item.volume)
+            if(item.weight) this.packData.weight += parseFloat(item.weight)
+            if(item.cartonsNum) this.packData.cartonsNum += parseInt(item.cartonsNum)
+            if(item.quantityAll) this.packData.quantityAll += parseInt(item.quantityAll)
+          })
+        }
+      })
+    },
+    seeMv(list){
+      this.mvShow=true
+      if(list){
+        this.pictureUrls = list
+      }else{
+        this.pictureUrls = []
+      }
+
+    },
+    isImageFile(filename) {
+      var imageExtensions = [".jpeg", ".jpg", ".png", ".gif", ".bmp", ".tiff"];
+      var extension = "";
+      var length = filename.length;
+      for (var i = length - 1; i >= 0; i--) {
+        if (filename[i] === ".") {
+          extension = filename.slice(i).toLowerCase();
+          break;
+        }
+      }
+
+      return imageExtensions.indexOf(extension) !== -1;
+    },
+    closeMv(){
+      this.mvShow = false
+    },
+    closeBox(){
+      this.boxData = []
+      this.boxShow = false
+    },
+    seeBox(data){
+      data.forEach(e => {
+        let bg = {}
+        if (e.boxGauge) {
+          const boxGauge = e.boxGauge.split('*')
+          // e.boxGauge1 = boxGauge[0]
+          // e.boxGauge2 = boxGauge[1]
+          // e.boxGauge3 = boxGauge[2]
+          bg = {
+            boxGauge1: boxGauge[0],
+            boxGauge2: boxGauge[1],
+            boxGauge3: boxGauge[2]
+          }
+        }
+        this.boxData.push({...e, ...bg})
+      })
+      this.boxShow = true
+    },
+    /** 获取产品属性列表 */
+    getAttrList() {
+      getProductAttrList().then(response => {
+        this.attrList = response.data;
+      })
+    },
+  }
+}
+</script>
+

src/views/ecw/cons/detail.vue

+<template>
+  <div class="app-container" v-if="cons">
+    <el-card class="card">
+      <div slot="header" class="card-title">
+        {{ $t("快递单号") }}：{{ cons.expressNo }} - <dict-tag :type="DICT_TYPE.CONS_STATUS" :value="cons.status" />
+      </div>
+      <el-row :gutter="24">
+        <el-col :span="12" style="font-size: 16px">
+          {{ $t("ID") }}:{{ cons.consNum }}
+        </el-col>
+      </el-row>
+    </el-card>
+    <el-card class="card">
+      <div slot="header" class="card-title">
+        {{$t('发货人')}}
+      </div>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-descriptions class="margin-top" border  :column="3" :labelStyle="{ width: '110px' }" :contentStyle="{ width: '150px' }">
+            <el-descriptions-item :label="$t('名称')">
+              <component :is="'router-link'"
+                         :to="`/customer/query/${cons.customerId}`">{{ cons.customerName }}-{{cons.customerNumber}}
+              </component>
+            </el-descriptions-item>
+          </el-descriptions>
+        </el-col>
+      </el-row>
+    </el-card>
+    <el-card class="card">
+      <el-descriptions border :title="$t('运输')" :column="5" :labelStyle="{ width: '110px' }" :contentStyle="{ width: '150px' }">
+        <el-descriptions-item :label="$t('始发仓')">{{ $l(this.cons.initialLogisticsInfoDto, "startTitle") }}</el-descriptions-item>
+        <el-descriptions-item :label="$t('目的仓')">
+          <div class="w-300">
+            {{ $l(this.cons.initialLogisticsInfoDto, "destCountryTitle") }} - {{ $l(this.cons.initialLogisticsInfoDto, "destCityTitle") }} -
+            {{ $l(this.cons.initialLogisticsInfoDto, "destTitle") }}
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item :label="$t('运输方式')">
+          <dict-tag :type="DICT_TYPE.ECW_TRANSPORT_TYPE" :value="cons.transportId" />
+        </el-descriptions-item>
+        <el-descriptions-item v-if="getDictData(DICT_TYPE.ECW_TRANSPORT_TYPE, cons.transportId).cssClass == 'channel'" :label="$t('出货渠道')">{{ cons.channelName }}</el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+    <el-card class="card">
+      <el-descriptions class="mr-10" border :title="$t('基础')" :column="2" :labelStyle="{ width: '110px' }" :contentStyle="{ width: '150px' }">
+        <el-descriptions-item :label="$t('总货值')">{{ cons.worth }}</el-descriptions-item>
+        <el-descriptions-item :label="$t('填单总数据')"> {{ cons.sumQuantity }} {{ $t("箱") }}</el-descriptions-item>
+        <el-descriptions-item :label="$t('入库总数据')"> {{ cons.sumQuantity }}{{ $t("箱") }} {{ cons.sumQuantity }}Kg {{ cons.sumQuantity }}m³ {{ cons.sumQuantity }}{{ $t("个") }} </el-descriptions-item>
+        <el-descriptions-item :label="$t('备注')" >{{ cons.remarks }}</el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+    <el-card class="card">
+      <el-tabs v-model="activeName">
+        <el-tab-pane :label="$t('货物详情')" name="first">
+          <detail-cons-prod
+            :list="cons.consItemVOList"
+            @showWarehouseLogs="showWarehouseLogs"
+          ></detail-cons-prod>
+        </el-tab-pane>
+<!--        <el-tab-pane :label="$t('订单动态')" name="second">-->
+<!--          <el-timeline v-if="order.orderTimeVOList && order.orderTimeVOList.length" :reverse="true">-->
+<!--            <el-timeline-item v-for="(activity, index) in order.orderTimeVOList" :key="index" :timestamp="parseTime(activity.businessTime)">-->
+<!--              {{ $l(activity, "title") }}-->
+<!--              <div :class="{ red: !!activity.mark }">{{ $l(activity, "remarks") }}</div>-->
+<!--            </el-timeline-item>-->
+<!--          </el-timeline>-->
+<!--          <el-result v-else icon="info " :title="$t('暂无数据')" :subTitle="$t('暂无订单动态数据')" />-->
+<!--        </el-tab-pane>-->
+<!--        <el-tab-pane :label="$t('操作日志')" name="five" v-if="checkPermi(['ecw:order:logs'])">-->
+<!--          <el-table :data="logs" v-loading="logsLoading">-->
+<!--            <el-table-column :label="$t('时间')" width="150">-->
+<!--              <template slot-scope="{ row }">{{ row.createTime | parseTime }}</template>-->
+<!--            </el-table-column>-->
+<!--            <el-table-column :label="$t('操作人')" prop="creatorName" width="150"> </el-table-column>-->
+<!--            <el-table-column :label="$t('操作人类型')" width="100">-->
+<!--              <template slot-scope="{ row }">{{ row.userType == 1 ? $t("会员") : $t("管理员") }}</template>-->
+<!--            </el-table-column>-->
+<!--            <el-table-column :label="$t('操作类型')" prop="type" width="150"></el-table-column>-->
+<!--            <el-table-column :label="$t('操作描述')" prop="msg" width="300"></el-table-column>-->
+<!--            <el-table-column :label="$t('备注')" prop="note">-->
+<!--              <template slot-scope="{ row }">-->
+<!--                <div v-if="row.note">-->
+<!--                  <div v-for="item in parseLogNote(row.note)">-->
+<!--                    <template v-if="item.orgValue">-->
+<!--                      {{ $t("【{name}】从【{orgValue}】修改为【{newValue}】", item) }}-->
+<!--                    </template>-->
+<!--                    <template v-else>-->
+<!--                      {{ $t("【{name}】设置为【{newValue}】", item) }}-->
+<!--                    </template>-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--              </template>-->
+<!--            </el-table-column>-->
+<!--            <el-table-column :label="$t('操作')" prop="note">-->
+<!--              <template slot-scope="{ row }">-->
+<!--                <el-link type="primary" @click="showLogDetailId = row.id">{{ $t("详情") }}</el-link>-->
+<!--              </template>-->
+<!--            </el-table-column>-->
+<!--          </el-table>-->
+<!--        </el-tab-pane>-->
+<!--        <el-tab-pane :label="$t('到仓详情')" name="seven">-->
+<!--          <check-detail-prod :list="warehouseCheckInfoData" :attr-list="attrList" :prod-type-list="prodTypeList" :currency-map="currencyMap" :unit-map="unitMap" :transport-id="order.transportId" :unload-time="order.unloadTime | parseTime"></check-detail-prod>-->
+<!--        </el-tab-pane>-->
+      </el-tabs>
+    </el-card>
+    <pack-detail ></pack-detail>
+  </div>
+</template>
+
+<script>
+import {getCons} from "@/api/ecw/cons";
+import { getDictDatas, DICT_TYPE, getDictData } from "@/utils/dict"
+import CheckDetailProd from "@/views/ecw/order/components/CheckDetailProd.vue";
+import DetailConsProd from "@/views/ecw/cons/DetailConsProd.vue";
+import PackHistory from "@/views/ecw/order/components/PackHistory.vue";
+import PackDetail from "@/views/ecw/cons/PackDetail.vue";
+
+export default {
+  name: "EcwConsDetail",
+  props: {},
+  components: {PackDetail, PackHistory, DetailConsProd,CheckDetailProd},
+  data() {
+    return {
+      cons:null,
+      type: 1,
+      activeName: "first",
+    }
+  },
+  watch: {},
+  computed: {
+    getDictData() {
+      return (type, value) => getDictData(type, value) || {}
+    },
+    DICT_TYPE() {
+      return DICT_TYPE
+    }
+  },
+  created() {
+    if (this.$route.query.consId) {
+      this.consId = this.$route.query.consId
+      this.getCons()
+    }
+  },
+  methods: {
+    // 显示入仓记录
+    showWarehouseLogs(row, type) {
+      this.type = type
+      this.showWarehouseInItemId = row.orderItemId
+    },
+    getCons() {
+      getCons(this.consId).then(res => {
+        this.cons = res.data
+        console.log(this.cons)
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.red {
+  color: red;
+}
+
+.card {
+  margin-bottom: 20px;
+}
+
+.card-title {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.el-dropdown-link {
+  cursor: pointer;
+  color: #409eff;
+}
+
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+
+.hiddenInfo {
+  display: none;
+}
+
+.showInfo {
+  display: block;
+}
+</style>