kd-aiot-frontend-wt/src/views/bpm/stockManagement/storage.vue

<template>
  <div>
    <el-card shadow="never">
      <!-- <header-title title="基本信息"> </header-title> -->
      <div>基本信息</div>
      <el-form :model="formData" ref="formName" label-width="110px" :rules="rules">
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item label="物品类型" prop="extInfo.assetType">
              <el-select style="width: 100%" disabled multiple v-model="formData.extInfo.assetType" placeholder="请选择">
                <el-option v-for="item in goodsLists" :key="item.id" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="入库类型" prop="bizType">
              <el-select style="width: 100%" disabled filterable placeholder="请选择" v-model="formData.bizType" clearable>
                <el-option v-for="item in sceneState" :key="item.code" :value="item.code"
                  :label="item.label"></el-option>
              </el-select> </el-form-item></el-col>
          <el-col :span="6">
            <el-form-item label="单据来源" prop="documentSource">
              <el-input placeholder="请选择" disabled v-model="formData.sourceBizNo"
                @click.native="openDocumentSourceDialog">
              </el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="6">
            <el-form-item label="权属部门" prop="deptName">
              <el-input
                placeholder="权属部门"
                disabled
                v-model="formData.extInfo.deptName"
                clearable
              />
            </el-form-item>
          </el-col> -->
          <el-col :span="6">
            <el-form-item label="入库时间">
              <el-date-picker v-model="formData.storageTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="选择日期时间">
              </el-date-picker></el-form-item></el-col>
          <el-col :span="6">
            <el-form-item label="入库登记人">
              <el-input placeholder="登记人" disabled v-model="formData.extInfo.createUserName"
                clearable /></el-form-item></el-col>
          <!-- <el-col :span="6" v-if="formData.bizType == 2">
            <el-form-item label="供应商" prop="supplierName">
              <el-input
                placeholder="请输入"
                clearable
                v-model="formData.extInfo.supplierName"
              />
            </el-form-item>
          </el-col> -->
          <el-col :span="6">
            <el-form-item label="送货人" prop="fromUser">
              <el-input placeholder="请输入" v-model="formData.fromUser" clearable /> </el-form-item></el-col>
          <el-col :span="6">
            <el-form-item label="送货人联系方式" prop="deliveryPhone">
              <el-input placeholder="请输入" v-model="formData.extInfo.deliveryPhone" clearable /></el-form-item></el-col>
          <el-col :span="6">
            <el-form-item label="备注" prop="remark">
              <el-input v-model="formData.remark" clearable type="textarea" placeholder="请详细说明" :rows="1"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div class="inbound_details">
        <header-title title="产品信息">
          <el-button type="primary" @click="addProduct">添加</el-button>
        </header-title>
        <div class="form_table">
          <el-form ref="productListRef" :model="{ productList: productList }" :show-message="false">
            <!-- <el-button v-if="productList.length != 0" type="success" plain
              style="margin-bottom: 20px; float: right; margin-right: 20px" size="mini"
              @click="listSaveArrs">批量保存</el-button> -->
            <el-button v-if="productList.length != 0 && this.packingList.length == 0" type="success" plain
              style="margin-bottom: 20px; float: right; margin-right: 20px" size="mini"
              @click="handleWareHouse(productList, '', 'batch')">批量选择仓库</el-button>
            <el-table :header-cell-style="rowClass" :max-height="300" border ref="productListTable" :data="productList"
              tooltip-effect="dark">
              <el-table-column label="序号" type="index" width="50" align="center" fixed="left">
              </el-table-column>
              <el-table-column label="编码" prop="categoryCode" align="center" width="130" :show-overflow-tooltip="true"
                fixed="left"></el-table-column>
              <el-table-column label="名称" align="center" width="200" prop="categoryName" :show-overflow-tooltip="true"
                fixed="left"></el-table-column>
              <el-table-column label="牌号" align="center" width="100" prop="brandNum"
                :show-overflow-tooltip="true"></el-table-column>
              <el-table-column label="型号" align="center" width="100" prop="categoryModel"
                :show-overflow-tooltip="true"></el-table-column>
              <el-table-column label="规格" align="center" width="100" prop="specification"
                :show-overflow-tooltip="true"></el-table-column>
              <el-table-column v-for="(item, index) in newColumns" :label="item.label" :align="item.align"
                :prop="item.prop" :show-overflow-tooltip="item.showOverflowTooltip"></el-table-column>
              <el-table-column label="批次号" align="center" width="100" prop="batchNo">
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.batchNo }}
                  </template>
                  <el-form-item v-else :prop="`productList.${$index}.batchNo`" required>
                    <el-input :ref="'batchNo' + $index" @keyup.native="
                      moveFocus($event, $index, 'batchNo', '产品', row)
                      " v-model.number="row.batchNo">
                    </el-input>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column label="数量" align="center" width="100" prop="packingQuantity">
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.packingQuantity }}
                  </template>
                  <el-form-item v-else :prop="`productList.${$index}.packingQuantity`" required>
                    <el-input :ref="'packingQuantity' + $index" type="number" @keyup.native="
                      moveFocus(
                        $event,
                        $index,
                        'packingQuantity',
                        '产品',
                        row
                      )
                      " v-model="row.packingQuantity" @input="computeNum(row, $index, true)">
                    </el-input>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column label="单位" align="center" prop="packingUnit" width="100">
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.packingUnit }}
                  </template>
                  <el-form-item v-else :prop="`productList.${$index}.packingUnit`" required>
                    <el-select v-model="row.packingUnit" placeholder="请选择" @change="computeNum(row, $index)">
                      <el-option v-for="item in row.packingSpecificationOption" :label="`${item.conversionUnit}`"
                        :value="item.conversionUnit" :key="item.id">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column label="包装规格" align="center" prop="packingSpecificationLabel" width="300"
                :show-overflow-tooltip="true">
                <template slot-scope="{ row, $index }">
                  <el-tag v-for="item in row.packingSpecificationLabel">{{
                    item
                  }}</el-tag>
                </template>
              </el-table-column>
              <el-table-column label="允许拆包" prop="isUnpack">
                <template slot-scope="{ row, $index }">
                  {{ row.isUnpack == 1 ? '是' : '否' }}
                </template>
              </el-table-column>
              <el-table-column label="计量数量" align="center" prop="measureQuantity"
                :show-overflow-tooltip="true"></el-table-column>
              <el-table-column label="计量单位" align="center" prop="measureUnit"
                :show-overflow-tooltip="true"></el-table-column>
              <el-table-column label="单重" align="center" prop="singleWeight" :show-overflow-tooltip="true" width="120">
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.singleWeight }}
                  </template>
                  <el-input-number v-else v-model="row.singleWeight" placeholder="请输入" :precision="2" :min="0"
                    controls-position="right" @input="inputsingleWeight(row, $index)" :controls="false"
                    style="width: 100%"></el-input-number>
                  <template slot="append">
                    {{ row.measureUnit }}
                  </template>
                </template>
              </el-table-column>
              <el-table-column label="计价方式" align="center" prop="pricingWay" :show-overflow-tooltip="true" width="120">
                <template slot-scope="{ row, $index }">
                  <span v-if="row.pricingWay == 1">数量</span>
                  <span v-if="row.pricingWay == 2">重量</span>
                </template>
              </el-table-column>

              <el-table-column label="总重" align="center" prop="weight" width="120" :show-overflow-tooltip="true">
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.weight }}
                  </template>
                  <el-input v-else v-model="row.weight" placeholder="请输入" type="number"
                    @input="inputWeight(row, $index)"></el-input>
                  <template slot="append">
                    {{ row.measureUnit }}
                  </template>
                </template>
              </el-table-column>
              <el-table-column label="重量单位" align="center" prop="weightUnit" :show-overflow-tooltip="true">
                <template slot-scope="{ row, $index }">
                  {{ row.weightUnit }}
                  <template slot="append"> </template>
                </template>
              </el-table-column>
              <el-table-column label="单价" prop="unitPrice" width="200" align="center">
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    <span>{{ row.unitPrice }}</span>
                    <span v-if="row.unitPrice">/元</span>
                  </template>
                  <el-form-item v-else>
                    <el-input type="number" :ref="'unitPrice' + $index" @keyup.native="
                      moveFocus($event, $index, 'unitPrice', '产品', row)
                      " v-model.number="row.unitPrice" placeholder="非必填" @input="
                        (value) =>
                          (row.unitPrice = value.replace(/[^0-9.]+/g, ''))
                      ">
                      <template slot="append">
                        <span v-if="row.unitPrice">/元</span>
                      </template>
                    </el-input>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column label="金额" align="center" prop="totalMoney" :show-overflow-tooltip="true">
                <template slot-scope="{ row, $index }">
                  {{
                    changeCount(
                      calcSumTotal(row.measureQuantity, row.unitPrice, row)
                    )
                  }}
                </template>
              </el-table-column>
              <el-table-column label="供应商" align="center" prop="supplierId" width="200" :show-overflow-tooltip="true">
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave || row.supplierId">
                    {{ row.supplierName }}
                  </template>
                  <el-select v-else @change="selectSupplier($event, row)" v-model="row.supplierId" placeholder="请选择"
                    :clearable="true">
                    <el-option v-for="item in row.supplierListOptions" :label="item.name" :value="item.id"
                      :key="item.id">
                    </el-option>
                  </el-select>
                </template>
              </el-table-column>
              <el-table-column v-if="bizType != 2" label="供应商代号" align="center" prop="supplierCode" width="120"
                :show-overflow-tooltip="true">
                <template slot-scope="{ row, $index }">
                  {{ row.supplierCode }}
                </template>
              </el-table-column>
              <el-table-column v-else-if="bizType == 2" label="供应商代号" align="center" prop="supplierMark" width="120"
                :show-overflow-tooltip="true">
                <template slot-scope="{ row, $index }">
                  {{ row.supplierMark }}
                </template>
              </el-table-column>
              <el-table-column v-if="bizType == 2" label="产地" align="center" prop="provenance "
                :show-overflow-tooltip="true" width="120">
              </el-table-column>
              <el-table-column label="仓库" align="center" prop="warehouseName" :show-overflow-tooltip="true" width="300">
                <template slot-scope="{ row, $index }">
                  <el-form-item :prop="`productList.${$index}.warehouseId`" required>
                    <div :class="row.warehouseName
                      ? 'wareHouse_style'
                      : 'wareHouse_style red_color'
                      " @click="handleWareHouse(row, $index)">
                      <span>
                        {{
                          row.warehouseName ? row.warehouseName : '请选择仓库'
                        }}
                      </span>
                    </div>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column label="采购原因" align="center" width="200" prop="purpose" :show-overflow-tooltip="true">
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.purpose }}
                  </template>
                  <el-input v-else :ref="'purpose' + $index" @keyup.native="
                    moveFocus($event, $index, 'purpose', '产品', row)
                    " v-model="row.purpose">
                  </el-input>
                </template>
              </el-table-column>
              <el-table-column label="是否质检" align="center" width="80" prop="qualityControl"
                :show-overflow-tooltip="true" v-if="this.bizType != 1">
                <template slot-scope="{ row, $index }">
                  {{ row.qualityControl == 1 ? '是' : row.qualityControl == 0 ? '否' : '' }}
                </template>
              </el-table-column>
              <el-table-column label="操作" width="200" fixed="right" align="center">
                <template slot="header" slot-scope="scope"> 操作 </template>
                <template slot-scope="{ row, $index }">
                  <el-button type="text" v-show="!row.isSave" @click="listSave(row, $index)">保存</el-button>
                  <el-button type="text" v-show="row.isSave" @click="listEdit(row, $index)">编辑</el-button>
                  <el-button type="text" @click="listDel(row, $index)">删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </el-form>
        </div>
      </div>
      <div v-if="showPackingList.length > 0" class="inbound_details">
        <header-title :title="`包装明细`">
          <div class="switch_right">
            <el-button style="margin-left: 20px" type="text" @click="dateSetting">批量设置{{
              curDateType === 'productionDate' ? '生产日期' : '采购日期'
            }}</el-button>
          </div>
        </header-title>
        <el-table v-if="isWrapTable" ref="packingListTable" :data="showPackingList" tooltip-effect="dark"
          :key="formData.bizType" :header-cell-style="rowClass" style="width: 100%" border stripe :max-height="300"
          v-el-table-infinite-scroll="pickingHandleScroll" @selection-change="handleSelectionChange">
          <el-table-column type="selection" align="center" width="50">
          </el-table-column>
          <el-table-column label="序号" type="index" width="50" fixed="left">
          </el-table-column>
          <el-table-column label="编码" prop="categoryCode" width="130" :show-overflow-tooltip="true"
            fixed="left"></el-table-column>
          <el-table-column label="名称" prop="categoryName" width="150" :show-overflow-tooltip="true"
            fixed="left"></el-table-column>
          <el-table-column label="批次号" prop="batchNo" width="100"></el-table-column>
          <el-table-column :label="`包装编码`" prop="packageNo" width="200" :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="包装数量" prop="packingQuantity" width="80"></el-table-column>
          <el-table-column label="单位" prop="packingUnit"></el-table-column>
          <el-table-column label="计量数量" prop="measureQuantity" :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="计量单位" prop="measureUnit"></el-table-column>
          <!-- <el-table-column label="允许拆包" prop="isUnpack">
            <template slot-scope="{ row, $index }">
              {{ row.isUnpack ? '是' : '否' }}
            </template>
          </el-table-column> -->
          <el-table-column label="仓库" :show-overflow-tooltip="true" prop="warehouseName" width="200"></el-table-column>
          <el-table-column label="物料代号" prop="materielDesignation" width="130">
            <template slot-scope="{ row, $index }">
              <el-input v-if="!row.isPack" :ref="'packing_materielDesignation' + $index" @keyup.native="
                moveFocus(
                  $event,
                  $index,
                  'packing_materielDesignation',
                  '包装',
                  row
                )
                " v-model="row.materielDesignation"></el-input>
              <span v-else>{{ row.materielDesignation }}</span>
            </template>
          </el-table-column>
          <el-table-column label="客户代号" prop="clientCode" width="130">
            <template slot-scope="{ row, $index }">
              <el-input v-if="!row.isPack" :ref="'packing_clientCode' + $index" @keyup.native="
                moveFocus($event, $index, 'packing_clientCode', '包装', row)
                " v-model="row.clientCode"></el-input>
              <span v-else> {{ row.clientCode }}</span>
            </template>
            <!-- <template slot-scope="{ row, $index }" v-if="bizType == 2">
              <el-input v-if="!row.isPack" :ref="'packing_clientCode' + $index" @keyup.native="
                moveFocus($event, $index, 'packing_clientCode', '包装', row)
                " v-model="row.customerMark"></el-input>
              <span v-else> {{ row.customerMark }}</span>
            </template> -->
          </el-table-column>
          <el-table-column label="牌号" prop="brandNum" width="80">
          </el-table-column>
          <el-table-column v-if="bizType != 2" label="供应商代号" align="center" prop="supplierCode" width="120"
            :show-overflow-tooltip="true">
            <template slot-scope="{ row, $index }">
              {{ row.supplierCode }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="bizType == 2" label="供应商代号" align="center" prop="supplierMark" width="120"
            :show-overflow-tooltip="true">
            <template slot-scope="{ row, $index }">
              {{ row.supplierMark }}
            </template>
          </el-table-column>
          <el-table-column label="刻码" prop="engrave" width="140">
            <template slot-scope="{ row, $index }">
              <el-input v-if="!row.isPack" :ref="'packing_engrave' + $index" @keyup.native="
                moveFocus($event, $index, 'packing_engrave', '包装', row)
                " v-model="row.engrave"></el-input>
              <span v-else>{{ row.engrave }}</span>
            </template>
          </el-table-column>
          <el-table-column label="重量" prop="weight" width="100">
            <template slot-scope="{ row, $index }">
              <el-input v-if="!row.isPack && row.measureUnit != row.weightUnit" :ref="'packing_weight' + $index"
                @keyup.native="
                  moveFocus($event, $index, 'packing_weight', '包装', row)
                  " v-model.number="row.weight" @input="weightInput($event, row, '包装')"></el-input>
              <span v-else>{{ row.weight }}</span>
            </template>
          </el-table-column>
          <el-table-column label="重量单位" prop="weightUnit">
            <template slot-scope="{ row }">
              {{ row.weightUnit }}
            </template>
          </el-table-column>

          <el-table-column label="质检结果" prop="result" width="120">
            <template slot-scope="{ row }">
              <el-select v-if="!row.isPack" @change="changeWrapStatus($event, row, '包装')" v-model="row.result"
                placeholder="请选择">
                <el-option v-for="item in qualityResultsOptions" :label="item.label" :value="item.value"
                  :key="item.value">
                </el-option>
              </el-select>
              <span v-else>{{ qualityResults[row.result] }}</span>
            </template>
          </el-table-column>
          <el-table-column label="质检状态" prop="status" width="120">
            <template slot-scope="{ row }">
              <span>{{ qualityStatus[row.status] }}</span>
            </template>
          </el-table-column>
          <el-table-column label="是否质检" align="center" width="80" prop="qualityControl" :show-overflow-tooltip="true"
            v-if="this.bizType != 1">
            <template slot-scope="{ row, $index }">
              {{ row.qualityControl == 1 ? '是' : row.qualityControl == 0 ? '否' : '' }}
            </template>
          </el-table-column>
          <el-table-column label="生产日期" prop="" width="220">
            <template slot="header" slot-scope="scope">
              <el-select filterable v-model="curDateType">
                <el-option value="productionDate" label="生产日期"></el-option>
                <el-option value="purchaseDate" label="采购日期"></el-option>
              </el-select>
            </template>
            <template slot-scope="{ row }">
              <template v-if="formData.bizType == 5">
                {{ row[curDateType] }}
              </template>
              <el-date-picker v-else :disabled="row.isPack" size="small" v-model="row[curDateType]" type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期">
              </el-date-picker>
            </template>
          </el-table-column>
          <!-- <el-table-column label="操作" width="120" fixed="right">
            <template slot-scope="{ row, $index }">
              <el-button type="text" @click="wrapDelete(row, $index)">
                删除
              </el-button>
            </template>
          </el-table-column> -->
        </el-table>
      </div>
      <div v-if="showMaterialList.length > 0" class="inbound_details">
        <header-title :title="`物料明细`"></header-title>
        <el-table ref="materialListTable" :data="showMaterialList" tooltip-effect="dark" :key="formData.bizType"
          :header-cell-style="rowClass" style="width: 100%" border stripe :max-height="300"
          v-el-table-infinite-scroll="materielHandleScroll">
          <el-table-column label="序号" type="index" width="50">
          </el-table-column>
          <el-table-column label="编码" prop="categoryCode" width="130" :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="名称" prop="categoryName" width="150" :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="批次号" prop="batchNo" width="70"></el-table-column>
          <el-table-column label="物料编码" prop="materialCode" width="200" :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="计量数量" prop="measureQuantity" width="90"
            :show-overflow-tooltip="true"></el-table-column>
          <el-table-column width="80" label="计量单位" prop="measureUnit"></el-table-column>
          <el-table-column label="物料代号" prop="materielDesignation" width="130">
            <template slot-scope="{ row, $index }">
              <el-input v-if="!row.isPack" :ref="'material_materielDesignation' + $index" @keyup.native="
                moveFocus(
                  $event,
                  $index,
                  'material_materielDesignation',
                  '物料',
                  row
                )
                " v-model="row.materielDesignation"></el-input>
              <span v-else>{{ row.materielDesignation }}</span>
            </template>
          </el-table-column>
          <el-table-column label="客户代号" prop="clientCode">
            <template slot-scope="{ row, $index }">
              <el-input v-if="!row.isPack" :ref="'material_clientCode' + $index" @keyup.native="
                moveFocus($event, $index, 'material_clientCode', '物料', row)
                " v-model="row.clientCode"></el-input>
              <span v-else>{{ row.clientCode }}</span>
            </template>
            <!-- <template slot-scope="{ row, $index }" v-if="bizType == 2">
              <el-input v-if="!row.isPack" :ref="'packing_clientCode' + $index" @keyup.native="
                moveFocus($event, $index, 'packing_clientCode', '物料', row)
                " v-model="row.customerMark"></el-input>
              <span v-else> {{ row.customerMark }}</span>
            </template> -->
          </el-table-column>
          <el-table-column label="刻码" prop="engrave" width="140">
            <template slot-scope="{ row, $index }">
              <el-input v-if="!row.isPack" :ref="'material_engrave' + $index" @keyup.native="
                moveFocus($event, $index, 'material_engrave', '物料', row)
                " v-model="row.engrave"></el-input>
              <span v-else>{{ row.engrave }}</span>
            </template>
          </el-table-column>
          <el-table-column label="重量" prop="weight" width="100">
            <template slot-scope="{ row, $index }">
              <el-input v-if="!row.isPack && row.measureUnit != row.weightUnit" :ref="'material_weight' + $index"
                @keyup.native="
                  moveFocus($event, $index, 'material_weight', '物料', row)
                  " @input="weightInput($event, row, '物料')" v-model.number="row.weight"></el-input>
              <span v-else>{{ row.weight }}</span>
            </template>
          </el-table-column>
          <el-table-column label="重量单位" prop="weightUnit" width="100"></el-table-column>
          <el-table-column label="质检结果" prop="result" width="120">
            <template slot-scope="{ row }">
              <el-select v-if="!row.isPack" @change="changeWrapStatus($event, row, '物料')" v-model="row.result"
                placeholder="请选择">
                <el-option v-for="item in qualityResultsOptions" :label="item.label" :value="item.value"
                  :key="item.value">
                </el-option>
              </el-select>
              <span v-else>{{ qualityResults[row.result] }}</span>
            </template>
          </el-table-column>
          <el-table-column label="质检状态" prop="status" width="120">
            <template slot-scope="{ row }">
              <span>{{ qualityStatus[row.status] }}</span>
            </template>
          </el-table-column>
          <!-- <el-table-column label="操作" width="120" fixed="right">
            <template slot-scope="{ row, $index }">
              <el-button type="text" @click="materialDelete(row, $index)">
                删除
              </el-button>
            </template>
          </el-table-column> -->
        </el-table>
      </div>
    </el-card>
    <!-- 产品选择弹框 -->
    <selectType :visibleDialog.sync="visibleDialog" :title="title" :treeIds="formData.extInfo.assetType"
      :loadTree.sync="loadTree" @selectTableData="addGoods" />
    <!-- 仓库选择弹框 -->
    <WarehousingDialog ref="wareHouseDailogRef" @selection="wareHouseSelection"></WarehousingDialog>
    <!-- 生产日期、采购日期弹框 -->
    <el-dialog :visible.sync="dateVisible" title="选择日期" width="400px">
      <el-date-picker size="small" v-model="batchTime" type="datetime" style="width: 320px"
        value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期">
      </el-date-picker>
      <div style="text-align: right; margin-top: 20px">
        <el-button @click="dateVisible = false">取消</el-button>
        <el-button type="primary" @click="dateConfirm" :disabled="!batchTime">确认</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import elTableInfiniteScroll from 'el-table-infinite-scroll';
import storageApi from '@/api/warehouseManagement/index.js';
import warehouseDefinition from '@/api/warehouseManagement/warehouseDefinition.js';
import WarehousingDialog from './components/WarehousingDialog.vue';
import { getCode } from '@/api/codeManagement/index.js';
import selectType from './components/selectType_new.vue';
import {
  sceneState,
  qualityResultsOptions,
  qualityResults,
  qualityStatus
} from '@/utils/dict/index';
import { getTreeByGroup } from '@/api/classifyManage';
import { deepClone } from '@/utils';
import { getDetails } from '@/api/classifyManage/itemInformation';
import { mapActions, mapGetters } from 'vuex';
import BigNumber from 'bignumber.js';
import { status } from 'nprogress';
export default {
  components: {
    selectType,
    WarehousingDialog
  },
  // 虚拟列表滚动方法
  directives: {
    'el-table-infinite-scroll': elTableInfiniteScroll
  },
  props: {
    form: { type: Object, default: () => { } },
    bizType: { type: Number, default: 1 },
    sourceBizNo: { type: String, default: '' },
    detailList: { type: Array, default: () => [] },
    saleProductList: { type: Array, default: () => [] },
    detailProductList: { type: Array, default: () => [] },
    isMoreProduct: { type: Boolean, default: false } //多产品包装明细
  },
  data() {
    return {
      newColumns: [], // 动态表头
      sceneState,
      saveLoading: false,
      dateVisible: false,
      loadTree: true,
      visibleDialog: false,
      title: '选择产品',
      goodsLists: [],
      formData: {
        bizType: '',
        storageTime: '',
        qualityControl: '',
        extInfo: {
          assetType: []
        }
      },
      rules: {
        'extInfo.assetType': {
          required: true,
          message: '请选择物品类型',
          trigger: 'blur'
        },
        bizType: {
          required: true,
          message: '请选择入库场景',
          trigger: 'change'
        },
        storageTime: {
          required: true,
          message: '请选择入库时间',
          trigger: 'change'
        }
      },
      qualityResultsOptions, // 质检结果选项
      qualityStatus, // 质检状态 0未检 1已检
      qualityResults, // 质检结果 0无 1合格 2不合格
      productList: [], // 产品列表
      packingList: [], // 包装列表
      showPackingList: [], // 包装列表(虚拟列表)
      materialList: [], // 物料列表
      showMaterialList: [], // 物料列表(虚拟列表)
      curDateType: 'productionDate',
      packingListSelected: [], // 包装选择列表
      isWrapTable: true, // 解决表格不刷新问题（包装）
      currentPackingQuantity: '', // 当前包装数量
      batchTime: '', // 生产日期、采购日期
      pageSize: 20, // 物料和包装列表条数
      pickingPageNum: 1, // 包装虚拟分页页数
      materielPageNum: 1 // 物料虚拟分页页数
    };
  },
  computed: {
    ...mapGetters(['dict', 'getDict']),
    clientEnvironmentId() {
      return this.$store.state.user.info.clientEnvironmentId;
    }
  },
  watch: {
    packingList: {
      handler(newVal) {
        this.showPackingList = newVal.slice(
          0,
          this.pageSize * (this.pickingPageNum > 0 ? this.pickingPageNum : 1)
        );
        this.showPackingList.forEach((obj) => {
          obj.workOrderId = this.detailProductList[0]?.workOrderId;
          obj.taskId = this.detailProductList[0]?.taskId;
          obj.outsourceBatchNo = this.detailProductList[0]?.batchNo;
          obj.outsourceCode = this.detailProductList[0]?.sourceCode;
          obj.taskId = this.detailList[0]?.taskId;
          obj.workOrderId = this.detailList[0]?.workOrderId;
        });
        this.pickingPageNum = Math.ceil(
          this.showPackingList.length / this.pageSize
        );
      },
      deep: true
    },
    materialList: {
      handler(newVal) {
        this.showMaterialList = newVal.slice(
          0,
          this.pageSize *
          (this.materielPageNum > 0 ? this.materielPageNum : 1)
        );
      },
      deep: true
    },
    // detailList: {
    //   handler(newVal) {
    //     if (newVal.length) {
    //       this.initFormData();
    //     }
    //   },
    //   deep: true
    // },
  },
  async created() {
    await this.requestDict('不拆物料层规格');
    await this.getFieldModel();
    await this.getListItems();
    await this.initFormData();
    await this.getNowFormatDate();
  },
  methods: {
    ...mapActions('dict', ['requestDict']),
    changeCount(number) {
      return new BigNumber(number).toString();
    },
    selectSupplier(val, row) {
      row.supplierId = val;
      row.supplierName = row.supplierListOptions.filter(
        (item) => item.id == val
      )[0]?.name;
      row.supplierCode = row.supplierListOptions.filter(
        (item) => item.id == val
      )[0].serialNo;
    },
    inputsingleWeight(row, index) {
      row.weight = row.singleWeight * row.measureQuantity;
    },
    inputWeight(row, index) {
      row.singleWeight = row.measureQuantity
        ? row.weight / row.measureQuantity
        : 0;
    },
    // 计算最小单元数量
    async computeNum(row, index, isClear) {
      console.log('row, index', row, index);

      // 清空仓库(包装数量输入)
      if (isClear) {
        if (row.packingQuantity < 0) {
          this.$set(this.productList[index], 'packingQuantity', 1);
        } else if (row.packingQuantity > 9999) {
          this.$set(this.productList[index], 'packingQuantity', 9999);
        }
      }
      //如果有包装数量和包装单位
      if (row.packingQuantity && row.packingUnit) {

        //获取仓库
        const res = await warehouseDefinition.list({
          // inventoryType: this.form.categoryLevelTopId
        });
        // 只有一个仓库自动显示出来
        if (res.length == 1) {
          let name = res[0]?.factoryName + '-' + res[0]?.name;
          console.log('仓库-----------------------------', res);
          this.$set(this.productList[index], 'warehouseId', res[0].id);
          this.$set(this.productList[index], 'warehouseName', name);

          let table1 = [];
          table1.push({
            measureQuantity: row.measureQuantity,
            packingQuantity: row.packingQuantity,
            warehouseName: name,
            warehouseId: res[0].id
          });

          this.wareHouseSelection(table1, index);
        } else {
          this.$set(this.productList[index], 'warehouseId', '');
          this.$set(this.productList[index], 'warehouseName', '');
        }
        // -----------------------------------------------------------------
        let startIndex = row.packingSpecificationOption.findIndex((ite) => {

          return (
            row.measuringUnit == ite.packingUnit &&
            ite.packingUnit != ite.conversionUnit
          );
        });
        let endIndex = row.packingSpecificationOption.findIndex(
          (ite) => row.packingUnit == ite.conversionUnit
        );

        console.log(row, 'rowwwwwwwwwwwwww')


        let total = Number(row.packingQuantity);
        console.log(total, '111')
        if (row.packingUnit == row.measureUnit && row.measureUnit == '立方' && row.netWeight) {
          total = Number(row.packingQuantity) * row.netWeight;
          console.log(total, '单位是立方，计量单位也是立方，如果有单重，就计量数量x单重=总重')
          console.log(total, '2222')
        } else {
          console.log(total, 333)
          for (; startIndex < endIndex; endIndex--) {
            total = this.$math.format(
              row.packingSpecificationOption[endIndex].packageCell * total,
              14
            );
          }
        }
        console.log(total, '444456')

        //计量数量
        row.measureQuantity = this.changeCount(total);
        // 判断单位和计量单位是否为不拆物料层规格
        let packingBoolen = !!this.getDict('不拆物料层规格', row.packingUnit)
          .dictValue;
        let measureBoolen = !!this.getDict('不拆物料层规格', row.measureUnit)
          .dictValue;
        console.log(packingBoolen, 'packingBoolen')
        console.log(measureBoolen, 'measureBoolen')

        if (packingBoolen && measureBoolen && row.packingUnit != 'L') {
          row.weight = total;
          console.log(total, '6')
        } else {
          row.weight = this.$math.format(total * row.netWeight, 14);
          console.log(total, '7')
        }
      }
    },
    // 获取动态表头
    getFieldModel() {
      storageApi.fieldModel({ fieldModel: 't_main_category' }).then((res) => {
        let newRes = res.map((m) => {
          return {
            prop: 'extField.' + m.prop,
            label: m.label,
            align: 'center',
            showOverflowTooltip: true
          };
        });
        this.newColumns = [...newRes];
      });
    },
    // 初始化信息
    async initFormData() {
      console.log(this.form, 'form')
      console.log(this.formData, 'formData')
      console.log(this.sourceBizNo, 'sourceBizNo')
      this.formData.type = 1;
      this.formData.bizType = this.bizType;
      if (this.sourceBizNo != null || this.sourceBizNo != '') {
        // this.formData.sourceBizNo = this.sourceBizNo;
        this.$set(this.formData, 'sourceBizNo', this.sourceBizNo);
      } else {
        this.$message.warning('未获取到单据来源！');
      }

      // 入库登记人
      this.formData.extInfo.createUserName = this.$store.state.user.info.name;
      this.formData.extInfo.deliveryPhone = this.$store.state.user.info.phone;
      this.formData.createUserId = this.$store.state.user.info.userId;
      this.formData.extInfo.deptName = this.$store.state.user.info.deptName;

      // this.formData.extInfo.supplierName = this.form.supplierName;
      // this.formData.extInfo.supplierId = this.form.supplierId;
      console.log('saleProductList-------------------', this.saleProductList)
      if (this.saleProductList?.length > 0) {
        // 物品列表
        let codeList = this.saleProductList.map((item) => {
          return item.productCode;
        });
        storageApi.getListByNameOrModeType({ codeList }).then(async (res) => {
          if (res.length <= 0) {
            this.$message.warning('未获取到物品信息！');
            return;
          }
          console.log(res, 'res')
          // this.formData.extInfo.assetType = res.map((item) => item.categoryLevelPathIdParent)

          this.formData.extInfo.assetType = Array.from(new Set(res.map((item) => item.categoryLevelPathIdParent)));
          console.log(this.formData.extInfo.assetType, '类型类型')

          // 获取批次号
          const batchNo1 = await getCode('lot_number_code');
          // 获取供应商
          const supplierList = await storageApi.contactQueryByCategoryIdsAPI({
            categoryIds: res.map((item) => item.id)
          });
          // 获取包装规格
          let packingSpecification =
            await storageApi.getCategoryPackageDisposition({
              categoryIds: res.map((item) => item.id)
            });
          console.log(packingSpecification);

          this.packingSpecificationOption = res.map((item) => {
            return packingSpecification
              .filter((ite) => item.id == ite.categoryId)
              .sort((a, b) => a.sort - b.sort);
          });

          this.productList = res.map((item, index) => {
            let filtersItem = this.saleProductList.filter(
              (detailItem) => detailItem.productCode == item.code
            )[0];

            // 显示规格
            let packingSpecificationLabel = this.packingSpecificationOption[
              index
            ]
              .map((item) => {
                if (item.sort > 0) {
                  return `${item.packageCell}${item.packageUnit}/${item.conversionUnit}`;
                }
              }).filter((item) => !!item);

            const newSpecificationOption = this.getNewSpecificationOption(this.packingSpecificationOption)
            console.log(newSpecificationOption, '啵啵啵啵啵啵啵啵啵啵啵啵2')

            let warehouseId = filtersItem.warehouseId;
            let warehouseName = filtersItem.warehouseName;
            let measureQuantity = filtersItem.totalCount || 0;
            let packingQuantity = filtersItem.totalCount || 0;
            let packingUnit = filtersItem.measuringUnit || '';

            let unitPrice = filtersItem.singlePrice || 0;
            let pricingWay = filtersItem.pricingWay || '';
            // 计价方式是重量
            let singleWeight =
              this.detailProductList[0]?.pricingWay == 2
                ? this.detailProductList[0]?.singleWeight
                : filtersItem.singleWeight || 0;
            let weight =
              this.detailProductList[0]?.pricingWay == 2
                ? this.detailProductList[0]?.singleWeight *
                filtersItem.measureQuantity
                : filtersItem.sendTotalWeight || 0;
            // 获取相同仓库
            let warehouseIds = [];
            let warehouseNames = [];
            for (let i = 0; i < filtersItem.totalCount; i++) {
              warehouseIds.push(filtersItem.warehouseId);
              warehouseNames.push(filtersItem.warehouseName);
            }
            let totalMoney = filtersItem.totalPrice || 0;
            console.log(filtersItem, 'filtersItemfiltersItemfiltersItemfiltersItemfiltersItem')

            let batchNo = ''
            if (filtersItem.batchNo) {
              batchNo = filtersItem.batchNo
            } else {
              batchNo = batchNo1
            }

            return {
              index: this.productList.length + index,
              categoryId: item.id, // 物品id
              categoryName: item.name, // 物品名称
              categoryCode: item.code, // 物品编码
              categoryModel: item.modelType, // 物品型号
              specification: item.specification, // 规格
              brandNum: item.brandNum, // 牌号
              batchNo: batchNo, // 批次号
              supplierListOptions: supplierList[item.id], // 供应商列表
              supplierId: this.form.supplierId, // 供应商id
              supplierCode: item.supplierCode, // 供应商代号
              supplierMark: filtersItem.supplierMark, // 供应商代号

              supplierName: this.form.supplierName, // 供应商名称
              approvalNumber: item.approvalNumber, // 批准文号
              packingSpecification: item.packingSpecification, // 包装规格
              packingSpecificationOption: newSpecificationOption[index], // 包装规格选项
              packingSpecificationLabel: packingSpecificationLabel, // 包装规格显示
              // minPackingQuantity: minPackingQuantity, // 最小包装单元数量
              packingQuantity: packingQuantity, // 包装数量
              packingUnit: packingUnit, // 单位
              measureQuantity: measureQuantity, // 计量数量
              measureUnit: item.measuringUnit, // 计量单位
              measureType: item.measureType, // 计量方式
              netWeight: item.netWeight > -1 ? item.netWeight : 0, // 净重
              singleWeight: singleWeight, // 单重重量
              weight: weight, // 总重量
              weightUnit: item.weightUnit, // 重量单位
              totalMoney: totalMoney, // 总价
              unitPrice: item.unitPrice || unitPrice, // 单价
              pricingWay: pricingWay, //计价方式
              purpose: '', // 用途
              isUnpack: item.isUnpack, // 是否允许拆包
              warehouseId, // 仓库id
              warehouseName, // 仓库名称
              warehouseIds,
              warehouseNames,
              qualityControl: filtersItem?.isComeCheck, // 是否需要质检
            };
          });
          console.log(this.productList, 'this.productListtttttttttttt')
          this.$nextTick(() => {
            this.listSaveArrs();
          });
        });
      }


      console.log('this.detailList-----------------', this.detailList)
      if (this.detailList?.length > 0) {
        if (
          this.form != null &&
          Object.keys(this.form).length > 0 &&
          this.form.categoryLevelTopId != ''
        ) {
          this.formData.extInfo.assetType = Array.from(
            new Set(this.form?.categoryLevelTopId?.split(','))
          );
        } else {
          this.$message.warning('未获取到物品类型！');
        }

        // 包装列表 this.detailList
        // 获取主数据物品详情
        // let { category } = await getDetails(this.form.categoryId);
        let codeList = this.detailList.map((item) => {
          return item.productCode || item.categoryCode;
        });
        storageApi.getListByNameOrModeType({ codeList }).then(async (res) => {
          console.log(res, 'detailList-res')
          // 获取批次号
          const batchNo = await getCode('lot_number_code');
          // 获取供应商
          const supplierList = await storageApi.contactQueryByCategoryIdsAPI({
            categoryIds: res.map((item) => item.id)
          });
          // 获取包装规格
          let packingSpecification =
            await storageApi.getCategoryPackageDisposition({
              categoryIds: res.map((item) => item.id)
            });
          this.packingSpecificationOption = res.map((item) => {
            return packingSpecification
              .filter((ite) => item.id == ite.categoryId)
              .sort((a, b) => a.sort - b.sort);
          });
          // 获取相同仓库
          let warehouseIds = [];
          let warehouseNames = [];
          for (let index = 0; index < this.form.totalCount; index++) {
            warehouseIds.push(this.form.warehouseId);
            warehouseNames.push(this.form.warehouseName);
          }
          if (this.isMoreProduct) {
            this.formData.extInfo.assetType = [];
            res.map((item) => {
              this.formData.extInfo.assetType.push(
                item.categoryLevelPathIdParent
              );
            });
            this.formData.extInfo.assetType = Array.from(
              new Set(...this.formData.extInfo.assetType)
            );
          }

          const newSpecificationOption = this.getNewSpecificationOption(this.packingSpecificationOption)

          // 生成产品列表
          this.productList = res.map((item, index) => {
            // 显示规格
            let packingSpecificationLabel = this.packingSpecificationOption[
              index
            ]
              .map((item) => {
                if (item.sort > 0) {
                  return `${item.packageCell}${item.packageUnit}/${item.conversionUnit}`;
                }
              })
              .filter((item) => !!item);
            // 换算重量
            let weight = 0;
            if (
              this.form?.weightUnit?.toUpperCase() ==
              item?.weightUnit.toUpperCase()
            ) {
              weight = this.form.totalWeight;
            } else {
              switch (item.weightUnit.toUpperCase()) {
                case 'KG':
                  if (this.form.totalWeight > -1) {
                    weight = this.$math.format(
                      this.form.totalWeight / 1000,
                      14
                    );
                  } else {
                    weight = 0;
                  }
                  break;
                case 'G':
                  if (this.form.totalWeight > -1) {
                    weight = this.$math.format(
                      this.form.totalWeight * 1000,
                      14
                    );
                  } else {
                    weight = 0;
                  }
                  break;
                case 'L':
                  if (this.form.totalWeight > -1) {
                    weight = this.$math.format(
                      this.form.totalWeight * 1000,
                      14
                    );
                  } else {
                    weight = 0;
                  }
                  break;
                case 'l':
                  if (this.form.totalWeight > -1) {
                    weight = this.$math.format(
                      this.form.totalWeight * 1000,
                      14
                    );
                  } else {
                    weight = 0;
                  }
                  break;
                case 'ML':
                  if (this.form.totalWeight > -1) {
                    weight = this.$math.format(
                      this.form.totalWeight * 1000,
                      14
                    );
                  } else {
                    weight = 0;
                  }
                  break;
                case 'ml':
                  if (this.form.totalWeight > -1) {
                    weight = this.$math.format(
                      this.form.totalWeight * 1000,
                      14
                    );
                  } else {
                    weight = 0;
                  }
                  break;
              }
            }
            let packingUnit = item.packingUnit;
            let singleWeight = item.singleWeight || 0; // 单重重量
            return {
              index: this.productList.length + index,
              isSave: true,
              categoryId: item.id, // 物品id
              categoryName: item.name, // 物品名称
              categoryCode: item.code, // 物品编码
              categoryModel: item.modelType, // 物品型号
              specification: item.specification, // 规格
              brandNum: item.brandNum, // 牌号
              batchNo: batchNo, // 批次号
              supplierListOptions: supplierList[item.id], // 供应商列表
              supplierId: '', // 供应商id
              supplierCode: '',
              supplierName: '', // 供应商名称
              approvalNumber: item.approvalNumber, // 批准文号
              packingSpecification: item.packingSpecification, // 包装规格
              packingSpecificationOption: newSpecificationOption[index], // 包装规格选项
              packingSpecificationLabel: packingSpecificationLabel, // 包装规格显示
              // minPackingQuantity: 1, // 最小包装单元数量
              packingQuantity: this.isMoreProduct
                ? this.detailList.filter(
                  (val) => val.productCode == item.code
                ).length
                : this.detailList.length || this.form.detailList.length, // 包装数量
              packingUnit: packingUnit, // 单位
              measureQuantity: this.isMoreProduct
                ? this.getMeasureQuantity(item.code)
                : this.form.totalCount, // 计量数量
              measureUnit: item.measuringUnit, // 计量单位
              measureType: item.measureType, // 计量方式
              netWeight: item.netWeight > -1 ? item.netWeight : 0, // 净重
              weight: weight, // 重量
              singleWeight: singleWeight,
              weightUnit: item.weightUnit, // 重量单位
              totalMoney: item.totalPrice, // 总价
              unitPrice: item.unitPrice, // 单价
              purpose: '', // 用途
              isUnpack: item.isUnpack, // 是否允许拆包
              warehouseId: this.isMoreProduct
                ? this.detailList.find((val) => val.productCode == item.code)
                  ?.warehouseId
                : this.form.warehouseId, // 仓库id
              warehouseName: this.isMoreProduct
                ? this.detailList.find((val) => val.productCode == item.code)
                  ?.warehouseName
                : this.form.warehouseName, // 仓库名称
              warehouseIds: this.isMoreProduct
                ? this.detailList
                  .filter((val) => val.productCode == item.code)
                  .map((item) => item.warehouseId)
                : warehouseIds,
              warehouseNames: this.isMoreProduct
                ? this.detailList
                  .filter((val) => val.productCode == item.code)
                  .map((item) => item.warehouseName)
                : warehouseNames
            };
          });

          let getAssetNumPr = this.isMoreProduct
            ? this.detailList.map((val) => {
              return {
                assetCode: val.productCode,
                batchNum: val.productBrand,
                num: 1
              };
            })
            : [
              {
                assetCode:
                  this.productList[0].categoryCode +
                  this.productList[0].index,
                batchNum: this.productList[0].batchNo,
                num: this.detailList.length
              }
            ];
          console.log(this.productList, 'this.productList')
          console.log(this.detailList, 'this.detailList')

          // 生成包装编码
          const { data } = await storageApi.getAssetNum(getAssetNumPr);
          let packingCodeList = data;
          // 生产包装
          this.packingList = this.detailList.map((item, index) => {

            console.log(item.packingUnit, 'itemitemitemitemitemitem2')
            // 换算重量
            let weight = 0;
            if (
              this.productList[0].weightUnit.toUpperCase() ==
              item.weightUnit.toUpperCase()
            ) {
              weight = this.form.totalWeight;
            } else {
              switch (this.productList[0].weightUnit.toUpperCase()) {
                case 'KG':
                  if (item.weightUnit > -1) {
                    weight = this.$math.format(item.weightUnit / 1000, 14);
                  } else {
                    weight = 0;
                  }
                  break;
                case 'G':
                  if (item.weightUnit > -1) {
                    weight = this.$math.format(item.weightUnit * 1000, 14);
                  } else {
                    weight = 0;
                  }
                  break;
                case 'L':
                  if (item.weightUnit > -1) {
                    weight = this.$math.format(item.weightUnit / 1000, 14);
                  } else {
                    weight = 0;
                  }
                  break;
                case 'l':
                  if (item.weightUnit > -1) {
                    weight = this.$math.format(item.weightUnit / 1000, 14);
                  } else {
                    weight = 0;
                  }
                  break;
                case 'ML':
                  if (item.weightUnit > -1) {
                    weight = this.$math.format(item.weightUnit / 1000, 14);
                  } else {
                    weight = 0;
                  }
                  break;
                case 'ml':
                  if (item.weightUnit > -1) {
                    weight = this.$math.format(item.weightUnit / 1000, 14);
                  } else {
                    weight = 0;
                  }
                  break;
              }
            }
            // 代入时间
            let obj = this.getNowDate();
            let productionDate = '';
            let purchaseDate = '';
            if (this.formData.bizType == '1') {
              // 生产入库
              productionDate = `${obj.year}-${obj.month}-${obj.strDate} ${obj.hour}:${obj.minute}:${obj.second}`;
              this.curDateType = 'productionDate';
            } else if (this.formData.bizType == '2') {
              // 采购入库
              const defaultTime = '00:00:00';
              purchaseDate = `${this.form.receiveDate} ${defaultTime}`;
              this.curDateType = 'purchaseDate';
            }

            let clientCode = ''
            if (this.bizType == 2) {
              clientCode = item.customerMark
            } else if (this.bizType != 2) {
              clientCode = item.clientCode || item.extInfo?.clientCode
            }

            return {
              index: this.isMoreProduct
                ? this.productList.find(
                  (val) => val.categoryCode == item.productCode
                ).index +
                '-' +
                index
                : this.productList[0].index + '-' + index, // 包装索引
              warehouseId:
                item.warehouseId || this.productList[0].warehouseIds[index], // 仓库id
              warehouseName:
                item.warehouseName ||
                this.productList[0].warehouseNames[index], // 仓库名称
              categoryName:
                item.productName || this.productList[0].categoryName, // 产品名称
              categoryCode:
                item.productCode || this.productList[0].categoryCode, // 产品编码
              categoryModel:
                item.modelType || this.productList[0].categoryModel, // 物品型号
              specification:
                item.specification || this.productList[0].specification, // 规格
              brandNum: item.productBrand || this.productList[0].brandNum, // 牌号
              parentIndex: this.isMoreProduct
                ? this.productList.find(
                  (val) => val.categoryCode == item.productCode
                ).index
                : this.productList[0].index, // 产品索引
              batchNo: item.batchNo || this.productList[0].batchNo, // 批次号
              packageNo: item.packageNo || packingCodeList[index]?.onlyCode, // 包装编码
              packingQuantity: 1, // 包装数量
              packingUnit: item.packingUnit, // 单位
              measureQuantity: item.quantity, // 计量数量
              measureUnit: item.measuringUnit, // 计量单位
              weight: item.packingWeight, // 重量
              singleWeight: item.singleWeight,
              pricingWay: item.pricingWay,
              weightUnit: item.weightUnit || this.productList[0].weightUnit, // 重量单位
              packingSpecificationOption: this.isMoreProduct
                ? this.productList.find(
                  (val) => val.categoryCode == item.productCode
                )?.packingSpecificationOption
                : this.productList[0].packingSpecificationOption, // 包装规格

              netWeight: this.productList[0].netWeight, // 净重
              barcodes: item.barcodes || item.sendCode, // 发货条码
              clientCode: clientCode, // 客户代号
              materielDesignation:
                item.materielDesignation || item.extInfo?.materielCode, // 物料代号
              engrave: item.engrave || item.extInfo?.engrave, // 刻码
              isUnpack: this.productList[0].isUnpack, // 是否允许拆包
              productionDate: productionDate, // 生产日期
              purchaseDate: purchaseDate, // 采购时间
              result: 1, // 结果(1合格 2不合格)
              status: 2 // 状态(0=未质检 1待检 2已检)
            };
          });
        });
      }
    },
    //获取计量数量
    getMeasureQuantity(code) {
      let measureQuantity = 0;
      this.detailList.forEach((item) => {
        if (code == item.productCode) {
          measureQuantity += item.quantity;
        }
      });
      return measureQuantity;
    },
    //多产品明细数据转换
    async getDetailsVal(code, productBrand) {
      const { data } = await storageApi.getAssetNum([
        {
          assetCode: code,
          batchNum: 1,
          num: 1
        }
      ]);
      return data[0].onlyCode;
    },
    // 获取当前时间函数
    getNowDate() {
      let date = new Date(),
        obj = {
          year: date.getFullYear(), //获取当前月份(0-11,0代表1月)
          month: date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
          strDate: date.getDate(), // 获取当前日(1-31)
          hour: date.getHours(), //获取当前小时(0 ~ 23)
          minute: date.getMinutes(), //获取当前分钟(0 ~ 59)
          second: date.getSeconds() //获取当前秒数(0 ~ 59)
        };
      Object.keys(obj).forEach((key) => {
        if (obj[key] < 10) obj[key] = `0${obj[key]}`;
      });
      return obj;
    },
    // 赋值入库时间
    getNowFormatDate() {
      const obj = this.getNowDate();
      const defaultTime = '00:00:00';
      const currentTime = `${obj.hour}:${obj.minute}:${obj.second}`;

      if (this.bizType === '2' || this.bizType === '6') {
        this.formData.storageTime = this.form.receiveDate
          ? `${this.form.receiveDate} ${defaultTime}`
          : `${obj.year}-${obj.month}-${obj.strDate} ${currentTime}`;
      } else {
        this.formData.storageTime = `${obj.year}-${obj.month}-${obj.strDate} ${currentTime}`;
      }
    },
    // 获取物品列表
    async getListItems() {
      const { data } = await getTreeByGroup({ type: 2 });
      this.goodsLists = data;
    },
    // 打开单据来源弹窗
    openDocumentSourceDialog() {
      console.log('打开单据来源弹窗');
    },
    // 清除单据来源
    clearDocumentSource() {
      this.formData.sourceBizNo = '';
    },
    // 添加产品
    addProduct() {
      if (this.formData.extInfo.assetType.length <= 0) {
        return this.$message.error('请选择物品类型');
      }
      if (!this.formData.bizType) {
        return this.$message.error('请选择入库类型');
      }
      this.visibleDialog = true;
    },
    // 键盘移动
    moveFocus(event, index, key, type, row) {
      let keyfield = [];
      let listLength = 0;
      switch (type) {
        case '产品':
          listLength = this.productList.length;
          keyfield = ['batchNo', 'packingQuantity', 'unitPrice', 'purpose'];
          break;
        case '包装':
          listLength = this.showPackingList.length;
          if (row.measureUnit != row.weightUnit) {
            keyfield = [
              'packing_materielDesignation',
              'packing_clientCode',
              'packing_engrave',
              'packing_weight'
            ];
          } else {
            keyfield = [
              'packing_materielDesignation',
              'packing_clientCode',
              'packing_engrave'
            ];
          }
          break;
        case '物料':
          listLength = this.showMaterialList.length;
          if (row.measureUnit != row.weightUnit) {
            keyfield = [
              'material_materielDesignation',
              'material_clientCode',
              'material_engrave',
              'material_weight'
            ];
          } else {
            keyfield = [
              'material_materielDesignation',
              'material_clientCode',
              'material_engrave'
            ];
          }
          break;
      }

      if (event.keyCode === 13) {
        // 回车
        if (
          index === listLength - 1 &&
          key === keyfield[keyfield.length - 1]
        ) {
          // 最后一行最后一个
          return;
        }

        this.$refs[key + index].blur();
        if (key === keyfield[keyfield.length - 1]) {
          // 当前行最后一个,跳转下一行第一个
          if (this.$refs[keyfield[0] + (index + 1)].value == 0) {
            this.$refs[keyfield[0] + (index + 1)].value = '';
          }
          this.$refs[keyfield[0] + (index + 1)].focus();
        } else {
          // 跳转下一个
          const nextkeyindex = keyfield.findIndex((k) => k === key) + 1;
          this.$nextTick(() => {
            if (this.$refs[keyfield[nextkeyindex] + index].value == 0) {
              this.$refs[keyfield[nextkeyindex] + index].value = '';
            }
            this.$refs[keyfield[nextkeyindex] + index].focus();
          });
        }
      }

      // 向上 =38
      if (event.keyCode === 38) {
        if (index === 0) {
          // 第一行
          return;
        }
        this.$refs[key + index].blur();
        this.$nextTick(() => {
          if (this.$refs[key + (index - 1)].value == 0) {
            this.$refs[key + (index - 1)].value = '';
          }
          this.$refs[key + (index - 1)].focus();
        });
      }

      // 下 = 40
      if (event.keyCode === 40) {
        if (index === listLength - 1) {
          // 最后一行
          return;
        }
        this.$refs[key + index].blur();
        this.$nextTick(() => {
          if (this.$refs[key + (index + 1)].value == 0) {
            this.$refs[key + (index + 1)].value = '';
          }
          this.$refs[key + (index + 1)].focus();
        });
      }

      // 左 = 37
      if (event.keyCode === 37) {
        console.log('向左');
        if (index === 0 && key === keyfield[0]) {
          // 第一行第一个
          console.log('第一行第一个无法向左');
          return;
        }
        this.$refs[key + index].blur();
        if (key === keyfield[0]) {
          if (
            this.$refs[keyfield[keyfield.length - 1] + (index - 1)].value == 0
          ) {
            this.$refs[keyfield[keyfield.length - 1] + (index - 1)].value =
              '';
          }
          // 当前行第一个,跳转上一行最后一个
          this.$refs[keyfield[keyfield.length - 1] + (index - 1)].focus();
        } else {
          // 跳转上一个
          const prevkeyindex = keyfield.findIndex((k) => k === key) - 1;
          this.$nextTick(() => {
            if (this.$refs[keyfield[prevkeyindex] + index].value == 0) {
              this.$refs[keyfield[prevkeyindex] + index].value = '';
            }
            this.$refs[keyfield[prevkeyindex] + index].focus();
          });
        }
      }

      // 右 = 39
      if (event.keyCode === 39) {
        if (
          index === listLength - 1 &&
          key === keyfield[keyfield.length - 1]
        ) {
          // 最后一行最后一个
          return;
        }
        this.$refs[key + index].blur();
        if (key === keyfield[keyfield.length - 1]) {
          // 当前行最后一个,跳转下一行第一个
          if (this.$refs[keyfield[0] + (index + 1)].value == 0) {
            this.$refs[keyfield[0] + (index + 1)].value = '';
          }
          this.$refs[keyfield[0] + (index + 1)].focus();
        } else {
          // 跳转下一个
          const nextkeyindex = keyfield.findIndex((k) => k === key) + 1;
          this.$nextTick(() => {
            if (this.$refs[keyfield[nextkeyindex] + index].value == 0) {
              this.$refs[keyfield[nextkeyindex] + index].value = '';
            }
            this.$refs[keyfield[nextkeyindex] + index].focus();
          });
        }
      }
    },
    // 入库
    getReturnStorage() {
      if (this.productList.length <= 0) {
        this.$message.error('请先添加产品信息');
        return;
      }
      let boolen = this.productList.every((item) => item.isSave);
      if (!boolen) {
        this.$message.error('请先保存所有产品信息');
        return;
      }

      // 处理包装数据
      let _packingList = [];
      _packingList = this.packingList.map((packingItem) => {
        let _taskId = null;
        let _workOrderId = null;
        if ([1].includes(this.bizType)) {
          _workOrderId = this.detailList[0]?.workOrderId;
          _taskId = this.detailList[0]?.taskId;
        } else {
          _workOrderId = this.detailProductList[0]?.workOrderId;
          _taskId = this.detailProductList[0]?.taskId;
        }
        return {
          ...packingItem,
          workOrderId: _workOrderId,
          taskId: _taskId,
          outsourceBatchNo: this.detailProductList[0]?.batchNo,
          outsourceCode: this.detailProductList[0]?.sourceCode,
          materialDetailList: this.materialList.filter(
            (item) => item.parentIndex === packingItem.index
          )
        };
      });

      // 处理产品数据
      this.productList = this.productList.map((productItem) => {
        return {
          ...productItem,
          outInDetailRecordRequestList: _packingList.filter(
            (item) => item.parentIndex === productItem.index
          )
        };
      });
      this.formData.outInDetailList = this.productList;
      let obj = deepClone(this.formData);

      // 处理物品类型assetType
      obj.extInfo.assetType = obj.extInfo.assetType.join(',');
      obj.extInfo.documentSource = this.formData.sourceBizNo;
      obj.extInfo.deptName = this.formData.extInfo.deptName;
      obj.extInfo.supplierName = this.form.supplierName;
      obj.extInfo.deliveryPhone = this.formData.extInfo.deliveryPhone;

      // 处理仓库id
      let warehouseId = [];
      let warehouseName = [];
      let warehouseIds = this.productList
        .map((item) => item.warehouseIds)
        .flat();
      let warehouseNames = this.productList
        .map((item) => item.warehouseNames)
        .flat();
      warehouseIds.forEach((item, index) => {
        if (!warehouseId.includes(item)) {
          warehouseId.push(item);
          warehouseName.push(warehouseNames[index]);
        }
      });
      obj.warehouseIds = warehouseId;
      obj.warehouseNames = warehouseName;
      obj._packingList = _packingList;
      // setTimeout(() => {
      //   resolve(obj);
      // }, 1000);
      console.log(obj, 'obj')
      return obj;
    },
    pickingHandleScroll() {
      if (this.showPackingList.length < this.packingList.length) {
        if (this.packingList.length > this.pageSize) {
          this.pickingPageNum += 1;
        }
        this.pickingFetchData();
      }
    },
    pickingFetchData() {
      const start = (this.pickingPageNum - 1) * this.pageSize;
      const end = start + this.pageSize;
      this.showPackingList = this.showPackingList.concat(
        this.packingList.slice(start, end)
      );
    },
    materielHandleScroll() {
      if (this.showMaterialList.length < this.materialList.length) {
        if (this.materialList.length > this.pageSize) {
          this.materielPageNum += 1;
        }
        this.materielFetchData();
      }
    },
    materielFetchData() {
      const start = (this.materielPageNum - 1) * this.pageSize;
      const end = start + this.pageSize;
      this.showMaterialList = this.showMaterialList.concat(
        this.materialList.slice(start, end)
      );
    },
    // 日期选择
    dateConfirm() {
      this.packingListSelected.forEach((item) => {
        this.$set(item, this.curDateType, this.batchTime);
      });
      this.batchTime = '';
      this.dateVisible = false;
    },
    // 包装重量修改
    packingWeightCahnge(value, row) {
      // 修改物品重量
      let filterPackingList = this.packingList.filter((item) => {
        return item.parentIndex === row.parentIndex;
      });
      let productIndex = this.productList.findIndex((item) => {
        return item.index === row.parentIndex;
      });
      let totalWeight = filterPackingList.reduce(
        (accumulator, currentValue) => {
          return this.$math.format(+accumulator + +currentValue.weight, 14);
        },
        0
      );
      this.$set(this.productList[productIndex], 'weight', totalWeight);
      this.$set(
        this.productList[productIndex],
        'singleWeight',
        totalWeight / this.productList[productIndex].measureQuantity
      );
      // 修改拆分物料
      this.materialList.map((item, index) => {
        if (item.parentIndex === row.index) {
          this.$set(
            this.materialList[index],
            'weight',
            this.$math.format(value / row.measureQuantity, 14) >= 0
              ? this.$math.format(value / row.measureQuantity, 14)
              : 0
          );
        }
      });
    },
    // 物料重量修改
    materialWeightCahnge(row) {
      // 修改包装重量
      let filterMaterialList = this.materialList.filter((item) => {
        return item.parentIndex === row.parentIndex;
      });
      let packingIndex = this.packingList.findIndex((item) => {
        return item.index === row.parentIndex;
      });
      let totalMaterialWeight = filterMaterialList.reduce(
        (accumulator, currentValue) => {
          return this.$math.format(+accumulator + +currentValue.weight, 14);
        },
        0
      );
      this.$set(
        this.packingList[packingIndex],
        'weight',
        totalMaterialWeight
      );
      // 修改物品重量
      let filterPackingList = this.packingList.filter((item) => {
        return (
          item.parentIndex === this.packingList[packingIndex].parentIndex
        );
      });
      let productIndex = this.productList.findIndex((item) => {
        return item.index === this.packingList[packingIndex].parentIndex;
      });
      let totalWeight = filterPackingList.reduce(
        (accumulator, currentValue) => {
          return this.$math.format(+accumulator + +currentValue.weight, 14);
        },
        0
      );
      this.$set(this.productList[productIndex], 'weight', totalWeight);
    },
    // 包装质检结果修改
    packingResultCahnge(value, row) {
      // 修改物料质检结果(0无 1合格 2不合格 3让步接收)
      this.materialList.map((item, index) => {
        if (item.parentIndex === row.index) {
          this.$set(this.materialList[index], 'result', value);
          this.$set(this.materialList[index], 'status', 2);
        }
      });
    },
    // 物料质量结果修改
    materialResultCahnge(value, row) {
      // 修改包装质检结果
      let filterMaterialList = this.materialList.filter((item) => {
        return item.parentIndex == row.parentIndex;
      });
      let packingIndex = this.packingList.findIndex((item) => {
        return item.index == row.parentIndex;
      });
      let boolen = filterMaterialList.every((item) => {
        return item.result == 1;
      });
      this.$set(this.packingList[packingIndex], 'result', boolen ? 1 : 2);
      this.$set(this.packingList[packingIndex], 'status', 2);
    },
    // 重量限制
    weightInput(value, row, type) {
      const newValue = value.replace(/[^\d.]/g, ''); // 保留数字和小数点
      const decimalCount = (newValue.match(/\./g) || []).length; // 计算小数点的个数
      if (row.weight < 0) {
        row.weight = 0;
      } else if (row.weight > 9999) {
        row.weight = 9999;
      } else {
        if (decimalCount > 1) {
          // 如果小数点个数大于1，移除多余的小数点
          const lastIndex = newValue.lastIndexOf('.');
          row.weight =
            newValue.slice(0, lastIndex) + newValue.slice(lastIndex + 1);
        } else if (decimalCount === 1) {
          // 如果小数点个数等于1，允许小数点的输入
          row.weight = newValue;
        } else {
          row.weight = newValue === '' ? 0 : parseFloat(newValue); // 如果输入为空，则设为0
        }
      }
      if (type === '包装') {
        this.packingWeightCahnge(value, row);
      } else {
        this.materialWeightCahnge(row);
      }
    },
    //计算金额
    calcSumTotal(measureQuantity, unitPrice, row) {
      //最小包装单元,包装数量,单价
      if (this.bizType != 2) {
        const total = {
          measureQuantity: Number(measureQuantity > 0 ? measureQuantity : 0),
          unitPrice: Number(unitPrice > 0 ? unitPrice : 0)
        };
        let number = Number(
          this.$math.format(total.measureQuantity * total.unitPrice, 14)
        );

        row.totalMoney = number;
        return number;
      } else {
        return row.totalMoney;
      }
    },

    // 包装维度最小包装单元改变——>总重量
    minPackingQuantityChange(row, value, index) {
      if (row.measureUnit !== 'KG') {
        if (value.replace(/^(0+)|[^\d]+/g, '') > 9999) {
          this.$set(this.productList[index], 'minPackingQuantity', 9999);
        } else {
          this.$set(
            this.productList[index],
            'minPackingQuantity',
            value.replace(/^(0+)|[^\d]+/g, '')
          );
        }
      } else {
        if (value < 1) {
          this.$set(this.productList[index], 'minPackingQuantity', 1);
        } else if (value > 9999) {
          this.$set(this.productList[index], 'minPackingQuantity', 9999);
        }
      }
      if (row.packingQuantity >= 0 && value >= 0) {
        this.packNum(row, row.packingQuantity, index);
      }
    },
    // 包装数量过滤处理改变——>总重量
    packNum(row, value, index) {
      const total = {
        minPackingQuantity: Number(
          row.minPackingQuantity > 0
            ? row.minPackingQuantity > 9999
              ? 9999
              : row.minPackingQuantity
            : 0
        ),
        packingQuantity: Number(
          row.packingQuantity > 0
            ? row.packingQuantity > 9999
              ? 9999
              : row.packingQuantity
            : 0
        )
      };
      const totals = Number(
        this.$math.format(
          total.minPackingQuantity * total.packingQuantity,
          14
        )
      );
      if (row.measureUnit == row.weightUnit) {
        row.weight = Number(
          this.$math.format(
            total.minPackingQuantity *
            1 *
            Number(total.packingQuantity).toFixed(2),
            14
          )
        );
      } else {
        row.weight = Number(
          this.$math.format(
            totals *
            (row.netWeight > 0 ? Number(row.netWeight).toFixed(2) : 0),
            14
          )
        );
      }
      this.$set(this.productList[index], 'measureQuantity', totals);
      // 清空仓库
      this.$set(this.productList[index], 'warehouseId', '');
      this.$set(this.productList[index], 'warehouseName', '');
      if (value.replace(/^(0+)|[^\d]+/g, '') > 9999) {
        this.$set(this.productList[index], 'packingQuantity', 9999);
      } else {
        this.$set(
          this.productList[index],
          'packingQuantity',
          value.replace(/^(0+)|[^\d]+/g, '')
        );
      }
      // return (row.packingQuantity = value.replace(/^(0+)|[^\d]+/g, ''));
    },
    // 表格样式
    rowClass({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 1) {
        return {
          display: 'none',
          background: '#EEEEEE'
        };
      }
      return { background: '#0000' };
    },
    //过滤掉单位下拉框 相同的单位
    getNewSpecificationOption(packingSpecificationOption) {
      return packingSpecificationOption.map(arr => {
        return arr.reduce((acc, current) => {
          const conversionUnit = current.conversionUnit;
          if (!acc.some(item => item.conversionUnit === conversionUnit)) {
            acc.push(current);
          }
          return acc;
        }, []);
      });
    },
    // 添加物品明细
    async addGoods(data) {
      // 获取批次号
      const batchNo = await getCode('lot_number_code');
      // 获取供应商
      const supplierList = await storageApi.contactQueryByCategoryIdsAPI({
        categoryIds: data.map((item) => item.id)
      });
      // 获取包装规格
      let packingSpecification =
        await storageApi.getCategoryPackageDisposition({
          categoryIds: data.map((item) => item.id)
        });
      this.packingSpecificationOption = data.map((item) => {
        return packingSpecification
          .filter((ite) => item.id == ite.categoryId)
          .sort((a, b) => a.sort - b.sort);
      });

      const newSpecificationOption = this.getNewSpecificationOption(this.packingSpecificationOption)
      let productList = data.map((item, index) => {
        // 显示规格
        let packingSpecificationLabel = this.packingSpecificationOption[index]
          .map((item) => {
            if (item.sort > 0) {
              return `${item.packageCell}${item.packageUnit}/${item.conversionUnit}`;
            }
          })
          .filter((item) => !!item);
        return {
          index:
            this.productList.length - 1 > -1
              ? this.productList[this.productList.length - 1].index +
              index +
              1
              : this.productList.length + index,
          categoryId: item.id, // 物品id
          categoryName: item.name, // 物品名称
          categoryCode: item.code, // 物品编码
          categoryModel: item.modelType, // 物品型号
          specification: item.specification, // 规格
          brandNum: item.brandNum, // 牌号
          batchNo: batchNo, // 批次号
          supplierListOptions: supplierList[item.id], // 供应商列表
          supplierId: '', // 供应商id
          supplierCode: item.supplierCode, // 供应商代号
          supplierMark: item.supplierMark, // 供应商代号
          supplierName: '', // 供应商名称
          measureType: item.measureType, // 计量类型
          approvalNumber: item.approvalNumber, // 批准文号
          packingSpecification: item.packingSpecification, // 包装规格
          packingSpecificationOption: newSpecificationOption[index], // 包装规格选项
          packingSpecificationLabel: packingSpecificationLabel, // 包装规格显示
          minPackingQuantity: '', // 最小包装单元数量
          packingQuantity: '', // 包装数量
          packingUnit: '', // 单位
          measureQuantity: 0, // 计量数量
          measureUnit: item.measuringUnit, // 计量单位
          netWeight: item.netWeight > -1 ? item.netWeight : 0, // 净重
          weight: 0, // 重量
          singleWeight: item.measuringUnit != 'KG' ? item.netWeight : 0, // 单重
          pricingWay: item.pricingWay,
          weightUnit: item.weightUnit, // 重量单位
          totalMoney: item.totalPrice, // 总价
          unitPrice: item.unitPrice, // 单价
          purpose: '', // 用途
          isUnpack: item.isUnpack // 是否允许拆包
        };
      });
      this.productList = this.productList.concat(productList);
    },
    // 物品保存验证表单（批量）
    validateForm() {
      return new Promise(async (resolve, reject) => {
        let list = this.productList.map(async (row, index) => {
          let fileds = [
            `productList.${index}.batchNo`,
            `productList.${index}.packingQuantity`,
            `productList.${index}.packingUnit`,
            `productList.${index}.warehouseId`
          ];
          if (row.isSave) {
            return Promise.resolve(true);
          } else {
            return await Promise.all(
              fileds.map(
                (item) =>
                  new Promise(async (res, rej) => {
                    this.$refs.productListRef.validateField(item, (err) => {
                      if (err) {
                        rej(err);
                      } else {
                        res(true);
                      }
                    });
                  })
              )
            );
          }
        });
        Promise.all(list)
          .then(() => {
            console.log('保存成功！');
            resolve();
          })
          .catch((err) => {
            console.log('保存失败！');
            this.$message.error('请填入必填项！');
            reject(err);
          });
      });
    },
    // 产品批量保存
    async listSaveArrs() {
      this.validateForm()
        .then(async () => {
          // 批量获取包装编码并处理
          let packingCodePrams = this.productList.map((row) => {
            // 判断单位和计量单位是否为不拆物料层规格
            let packingBoolen = !!this.getDict(
              '不拆物料层规格',
              row.packingUnit
            ).dictValue;
            let measureBoolen = !!this.getDict(
              '不拆物料层规格',
              row.measureUnit
            ).dictValue;
            let num = 0;
            if (packingBoolen) {
              let filterArr = row.packingSpecificationOption.filter(
                (item) => {
                  return (
                    item.packageUnit == row.packingUnit &&
                    item.packageUnit != item.conversionUnit
                  );
                }
              );
              num = Math.ceil(row.packingQuantity / filterArr[0].packageCell);
            }
            if (row.isSave) {
              return {};
            } else {
              // 处理单位为KG类的情况
              if (packingBoolen) {
                return {
                  assetCode: row.categoryCode + row.index,
                  batchNum: row.batchNo,
                  num
                };
              } else {
                if (row.isUnpack == 1) {
                  if (measureBoolen) {
                    // 处理单位不为KG类,计量单位为KG类的情况
                    let num = row.packingQuantity;
                    let splitIndex = row.packingSpecificationOption.findIndex(
                      (item) =>
                        item.conversionUnit == row.packingUnit &&
                        item.packageUnit != item.conversionUnit
                    );
                    for (; splitIndex > 1; splitIndex--) {
                      num = this.$math.format(
                        num *
                        row.packingSpecificationOption[splitIndex]
                          .packageCell,
                        14
                      );
                    }
                    return {
                      assetCode: row.categoryCode + row.index,
                      batchNum: row.batchNo,
                      num
                    };
                  } else {
                    // 处理拆包到最小包装单元数量的情况
                    return {
                      assetCode: row.categoryCode + row.index,
                      batchNum: row.batchNo,
                      num: row.measureQuantity
                    };
                  }
                } else {
                  return {
                    assetCode: row.categoryCode + row.index,
                    batchNum: row.batchNo,
                    num: row.packingQuantity
                  };
                }
              }
            }
          });
          let filterPackingCodePrams = packingCodePrams.filter(
            (item) => item.assetCode
          );
          let { data } = await storageApi.getAssetNum(filterPackingCodePrams);

          let packingCodeList = [];
          packingCodePrams.forEach((item, index) => {
            packingCodeList[index] = data.filter(
              (ite) => ite.assetCode == item.assetCode
            );
          });
          // 批量生成包装
          this.productList.map((row, index) => {
            if (!row.isSave) {
              this.generateWrappers(row, index, packingCodeList[index]);
              this.$set(this.productList[index], 'isSave', true);
            }
          });
          // 加载虚拟列表数据(分页)
          // this.pickingFetchData();
          // this.materielFetchData();
        })
        .catch((err) => {
          console.log(err);
        });
    },
    // 物品保存验证表单（单独）
    validateFormIndividually(index) {
      return new Promise(async (resolve) => {
        let fileds = [
          `productList.${index}.batchNo`,
          `productList.${index}.packingQuantity`,
          `productList.${index}.packingUnit`,
          `productList.${index}.warehouseId`
        ];
        Promise.all(
          fileds.map(
            (item) =>
              new Promise(async (res, rej) => {
                this.$refs.productListRef.validateField(item, (err) => {
                  if (err) {
                    rej(err);
                  } else {
                    res(true);
                  }
                });
              })
          )
        )
          .then(() => {
            resolve();
          })
          .catch(() => {
            this.$message.error('请填入必填项！');
          });
      });
    },
    // 产品编辑
    listEdit(row) {
      this.$set(row, 'isSave', false);
      // // 重新计算重量
      // const totals = Number(
      //   this.$math.format(row.minPackingQuantity * row.packingQuantity, 14)
      // );
      // if (row.measureUnit == row.weightUnit) {
      //   row.weight = Number(
      //     this.$math.format(
      //       row.minPackingQuantity *
      //         1 *
      //         Number(row.packingQuantity).toFixed(2),
      //       14
      //     )
      //   );
      // } else {
      //   row.weight = Number(
      //     this.$math.format(
      //       totals *
      //         (row.netWeight > 0 ? Number(row.netWeight).toFixed(2) : 0),
      //       14
      //     )
      //   );
      // }
      this.deletePackingAndMaterial(row);
    },
    // 根据产品信息删除包装和物料
    deletePackingAndMaterial(row) {
      // 删除包装(去掉不相同的包装)
      this.packingList = this.packingList.filter(
        (item) => item.parentIndex !== row.index
      );
      this.showPackingList = this.showPackingList.filter(
        (item) => item.parentIndex !== row.index
      );
      this.pickingPageNum = Math.ceil(
        this.showPackingList.length / this.pageSize
      );
      // 删除物料(获取相同物料)
      let packingIndexs = this.packingList.map((item) => item.index);
      this.materialList = this.materialList.filter((item) =>
        packingIndexs.includes(item.parentIndex)
      );
      this.showMaterialList = this.showMaterialList.filter((item) =>
        packingIndexs.includes(item.parentIndex)
      );
      this.materielPageNum = Math.ceil(
        this.showMaterialList.length / this.pageSize
      );
    },
    listSave(row, index) {
      console.log('row22222222', row);
      this.validateFormIndividually(index).then(async () => {
        // 判断单位和计量单位是否为不拆物料层规格
        let packingBoolen = !!this.getDict('不拆物料层规格', row.packingUnit)
          .dictValue;
        let measureBoolen = !!this.getDict('不拆物料层规格', row.measureUnit)
          .dictValue;
        console.log('packingBoolen---------', packingBoolen);
        console.log('measureBoolen---------', measureBoolen);
        let packingNum = 0;

        // 处理单位为KG类的情况
        if (packingBoolen) {

          if (!row.isUnpack && row.packingUnit == '立方') {
            packingNum = 1;
          } else {
            let filterArr = row.packingSpecificationOption.filter((item) => {
              return (
                item.packageUnit == row.packingUnit &&
                item.packageUnit != item.conversionUnit
              );
            });
            packingNum = Math.ceil(
              row.packingQuantity / filterArr[0].packageCell
            );
          }
        }
        // 处理单位不为KG类,计量单位为KG类的情况
        let measureNum = row.packingQuantity;
        let num = 0;

        if (measureBoolen) {
          let splitIndex = row.packingSpecificationOption.findIndex(
            (item) =>
              item.conversionUnit == row.packingUnit &&
              item.packageUnit != item.conversionUnit
          );
          for (; splitIndex > 1; splitIndex--) {
            measureNum = this.$math.format(
              measureNum *
              row.packingSpecificationOption[splitIndex].packageCell,
              14
            );
          }
        } else {
          num = Math.ceil(
            row.measureQuantity / row.packingSpecificationOption[1]?.packageCell
          );
        }
        console.log(packingNum, measureNum, num, '加油加油加油')

        if (row.packingSpecificationLabel?.length < 1) {
          this.$message.error('请到主数据维护包装组信息！')
          return;
        }
        // 不拆包
        if (!row.isUnpack) {
          if (row.packingUnit != row.measureUnit) {
            let pNum = row.packingQuantity;
            const { data } = await storageApi.getAssetNum([
              {
                assetCode: row.categoryCode + row.index,
                batchNum: row.batchNo,
                num: pNum,
              }
            ]);
            this.generateWrappers(row, index, data)
          } else {
            let pNum = 0;
            const { data } = await storageApi.getAssetNum([
              {
                assetCode: row.categoryCode + row.index,
                batchNum: row.batchNo,
                num: pNum,
              }
            ]);
          }
        } else {
          //拆包
          const { data } = await storageApi.getAssetNum([
            {
              assetCode: row.categoryCode + row.index,
              batchNum: row.batchNo,
              num: packingBoolen ? packingNum : measureBoolen ? measureNum : num,
            }
          ]);

          this.generateWrappers(row, index, data);
        }
        this.$set(this.productList[index], 'isSave', true);
        this.$set(this.productList[index], 'warehouseId', row.warehouseId);
        this.$set(
          this.productList[index],
          'warehouseName',
          row.warehouseName
        );

        this.$set(this.productList[index], 'warehouseIds', row.warehouseId);
        this.$set(
          this.productList[index],
          'warehouseNames',
          row.warehouseName
        );

      });
    },
    //入库明细删除
    listDel(row, index) {
      this.productList.splice(index, 1);
      this.deletePackingAndMaterial(row);
    },
    // 打开仓库弹框
    handleWareHouse(row, idx, type) {
      console.log(row, '踩踩踩踩踩踩踩踩踩踩踩', this.form)
      if (row.packingSpecificationLabel?.length < 1) {
        this.$message.error('请到主数据维护包装组信息！')
        return;
      }
      if (row.isSave) {
        return false;
      }
      let packingBoolen = !!this.getDict('不拆物料层规格', row.packingUnit)
        .dictValue;
      let measureBoolen = !!this.getDict('不拆物料层规格', row.measureUnit)
        .dictValue;
      console.log(packingBoolen, 'packingBoolen')
      console.log(measureBoolen, 'measureBoolen')
      //行内选择仓库
      if (idx > -1 && type != 'batch') {

        if (row.packingQuantity > 0) {
          //不拆
          if (!row.isUnpack) {
            //计量和包装单位相同
            if (row.measureUnit == row.packingUnit) {
              let pNum = 0;
              let mNum = row.measureQuantity
              this.$refs.wareHouseDailogRef.open(
                pNum,
                mNum,
                idx,
                row.warehouseId,
                row.warehouseName + '',
                // this.form.categoryLevelTopId
              );
            } else {
              let pNum = row.packingQuantity;
              let mNum = row.measureQuantity
              this.$refs.wareHouseDailogRef.open(
                pNum,
                mNum,
                idx,
                row.warehouseId,
                row.warehouseName + '',
                // this.form.categoryLevelTopId
              );
            }
          } else {

            if (packingBoolen) {
              console.log(packingBoolen, 'packingBoolen', row.packageUnit, row.isUnpack);

              let filterArr = row.packingSpecificationOption.filter((item) => {
                return (
                  item.packageUnit == row.packingUnit &&
                  item.packageUnit != item.conversionUnit
                );
              });

              let num = Math.ceil(
                row.packingQuantity / filterArr[0].packageCell
              );
              this.$refs.wareHouseDailogRef.open(
                num,
                row.measureQuantity,
                idx,
                row.warehouseId,
                row.warehouseName + '',
                // this.form.categoryLevelTopId
              );
            } else {
              console.log(measureBoolen, 'measureBoolen');
              let num = row.packingQuantity;
              if (measureBoolen) {
                let splitIndex = row.packingSpecificationOption.findIndex(
                  (item) =>
                    item.conversionUnit == row.packingUnit &&
                    item.packageUnit != item.conversionUnit
                );
                for (; splitIndex > 1; splitIndex--) {
                  num = this.$math.format(
                    num *
                    row.packingSpecificationOption[splitIndex].packageCell,
                    14
                  );
                }
                this.$refs.wareHouseDailogRef.open(
                  num,
                  row.measureQuantity,
                  idx,
                  row.warehouseId,
                  row.warehouseName + '',
                  // this.form.categoryLevelTopId
                );
              } else {
                if (row.measureType != 1 && row.measureUnit == row.packingUnit) {
                  let pNum = 0;
                  let mNum = row.measureQuantity
                  this.$refs.wareHouseDailogRef.open(
                    pNum,
                    mNum,
                    idx,
                    row.warehouseId,
                    row.warehouseName + '',
                    // this.form.categoryLevelTopId
                  );
                } else {
                  let num = Math.ceil(
                    row.measureQuantity / row.packingSpecificationOption[1]?.packageCell
                  );
                  console.log(num, 'num')
                  this.$refs.wareHouseDailogRef.open(
                    num,
                    row.measureQuantity,
                    idx,
                    row.warehouseId,
                    row.warehouseName + '',
                    // this.form.categoryLevelTopId
                  );
                }
              }
            }
          }
        } else {
          this.$message.error('请先填写包装数量！');
        }
      } else {
        //批量
        console.log(row, `row`)
        console.log(idx, `idx`)
        console.log(type, 'type')
        // 批量设置
        if (row.some(item => !item.packingQuantity)) {
          this.$message.error('请先填写所有行的包装数量！');
          return;
        }

        for (let i = 0; i < row.length; i++) {
          //测量单位等于包装单位
          if (row[i].measureType != 1 && row[i].measureUnit === row[i].packingUnit) {
            row[i].packingQuantity2 = 0;
            console.log(row[i].packingQuantity2)
          } else {
            row[i].packingQuantity2 = Math.ceil(
              row[i].measureQuantity / row[i].packingSpecificationOption[1]?.packageCell
            );
            console.log(row[i].packingQuantity2, '单位不一样')
          }
        }
        console.log(row, 'rowrowrowrowrowrow我看看')


        const pNum = row.reduce((sum, item) => {
          if (item.packingQuantity2 !== undefined && item.packingQuantity2 !== null) {
            return sum + Number(item.packingQuantity2);
          }
          return sum;
        }, 0);

        const mNum = row.reduce((sum, item) => {
          if (item.measureQuantity !== undefined && item.measureQuantity !== null) {
            return sum + Number(item.measureQuantity);
          }
          return sum;
        }, 0);
        console.log(pNum, 'pppp')
        console.log(mNum, 'mmmmm')
        this.$refs.wareHouseDailogRef.open(
          pNum,
          mNum,
          // this.form.categoryLevelTopId
        );
      }
    },
    wareHouseSelection(argum, idx) {
      console.log(argum, 'argumargumargumargumargumargum');
      // 方便包装遍历获取仓库id和名称
      let warehouseIds = [];
      let warehouseNames = [];
      argum.forEach((item) => {
        console.log(item, 'itemitem')
        for (let index = 0; index < item.packingQuantity; index++) {
          warehouseIds.push(item.warehouseId);
          warehouseNames.push(item.warehouseName);
        }
      });

      console.log(idx, this.productList, 'idxidxidxidx')

      if (idx > -1) {
        this.$set(

          this.productList[idx],
          'warehouseId',
          argum.map((item) => item.warehouseId).join(',')
        );
        this.$set(
          this.productList[idx],
          'warehouseName',
          argum.map((item) => item.warehouseName).join(',')
        );
        this.$set(this.productList[idx], 'warehouseIds', warehouseIds);
        this.$set(this.productList[idx], 'warehouseNames', warehouseNames);
        console.log(this.productList, 'productList')
      } else {
        this.productList.map((item, index) => {
          this.$set(
            this.productList[index],
            'warehouseId',
            argum.map((item) => item.warehouseId).join(',')
          );
          this.$set(
            this.productList[index],
            'warehouseName',
            argum.map((item) => item.warehouseName).join(',')
          );
          this.$set(this.productList[index], 'warehouseIds', warehouseIds);
          this.$set(
            this.productList[index],
            'warehouseNames',
            warehouseNames
          );
        });
      }
      this.$forceUpdate();
    },
    // 生成包装
    generateWrappers(row, productIndex, packingCodeList) {
      console.log(packingCodeList, 'packingCodeList', row.measureType)
      if (!row.measureType) return this.$message.warning('请到主数据维计量类型！')

      // 判断是否拆包，如果是不拆包，计量单位=包装单位，则不生成包装层数据
      if (row.measureType != 1) {
        // 计量单位=包装单位，则不生成包装层数据
        if (row.measureUnit == row.packingUnit) {
          // 直接生成物品层数据
          this.productList[productIndex].measureQuantity = row.measureQuantity;
          this.productList[productIndex].weight = row.weight;
          return;
        }
      }

      console.log('包装数据--------', row);
      // console.log('包装规格----', row.packingSpecificationOption);
      console.log('计量单位----', row.measureUnit);
      let packingList = [];
      let obj = this.getNowDate();
      let productionDate = '';
      let purchaseDate = '';
      console.log(this.formData.bizType, 'bizTypebizTypebizTypebizTypebizTypebizTypebizTypebizTypebizTypebizTypebizType')
      if (this.formData.bizType == '1') {
        // 生产入库
        productionDate = `${obj.year}-${obj.month}-${obj.strDate} ${obj.hour}:${obj.minute}:${obj.second}`;
        this.curDateType = 'productionDate';
      } else if (this.formData.bizType == '2') {
        // 采购入库
        const defaultTime = '00:00:00';
        purchaseDate = `${this.form.receiveDate} ${defaultTime}`;
        this.curDateType = 'purchaseDate';
      }

      // 判断单位和计量单位是否为不拆物料层规格
      let packingBoolen = !!this.getDict('不拆物料层规格', row.packingUnit)
        .dictValue;
      let measureBoolen = !!this.getDict('不拆物料层规格', row.measureUnit)
        .dictValue;

      let num = row.packingQuantity;
      let filterArr = [];
      // 处理单位为KG类的情况
      if (packingBoolen) {
        console.log(packingBoolen, 'packingBoolenpackingBoolenpackingBoolenpackingBoolenpackingBoolenpackingBoolen')
        if (!row.isUnpack && row.packingUnit == '立方') {
          num = 1;
        } else {
          filterArr = row.packingSpecificationOption.filter((item) => {
            return (
              item.packageUnit == row.packingUnit &&
              item.packageUnit != item.conversionUnit
            );
          });
          num = Math.ceil(row.packingQuantity / filterArr[0]?.packageCell);
        }

      } else {
        // if (row.isUnpack == 1) {
        if (measureBoolen) {
          // 处理单位不为KG类,计量单位为KG类的情况
          let splitIndex = row.packingSpecificationOption.findIndex(
            (item) =>
              item.conversionUnit == row.packingUnit &&
              item.packageUnit != item.conversionUnit
          );
          for (; splitIndex > 1; splitIndex--) {
            num = this.$math.format(
              num * row.packingSpecificationOption[splitIndex].packageCell,
              14
            );
          }
        } else {
          num = Math.ceil(
            row.measureQuantity / row.packingSpecificationOption[1]?.packageCell
          );
          filterArr = row.packingSpecificationOption.filter((item) => {
            return (
              item.packageUnit == row.packingUnit &&
              item.packageUnit != item.conversionUnit
            );
          });
        }
      }
      console.log('num-----------', num);

      if (!row.isUnpack) {
        let packingUnit = !row.isUnpack ? row.packingUnit : row.packingSpecificationOption[1].conversionUnit;
        let packingQuantity = row.packingQuantity / packingCodeList.length;
        let measureUnit = row.measureUnit;
        let measureQuantity = row.measureQuantity / row.packingQuantity;
        let status = null;
        //通过委外发货单编码判断是不是委外  委外收货 质检状态显示已质检
        if (this.form.outsourceSendCode != '') {
          status = 2;
        } else {
          // 0未检 1待检 2 已检
          if (row.qualityControl == 1) {
            status = 0;
          } else {
            status = 2;
          }
        }

        for (let index = 0; index < packingCodeList.length; index++) {
          let item = {
            index: row.index + '-' + index, // 包装索引
            warehouseId: row.warehouseId, // 仓库id
            warehouseName: row.warehouseName, // 仓库名称
            categoryName: row.categoryName, // 产品名称
            categoryCode: row.categoryCode, // 产品编码
            categoryModel: row.categoryModel, // 物品型号
            specification: row.specification, // 规格
            supplierCode: row.supplierCode, // 供应商编码
            supplierMark: row.supplierMark, // 供应商代号
            brandNum: row.brandNum, // 牌号
            parentIndex: row.index, // 产品索引
            batchNo: row.batchNo, // 批次号
            packageNo: packingCodeList[index]?.onlyCode, // 包装编码
            packingQuantity: packingQuantity, // 包装数量
            packingUnit: packingUnit,
            measureQuantity: measureQuantity, // 计量数量
            measureUnit: measureUnit, // 计量单位
            weight: 0, // 重量
            packingSpecificationOption: row.packingSpecificationOption, // 包装规格
            weightUnit: row.weightUnit, // 重量单位
            netWeight: row.netWeight, // 净重
            barcodes: '', // 发货条码
            clientCode: row.extInfo ? row.extInfo.clientCode : '', // 客户代号
            materielDesignation: row.extInfo ? row.extInfo.materielCode : '', // 物料代号
            engrave: '', // 刻码
            isUnpack: row.isUnpack, // 是否允许拆包
            productionDate: productionDate, // 生产日期
            purchaseDate: purchaseDate, // 采购时间
            result: 1, // 结果(1合格 2不合格)
            qualityControl: row.qualityControl,
            status: status // 状态(0=未质检 1待检 2已检)
          };
          let outBoolen = !!this.getDict('不拆物料层规格', item.measureUnit)
            .dictValue;
          if (outBoolen) {
            // 计量单位为KG类，直接替换
            item.weight = item.measureQuantity ? Number(item.measureQuantity) : 0;
          } else {
            console.log('计量单位为不为KG类======================');
            // 计量单位为不为KG类，重新统计计算
            let inBoolen = !!this.getDict(
              '不拆物料层规格',
              item.packingSpecificationOption[0].packageUnit
            ).dictValue;
            let startIndex = item.packingSpecificationOption.findIndex(
              (ite) => {
                return (
                  item.measureUnit == ite.packingUnit &&
                  ite.packingUnit != ite.conversionUnit
                );
              }
            );

            let endIndex = item.packingSpecificationOption.findIndex(
              (ite) => item.packingUnit == ite.conversionUnit
            );
            if (measureBoolen) {
              let total = item.packingQuantity ? Number(item.packingQuantity) : 0;
              for (; startIndex < endIndex; endIndex--) {
                total = this.$math.format(
                  item.packingSpecificationOption[endIndex].packageCell * total,
                  14
                );
              }
              if (inBoolen) {
                // 第二层为KG类
                item.weight = total ? Number(total) : 0;
              } else {
                // 第二层不为KG类
                item.weight = this.$math.format(total * item.netWeight, 14);
              }
            } else if (!measureBoolen) {
              if (inBoolen) {
                // 第二层为KG类
                item.weight = item.measureQuantity ? Number(item.measureQuantity) : 0;

              } else {
                // 第二层不为KG类
                if (row.singleWeight && item.measureQuantity) {
                  item.weight = Number(item.measureQuantity) * Number(row.singleWeight);
                } else {
                  item.weight = 0;
                }
              }
            }
          }
          packingList.push(item);
          console.log(
            packingList,
            'packingList！！！！！！！！！！！！！！！！！！'
          );
        }
      } else {
        console.log('拆包处理', row);
        for (let index = 0; index < num; index++) {
          let measureQuantity = 1;
          let packingQuantity = 1;
          let packingUnit = row.packingUnit;

          // 处理单位为KG类,计算每桶KG值
          if (packingBoolen) {
            if (!row.isUnpack && row.packingUnit == '立方') {
              let result = row.packingQuantity / row.packingSpecificationOption[1].packageCell;
              packingQuantity = Math.ceil(result * 100) / 100;
              console.log(packingQuantity, '包装数oppppp量')
              measureQuantity = row.measureQuantity
              console.log(measureQuantity, '计量数oppppp量')
              packingUnit = row.packingUnit;
            } else {
              measureQuantity =
                Number(row.packingQuantity) >
                  this.$math.format(filterArr[0].packageCell * (index + 1), 14)
                  ? filterArr[0].packageCell
                  : Number(row.packingQuantity) -
                  this.$math.format(filterArr[0].packageCell * index, 14);
              console.log(measureQuantity, 'measureQuantity')
            }
          } else {
            if (row.isUnpack == 1) {
              console.log('1 拆--------', measureBoolen)
              if (measureBoolen) {
                // 处理单位不为KG类,计量单位为KG类的情况
                let splitIndex = row.packingSpecificationOption.findIndex(
                  (item) =>
                    item.conversionUnit == row.packingUnit &&
                    item.packageUnit != item.conversionUnit
                );
                for (; splitIndex > 0; splitIndex--) {
                  measureQuantity = this.$math.format(
                    measureQuantity *
                    row.packingSpecificationOption[splitIndex].packageCell,
                    14
                  );
                }
              } else {
                measureQuantity = row.packingSpecificationOption[1]?.packageCell;

                console.log('3 拆--------', measureQuantity)

              }
            } else {
              console.log('4 拆--------')
              if (row.packingQuantity) {
                measureQuantity = row.measureQuantity / row.packingQuantity;
              }
            }
            console.log(measureQuantity, 'measureQuantity')
          }
          let clientCode = ''
          if (this.bizType == 2) {
            clientCode = row?.customerMark
          } else if (this.bizType != 2) {
            clientCode = row.extInfo?.clientCode
          }

          console.log(filterArr[0], 'filterArr[0]')
          let status = null;
          //通过委外发货单编码判断是不是委外  委外收货 质检状态显示已质检
          if (this.form.outsourceSendCode != '') {
            status = 2;
          } else {
            // 0未检 1待检 2 已检
            if (row.qualityControl == 1) {
              status = 0;
            } else {
              status = 2;
            }
          }

          let item = {
            index: row.index + '-' + index, // 包装索引
            warehouseId: row.warehouseId, // 仓库id
            warehouseName: row.warehouseName, // 仓库名称
            categoryName: row.categoryName, // 产品名称
            categoryCode: row.categoryCode, // 产品编码
            categoryModel: row.categoryModel, // 物品型号
            specification: row.specification, // 规格
            supplierCode: row.supplierCode, // 供应商编码
            supplierMark: row.supplierMark,
            brandNum: row.brandNum, // 牌号
            parentIndex: row.index, // 产品索引
            batchNo: row.batchNo, // 批次号
            packageNo: packingCodeList[index]?.onlyCode, // 包装编码
            packingQuantity: packingQuantity, // 包装数量

            // packingUnit: row.isUnpack ? packingBoolen ? filterArr[0].conversionUnit : measureBoolen ? row.packingSpecificationOption[1]
            //       ? row.packingSpecificationOption[1].conversionUnit
            //       : row.packingSpecificationOption[0].conversionUnit
            //     : row.measureUnit
            //   : packingBoolen
            //     ? row.packingUnit === '立方' ? row.packingUnit : filterArr[0]?.conversionUnit
            //     : row.packingUnit,
            // packingUnit: row.isUnpack ? packingBoolen ? filterArr[0].conversionUnit : measureBoolen  ? row.packingSpecificationOption[2] ?
            //   row.packingSpecificationOption[2].conversionUnit : row.packingSpecificationOption[1].conversionUnit: row.measureUnit: packingBoolen ? filterArr[0].conversionUnit : row.packingUnit,

            //!row.isUnpack &&   row.packingUnit


            measureQuantity: row.isUnpack
              ? packingBoolen
                ? measureQuantity
                : measureBoolen
                  ? row.packingSpecificationOption[1]
                    ? row.packingSpecificationOption[1].packageCell
                    : row.packingSpecificationOption[0].packageCell
                  : measureQuantity
              : measureQuantity, // 计量数量
            measureUnit: row.isUnpack
              ? measureBoolen
                ? row.packingSpecificationOption[1]
                  ? row.packingSpecificationOption[1].packageUnit
                  : row.packingSpecificationOption[0].packageUnit
                : row.measureUnit
              : row.measureUnit, // 计量单位
            weight: 0, // 重量
            packingSpecificationOption: row.packingSpecificationOption, // 包装规格
            weightUnit: row.weightUnit, // 重量单位
            netWeight: row.netWeight, // 净重
            barcodes: '', // 发货条码
            clientCode: clientCode, // 客户代号
            materielDesignation: row.extInfo ? row.extInfo.materielCode : '', // 物料代号
            engrave: '', // 刻码
            isUnpack: row.isUnpack, // 是否允许拆包
            productionDate: productionDate, // 生产日期
            purchaseDate: purchaseDate, // 采购时间
            result: 1, // 结果(1合格 2不合格)
            qualityControl: row.qualityControl,
            status: status // 状态(0=未质检 1待检 2已检)
          };

          /**
           * packingUnit: row.isUnpack ? packingBoolen ? filterArr[0].conversionUnit : measureBoolen  ? row.packingSpecificationOption[2] ? row.packingSpecificationOption[2].conversionUnit
           *                     : row.packingSpecificationOption[1].conversionUnit: row.measureUnit: packingBoolen ? filterArr[0].conversionUnit : row.packingUnit,
           */
          if (row.isUnpack) {
            // 第二层条件: packingBoolen
            if (packingBoolen) {
              // 空值保护: 确保 filterArr[0] 存在
              item.packingUnit = filterArr?.[0]?.conversionUnit;
            } else {
              // 第三层条件: measureBoolen
              if (measureBoolen) {
                // 处理 packingSpecificationOption 的索引
                const option = row.packingSpecificationOption?.[1] || row.packingSpecificationOption?.[0];
                item.packingUnit = option?.conversionUnit;
              } else {
                item.packingUnit = row.packingSpecificationOption?.[1].conversionUnit;
              }
            }
          } else {
            // 第二层条件: packingBoolen (isUnpack 为 false 时的分支)
            if (packingBoolen) {
              item.packingUnit = filterArr?.[0]?.conversionUnit;
            } else {
              item.packingUnit = row.packingUnit;
            }
          }
          let outBoolen = !!this.getDict('不拆物料层规格', item.measureUnit)
            .dictValue;
          if (outBoolen) {
            // 计量单位为KG类，直接替换
            item.weight = item.measureQuantity ? Number(item.measureQuantity) : 0;
          } else {
            console.log('计量单位为不为KG类======================');
            // 计量单位为不为KG类，重新统计计算
            let inBoolen = !!this.getDict(
              '不拆物料层规格',
              item.packingSpecificationOption[0].packageUnit
            ).dictValue;
            let startIndex = item.packingSpecificationOption.findIndex(
              (ite) => {
                return (
                  item.measureUnit == ite.packingUnit &&
                  ite.packingUnit != ite.conversionUnit
                );
              }
            );

            let endIndex = item.packingSpecificationOption.findIndex(
              (ite) => item.packingUnit == ite.conversionUnit
            );
            if (measureBoolen) {
              let total = item.packingQuantity ? Number(item.packingQuantity) : 0;
              for (; startIndex < endIndex; endIndex--) {
                total = this.$math.format(
                  item.packingSpecificationOption[endIndex].packageCell * total,
                  14
                );
              }
              if (inBoolen) {
                // 第二层为KG类
                item.weight = total ? Number(total) : 0;
              } else {
                // 第二层不为KG类
                item.weight = this.$math.format(total * item.netWeight, 14);
              }
            } else if (!measureBoolen) {
              if (inBoolen) {
                // 第二层为KG类
                item.weight = item.measureQuantity ? Number(item.measureQuantity) : 0;

              } else {
                // 第二层不为KG类
                if (row.singleWeight && item.measureQuantity) {
                  item.weight = Number(item.measureQuantity) * Number(row.singleWeight);
                } else {
                  item.weight = 0;
                }
              }
            }
          }
          packingList.push(item);
          console.log(
            packingList,
            'packingList！！！！！！！！！！！！！！！！！！拆'
          );
        }
      }

      // 单独点击保存并插入对应位置(包装)
      if (productIndex == 0) {
        this.packingList.splice(productIndex, 0, ...packingList);
      } else {
        let packingIndex = this.packingList.findLastIndex(
          (item) =>
            item.parentIndex == this.productList[productIndex - 1].index
        );
        this.packingList.splice(packingIndex + 1, 0, ...packingList);
      }
      const lastIndex = this.packingList.length - 1

      let remainder = row.measureQuantity % row.packingSpecificationOption[1]?.packageCell
      console.log(remainder, 'remainder')
      if (remainder > 0) {
        this.$set(this.packingList[lastIndex], 'measureQuantity', remainder)
      }

      // 单独点击保存并插入对应位置(物料)
      // let materialList = packingList
      //   .map((item) => {
      //     if (item.isUnpack) {
      //       return this.generateMaterial(item);
      //     } else {
      //       return [];
      //     }
      //   })
      //   .flat();
      // console.log(materialList);
      // if (materialList.length > 0) {
      //   if (productIndex == 0) {
      //     this.materialList.splice(0, 0, ...materialList);
      //   } else {
      //     let preLastPackingIndex = this.packingList.findLastIndex((ite) => {
      //       return ite.parentIndex <= productIndex - 1 && ite.isUnpack;
      //     });
      //     let preLastMaterialIndex = this.materialList.findLastIndex(
      //       (ite) => {
      //         return (
      //           ite.parentIndex == this.packingList[preLastPackingIndex].index
      //         );
      //       }
      //     );
      //     this.materialList.splice(
      //       preLastMaterialIndex + 1,
      //       0,
      //       ...materialList
      //     );
      //   }
      // }
    },
    // 生成物料
    generateMaterial(row) {
      let materialList = [];
      for (let index = 0; index < row.measureQuantity; index++) {
        materialList.push({
          materialCode: row.packageNo + index.toString().padStart(4, '0'), // 物料编码
          index: row.index + '——' + index, // 包装索引
          warehouseId: row.warehouseId, // 仓库id
          warehouseName: row.warehouseName, // 仓库名称
          categoryName: row.categoryName, // 产品名称
          categoryCode: row.categoryCode, // 产品编码
          parentIndex: row.index, // 产品索引
          batchNo: row.batchNo, // 批次号
          packageNo: row.packageNo, // 包装编码
          measureQuantity: 1, // 计量数量
          measureUnit: row.measureUnit, // 计量单位
          weight: Number(
            this.$math.format(row.weight / row.packingQuantity, 14)
          ), // 重量
          weightUnit: row.weightUnit, // 重量单位
          barcodes: '', // 发货条码
          clientCode: '', // 客户代号
          materielDesignation: '', // 物料代号
          engrave: '', // 刻码
          result: 1, // 结果(1合格 2不合格 3让步接收)
          status: 2 // 状态(0=未质检 1待检 2已检)
        });
      }
      return materialList;
    },
    // 设置时间
    dateSetting() {
      if (!this.packingListSelected.length) {
        return this.$message.error(`请选择${this.title}明细！`);
      }
      this.dateVisible = true;
    },
    // 选择包装列表
    handleSelectionChange(val) {
      this.packingListSelected = val;
    },
    // 选择质检结果改变质检状态
    changeWrapStatus(resultValue, row, type) {
      switch (resultValue) {
        case 0:
          // 清空质检状态
          row.status = 0;
          break;
        default:
          // 默认已检质检状态
          row.status = 2;
          break;
      }
      if (type === '包装') {
        this.packingResultCahnge(resultValue, row);
      } else {
        this.materialResultCahnge(resultValue, row);
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.inbound_details {
  margin-top: 10px;

  .el-form-item {
    margin-bottom: 0 !important;
  }
}

.right_control {
  display: flex;

  >button {
    margin-left: 20px;
  }
}

.storage_btn {
  margin-top: 20px;
  display: flex;
  align-content: center;
  justify-content: center;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100% !important;
}

.red_color {
  color: red;
}

.wareHouse_style {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
</style>