@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/page/inner/disposeAbnormal/components/abnInfo/index.vue

@@ -0,0 +1,655 @@
+<!--
+  异常信息显示
+  @author: 张文
+  @date: 2022-06-24
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-row-start lw-global-flex-between">
+
+      <div
+        style="font-size: 16px;flex: 1"
+        class="lw-global-value-bold"
+      >{{ item.abnormalNo }}</div>
+
+      <lw-tag
+        :type="tagType"
+        plain
+        round
+      >{{ item.handleStatusLabel }}</lw-tag>
+
+    </div>
+
+    <div class="lw-global-row">
+
+      <lw-tag
+        v-if="item.hasPhysical"
+        round
+        plain
+      >{{ $lwLanguage.get('','有实物') }}</lw-tag>
+      <lw-tag
+        v-else
+        round
+        plain
+        color="#ccc"
+      >{{ $lwLanguage.get('','无实物') }}</lw-tag>
+
+      <lw-tag
+        v-if="item.systemOut"
+        round
+        plain
+        type="success"
+      >{{ $lwLanguage.get('','系统外') }}</lw-tag>
+      <lw-tag
+        v-else
+        round
+        plain
+        type="danger"
+      >{{ $lwLanguage.get('','系统内') }}</lw-tag>
+
+    </div>
+
+    <div class="lw-global-row lw-global-flex-between">
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','上报数量')"
+        :value="item.qty"
+        val-bold
+        :is-row="false"
+        val-size="16px"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','确认数量')"
+        :value="item.confirmQty"
+        val-bold
+        val-red
+        :is-row="false"
+        val-size="16px"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','问题区数量')"
+        :value="item.abnormalQty"
+        val-bold
+        :is-row="false"
+        val-size="16px"
+      />
+    </div>
+
+    <div class="lw-global-row">
+      <lw-tag
+        round
+        plain
+      >{{ item.discoveryPointLabel }}</lw-tag>
+
+      <lw-tag
+        round
+        plain
+        type="danger"
+      >{{ item.typeLabel }}</lw-tag>
+
+      <lw-tag
+        round
+        plain
+        type="danger"
+      >{{ item.subTypeLabel }}</lw-tag>
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','发现时间')"
+        :value="$lwDate.format(item.discoveryTime, 'yyyy-MM-dd hh:mm')"
+        val-bold
+        :is-row="false"
+      />
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','发现人')"
+        :value="item.discoveryOpName || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','确认时间')"
+        :value="$lwDate.format(item.confirmTime,'yyyy-MM-dd hh:mm')"
+        val-bold
+        :is-row="false"
+      />
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','确认人')"
+        :value="item.confirmName || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','处理时间')"
+        :value="$lwDate.format(item.handleTime,'yyyy-MM-dd hh:mm')"
+        val-bold
+        :is-row="false"
+      />
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','处理人')"
+        :value="item.handleOpName || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+    </div>
+
+    <div class="lw-global-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','货主')"
+        :value="item.ownerCode + '-' + item.ownerName"
+        val-bold
+        :is-row="false"
+      />
+      <div
+        style="margin: 5px 0"
+        class="lw-global-flex-start-start"
+      >
+
+        <div
+          style="flex-shrink: 0"
+          class="lw-global-title"
+        >
+          {{ $lwLanguage.get('','商品') }}
+        </div>
+
+        <div style="flex: 1;margin-left: 10px">
+          <div class="lw-global-value-bold">{{ item.skuCode }}</div>
+          <div class="lw-global-title">{{ item.skuName }}</div>
+        </div>
+
+      </div>
+
+      <lw-tag
+        v-for="(i,k) in item.skuLabelList"
+        :key="k"
+        round
+        plain
+      >{{ i }}</lw-tag>
+
+    </div>
+
+    <!-- 当前批次号 -->
+    <div style="margin-top: 8px">
+
+      <div style="border: solid 1px #f0f0f0;border-radius: 5px">
+        <lw-lot-look-module
+          :columns="item.currentLotAttribute.items"
+          hidden-last-border
+        />
+      </div>
+
+    </div>
+
+    <!-- 原批次号 -->
+    <div v-if="!lotEq" style="margin-top: 8px">
+
+      <div style="border: solid 1px #f0f0f0;border-radius: 5px">
+        <lw-lot-look-module
+          :columns="item.originaLotAttribute.items"
+          hidden-last-border
+        />
+      </div>
+
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','仓库')"
+        :value="(item.warehouseCode || '') + '-' + (item.warehouseName || '')"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','原库位')"
+        :value="item.originalLocationCode || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','原LPN')"
+        :value="item.originalLpn || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','原箱号')"
+        :value="item.originalCaseNum || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','上报异常库位')"
+        :value="item.abnormalLocationCode || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','上报异常LPN')"
+        :value="item.abnormalLpn || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','当前库位')"
+        :value="item.currentLocationCode || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','当前LPN')"
+        :value="item.lpn || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','当前箱号')"
+        :value="item.caseNum || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','ERP单号')"
+        :value="item.erpOrderNo || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','凭证单号')"
+        :value="item.evidenceNo || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','WMS单据类型')"
+        :value="item.bizOrderType || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','WMS单据号')"
+        :value="item.bizOrderNo || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','外部业务单号')"
+        :value="item.extBizNo || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','外部业务单号2')"
+        :value="item.extBizNo2 || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','外部业务单号3')"
+        :value="item.extBizNo3 || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','供应商')"
+        :value="item.supplierCode + '-' + item.supplierName"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','承运商信息')"
+        :value="(item.carrierName || '') + '-' + (item.plateNumber || '')"
+        val-bold
+        :is-row="false"
+      />
+
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <div class="lw-global-flex-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','异常备注') }}
+        </div>
+
+        <div
+          style="flex: 1"
+          class="lw-global-value"
+        >{{ item.remark || '-' }}</div>
+
+      </div>
+
+      <div class="lw-global-flex-start-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','异常图片') }}
+        </div>
+
+        <lw-img-look
+          v-if="image.show"
+          style="flex: 1"
+          :img-list="image.list"
+        />
+        <div
+          v-else
+          class="lw-global-value"
+        >-</div>
+
+      </div>
+
+    </div>
+
+    <div class="lw-global-row lw-global-flex-start">
+
+      <div style="flex-shrink: 0" class="lw-global-title">
+        {{ $lwLanguage.get('','确认备注') }}
+      </div>
+
+      <div
+        style="flex: 1"
+        class="lw-global-value"
+      >{{ item.confirmRemark || '-' }}</div>
+
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','反馈人')"
+        :value="item.feedbackOpName || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','反馈时间')"
+        :value="$lwDate.format(item.feedbackTime,'yyyy-MM-dd hh:mm')"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-flex-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','反馈备注') }}
+        </div>
+
+        <div
+          style="flex: 1"
+          class="lw-global-value"
+        >{{ item.feedbackRemark }}</div>
+
+      </div>
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','处理方式')"
+        :value="item.handleMethodLabel || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-flex-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','处理备注') }}
+        </div>
+
+        <div
+          style="flex: 1"
+          class="lw-global-value"
+        >{{ item.handleRemark  || '-' }}</div>
+
+      </div>
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','系统处理方式')"
+        :value="item.systemHandleMethodLabel || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-flex-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','系统处理备注') }}
+        </div>
+
+        <div
+          style="flex: 1"
+          class="lw-global-value"
+        >{{ item.systemHandleRemark  || '-' }}</div>
+
+      </div>
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','单据处理方式')"
+        :value="item.orderHandleMethodLabel || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-flex-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','单据处理备注') }}
+        </div>
+
+        <div
+          style="flex: 1"
+          class="lw-global-value"
+        >{{ item.orderHandleRemark  || '-' }}</div>
+
+      </div>
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','实物处理方式')"
+        :value="item.actualHandleMethodLabel || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-flex-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','实物处理备注') }}
+        </div>
+
+        <div
+          style="flex: 1"
+          class="lw-global-value"
+        >{{ item.actualHandleRemark  || '-' }}</div>
+
+      </div>
+    </div>
+
+    <div class="lw-global-row lw-dispose-abn-info-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','实物库存处理方式')"
+        :value="item.inventoryHandleMethodLabel || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-flex-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','实物库存处理备注') }}
+        </div>
+
+        <div
+          style="flex: 1"
+          class="lw-global-value"
+        >{{ item.inventoryHandleRemark  || '-' }}</div>
+
+      </div>
+    </div>
+
+    <div class=" lw-dispose-abn-info-row" style="margin-top: 8px">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','完结人')"
+        :value="item.closeOpName || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','完结时间')"
+        :value="$lwDate.format(item.closeTime,'yyyy-MM-dd hh:mm')"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-flex-start">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','完结备注') }}
+        </div>
+
+        <div
+          style="flex: 1"
+          class="lw-global-value"
+        >{{ item.closeRemark || '-' }}</div>
+
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "index",
+  props:{
+    item:{
+      type: Object,
+      default: ()=>{}
+    }
+  },
+  computed:{
+    // 当前状态
+    tagType(){
+      switch (this.item.handleStatus) {
+        case '100':
+          return 'danger';
+        case '200':
+          return 'warning';
+        case '800':
+          return 'success';
+        default:
+          return 'primary'
+      }
+    },
+
+    // 对比批次号
+    lotEq(){
+      if (this.item.currentInventoryLot === this.item.originaInventoryLot){
+        this.changeLot(true)
+        return true
+      }
+
+
+      this.changeLot()
+      return false
+    },
+
+    // 异常图片
+    image(){
+      if (this.item.images && this.item.images.length){
+        const list = this.item.images.split('|')
+        return {
+          show: true,
+          list
+        }
+      }
+
+      return {
+        show: false,
+        list: []
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 插入批次数据
+    changeLot(type=false){
+
+      // 判断两个批次是否相同
+      if (type){
+        // eslint-disable-next-line vue/no-mutating-props
+        this.item.currentLotAttribute.items && this.item.currentLotAttribute.items.unshift({
+          formatValue: this.item.currentInventoryLot,
+          displayName: this.$lwLanguage.get('','批次号')
+        })
+        return
+      }
+
+
+      // eslint-disable-next-line vue/no-mutating-props
+      this.item.originaLotAttribute.items && this.item.originaLotAttribute.items.unshift({
+        formatValue: this.item.originaInventoryLot,
+        displayName: this.$lwLanguage.get('','原批次号')
+      })
+      // eslint-disable-next-line vue/no-mutating-props
+      this.item.currentLotAttribute.items && this.item.currentLotAttribute.items.unshift({
+        formatValue: this.item.currentLotAttribute,
+        displayName: this.$lwLanguage.get('','当前批次号')
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.lw-dispose-abn-info-row{
+
+  >div + div{
+    margin-top: 3px;
+  }
+}
+
+</style>