@logwire/logwire-wms-pda-ui 1.1.15 → 1.1.18

package/src/components/page/inbound/newProject/action/index.vue

@@ -0,0 +1,1469 @@
+<!--
+  新品配置
+  @author: 杨震天
+  @date: 2022-06-28
+-->
+
+<template>
+  <div>
+
+    <lw-nav-bar
+        title="新品配置"/>
+
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <div class="lw-global-row lw-global-flex-between">
+          <div class="lw-global-value-bold">{{ skuNewProjectSkuInfo.skuCode }}</div>
+
+          <div class="lw-tag-box">
+            <lw-tag round plain >{{ $lwLanguage.get('', 'BO') }}</lw-tag>
+
+
+          </div>
+        </div>
+        <div class="lw-global-row">
+
+          <lw-title-value-cell
+              :value="skuNewProjectSkuInfo.skuName"
+              val-bold
+              :is-row="false"
+          />
+
+          <lw-title-value-cell
+              :title="$lwLanguage.get('','货主')"
+              :value="skuNewProjectSkuInfo.ownerCode + '     ' +  skuNewProjectSkuInfo.ownerName"
+              val-bold
+              :is-row="false"
+          />
+
+
+        </div>
+
+      </div>
+
+      <div class="lw-global-tab-box" style="margin-top: 10px;">
+        <van-tabs type="card" animated v-model="tabActive">
+
+          <!-- 基础信息 -->
+          <van-tab
+              name="skuInfo"
+              title="基础信息"
+          >
+            <template v-if="skuNewProjectSkuInfo">
+
+              <div class="lw-global-model-box">
+
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.referCode"
+                    title="参考代码"
+                    :show-bottom-border="false"
+                />
+
+                <!--            <lw-input-->
+                <!--                v-model="skuNewProjectSkuInfo.categoryName"-->
+                <!--                title="商品类型"-->
+                <!--                :show-bottom-border="false"-->
+                <!--            />-->
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.category"
+                    title="商品类型"
+
+                    :columns="skuTypeList"
+                    value-key="id"
+                    label-key="name"
+                    @confirm="skuTypeConfirm"
+
+                />
+
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.category1"
+                    title="商品属性"
+                    :columns="skuAttributeList"
+                    value-key="id"
+                    label-key="name"
+
+                />
+
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.sizeType"
+                    title="尺寸类型"
+                    dict-key="size_type_choice"
+                />
+
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.packType"
+                    title="包装属性"
+                    dict-key="pack_type_choice"
+                    :show-bottom-border="false"
+                />
+
+
+                <!--            ship_pack_type_choice-->
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.shipPackType"
+                    title="捆包类型"
+                    dict-key="ship_pack_type_choice"
+                    :show-bottom-border="false"
+                />
+
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.minSellQty"
+                    title="最小销售数"
+                    type="number"
+                    :show-bottom-border="false"
+                />
+
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.abcType"
+                    title="库存频度"
+                    dict-key="abc_type"
+
+                />
+
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.qualityPeriod"
+                    title="保质期"
+                    type="number"
+                    :show-bottom-border="false"
+                />
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.bestQualityPeriod"
+                    title="最佳保质期"
+                    type="number"
+                    :show-bottom-border="false"
+                />
+
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.remainQualityPercent"
+                    title="剩余效期比例"
+                    type="number"
+                    :show-bottom-border="false"
+                />
+
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.length"
+                    title="裸件长（mm）"
+                    type="number"
+
+                    :show-bottom-border="false"
+                />
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.width"
+                    title="裸件宽（mm）"
+                    type="number"
+                    :show-bottom-border="false"
+                />
+
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.height"
+                    title="裸件高（mm）"
+                    type="number"
+                    :show-bottom-border="false"
+                />
+
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.weight"
+                    title="裸件重量（Kg）"
+                    type="number"
+                    :show-bottom-border="false"
+                />
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.warehouseId"
+                    title="采购收货仓"
+                    :show-bottom-border="false"
+                    :columns="warehouseList"
+                    value-key="id"
+                    label-key="code"
+                />
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.supplyType"
+                    title="供应类型"
+                    dict-key="supply_type_choice"
+                    :show-bottom-border="false"
+                />
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.supplierId"
+                    title="首先供应商"
+                    :columns="supplierList"
+                    value-key="supplierId"
+                    label-key="supplierCode"
+                    :show-bottom-border="false"
+                />
+                <lw-input
+                    v-model="skuNewProjectSkuInfo.arrivalPeriod"
+                    title="到货周期"
+                    type="number"
+                    :show-bottom-border="false"
+                />
+
+                <lw-cell-popup-radio
+                    v-model="skuNewProjectSkuInfo.qualityType"
+                    title="品检方式"
+                    dict-key="quality_type_choice"
+                    :show-bottom-border="false"
+                />
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '快收件')"
+                    :is-link="false"
+                >
+                  <template #value>
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.fastReceive"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '需要处理序列号')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.needHandleSn"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '先进先出')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.fifo"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '需要质检')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.needQualityTest"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '贵重品')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.valuable"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '重物')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.heavy"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '冬季发运')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.winterShipment"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '易碎')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.fragile"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '快移件')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.fastMove"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '直供分仓')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.directSupply"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '直发门店')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.directSend"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '左右键')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.leftRight"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '打刻件')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.engraving"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+                <lw-cell
+                    :title="$lwLanguage.get('', '调拨捆包')"
+                    :is-link="false"
+                >
+                  <template #value>
+
+                    <van-switch
+                        v-model="skuNewProjectSkuInfo.outPack"
+                        size="18px"
+                    />
+                  </template>
+                </lw-cell>
+
+
+                <lw-cell
+                    :is-link="false"
+                >
+                  <template #title>
+                    <div>
+                      <div>
+                        {{ $lwLanguage.get('', '裸件图片') }}
+                      </div>
+                      <div>
+                        {{ $lwLanguage.get('', '可上传多张') }}
+                      </div>
+                    </div>
+                  </template>
+                  <template #value>
+                    <lw-img-upload v-if="imageLoad" v-model="skuNewProjectSkuInfo.image"/>
+
+
+                  </template>
+                </lw-cell>
+
+
+              </div>
+            </template>
+            <lw-not-data v-else/>
+
+
+              <div class=" lw-global-flex-center lw-global-model-box ">
+                <lw-button @click="complete">完成配置</lw-button>
+                <lw-button @click="saveSkuBaseInfo">保存基础信息</lw-button>
+              </div>
+
+
+          </van-tab>
+
+
+          <!-- 包装 -->
+          <van-tab
+              name="skuPack"
+              title="包装"
+          >
+
+            <template  v-if="skuNewProjectPackInfoList.length">
+              <div
+                  class="lw-global-model-box lw-global-click-style"
+                  v-for="(packInfo,index) in skuNewProjectPackInfoList"
+                  :key="index"
+                  @click="openPopupPackInfo(index)">
+                <div class="lw-global-row-start lw-global-flex-between">
+                  <div style="flex-shrink: 0">{{ packInfo.packCode }}</div>
+                  <div>{{
+                      $lwDict.getDictLabel('WmsSkuPackModel1Type', skuNewProjectPackInfoList[index].model1)
+                    }}
+                  </div>
+
+                  <lw-tag
+                      round
+                      plain
+                      v-if="packInfo.defaultPack"
+                  >{{ $lwLanguage.get('', '默认') }}
+                  </lw-tag>
+                </div>
+
+                <lw-img-look
+                    :img-list="packInfo.skuImage"
+                />
+
+                <lw-cell
+                    :is-link="false">
+                  <template #title>
+                    <div>
+                      {{ $lwLanguage.get('', 'EA：最小单位') }}
+                    </div>
+                    <div>
+                      {{ $lwLanguage.get('', 'EA长宽高：mm毫米') }}
+                    </div>
+
+                  </template>
+                  <template #value>
+                    <div>
+                      {{ $lwLanguage.get('', '数量') }}:1
+                    </div>
+                    <div>
+                      {{ packInfo.eachLength }} * {{ packInfo.eachWidth }} *{{ packInfo.eachHeight }}
+                    </div>
+
+                  </template>
+                </lw-cell>
+
+
+                <lw-img-look
+                    :img-list="packInfo.innerImage"
+                />
+
+                <lw-cell
+                    :is-link="false">
+                  <template #title>
+                    <div>
+                      {{ $lwLanguage.get('', 'IP：内包装') }}
+                    </div>
+                    <div>
+                      {{ $lwLanguage.get('', 'IP长宽高：mm毫米') }}
+                    </div>
+
+                  </template>
+                  <template #value>
+                    <div>
+                      {{ $lwLanguage.get('', '数量') }}:{{ packInfo.innerQty }}
+                    </div>
+                    <div>
+                      {{ packInfo.innerLength }} * {{ packInfo.innerWidth }} *{{ packInfo.innerHeight }}
+                    </div>
+
+                  </template>
+
+
+                </lw-cell>
+
+                <lw-img-look
+
+                    :img-list="packInfo.caseImage"
+                />
+
+                <lw-cell
+                    :is-link="false">
+                  <template #title>
+                    <div>
+                      {{ $lwLanguage.get('', 'CS：箱') }}
+                    </div>
+                    <div>
+                      {{ $lwLanguage.get('', 'CS长宽高：mm毫米') }}
+                    </div>
+
+                  </template>
+                  <template #value>
+                    <div>
+                      {{ $lwLanguage.get('', '数量') }}:{{ packInfo.caseQty }}
+                    </div>
+                    <div>
+                      {{ packInfo.caseLength }} * {{ packInfo.caseWidth }} *{{ packInfo.caseHeight }}
+                    </div>
+
+                  </template>
+
+
+                </lw-cell>
+
+                <lw-img-look
+                    :img-list="packInfo.palletImage"
+                />
+
+                <lw-cell
+                    :is-link="false">
+                  <template #title>
+                    <div>
+                      {{ $lwLanguage.get('', 'PL：托') }}
+                    </div>
+                    <div>
+                      {{ $lwLanguage.get('', 'PL长宽高：mm毫米') }}
+                    </div>
+
+                    <div>
+                      {{ $lwLanguage.get('', 'Ti*Hi') }}  {{ packInfo.palletTi }} * {{ packInfo.palletHi }}
+                    </div>
+
+                  </template>
+                  <template #value>
+                    <div>
+                      {{ $lwLanguage.get('', '数量') }}:{{ packInfo.palletQty }}
+                    </div>
+                    <div>
+                      {{ packInfo.palletLength }} * {{ packInfo.palletWidth }} *{{ packInfo.palletHeight }}
+                    </div>
+                    <div>
+
+                      {{ $lwLanguage.get('', '托盘规格') }}:{{ packInfo.palletContainerStdCode }}
+                    </div>
+                  </template>
+
+
+                </lw-cell>
+
+
+              </div>
+
+            </template>
+
+            <lw-not-data v-else/>
+
+
+            <div class=" lw-global-flex-center lw-global-model-box ">
+                <lw-button @click="complete">完成配置</lw-button>
+                <lw-button @click="addSkuPack">添加包装</lw-button>
+            </div>
+
+
+
+
+          </van-tab>
+
+          <!-- 品检卡 -->
+          <van-tab
+              name="qualityCard"
+              title="品检卡"
+          >
+
+            <div v-if="skuNewProjectSkuQualityCardInfoList.length===0"
+                 class="lw-global-model-box lw-global-click-style"
+            >
+              <div>
+                <lw-cell>
+                  <template #title>
+                    <div>
+                      {{ $lwLanguage.get('', '质检方式') }}
+                    </div>
+                  </template>
+                  <template #value>
+                    <div>
+                      {{   $lwDict.getDictLabel('quality_type_choice', skuNewProjectSkuInfo.qualityType) }}
+
+
+                    </div>
+                  </template>
+                </lw-cell>
+              </div>
+              <div class="lw-global-flex-center">
+                <lw-button @click="addQualityCard">添加品鉴卡</lw-button>
+              </div>
+            </div>
+
+            <div v-else
+                 class="lw-global-model-box lw-global-click-style"
+                 v-for="(qualityCard,index) in skuNewProjectSkuQualityCardInfoList"
+                 :key="'qc'+index"
+            >
+              <lw-cell>
+                <template #title>
+                  <div class="lw-global-flex-between">
+                    <div>
+                      {{ $lwLanguage.get('', '质检方式') }}
+                    </div>
+                    <div>
+                      {{   $lwDict.getDictLabel('quality_type_choice', skuNewProjectSkuInfo.qualityType) }}
+                    </div>
+                  </div>
+                </template>
+                <template #value>
+
+                  <div class="lw-global-flex-center">
+                    <lw-button @click="qualityCardPopShow(index)">编辑</lw-button>
+                  </div>
+                </template>
+              </lw-cell>
+
+
+
+
+
+              <div class="lw-global-title" style="padding: 8px 0">
+                {{ $lwLanguage.get('', '正面') }}
+              </div>
+              <lw-img-look :img-list="qualityCard.frontImage"/>
+              <lw-input
+                  disabled
+                  :title="$lwLanguage.get('','正面要点')"
+                  v-model="qualityCard.frontDescribe"
+                  type="textarea"
+                  input-align="right" :rows="4"/>
+              <div class="lw-global-title" style="padding: 8px 0">
+                {{ $lwLanguage.get('', '背面') }}
+              </div>
+              <lw-img-look :img-list="qualityCard.backImage"/>
+              <lw-input
+                  disabled
+                  :title="$lwLanguage.get('','背面要点')"
+                  v-model="qualityCard.backDescribe"
+                  type="textarea"
+                  input-align="right" :rows="4"/>
+              <div class="lw-global-title" style="padding: 8px 0">
+                {{ $lwLanguage.get('', '特殊') }}
+              </div>
+              <lw-img-look :img-list="qualityCard.markingImage"/>
+              <lw-input
+                  disabled
+                  :title="$lwLanguage.get('','打刻号要点')"
+                  v-model="qualityCard.markingDescribe"
+                  type="textarea"
+                  input-align="right" :rows="4"/>
+              <div class="lw-global-title" style="padding: 8px 0">
+                {{ $lwLanguage.get('', '过往破损') }}
+              </div>
+              <lw-img-look :img-list="qualityCard.beforeDamagedImage"/>
+              <lw-input
+                  disabled
+                  :title="$lwLanguage.get('','过往破损描述')"
+                  v-model="qualityCard.beforeDamagedDescribe"
+                  type="textarea" input-align="right" :rows="4"/>
+
+            </div>
+
+
+            <div class=" lw-global-flex-center lw-global-model-box ">
+              <lw-button @click="complete">完成配置</lw-button>
+
+            </div>
+
+
+          </van-tab>
+        </van-tabs>
+      </div>
+    </div>
+
+
+    <lw-popup
+        :title="$lwLanguage.get('','包材信息')"
+        v-model="packInfoPop.show"
+        @close="packInfoPopClose"
+    >
+
+      <template v-if="packInfoPop.showCom">
+
+        <div class="lw-global-flex-between">
+          <div>{{ editSkuPackInfo.packCode }}</div>
+        </div>
+
+
+        <div class="lw-global-flex-between">
+          <lw-cell :is-link="false">
+            <template #title>
+              <div>
+                {{ $lwLanguage.get('', '默认包装') }}
+              </div>
+            </template>
+            <template #value>
+              <van-switch
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.defaultPack"
+                  size="18px"
+              />
+            </template>
+
+          </lw-cell>
+
+          <lw-cell-popup-radio
+              style="width: 50%"
+              :disabled="packInfoEditDisable"
+              v-model="editSkuPackInfo.model1"
+              title="类型"
+              dict-key="WmsSkuPackModel1Type"
+          />
+
+        </div>
+
+
+        <lw-cell :disabled="packInfoEditDisable"
+                 :is-link="false">
+          <template #title>
+            <div>
+              {{ $lwLanguage.get('', 'EA：最小单位') }}
+            </div>
+
+
+          </template>
+          <template #value>
+            <div>
+              {{ $lwLanguage.get('', '数量') }}:1
+            </div>
+
+          </template>
+        </lw-cell>
+
+        <lw-cell>
+          <template #title>
+            <div>
+              {{ $lwLanguage.get('', 'EA长宽高：mm毫米') }}
+            </div>
+          </template>
+          <template #value>
+            <div class="lw-global-flex-between">
+              <lw-input
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  :show-keyboard='false'
+                  v-model="editSkuPackInfo.eachLength "
+                  :show-bottom-border="false"
+              />
+              <lw-input
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  :show-keyboard='false'
+                  v-model="editSkuPackInfo.eachWidth "
+                  :show-bottom-border="false"
+              />
+              <lw-input
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  :show-keyboard='false'
+                  v-model="editSkuPackInfo.eachHeight "
+                  :show-bottom-border="false"
+              />
+            </div>
+          </template>
+
+        </lw-cell>
+
+
+        <lw-img-look v-if="packInfoEditDisable"
+                     :img-list="editSkuPackInfo.innerImage" />
+        <lw-img-upload v-else
+            v-model="editSkuPackInfo.innerImage" />
+
+
+
+        <lw-cell
+            :is-link="false">
+          <template #title>
+            <div>
+              {{ $lwLanguage.get('', 'IP：内包装') }}
+            </div>
+          </template>
+          <template #value>
+            <div>
+              <lw-input
+                  :title="$lwLanguage.get('', '数量')"
+                  :show-keyboard='false'
+                  :disabled="packInfoEditDisable"
+                  type="number"
+                  v-model="editSkuPackInfo.innerQty "
+                  :show-bottom-border="false"
+              />
+            </div>
+
+          </template>
+
+
+        </lw-cell>
+
+        <lw-cell
+            :is-link="false">
+          <template #title>
+            <div>
+              {{ $lwLanguage.get('', 'IP长宽高：mm毫米') }}
+            </div>
+          </template>
+          <template #value>
+            <div class="lw-global-flex-between">
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.innerLength "
+                  :show-bottom-border="false"
+              />
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.innerWidth "
+                  :show-bottom-border="false"
+              />
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.innerHeight "
+                  :show-bottom-border="false"
+              />
+            </div>
+          </template>
+        </lw-cell>
+
+
+        <lw-img-look v-if="packInfoEditDisable"
+                     :img-list="editSkuPackInfo.caseImage" />
+        <lw-img-upload v-else
+                       v-model="editSkuPackInfo.caseImage" />
+
+
+
+        <lw-cell
+            :is-link="false">
+          <template #title>
+            <div>
+              {{ $lwLanguage.get('', 'CS：箱') }}
+            </div>
+          </template>
+          <template #value>
+            <lw-input
+                :show-keyboard='false'
+                type="number"
+                :title="$lwLanguage.get('', '数量')"
+                :disabled="packInfoEditDisable"
+                v-model="editSkuPackInfo.caseQty "
+            >
+
+            </lw-input>
+
+
+          </template>
+
+
+        </lw-cell>
+        <lw-cell
+            :is-link="false">
+          <template #title>
+            <div>
+              {{ $lwLanguage.get('', 'CS长宽高：mm毫米') }}
+            </div>
+          </template>
+          <template #value>
+            <div class="lw-global-flex-between">
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.caseLength "
+                  :show-bottom-border="false"
+              />
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.caseWidth "
+                  :show-bottom-border="false"
+              />
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.caseHeight "
+                  :show-bottom-border="false"
+              />
+            </div>
+          </template>
+
+        </lw-cell>
+
+        <lw-img-look v-if="packInfoEditDisable"
+                     :img-list="editSkuPackInfo.palletImage" />
+        <lw-img-upload v-else
+                       v-model="editSkuPackInfo.palletImage" />
+
+
+
+        <lw-cell
+            :is-link="false">
+          <template #title>
+            <div>
+              {{ $lwLanguage.get('', 'PL：托') }}
+            </div>
+
+          </template>
+          <template #value>
+            <div>
+              <lw-input
+                  :title="$lwLanguage.get('', '数量')"
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.palletQty "
+                  :show-bottom-border="false"
+              />
+            </div>
+
+          </template>
+
+
+        </lw-cell>
+
+        <lw-cell
+            :is-link="false">
+          <template #title>
+
+            <div>
+              {{ $lwLanguage.get('', 'PL长宽高：mm毫米') }}
+            </div>
+
+
+          </template>
+          <template #value>
+
+            <div class="lw-global-flex-between">
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.palletLength "
+                  :show-bottom-border="false"
+              />
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.palletWidth "
+                  :show-bottom-border="false"
+              />
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.palletHeight "
+                  :show-bottom-border="false"
+              />
+
+
+            </div>
+
+          </template>
+
+
+        </lw-cell>
+        <lw-cell
+            :is-link="false">
+          <template #title>
+
+
+            <div>
+              {{ $lwLanguage.get('', 'Ti*Hi') }}
+            </div>
+
+          </template>
+          <template #value>
+
+
+            <div class="lw-global-flex-between">
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.palletTi "
+                  :show-bottom-border="false"
+              />
+
+              <lw-input
+                  :show-keyboard='false'
+                  type="number"
+                  :disabled="packInfoEditDisable"
+                  v-model="editSkuPackInfo.palletHi "
+                  :show-bottom-border="false"
+              />
+            </div>
+
+          </template>
+
+
+        </lw-cell>
+
+        <lw-cell
+            :is-link="false">
+          <template #title>
+            <div>
+              {{ $lwLanguage.get('', '托盘规格') }}
+            </div>
+          </template>
+          <template #value>
+            <lw-cell-popup-radio
+                :disabled="packInfoEditDisable"
+                v-model="editSkuPackInfo.palletContainerStdId"
+                :columns="containerStandardList"
+                value-key="id"
+                label-key="code"
+                @confirm="selectContainer"
+            >
+            </lw-cell-popup-radio>
+
+
+          </template>
+
+
+        </lw-cell>
+
+      </template>
+      <template #button>
+
+        <lw-button v-show="!packInfoEditDisable" @click="saveSkuPackInfo">
+          {{ $lwLanguage.get('', '保存') }}
+        </lw-button>
+
+        <lw-button @click="packInfoEditDisable=false" v-show="packInfoEditDisable">
+          {{ $lwLanguage.get('', '编辑') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+
+    <lw-popup
+        :title="$lwLanguage.get('','品检卡')"
+        v-model="qualityCardPop.show"
+        @close="qualityCardPopClose"
+    >
+
+
+      <lw-cell>
+        <template #title>
+          <div>
+            {{ $lwLanguage.get('', '质检方式') }}
+          </div>
+        </template>
+        <template #value>
+          <div>
+            {{   $lwDict.getDictLabel('quality_type_choice', skuNewProjectSkuInfo.qualityType) }}
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <div class="lw-global-title" style="padding: 8px 0">
+        {{ $lwLanguage.get('', '正面') }}
+      </div>
+      <lw-img-upload v-model="editSkuQualityInfo.frontImage"/>
+      <lw-input :title="$lwLanguage.get('','正面要点')"
+                v-model="editSkuQualityInfo.frontDescribe"
+                type="textarea"
+                input-align="right" :rows="4"/>
+      <div class="lw-global-title" style="padding: 8px 0">
+        {{ $lwLanguage.get('', '背面') }}
+      </div>
+      <lw-img-upload v-model="editSkuQualityInfo.backImage"/>
+      <lw-input :title="$lwLanguage.get('','背面要点')"
+                v-model="editSkuQualityInfo.backDescribe"
+                type="textarea"
+                input-align="right" :rows="4"/>
+      <div class="lw-global-title" style="padding: 8px 0">
+        {{ $lwLanguage.get('', '特殊') }}
+      </div>
+      <lw-img-upload v-model="editSkuQualityInfo.markingImage"/>
+      <lw-input :title="$lwLanguage.get('','打刻号要点')"
+                v-model="editSkuQualityInfo.markingDescribe"
+                type="textarea"
+                input-align="right" :rows="4"/>
+      <div class="lw-global-title" style="padding: 8px 0">
+        {{ $lwLanguage.get('', '过往破损') }}
+      </div>
+      <lw-img-upload v-model="editSkuQualityInfo.beforeDamagedImage"/>
+      <lw-input :title="$lwLanguage.get('','过往破损描述')"
+                v-model="editSkuQualityInfo.beforeDamagedDescribe"
+                type="textarea" input-align="right" :rows="4"/>
+
+      <template #button>
+        <lw-bottom-bar>
+          <lw-button @click="saveQualityCard" >保存品鉴卡</lw-button>
+        </lw-bottom-bar>
+
+      </template>
+
+
+    </lw-popup>
+
+  </div>
+
+</template>
+
+<script>
+// 查询新品信息接口
+import {
+  WmsProjectMobileQuerySkuNewProductInfo,
+  WmsProjectMobileQuerySkuAttribute,
+  WmsProjectMobileQuerySkuCategory,
+  WmsProjectMobileQueryContainerStandard,
+  WmsProjectMobileSaveSkuBaseInfo,
+  WmsProjectMobileSaveSkuPackInfo,
+  WmsProjectMobileSaveSkuQualityCardInfo,
+  WmsProjectMobileQuerySupplier,
+  WmsProjectMobileSkuNewProjectComplete,
+} from "../../../../../api/inner/newProject/action"
+
+export default {
+
+
+  name: "lwNewProjectActionPage",
+  data() {
+    return {
+
+      // tab激活项
+      imageLoad:false,
+      tabActive: 'skuInfo',
+      skuTypeList: [],
+      skuAttributeList: [],
+      warehouseList: [],
+      containerStandardList: [],
+      packInfoEditDisable: true,
+      skuId: '',
+      taskId: '',
+      taskNo: '',
+      ownerId: '',
+      packInfoShowIndex: 0,
+      packInfoPop: {
+        show: false,
+        showCom: false
+      },
+      qualitCardIndex: 0,
+      qualityCardPop:{
+        show: false
+      },
+      skuNewProjectSkuInfo: {
+        image:[]
+      },
+      supplierList: [],
+      skuNewProjectPackInfoList: [],
+      skuNewProjectSkuQualityCardInfoList: [],
+      editSkuPackInfo:{},
+      editSkuQualityInfo:{}
+
+    }
+
+  },
+
+  mounted() {
+    this.$lwApi.warehouse.getList().then(res => {
+      this.warehouseList = res
+    })
+    this.pageInit()
+
+    console.log()
+
+  },
+
+  methods: {
+
+    qualityCardPopClose(){
+      this.qualityCardPop.show=false
+    },
+
+    qualityCardPopShow(index){
+      this.qualityCardPop.show=true
+      let data=this.skuNewProjectSkuQualityCardInfoList[index]
+      this.editSkuQualityInfo=JSON.parse(JSON.stringify(data))
+    },
+
+    openPopupPackInfo(index){
+
+      let data=this.skuNewProjectPackInfoList[index]
+
+
+      if(data&&!data.eachLength){
+        data.eachLength=this.skuNewProjectSkuInfo.length
+      }
+      if(data&&!data.eachWidth){
+        data.eachWidth=this.skuNewProjectSkuInfo.width
+      }
+      if(data&&!data.eachHeight){
+        data.eachHeight=this.skuNewProjectSkuInfo.height
+      }
+
+
+
+      this.editSkuPackInfo=JSON.parse(JSON.stringify(data))
+      this.packInfoShowIndex=index
+      this.packInfoPop.showCom=true
+      this.packInfoPop.show=true
+
+    },
+
+    pageInit() {
+
+
+      this.skuNewProjectSkuInfo={}
+      this.skuNewProjectPackInfoList=[]
+      this.skuNewProjectSkuQualityCardInfoList=[]
+
+      const lwSKuId = this.$route.query.lwSkuId
+      const lwOwnerId = this.$route.query.lwOwnerId
+
+      let taskId = this.$route.query.taskId
+      if (!taskId) {
+        taskId = this.$route.query.lwTaskId
+      }
+
+      if(taskId){
+        this.taskId=taskId
+      }
+
+      if (lwSKuId) {
+        this.skuId = lwSKuId
+      }
+      if (lwOwnerId) {
+        this.ownerId = lwOwnerId
+      }
+
+      console.log("lwSkuId",this.skuId)
+      console.log("lwOwnerId",this.ownerId)
+
+
+      WmsProjectMobileQuerySkuNewProductInfo({skuId: this.skuId, ownerId: this.ownerId,"taskId":this.taskId}).then(res => {
+            console.log("skuInfo", res)
+            if (res.skuNewProjectSkuInfo) {
+              this.skuNewProjectSkuInfo = res.skuNewProjectSkuInfo
+            }
+            if (res.skuNewProjectPackInfoList && res.skuNewProjectPackInfoList.length > 0) {
+              this.skuNewProjectPackInfoList = res.skuNewProjectPackInfoList
+            }
+            if (res.skuNewProjectSkuQualityCardInfoList && res.skuNewProjectSkuQualityCardInfoList.length > 0) {
+              this.skuNewProjectSkuQualityCardInfoList = res.skuNewProjectSkuQualityCardInfoList
+            }
+
+            if(this.skuNewProjectSkuInfo.category){
+              this.skuTypeConfirm();
+            }
+            this.skuId=this.skuNewProjectSkuInfo.skuId
+            this.ownerId=this.skuNewProjectSkuInfo.ownerId
+
+            this.imageLoad=true
+
+            this.querySupplier()
+
+          })
+
+
+      WmsProjectMobileQuerySkuAttribute({}).then(res => {
+        console.log("SkuCategory", res)
+        if (res && res.length > 0) {
+          this.skuTypeList = res
+        }
+      })
+
+
+      WmsProjectMobileQueryContainerStandard().then(res => {
+        console.log("containerStandardList", res)
+        this.containerStandardList = res
+      })
+
+      // this.querySupplier()
+
+
+    },
+
+    skuTypeConfirm() {
+      if (this.skuNewProjectSkuInfo.category) {
+        WmsProjectMobileQuerySkuCategory({"category": this.skuNewProjectSkuInfo.category}).then(res => {
+          console.log("SkuCategory", res)
+          if (res && res.length > 0) {
+            this.skuAttributeList = res
+          }
+
+        })
+
+      }
+
+    },
+
+    selectContainer(item) {
+      console.log("container", item)
+      this.skuNewProjectPackInfoList[this.packInfoShowIndex].code = item.code
+
+
+    },
+    addQualityCard() {
+      let newQualityCard = {}
+
+      newQualityCard.frontImage=[]
+      newQualityCard.backImage=[]
+      newQualityCard.markingImage=[]
+      newQualityCard.beforeDamagedImage=[]
+
+      let length=this.skuNewProjectSkuQualityCardInfoList.push(newQualityCard)
+      let index=length-1
+      this.qualitCardIndex=index
+      this.qualityCardPopShow(index)
+
+    },
+
+    saveSkuBaseInfo() {
+      let skuBaskInfo = {...this.skuNewProjectSkuInfo}
+      WmsProjectMobileSaveSkuBaseInfo(skuBaskInfo).then(res => {
+        console.log(res)
+        this.pageInit()
+      })
+
+
+
+    },
+    saveSkuPackInfo() {
+
+      let skuPackInfo = {...this.editSkuPackInfo}
+
+      if(!skuPackInfo.packId){
+        skuPackInfo.skuId=this.skuId
+        skuPackInfo.ownerId=this.ownerId
+
+      }
+
+      WmsProjectMobileSaveSkuPackInfo(skuPackInfo).then(res => {
+        console.log(res)
+        this.pageInit()
+        this.packInfoPop.show=false
+        this.packInfoPop.showCom=false
+        this.packInfoEditDisable=true
+
+        this.qualityCardPopClose()
+
+      })
+
+
+
+
+    },
+    saveQualityCard() {
+      let skuQualityCardInfo = {...this.editSkuQualityInfo}
+
+      if(!skuQualityCardInfo.skuQualityCardId){
+        skuQualityCardInfo.skuId=this.skuId
+        skuQualityCardInfo.ownerId=this.ownerId
+
+      }
+
+      WmsProjectMobileSaveSkuQualityCardInfo(skuQualityCardInfo).then(res=>{
+        console.log(res)
+        this.pageInit()
+      })
+
+      this.qualityCardPopClose()
+
+
+    },
+    querySupplier(){
+      let data={"ownerId":this.ownerId}
+      WmsProjectMobileQuerySupplier(data).then(res=>{
+        this.supplierList=res
+
+      })
+
+    },
+    addSkuPack(){
+      let pack={}
+
+      pack.innerImage=[]
+      pack.caseImage=[]
+      pack.palletImage=[]
+
+      pack.eachLength=this.skuNewProjectSkuInfo.length
+      pack.eachWidth=this.skuNewProjectSkuInfo.width
+      pack.eachHeight=this.skuNewProjectSkuInfo.height
+
+      let length=this.skuNewProjectPackInfoList.push(pack)
+      let index=(length-1)
+      this.packInfoShowIndex=index
+      this.editSkuPackInfo=pack
+      this.openPopupPackInfo(index)
+      this.packInfoEditDisable=false
+
+
+    },
+    complete(){
+      let data={"taskId":this.taskId,"taskNo":this.taskNo}
+      WmsProjectMobileSkuNewProjectComplete(data).then(res=>{
+        console.log(res)
+      })
+    },
+    packInfoPopClose(){
+      this.packInfoPop.showCom=false
+      this.packInfoPop.show=false
+      this.packInfoEditDisable=true
+    },
+
+
+
+  },
+
+
+
+
+
+}
+
+</script>
+
+<style/>