@logwire/logwire-wms-pda-ui 1.1.19 → 1.2.0

package/src/components/page/outbound/delivery/components/orderContentTitle/index.vue

@@ -4,10 +4,50 @@
   @date: 2022-06-07
 -->
 <template>
-  <div class="lw-global-model-box lw-global-collapse-box">
+  <div
+    class="lw-global-model-box lw-global-collapse-box"
+    style="padding: 5px 10px"
+  >
+
+
+    <!-- 自定义显示 -->
+    <div
+      class="lw-global-click-style"
+      v-if="orderContent.labelValueList && orderContent.labelValueList.length"
+      @click="showOrderListClick"
+    >
+      <div class="lw-global-flex-between">
+        <lw-title-value-cell
+          :title="orderContent.labelValueList[0].label"
+          :value="orderContent.labelValueList[0].value"
+        />
+        <lw-tag
+          style="flex-shrink: 0"
+          round
+          plain
+          :type="tagType"
+        >{{ orderContent.billStatusLabel }}</lw-tag>
+      </div>
+      <lw-lot-look-module
+        :columns="orderContent.labelValueList.slice(1)"
+        title-key="label"
+        value-key="value"
+        :hidden-last-border="false"
+      />
+      <div
+        style="text-align: right"
+        class="lw-global-row-end">
+        <lw-button
+          mini
+          round
+          @click.stop="changInfo"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.scgzmnrb','修改信息') }}</lw-button>
+      </div>
+    </div>
 
     <!-- 折叠框 -->
     <van-collapse
+      v-else
       v-model="activeNames"
       :border="false"
     >
@@ -26,7 +66,7 @@
             >{{ orderContent.deliveryNo }}
             </div>
 
-            <div class="lw-global-value">{{ orderContent.planDeliveryTime }}</div>
+            <div class="lw-global-value">{{ $lwDate.format(orderContent.planDeliveryTime,'yyyy-MM-dd hh:mm') }}</div>
 
           </div>
 
@@ -36,15 +76,12 @@
               style="border-top: solid 1px #f0f0f0"
               class="lw-global-flex-between lw-global-row"
             >
-
-              <div>
-                <span class="lw-global-title">
-                  {{ $lwLanguage.get('', '外部发运单号') }}
-                </span>
-                <span class="lw-global-value-bold">
-                    {{ orderContent.extDeliveryNo || '-' }}
-                  </span>
-              </div>
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.order', '外部发运单号')"
+                :value="orderContent.extDeliveryNo || '-'"
+                val-bold
+                :is-row="false"
+              />
 
               <lw-tag
                 round
@@ -55,154 +92,331 @@
             </div>
 
             <!-- 车牌号、拖车号 -->
-            <div class="lw-global-row">
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.car', '车牌号/拖车号')"
+              :value="(orderContent.carrierPlateNum || '-') + ' / ' + (orderContent.carrierCarriageNum || '-')"
+              val-bold
+            />
 
-              <span class="lw-global-title">
-                {{ $lwLanguage.get('', '车牌号/拖车号') }}
-              </span>
-              <span class="lw-global-value-bold">
-                {{ (orderContent.carrierPlateNum || '-') + ' / ' + (orderContent.carrierCarriageNum || '-') }}
-              </span>
-            </div>
+            <!-- 月台 -->
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.oygwwcmo','月台')"
+              :value="(orderContent.dockCode || '-') + ' / ' + (orderContent.dockName || '-')"
+              val-bold
+            />
 
             <!-- 装车数据 -->
-            <div class="lw-global-row">
-              <span class="lw-global-title">
-                {{ $lwLanguage.get('', '装车数据') }}
+            <div class="lw-global-flex-between lw-global-row-end">
+              <div>
+                <span class="lw-global-title">
+                {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.data', '装车数据') }}
               </span>
-              <span class="lw-global-value">
+                <span class="lw-global-value">
                 <span
                   style="color: #D50000;font-size: 16px"
                   class="lw-global-value-bold"
                 >{{ orderContent.soCount || 0 }}</span>
-                <span class="lw-global-value"> 单 / </span>
+                <span class="lw-global-value">{{$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.oqptbtoc', ' 单 / ')}}</span>
                 <span
                   style="color: #D50000;font-size: 16px"
                   class="lw-global-value-bold"
                 >{{ orderContent.boxCount || 0 }}</span>
-                <span class="lw-global-value"> 箱</span>
+                <span class="lw-global-value">{{$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.yfdoapqe', ' 箱')}}</span>
               </span>
+              </div>
+              <lw-button
+                mini
+                round
+                @click.stop="changInfo"
+              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.scgzmnrb','修改信息') }}</lw-button>
             </div>
           </template>
         </template>
 
 
-        <!-- 外部发运单号 -->
-        <div class="lw-global-flex-between lw-global-row">
+        <div
+          class="lw-global-click-style"
+          @click="showOrderListClick"
+        >
+          <!-- 外部发运单号 -->
+          <div class="lw-global-flex-between lw-global-row">
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.orderOut', '外部发运单号')"
+              :value="orderContent.extDeliveryNo || '-'"
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-tag
+              round
+              plain
+              :type="tagType"
+            >{{ orderContent.billStatusLabel }}
+            </lw-tag>
 
-          <div>
-            <span class="lw-global-title">
-              {{ $lwLanguage.get('', '外部发运单号') }}
-            </span>
-            <span class="lw-global-value-bold">
-              {{ orderContent.extDeliveryNo || '-' }}
-            </span>
           </div>
 
-          <lw-tag
-            round
-            plain
-            :type="tagType"
-          >{{ orderContent.billStatusLabel }}
-          </lw-tag>
+          <!-- 承运商运单号 -->
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.carrierDeliveryNo', '承运商运单号')"
+            :value="orderContent.carrierDeliveryNo || '-'"
+            val-bold
+          />
 
-        </div>
+          <!-- 运输计划单号 -->
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.transportPlanNo', '运输计划单号')"
+            :value="orderContent.transportPlanNo || '-'"
+            val-bold
+          />
 
-        <!-- 承运商运单号 -->
-        <div class="lw-global-row">
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('', '承运商运单号') }}
-          </span>
-          <span class="lw-global-value-bold">
-            {{ orderContent.carrierDeliveryNo || '-' }}
-          </span>
-        </div>
+          <!-- 货主 -->
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.owner', '货主')"
+            :value="(orderContent.ownerCode || '-') + ' / ' + (orderContent.ownerName || '-')"
+            val-bold
+          />
 
-        <!-- 运输计划单号 -->
-        <div class="lw-global-row">
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('', '运输计划单号') }}
-          </span>
-          <span class="lw-global-value-bold">
-            {{ orderContent.transportPlanNo || '-' }}
-          </span>
-        </div>
+          <!-- 线路 -->
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.line', '线路')"
+            :value="(orderContent.roadLine || '-') + ' / ' + (orderContent.roadLineName || '-')"
+            val-bold
+          />
 
-        <!-- 货主 -->
-        <div class="lw-global-row">
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('', '货主') }}
-          </span>
-          <span class="lw-global-value-bold">
-            {{ (orderContent.ownerCode || '-') + ' / ' + (orderContent.ownerName || '-') }}
-          </span>
-        </div>
+          <!-- 承运商 -->
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.carrierCode', '承运商')"
+            :value="(orderContent.carrierCode || '-') + ' / ' + (orderContent.carrierName || '-')"
+            val-bold
+          />
 
-        <!-- 线路 -->
-        <div class="lw-global-row">
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('', '线路') }}
-          </span>
-          <span class="lw-global-value-bold">
-            {{ (orderContent.roadLine || '-') + ' / ' + (orderContent.roadLineName || '-') }}
-          </span>
-        </div>
+          <!-- 车牌号、拖车号 -->
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.car', '车牌号/拖车号')"
+            :value="(orderContent.carrierPlateNum || '-') + ' / ' + (orderContent.carrierCarriageNum || '-')"
+            val-bold
+          />
 
-        <!-- 承运商 -->
-        <div class="lw-global-row">
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('', '承运商') }}
-          </span>
-          <span class="lw-global-value-bold">
-            {{ (orderContent.carrierCode || '-') + ' / ' + (orderContent.carrierName || '-') }}
-          </span>
-        </div>
+          <!-- 月台 -->
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.oygwwcmo','月台')"
+            :value="(orderContent.dockCode || '-') + ' / ' + (orderContent.dockName || '-')"
+            val-bold
+          />
 
-        <!-- 车牌号、拖车号 -->
-        <div class="lw-global-row">
+          <!-- 装车数据 -->
+          <div class="lw-global-flex-between lw-global-row">
+            <div>
+            <span class="lw-global-title">
+                {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.data', '装车数据') }}
+              </span>
+              <span class="lw-global-value">
+                <span
+                  style="color: #D50000;font-size: 16px"
+                  class="lw-global-value-bold"
+                >{{ orderContent.soCount || 0 }}</span>
+                <span class="lw-global-value">{{$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.oqptbtoc', ' 单 / ')}}</span>
+                <span
+                  style="color: #D50000;font-size: 16px"
+                  class="lw-global-value-bold"
+                >{{ orderContent.boxCount || 0 }}</span>
+                <span class="lw-global-value">{{$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.yfdoapqe', ' 箱')}}</span>
+              </span>
+            </div>
+            <lw-button
+              mini
+              round
+              @click.stop="changInfo"
+            >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.scgzmnrb','修改信息') }}</lw-button>
+          </div>
 
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('', '车牌号/拖车号') }}
-          </span>
+          <!-- 异常 -->
+          <lw-title-value-cell
+            v-if="orderContent.abnType"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.kqqmftxg','异常信息')"
+            :value="($lwDict.getDictLabel('OutboundDeliveryAbnormalType', orderContent.abnType)) + ' - ' + orderContent.abnMsg"
+            val-bold
+          />
 
-          <span class="lw-global-value-bold">
-            {{ (orderContent.carrierPlateNum || '-') + ' / ' + (orderContent.carrierCarriageNum || '-') }}
-          </span>
-        </div>
+          <!-- 进度 -->
+          <div class="lw-global-flex-start lw-global-row-end">
 
-        <!-- 装车数据 -->
-        <div class="lw-global-row">
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('', '装车数据') }}
-          </span>
-          <span class="lw-global-value">
-            <span
-              style="color: #D50000;font-size: 16px"
-              class="lw-global-value-bold"
-            >{{ orderContent.soCount || 0 }}</span>
-            <span class="lw-global-value"> 单 / </span>
-            <span
-              style="color: #D50000;font-size: 16px"
-              class="lw-global-value-bold"
-            >{{ orderContent.boxCount || 0 }}</span>
-            <span class="lw-global-value"> 箱</span>
-          </span>
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.slsnexie','进度') }}
+            </div>
+
+            <div class="lw-global-value-bold">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.iwsfucun','拣选率') }}
+              <span class="lw-global-value-bold-red">{{ orderContent.pickRate || 0 }}%</span>
+              / {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.wjfdafrs','捆包率') }}
+              <span class="lw-global-value-bold-red">{{ orderContent.packRate || 0 }}%</span>
+              / {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.vblqlirw','装车率') }}
+              <span class="lw-global-value-bold-red">{{ orderContent.loadRate || 0 }}%</span>
+            </div>
+
+          </div>
         </div>
 
+
+
       </van-collapse-item>
     </van-collapse>
+
+
+
+    <!-- 修改车辆信息弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.rzwkajud','修改车辆信息')"
+      v-model="changeCarPopup.show"
+    >
+
+      <lw-car-plate
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.mxciyzxn','车牌号')"
+        v-model="changeCarPopup.data.carrierPlateNum"
+      />
+
+      <lw-car-plate
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.amddnjwe','拖车号')"
+        v-model="changeCarPopup.data.carrierCarriageNum"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.tqsqayzz','司机')"
+        v-model="changeCarPopup.data.carrierDriver"
+        input-align="right"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.ohzgbbzl','司机电话')"
+        v-model="changeCarPopup.data.carrierDriverPhone"
+        input-align="right"
+        type="digit"
+        :show-bottom-border="false"
+      />
+
+      <template #button>
+
+        <lw-button @click="changeCarSubmit">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.sjikaivn','提交') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 订单列表弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.glpxkmuo','出库单列表')"
+      v-model="orderPopup.show"
+      background="#f0f0f0"
+    >
+
+      <div class="lw-global-model-box">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.qkldkqys','订单数')"
+          :value="orderPopup.list.length"
+          val-red
+          val-bold
+          :is-row="false"
+        />
+      </div>
+
+      <div
+        class="lw-global-model-box lw-global-animation-out"
+        v-for="(i,k) in orderPopup.list"
+        :key="k"
+        :style="{animationDelay: 50 * k + 'ms'}"
+      >
+
+        <lw-lot-look-module
+          v-if="i.labelValueList && i.labelValueList.length"
+          :columns="i.labelValueList"
+          value-key="value"
+          title-key="label"
+        />
+
+        <template v-else>
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.czqwbapg','单号')"
+            :value="i.soNo"
+            val-bold
+            is-row-start
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.crhmznxw','外部单号')"
+            :value="i.extSoNo || '-'"
+            val-bold
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.pinpcgvi','客户单号')"
+            :value="i.extOrderNo || '-'"
+            val-bold
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.vmfhladp','客户')"
+            :value="i.customerCode + '-' +i.customerName"
+            val-bold
+          />
+
+          <div class="lw-global-flex-start lw-global-row">
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.pqgehtby','装箱数据') }}
+            </div>
+            <div class="lw-global-value-bold">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.wczatgye','品类') }}
+              <span class="lw-global-value-bold-red">{{ i.skuTypeCount }}</span>
+              / {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.ugxrztks','数量') }}
+              <span class="lw-global-value-bold-red">{{ i.skuQty }}</span>
+              / {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.evbacepr','箱数') }}
+              <span class="lw-global-value-bold-red">{{ i.boxCount }}</span>
+            </div>
+          </div>
+
+          <div class="lw-global-flex-start lw-global-row-end">
+
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.slsnexie','进度') }}
+            </div>
+
+            <div class="lw-global-value-bold">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.iwsfucun','拣选率') }}
+              <span class="lw-global-value-bold-red">{{ i.pickRate || 0 }}%</span>
+              / {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.wjfdafrs','捆包率') }}
+              <span class="lw-global-value-bold-red">{{ i.packRate || 0 }}%</span>
+              / {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.index.vblqlirw','装车率') }}
+              <span class="lw-global-value-bold-red">{{ i.loadRate || 0 }}%</span>
+            </div>
+
+          </div>
+        </template>
+
+      </div>
+
+    </lw-popup>
   </div>
 </template>
 
 <script>
 
+import {
+  projectDeliveryChangeDeliveryInfo,
+  projectDeliveryRelatedOrder
+} from "../../../../../../api/outbound/delivery/action";
+
 export default {
   name: "index",
   props:{
     orderContent:{
       type: Object,
       default: () => {}
-    }
+    },
+    // 发运单id
+    deliveryId: String
   },
   computed: {
     tagType() {
@@ -228,9 +442,81 @@ export default {
     return {
       // 折叠面板展开项目
       activeNames: [],
+
+      // 修改车辆信息
+      changeCarPopup:{
+        show: false,
+        data:{
+          carrierPlateNum: '',
+          carrierCarriageNum: '',
+          carrierDriver: '',
+          carrierDriverPhone: ''
+        }
+      },
+
+      // 出库单列表弹框
+      orderPopup:{
+        show: false,
+        list: []
+      }
     }
   },
-  methods: {}
+  methods: {
+    // 修改信息被点击
+    changInfo(){
+      this.changeCarPopup.data.carrierPlateNum = this.orderContent.carrierPlateNum || ''
+      this.changeCarPopup.data.carrierCarriageNum = this.orderContent.carrierCarriageNum || ''
+      this.changeCarPopup.data.carrierDriver = this.orderContent.carrierDriver || ''
+      this.changeCarPopup.data.carrierDriverPhone = this.orderContent.carrierDriverPhone || ''
+      this.changeCarPopup.show = true
+    },
+    // 提交修改信息
+    changeCarSubmit(){
+
+      let allNull = true
+      for (let dataKey in this.changeCarPopup.data) {
+        if (this.changeCarPopup.data[dataKey]) allNull = false
+      }
+      console.log(allNull,9090)
+      if (allNull){
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.okhnbejc','提示'),
+          message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.sgfccfzt','当前没有输入任何信息，确认继续提交？')
+        }).then(()=>{
+
+          this.changeCarSubmitAPI()
+        }).catch(()=>{})
+
+        return
+      }
+
+      this.changeCarSubmitAPI()
+    },
+    // 提交修改信息接口
+    changeCarSubmitAPI(){
+      projectDeliveryChangeDeliveryInfo({
+        ...this.changeCarPopup.data,
+        deliveryId: this.orderContent.deliveryId
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.components.orderContentTitle.zmjfvklh','修改车辆信息成功')
+        )
+        this.changeCarPopup.show = false
+        this.$emit('changeCarSuccess')
+      })
+    },
+
+    // 查看出库单列表
+    showOrderListClick(){
+      projectDeliveryRelatedOrder({
+        deliveryId: this.deliveryId
+      }).then(res=>{
+        console.log(res,12366)
+        this.orderPopup.list = res
+        this.orderPopup.show = true
+      })
+    }
+  }
 }
 </script>