@logwire/logwire-wms-pda-ui 3.4.0 → 3.5.0

package/src/views/wms/components/consoleAndPick/createOrderPage.vue

@@ -14,152 +14,291 @@
     >
 
       <div class="lw-global-model-box lw-global-model-box-3px">
-        <lw-search-cell-popup
+
+        <lw-search-select-popup-module
+          ref="owner"
+          :api="$lwApi.common.searchOwner"
           :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.yuhjuoyu','货主')"
           :get-focus.sync="owner.focus"
+          v-model="owner.id"
           :create-rule="$lwScanRule.create('指定整托拣选-创建出库单-货主','OWNER')"
           rule-key="owner"
           required
-          :api-fn="k=>ownerCustomerApi('owner',k)"
-          label-key="code,name"
-          :disabled="inputDisabled"
-          :init-val="owner.initVal"
           input-align="right"
+          :disabled="inputDisabled || !!skuList.pageTotal || !!customer.id"
+          :show-border="!!owner.id"
           @confirm="item=>ownerCustomerPopupConfirm('owner',item)"
           @clear="ownerCustomerPopupClear('owner')"
         />
 
-        <lw-search-cell-popup
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.gdizxsnv','客户')"
-          :get-focus.sync="customer.focus"
-          :create-rule="$lwScanRule.create('指定整托拣选-创建出库单-客户','CUSTOMER')"
-          rule-key="customer"
-          required
-          :api-fn="k=>ownerCustomerApi('customer',k)"
-          label-key="code,name"
-          :init-val="customer.initVal"
-          input-align="right"
-          @confirm="item=>ownerCustomerPopupConfirm('customer',item)"
-          @clear="ownerCustomerPopupClear('customer')"
-        />
+        <template v-if="owner.id">
+
+          <lw-search-select-popup-module
+            ref="customer"
+            :api="getCustomerData"
+            :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.gdizxsnv','客户')"
+            v-model="customer.id"
+            :get-focus.sync="customer.focus"
+            :create-rule="$lwScanRule.create('指定整托拣选-创建出库单-客户','CUSTOMER')"
+            rule-key="customer"
+            required
+            input-align="right"
+            @confirm="item=>ownerCustomerPopupConfirm('customer',item)"
+            @clear="ownerCustomerPopupClear('customer')"
+          />
 
-        <lw-cell-popup-radio
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.doxdxscl','订单类型')"
-          v-model="type"
-          dict-key="OutboundPlanOrderType"
-          required
+          <lw-cell-popup-radio
+            :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.doxdxscl','订单类型')"
+            v-model="type"
+            dict-key="OutboundPlanOrderType"
+            required
 
-        />
+          />
 
-        <lw-cell-popup-date
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.sikueuiv','计划出库时间')"
-          v-model="planTime"
-          type="datetime"
-        />
+          <lw-cell-popup-date
+            :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.sikueuiv','计划出库时间')"
+            v-model="planTime"
+            type="datetime"
+          />
 
-        <lw-input
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.eodxrrmz','外部单号')"
-          v-model="extSoNo"
-          :create-rule="$lwScanRule.create('指定整托拣选-创建出库单-外部单号','ASN')"
-          rule-key="extSoNo"
-          required
-          input-align="right"
-          @confirm="extSoNoConfirm"
-        />
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.eodxrrmz','外部单号')"
+            v-model="extSoNo"
+            :create-rule="$lwScanRule.create('指定整托拣选-创建出库单-外部单号','ASN')"
+            rule-key="extSoNo"
+            required
+            input-align="right"
+            @confirm="extSoNoConfirm"
+          />
 
-        <lw-cell-popup-radio
-          v-if="showBackCell"
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.xftskuiu','退货方式')"
-          v-model="back.value"
-          dict-key="OutboundReturnMethod"
-        />
+          <lw-cell-popup-radio
+            v-if="showBackCell"
+            :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.xftskuiu','退货方式')"
+            v-model="back.value"
+            dict-key="OutboundReturnMethod"
+          />
 
-        <lw-input
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.lxhzbtsv','备注')"
-          v-model="remark"
-          :show-bottom-border="false"
-          input-align="right"
-          type="textarea"
-          :rows="4"
-        />
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.lxhzbtsv','备注')"
+            v-model="remark"
+            :show-bottom-border="false"
+            input-align="right"
+            type="textarea"
+            :rows="4"
+          />
+        </template>
 
       </div>
 
-      <div
-        style="padding-bottom: 3px"
-        class="lw-global-model-box"
-        v-for="(i,k) in skuList"
-        :key="k"
+      <lw-tab-box
+        v-if="soId"
+        style="margin-top: 10px"
+        @change="tabChange"
       >
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            name="add"
+            :title="$lwLanguage.get('', '添加商品')"
+          >
+          </van-tab>
+
+
+          <van-tab
+            name="list"
+            :title="$lwLanguage.get('', '商品列表')"
+          >
+
+            <div
+              v-for="(i,k) in skuList.data"
+              :key="k"
+              class="lw-global-model-box"
+            >
+              <lw-sku-info-module
+                :sku-name="i.skuName"
+                :sku-code="i.skuCode"
+              >
+
+                <van-icon
+                  size="18px"
+                  name="edit"
+                  color="rgb(0, 68, 208)"
+                  @click="skuListEdit(i)"
+                />
+              </lw-sku-info-module>
+
+              <div class="lw-global-flex-between">
+
+                <lw-title-value-cell
+                  style="flex: 1"
+                  :title="$lwLanguage.get('', '计划')"
+                  :value="i.skuQtyLabel"
+                  :is-row="false"
+                  val-red
+                  val-bold
+                />
+
+
+                <van-icon
+                  style="flex-shrink: 0"
+                  size="18px"
+                  color="#d50000"
+                  name="delete-o"
+                  @click="skuListDel(i)"
+                />
+              </div>
+
+            </div>
+            <lw-pagination
+              v-model="skuList.pageNum"
+              :page-total="skuList.pageTotal"
+              :page-size.sync="skuList.pageSize"
+              @change="getSkuListData"
+            />
+            <lw-not-data v-if="!skuList.pageTotal"/>
+
+          </van-tab>
+        </van-tabs>
+      </lw-tab-box>
+
+      <template v-if="tabActive === 'add' && owner.id">
+
+        <div
+          style="padding-bottom: 3px"
+          class="lw-global-model-box"
+          v-for="(i,k) in addSkuList"
+          :key="k"
+        >
+
+          <div class="lw-global-flex-between lw-global-row-start">
+
+            <div class="lw-global-value-bold">
+              {{
+                $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.pfsfpqla', '商品') + (k + 1)
+              }}
+            </div>
+
+            <van-icon
+              name="delete"
+              size="18"
+              color="#d50000"
+              @click="delSku(k)"
+            />
+          </div>
+          <lw-search-select-popup-module
+            :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.grrwqosq','商品编码')"
+            :get-focus.sync="i.skuFocus"
+            :create-rule="$lwScanRule.create('指定整托拣选-创建出库单-商品编码','SKU')"
+            rule-key="skuCode"
+            required
+            show-bottom-border
+            :owner-id="owner.id"
+            :api="skuCodeConfirm"
+            @confirm="item=>selectPopupConfirm(item,k)"
+            @clear="selectPopupClear(k)"
+          />
 
-        <div class="lw-global-flex-between">
+          <template v-if="i.showQty">
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.lbbzndee','可用库存数')"
+              :value="$lwCheckVal(i.abQty)"
+              val-bold
+            />
+            <lw-get-qty-by-type
+              :ref="i.qtyRef"
+              :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.zrrojbff','出库数量')"
+              :sku-id="i.skuId"
+              :show-bottom-border="false"
+              init-focus
+            />
+
+          </template>
 
-          <div class="lw-global-value-bold">
-            {{
-              $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.pfsfpqla','商品') + (k + 1)
-            }}
-          </div>
+        </div>
 
+        <div
+          style="margin: 20px 0"
+          class="lw-global-flex-center"
+        >
           <van-icon
-            name="delete"
-            size="18"
-            color="#d50000"
-            @click="delSku(k)"
+            size="30px"
+            name="add"
+            color="#D50000"
+            @click="addSku"
           />
         </div>
-        <lw-search-cell-popup
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.grrwqosq','商品编码')"
-          :get-focus.sync="i.skuFocus"
-          :create-rule="$lwScanRule.create('指定整托拣选-创建出库单-商品编码','SKU')"
-          rule-key="skuCode"
-          required
-          show-bottom-border
-          :api-fn="s=>skuCodeConfirm(s,k)"
-          label-key="code,name"
-          :init-auto-select="false"
-          :init-val="i.initVal"
-          @confirm="item=>selectPopupConfirm(item,k)"
-          @clear="selectPopupClear(k)"
-        />
-        <lw-title-value-cell
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.lbbzndee','可用库存数')"
-          :value="$lwCheckVal(i.abQty)"
-          val-bold
-        />
-        <lw-input
-          :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.zrrojbff','出库数量')"
-          v-model="i.skuQty"
-          :get-focus.sync="i.qtyFocus"
-          type="digit"
-          required
-          :show-bottom-border="false"
-        />
-
-      </div>
-
-      <div
-        style="margin: 20px 0"
-        class="lw-global-flex-center"
-      >
-        <van-icon
-          size="30px"
-          name="add"
-          color="#D50000"
-          @click="addSku"
-        />
-      </div>
+      </template>
 
 
     </div>
 
-    <lw-bottom-bar>
+    <lw-bottom-bar v-if="owner.id">
 
-      <lw-button @click="confirmCreate">
-        {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.ohrkeshv','保存') }}
+      <lw-button
+        v-if="soId"
+        type="last"
+        @click="actionPick"
+      >
+        {{ $lwLanguage.get('', '执行拣选') }}
+      </lw-button>
+
+      <lw-button
+        v-if="tabActive==='add'"
+        @click="confirmCreate"
+      >
+        {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.ohrkeshv', '保存') }}
       </lw-button>
 
     </lw-bottom-bar>
 
+    <!-- 商品编辑弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('', '编辑商品')"
+      v-model="editPopup.show"
+    >
+
+      <lw-search-select-popup-module
+        ref="editSku"
+        v-model="editPopup.skuId"
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.grrwqosq','商品编码')"
+        :get-focus.sync="editPopup.skuFocus"
+        :create-rule="$lwScanRule.create('指定整托拣选-创建出库单-商品编码','SKU')"
+        rule-key="skuCode"
+        required
+        show-bottom-border
+        :owner-id="owner.id"
+        :api="skuCodeConfirm"
+        @confirm="editPopupSkuConfirm"
+        @clear="editPopupSkuClear"
+      />
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.lbbzndee','可用库存数')"
+        :value="$lwCheckVal(editPopup.abQty)"
+        val-bold
+      />
+      <lw-get-qty-by-type
+        v-if="editPopup.showQty"
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.zrrojbff','出库数量')"
+        ref="editPopupQty"
+        :sku-id="editPopup.skuId"
+        :init-qty="editPopup.qty"
+        init-focus
+      />
+
+      <template #button>
+
+        <lw-button @click="editPopupConfirm">
+          {{ $lwLanguage.get('', '保存') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
 
   </div>
 </template>
@@ -169,12 +308,9 @@
 import {
   projectWmsOutboundPDAGetReturnTypes,
   projectWmsOutboundPDAQuerySkuInvAbQty,
-  projectWmsOutboundPDASoCreate,
+  projectWmsOutboundPDASoCreate, projectWmsOutboundPDASoQueryLinePage,
   projectWmsOutboundPDASoQueryUpdateInfo,
-  projectWmsOutboundPDASoSubmitUpdateInfo,
-  wmsMobileGetOwnerSku,
-  wmsMobileGetWarehouseCustomer,
-  wmsMobileGetWarehouseOwner
+  projectWmsOutboundPDASoSubmitUpdateInfo, wmsMobileQueryCompanyList,
 } from "../../api/outbound/pickConsole/orderPick";
 
 export default {
@@ -185,8 +321,36 @@ export default {
   },
   data() {
     return {
+
+      // 初始化结束标识
       initOver: false,
 
+      // 出库单id
+      soId: '',
+      tabActive: 'add',
+
+      // 增加的商品列表
+      addSkuList: [],
+      // 商品列表
+      skuList: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        data: []
+      },
+
+      // 编辑商品弹框
+      editPopup: {
+        show: false,
+        skuId: '',
+        soLineId: '',
+        skuFocus: false,
+        skuInitData: {},
+        abQty: '',
+        qty: '',
+        showQty: false,
+      },
+
       navTitle: '',
 
       owner: {
@@ -194,45 +358,30 @@ export default {
         code: '',
         name: '',
         id: '',
-
-        initVal: null
       },
-
       customer: {
         focus: false,
         code: '',
         name: '',
         id: '',
-
-        initVal: null
       },
-
       type: '',
       planTime: '',
       extSoNo: '',
       remark: '',
+
       // 退货
       back: {
         value: '',
         list: []
       },
 
-      skuList: [],
-      // 编辑时使用
-      oldSkuList: [],
 
-      skuPopup: {
-        show: false,
-        index: '',
-        search: '',
-        list: [],
-        result: ''
-      }
     }
   },
   computed: {
     inputDisabled() {
-      return this.skuList.some(item => item.skuCode)
+      return this.addSkuList.some(item => item.skuCode)
     },
     // 是否显示退货方式
     showBackCell() {
@@ -240,6 +389,7 @@ export default {
     }
   },
   created() {
+    this.soId = this.$route.query.soId || ''
     this.init()
   },
   methods: {
@@ -247,119 +397,83 @@ export default {
     async init() {
       projectWmsOutboundPDAGetReturnTypes().then(res => this.back.list = res || [])
 
-      if (this.$route.query.soId) {
+      if (this.soId) {
         await this.getEditData()
       } else {
-        this.navTitle = this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.fwkkyudh','创建出库订单')
+        this.navTitle = this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.fwkkyudh', '创建出库订单')
       }
       this.initOver = true
+
+      this.$nextTick(() => {
+        if (this.$route.query.soId) {
+          this.$refs.owner.initEchoData(true)
+          this.$refs.customer.formatDataAndDisabled({
+            code: this.customer.code,
+            name: this.customer.name,
+          })
+        }
+      })
+    },
+
+    // 获取客户数据
+    getCustomerData(data) {
+      return wmsMobileQueryCompanyList({
+        ...data,
+        ownerId: this.owner.id
+      })
     },
 
     // 获取编辑数据
     async getEditData() {
-      this.navTitle = this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.ztrauljn','修改出库订单')
+      this.navTitle = this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.ztrauljn', '修改出库订单')
 
       try {
         const res = await projectWmsOutboundPDASoQueryUpdateInfo({
-          soId: this.$route.query.soId
+          soId: this.soId
         })
 
-        const {ownerCode, ownerName, customerCode, customerName} = res
+        this.owner.code = res.ownerCode
+        this.owner.name = res.ownerName
+        this.owner.id = res.ownerId
+        this.owner.focus = false
 
-        this.owner = {
-          code: ownerCode,
-          name: ownerName,
-          id: res.ownerId,
-          focus: false,
-          initVal: {
-            code: ownerCode,
-            name: ownerName
-          }
-        }
+        this.customer.code = res.customerCode
+        this.customer.name = res.customerName
+        this.customer.id = res.customerId
 
-        this.customer = {
-          code: customerCode,
-          name: customerName,
-          focus: false,
-          initVal: {
-            code: customerCode,
-            name: customerName
-          }
-        }
 
         this.type = res.type
         this.planTime = res.planShipTime
         this.extSoNo = res.extSoNo
         this.remark = res.remark
         this.back.value = res.returnMethod
-
-        this.skuList = res.skuList.map(item => {
-          return {
-            ...item,
-            initVal: {
-              code: item.skuCode,
-              name: item.skuName
-            },
-            txCode: 'U'
-          }
-        })
-
-        this.oldSkuList = res.skuList
+        this.getSkuListData()
       } catch {
         history.go(-1)
       }
     },
 
-    // 货主、客户 - 获取数据API
-    ownerCustomerApi(type, keyword) {
-      return type === 'owner' ?
-        wmsMobileGetWarehouseOwner({keyword}) :
-        wmsMobileGetWarehouseCustomer({keyword})
-
-    },
-
-    // 货主、客户 - 选择弹框 - 确认
-    ownerCustomerPopupConfirm(type, item) {
-      this[type].code = item.code
-      this[type].id = item.id
-      this[type].name = item.name
 
-      if (type === 'owner') {
-        this.customer.focus = true
-        !this.skuList.length && this.addSku()
-      }
-
-    },
-    // 货主、客户 - 选择弹框 - 清空
-    ownerCustomerPopupClear(type) {
-      this[type].code = ''
-      this[type].name = ''
-      this[type].id = ''
-
-      if (type === 'owner') {
-        this.skuList = []
-      }
-    },
     // 校验单头数据是否填写完整
     checkOrderInfo() {
 
       if (!this.owner.id) {
         this.owner.focus = true
         this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.aofuajos','请选择货主')
+          this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.aofuajos', '请选择货主')
         )
         return false
       }
       if (!this.customer.code) {
         this.customer.focus = true
         this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.irsfctlr','请选择客户')
+          this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.irsfctlr', '请选择客户')
         )
         return false
       }
       const msg = {
-        type: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.xdqoumzx','请选择订单类型'),
-        extSoNo: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.jgzswggr','请输入外部单号'),
+        type: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.xdqoumzx', '请选择订单类型'),
+        extSoNo: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.jgzswggr', '请输入外部单号'),
       }
 
       for (const i in msg) {
@@ -373,10 +487,37 @@ export default {
 
     },
 
+    // 货主、客户 - 选择弹框 - 确认
+    ownerCustomerPopupConfirm(type, item) {
+      this[type].code = item.code
+      this[type].id = item.id
+      this[type].name = item.name
+
+      if (type === 'owner') {
+        this.customer.focus = true
+        !this.addSkuList.length && this.addSku()
+      }
+
+    },
+    // 货主、客户 - 选择弹框 - 清空
+    ownerCustomerPopupClear(type) {
+      this[type].code = ''
+      this[type].name = ''
+      this[type].id = ''
+
+      if (type === 'owner') {
+        this.customer.id = ''
+        this.type = ''
+        this.planTime = ''
+        this.extSoNo = ''
+        this.remark = ''
+        this.addSkuList = []
+      }
+    },
     // 外部单号输入确认
     extSoNoConfirm() {
-      if (this.skuList.length) {
-        const firstSku = this.skuList[0]
+      if (this.addSkuList.length) {
+        const firstSku = this.addSkuList[0]
         if (firstSku.skuCode) {
           firstSku.qtyFocus = true
         } else {
@@ -397,13 +538,14 @@ export default {
         return
       }
 
-      this.skuList.push({
+      this.addSkuList.push({
         skuCode: '',
         skuFocus: true,
         skuName: '',
         skuQty: '',
         abQty: '',
-        qtyFocus: false,
+        qtyRef: Date.now(),
+        showQty: false,
         skuId: '',
         txCode: 'I'
       })
@@ -411,121 +553,224 @@ export default {
     },
     // 删除商品
     delSku(index) {
-      this.skuList.splice(index, 1)
+      this.addSkuList.splice(index, 1)
     },
 
 
     // 搜索商品
-    skuCodeConfirm(keyword) {
-      return wmsMobileGetOwnerSku({
-        ownerId: this.owner.id,
-        keyword
+    skuCodeConfirm(data) {
+      return this.$lwApi.common.searchSku({
+        ...data,
+        ownerId: this.owner.id
       })
     },
     // 商品选择弹框 - 确认选择
     selectPopupConfirm(item, index) {
-
-      // const {code, name, id} = item
-      /*this.skuList[index].skuCode = code
-      this.skuList[index].skuName = name
-      this.skuList[index].skuId = id*/
-
       projectWmsOutboundPDAQuerySkuInvAbQty({
         ownerId: this.owner.id,
         skuId: item.id
       }).then(res => {
-        this.skuList[index].skuCode = res.skuCode
-        this.skuList[index].skuName = res.skuName
-        this.skuList[index].skuId = res.skuId
-        this.skuList[index].abQty = res.abQty
-        this.skuList[index].qtyFocus = true
+        this.addSkuList[index].skuCode = res.skuCode
+        this.addSkuList[index].skuName = res.skuName
+        this.addSkuList[index].skuId = res.skuId
+        this.addSkuList[index].abQty = res.abQty
+        this.addSkuList[index].showQty = true
       })
 
     },
     // 商品选择弹框 - 清除商品
     selectPopupClear(index) {
-      this.skuList[index].skuCode = ''
-      this.skuList[index].skuName = ''
-      this.skuList[index].skuId = ''
-      this.skuList[index].skuQty = ''
-      this.skuList[index].abQty = ''
+      this.addSkuList[index].skuCode = ''
+      this.addSkuList[index].skuName = ''
+      this.addSkuList[index].skuId = ''
+      this.addSkuList[index].skuQty = ''
+      this.addSkuList[index].abQty = ''
     },
 
-    // 创建出库订单
-    async confirmCreate() {
+    // tab切换
+    tabChange() {
+      if (this.tabActive === 'list' && !this.skuList.pageTotal) {
+        this.getSkuListData()
+      }
+    },
 
-      if (!this.checkOrderInfo()) return
+    // 商品列表 - 获取数据
+    getSkuListData() {
+      projectWmsOutboundPDASoQueryLinePage({
+        pageSize: this.skuList.pageSize,
+        pageNum: this.skuList.pageNum,
+        soId: this.soId
+      }).then(res => {
+        this.skuList.data = res.datas
+        this.skuList.pageTotal = res.total || 0
+      })
+    },
+    // 商品列表 - 删除
+    skuListDel(item) {
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('', '提示'),
+        message: this.$lwLanguage.get('', '确认删除商品{name}?', {name: item.skuName}),
+      }).then(async () => {
+        await this.submitSoData([{...item, txCode: 'D'}])
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '已删除')
+        )
+        this.getSkuListData()
+      })
+    },
+    // 商品列表 - 编辑 - 打开弹框
+    skuListEdit(item) {
+      this.editPopup.skuInitData = {
+        code: item.skuCode,
+        name: item.skuName
+      }
+      this.editPopup.abQty = item.abnQty
+      this.editPopup.qty = item.skuQty
+      this.editPopup.skuId = item.skuId
+      this.editPopup.soLineId = item.soLineId
+      this.editPopup.show = true
+      this.editPopup.showQty = true
+      this.$nextTick(() => this.$refs.editSku.initEchoData(true))
+    },
+    // 商品列表 - 编辑 - 商品选择确认
+    editPopupSkuConfirm(item) {
+      this.editPopup.showQty = false
+      projectWmsOutboundPDAQuerySkuInvAbQty({
+        ownerId: this.owner.id,
+        skuId: item.id
+      }).then(res => {
+        this.editPopup.skuId = res.skuId
+        this.editPopup.abQty = res.abQty
+        this.editPopup.showQty = true
+      })
+    },
+    // 商品列表 - 编辑 - 商品删除
+    editPopupSkuClear() {
+      this.editPopup.skuId = ''
+      this.editPopup.abQty = ''
+      this.editPopup.skuFocus = true
+      this.editPopup.qty = ''
+      this.editPopup.showQty = false
+    },
+    // 商品列表 - 编辑 - 商品保存
+    async editPopupConfirm() {
+      const {skuId, soLineId} = this.editPopup
 
-      if (!this.skuList.length) {
+      if (!skuId) {
+        this.editPopup.skuFocus = true
         this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.ifphsyjt','请添加商品信息')
+          this.$lwLanguage.get('', '商品信息不能为空')
         )
         return
       }
+      const skuQty = this.$refs.editPopupQty?.getQty() || 0
+      if (!skuQty) {
+        this.editPopup.skuFocus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '出库数量不能为空，且应当是大于0的正整数')
+        )
+        return
+      }
+
+      await this.submitSoData([{
+        skuId,
+        skuQty,
+        txCode: 'U',
+        soLineId
+      }])
+
+      this.$lwToast.success(
+        this.$lwLanguage.get('', '操作成功')
+      )
+      this.getSkuListData()
+      this.editPopup.show = false
+    },
+
+    // 执行拣选
+    actionPick() {
+      if (this.$route.query.soId) {
+        history.go(-1)
+        return
+      }
 
-      for (let i = 0; i < this.skuList.length; i++) {
-        if (!this.skuList[i].skuCode) {
-          this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.pqwhxqsb','商品{num}，商品信息不能为空', {num: i + 1})
-          )
-          return
+      this.$router.push({
+        path: this.actionPath,
+        query: {
+          lwOrderId: this.soId,
+          lwBackStep: '2'
         }
-        if (!Number(this.skuList[i].skuQty || 0)) {
-          this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.muzbqnkt','商品{num}，出库数量不能为空且应当是大于0的整数', {num: i + 1})
-          )
-          return
+      })
+    },
+    // 检查商品必填项
+    skuCheck() {
+      if (!this.soId && !this.addSkuList.length) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.ifphsyjt', '请添加商品信息')
+        )
+        return false
+      }
+
+      if (this.addSkuList.length) {
+
+        for (let i = 0; i < this.addSkuList.length; i++) {
+          const item = this.addSkuList[i]
+          if (!item.skuCode) {
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.pqwhxqsb', '商品{num}，商品信息不能为空', {num: i + 1})
+            )
+            return false
+          }
+          const skuQty = this.$refs[item.qtyRef][0].getQty()
+          if (!skuQty) {
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.muzbqnkt', '商品{num}，出库数量不能为空且应当是大于0的整数', {num: i + 1})
+            )
+            return false
+          }
+          this.addSkuList[i].skuQty = skuQty
         }
       }
 
-      const soId = this.$route.query.soId
-      const api = soId ? projectWmsOutboundPDASoSubmitUpdateInfo : projectWmsOutboundPDASoCreate
+      return true
 
-      let skuList = this.$lwDeepCopy(this.skuList)
+    },
+    // 保存
+    async confirmCreate() {
 
-      if (soId) {
-        const newSku = this.skuList.filter(item => item.soLineId).map(item => item.soLineId)
-        this.oldSkuList.forEach(item => {
-          if (!newSku.includes(item.soLineId)) skuList.push({
-            ...item,
-            txCode: 'D'
-          })
-        })
-      }
+      if (!this.checkOrderInfo() || !this.skuCheck()) return
+
+      await this.submitSoData(this.addSkuList)
+
+      const msg = this.soId ?
+        this.$lwLanguage.get('', '操作成功') :
+        this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.esmoutbc', '订单创建成功')
+
+      this.$lwToast.success(msg)
 
+      this.addSkuList = []
+      this.skuList.pageNum = 1
+      this.getSkuListData()
+    },
+    // 提交出库单数据
+    async submitSoData(skuList) {
+      const api = this.soId ? projectWmsOutboundPDASoSubmitUpdateInfo : projectWmsOutboundPDASoCreate
 
       const res = await api({
-        soId,
         ownerId: this.owner.id,
         customerCode: this.customer.code,
         customerName: this.customer.name,
+        customerId: this.customer.id,
         type: this.type,
         planShipTime: this.planTime,
         extSoNo: this.extSoNo,
         remark: this.remark,
+        returnMethod: this.back.value,
+        soId: this.soId,
         skuList,
-        returnMethod: this.back.value
       })
-
-      const msg = soId ?
-        this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.ijdsqdyw','订单修改成功') :
-        this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.createOrderPage.esmoutbc','订单创建成功')
-
-      this.$lwToast.success(msg)
-
-      if (soId) {
-        history.go(-1)
-        return
-      }
-
-      this.$router.push({
-        path: this.actionPath,
-        query: {
-          lwOrderId: res.id,
-          lwBackStep: '2'
-        }
-      })
-    },
+      this.soId = res.id
+    }
 
   }
 }