kd-aiot-frontend-wms/src/views/warehouseManagement/stockManagement/add.vue

<template>
  <div class="ele-body">
    <el-card shadow="never">
      <header-title title="基本信息"></header-title>
      <el-form
        :model="formData"
        ref="formName"
        label-width="110px"
        :rules="rules"
      >
        <el-row :gutter="20">
          <!-- <el-col :span="8">
          <el-form-item label="入库单号" prop="bizNum">
            <el-input :value="formData.bizNum" disabled /></el-form-item
        ></el-col> -->
          <!-- <el-col :span="8">
            <el-form-item label="仓库" prop="warehouseId">
              <el-select
                filterable
                v-model="formData.warehouseId"
                clearable
                :disabled="
                  !!(warehousingMaterialList && warehousingMaterialList.length)
                "
              >
                <el-option
                  v-for="(item, index) in warehouseList"
                  :key="index"
                  :label="item.name"
                  :value="item.id"
                  @click.native="warehouse = item"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col> -->
          <el-col :span="8">
            <el-form-item label="物品类型" prop="extInfo.assetType">
              <!-- <DictSelection
                dictName="类型用途"
                :disabled="
                  !!(warehousingMaterialList && warehousingMaterialList.length)
                "
                clearable
                v-model="formData.extInfo.assetType"
                @itemChange="handleChange"
              /> -->
              <!-- <el-select
                :disabled="
                  !!(warehousingMaterialList && warehousingMaterialList.length)
                "
                clearable
                v-model="formData.extInfo.assetType"
                @change="handleChanges"
              >
                <el-option
                  v-for="(item, index) in codeList"
                  :key="index"
                  :label="item.dictValue"
                  :value="item.dictCode"
                ></el-option>
              </el-select> -->

              <selectTree
                ref="tree"
                class="form-ipt"
                size="medium"
                style="width: 100%"
                clearable
                :options="codeList"
                :props="{
                  value: 'id',
                  label: 'name',
                  children: 'children'
                }"
                @getValue="codeListValue"
                :isAll="false"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="入库类型" prop="bizType">
              <el-select
                filterable
                placeholder="请选择"
                v-model="formData.bizType"
                clearable
                :disabled="
                  !!(warehousingMaterialList && warehousingMaterialList.length)
                "
              >
                <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="8">
            <el-form-item
              v-if="formData.bizType == 2"
              label="采购订单"
              prop="documentSource"
            >
              <el-input
                placeholder="请输入"
                clearable
                v-model="formData.extInfo.documentSource"
            /></el-form-item>
            <el-form-item
              v-if="formData.bizType == 1"
              label="生产订单"
              prop="documentSource"
            >
              <el-input
                placeholder="请输入"
                clearable
                v-model="formData.extInfo.documentSource"
            /></el-form-item>
            <el-form-item
              v-if="formData.bizType != 1 && formData.bizType != 2"
              label="销售订单"
              prop="documentSource"
            >
              <el-input
                placeholder="请输入"
                clearable
                v-model="formData.extInfo.documentSource"
            /></el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="权属部门" prop="deptName">
              <el-input
                placeholder="权属部门"
                disabled
                v-model="formData.extInfo.deptName"
                clearable
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="入库登记人">
              <el-input
                placeholder="登记人"
                disabled
                v-model="formData.extInfo.createUserName"
                clearable /></el-form-item
          ></el-col>
          <!-- <el-col :span="8">
          <el-form-item label="入库时间" prop="outInTime">
            <el-date-picker
              v-model="formData.outInTime"
              clearable
              type="datetime"
              value-format="yyyy-MM-dd HH:mm:ss"
              placeholder="选择日期"
            >
            </el-date-picker></el-form-item
        ></el-col> -->
          <el-col :span="8" v-if="formData.bizType != 2">
            <el-form-item label="供应商" prop="supplierId">
              <DictSelection
                dictName="经销商列表"
                clearable
                v-model="formData.extInfo.supplierId"
                @itemChange="ChangeSupplier"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="formData.bizType != 2">
            <el-form-item label="供应商代号" prop="supplierCode">
              <el-input
                placeholder="请输入"
                v-model="formData.supplierCode"
                clearable /></el-form-item
          ></el-col>
          <el-col :span="8" v-if="formData.bizType == 2">
            <el-form-item label="客户" prop="clientName">
              <DictSelection
                dictName="经销商列表"
                clearable
                v-model="formData.clientName"
                @itemChange="ChangeSuppliers"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="formData.bizType == 2">
            <el-form-item label="客户代号" prop="clientCode">
              <el-input
                placeholder="请输入"
                v-model="formData.clientCode"
                clearable /></el-form-item
          ></el-col>

          <!-- <el-col :span="8">
            <el-form-item label="送货人" prop="fromUser">
              <el-input
                placeholder="请输入"
                v-model="formData.fromUser"
                clearable /></el-form-item
          ></el-col> -->
          <el-col :span="8">
            <el-form-item label="送货人" prop="fromUser">
              <el-select
                v-model="formData.fromUser"
                filterable
                placeholder="请选择送货人"
              >
                <el-option
                  v-for="item in fromUserList"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                  @click.native="
                    () => (formData.extInfo.deliveryPhone = item.phone)
                  "
                >
                </el-option>
              </el-select> </el-form-item
          ></el-col>
          <el-col :span="8">
            <el-form-item label="送货人联系方式" prop="deliveryPhone">
              <el-input
                disabled
                placeholder="请输入"
                v-model="formData.extInfo.deliveryPhone"
                clearable /></el-form-item
          ></el-col>
          <!-- <el-col :span="8">
            <el-form-item label="紧急状态" prop="urgent">
              <el-select
                filterable
                placeholder="请选择"
                v-model="formData.extInfo.urgent"
                clearable
              >
                <el-option
                  v-for="item in emergencyState"
                  :key="item.code"
                  :value="item.code"
                  :label="item.label"
                ></el-option>
              </el-select> </el-form-item
          ></el-col> -->
          <el-col :span="8">
            <el-form-item label="审核人部门" prop="verifyDeptName">
              <selectTree
                ref="tree"
                class="form-ipt"
                size="medium"
                style="width: 100%"
                clearable
                :options="treeList"
                :props="{
                  value: 'code',
                  label: 'name',
                  children: 'children'
                }"
                @getValue="auditorDeptClick"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="审核人" prop="verifyId">
              <el-select
                filterable
                class="form-ipt"
                style="width: 100%"
                v-model="formData.verifyId"
                placeholder="请选择"
              >
                <el-option
                  v-for="item in staffList"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                  @click.native="changeVerfy(item)"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="24">
            <el-form-item label="附件" prop="contentImage">
              <selectUpload @getImgs="upload" :initData="uploadList" />
            </el-form-item>
          </el-col> -->
          <el-col :span="24">
            <el-form-item label="备注" prop="remark">
              <el-input
                v-model="formData.remark"
                clearable
                type="textarea"
                placeholder="请详细说明"
                :rows="4"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <div class="material">
        <header-title title="入库信息">
          <el-button type="primary" @click="addStock">添加</el-button>
        </header-title>

        <div class="mt10 form-table">
          <el-form
            ref="warehousingMaterialListRef"
            :model="{ warehousingMaterialList: warehousingMaterialList }"
            :show-message="false"
          >
            <el-table
              :header-cell-style="rowClass"
              ref="multipleTable"
              :key="formData.extInfo.assetType"
              :data="warehousingMaterialList"
              tooltip-effect="dark"
              style="width: 100%"
              stripe
            >
              <el-table-column
                label="序号"
                type="index"
                width="50"
                align="center"
              >
              </el-table-column>

              <el-table-column
                label="物品编码"
                prop="assetCode"
                align="center"
                width="150"
              ></el-table-column>
              <el-table-column
                label="名称"
                align="center"
                width="150"
                prop="assetName"
              ></el-table-column>

              <!-- <el-table-column
                label="客户编码"
                align="center"
                width="150"
                prop="customCode"
                v-if="formData.bizType == 1"
              >
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.customCode }}
                  </template>
                  <el-form-item
                    v-else
                    :prop="`warehousingMaterialList.${$index}.customCode`"
                    required
                  >
                    <el-input v-model="row.customCode"> </el-input>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column
                label="供应商编码"
                align="center"
                width="150"
                prop="customCode"
                v-if="formData.bizType == 2"
              >
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.supplierCode }}
                  </template>
                  <el-form-item
                    v-else
                    :prop="`warehousingMaterialList.${$index}.supplierCode`"
                    required
                  >
                    <el-input v-model="row.supplierCode"> </el-input>
                  </el-form-item>
                </template>
              </el-table-column> -->
              <el-table-column
                v-for="(item, index) in tableHeader"
                :key="index"
                align="center"
                :label="item.label"
                width="150"
                :prop="item.prop"
              >
                <template slot-scope="{ row }">
                  <template v-if="item.formatter">{{
                    item.formatter(row)
                  }}</template>
                  <template v-else>{{ row[item.prop] }}</template>
                </template>
              </el-table-column>
              <el-table-column
                label="批次号"
                prop="batchNo"
                width="150"
                align="center"
              >
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave">
                    {{ row.batchNo }}
                  </template>
                  <el-form-item
                    v-else
                    :prop="`warehousingMaterialList.${$index}.batchNo`"
                    required
                  >
                    <!-- <el-input v-model="row.batchNo"></el-input> -->
                    {{ row.batchNo }}
                  </el-form-item>
                </template>
              </el-table-column>

              <el-table-column
                label="最小包装单元"
                align="center"
                prop="minPackingCount"
                width="100"
              >
                <el-table-column label="" prop="minPackingCount" width="100">
                  <template slot-scope="{ row, $index }">
                    <template v-if="row.isSave">
                      {{ row.minPackingCount }}
                    </template>
                    <el-form-item
                      v-else
                      :prop="`warehousingMaterialList.${$index}.minPackingCount`"
                      required
                    >
                      <el-input
                        v-model="row.minPackingCount"
                        @input="
                          (value) =>
                            (row.minPackingCount = value.replace(
                              /^(0+)|[^\d]+/g,
                              ''
                            ))
                        "
                      >
                      </el-input>
                    </el-form-item>
                  </template>
                </el-table-column>
                <el-table-column label="" prop="minPackingCount">
                  <template slot-scope="{ row, $index }">
                    {{ handleRowUnit(row) }} /{{ row.minPackUnit }}
                  </template>
                </el-table-column>
              </el-table-column>
              <el-table-column
                label="包装数量"
                prop="outInNum"
                width="150"
                align="center"
              >
                <template slot-scope="{ row, $index }">
                  <template v-if="row.isSave || formData.bizType == 5">
                    {{ row.outInNum }} {{ row.minPackUnit }}
                  </template>
                  <el-form-item
                    v-else
                    :prop="`warehousingMaterialList.${$index}.outInNum`"
                    required
                  >
                    <el-input
                      v-model="row.outInNum"
                      @input="
                        (value) =>
                          (row.outInNum = value.replace(/^(0+)|[^\d]+/g, ''))
                      "
                    >
                      <template slot="append">
                        {{ row.minPackUnit ? row.minPackUnit : '/' }}
                      </template>
                    </el-input>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column
                label="单价"
                prop="univalence"
                width="150"
                align="center"
              >
                <template slot-scope="{ row, $index }">
                  <!-- <template v-if="row.isSave || formData.bizType == 5">
                    <template v-if="row.univalence || row.univalence === 0">
                      {{ row.univalence
                      }}{{
                        { yuan: '元', wanyuan: '万元' }[row.univalenceUnit]
                      }}
                    </template>
                  </template> -->
                  <!-- v-else -->
                  <el-form-item
                    :prop="`warehousingMaterialList.${$index}.univalence`"
                  >
                    <el-input
                      v-model="row.univalence"
                      placeholder="非必填"
                      @input="
                        (value) =>
                          (row.univalence = value.replace(/[^0-9.]+/g, ''))
                      "
                    >
                      <template slot="append">
                        元/{{ handleRowUnit(row) }}
                        <!-- {{
                          { yuan: '元', wanyuan: '万元' }[row.univalenceUnit]
                        }} -->
                      </template>
                    </el-input>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column
                label="金额"
                align="center"
                prop="contentImage"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="{ row, $index }">
                  {{
                    calcSumTotal(
                      row.outInNum,
                      row.minPackingCount,
                      row.univalence,
                      row
                    )
                  }}
                </template>
              </el-table-column>
              <el-table-column
                label="数量"
                prop="batchNo"
                width="150"
                align="center"
                v-if="formData.extInfo.assetType == 1"
              >
                <template slot-scope="{ row, $index }">
                  <template> {{ row.outInNum }} </template>
                </template>
              </el-table-column>
              <el-table-column
                label="数量"
                prop="batchNo"
                width="150"
                align="center"
                v-if="formData.extInfo.assetType == 4"
              >
                <template slot-scope="{ row, $index }">
                  <template>
                    {{ row.minPackingCount * row.outInNum }}
                  </template>
                </template>
              </el-table-column>
              <el-table-column
                label="计量单位"
                prop="batchNo"
                width="150"
                align="center"
                v-if="formData.extInfo.assetType == 1"
              >
                <template slot-scope="{ row, $index }">
                  <template>
                    {{ row.minPackUnit }}
                  </template>
                </template>
              </el-table-column>
              <el-table-column
                label="计量单位"
                prop="batchNo"
                width="150"
                align="center"
                v-if="formData.extInfo.assetType == 4"
              >
                <template slot-scope="{ row, $index }">
                  <template>
                    {{ row.measuringUnit }}
                  </template>
                </template>
              </el-table-column>
              <el-table-column
                label="重量"
                align="center"
                prop="contentImage"
                :show-overflow-tooltip="true"
                v-if="formData.extInfo.assetType == 1"
              >
                <template slot-scope="{ row, $index }">
                  {{ weightTotal(row.outInNum, row.minPackingCount) }}
                  <template slot="append">
                    {{ handleRowUnit(row) }}
                    <!-- {{
                          { yuan: '元', wanyuan: '万元' }[row.univalenceUnit]
                        }} -->
                  </template>
                </template>
              </el-table-column>
              <el-table-column
                label="重量"
                align="center"
                prop="contentImage"
                :show-overflow-tooltip="true"
                v-if="formData.extInfo.assetType == 4"
              >
                <template slot-scope="{ row, $index }">
                  {{
                    deviceWeight(
                      row.roughWeight,
                      row.minPackingCount * row.outInNum
                    )
                  }}
                  <template slot="append">
                    {{ handleRowUnit(row) }}
                    <!-- {{
                          { yuan: '元', wanyuan: '万元' }[row.univalenceUnit]
                        }} -->
                  </template>
                </template>
              </el-table-column>
              <el-table-column
                label="重量单位"
                align="center"
                prop="contentImage"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="{ row, $index }">
                  {{ row.weightUnit }}
                  <template slot="append"> </template>
                </template>
              </el-table-column>
              <el-table-column
                label="货位"
                prop="warehouseName"
                :show-overflow-tooltip="true"
                width="250"
                required
              >
                <template slot-scope="{ row, $index }">
                  <el-form-item
                    :prop="`warehousingMaterialList.${$index}.houseList`"
                    :required="true"
                  >
                    <div @click="handleWareHouse(row, $index)">
                      <div
                        style="color: #ff4949"
                        v-if="row.houseList.length == 0"
                      >
                        ---（必填）
                      </div>
                      <div v-else>
                        <div
                          v-for="(item, index) in row.houseList"
                          :key="index"
                        >
                          {{ item.warehouseName }}- {{ item.areaName }}-
                          {{ item.shelfCode }}- {{ item.cargoSpaceCode
                          }}<span style="color: #ff4949" v-if="item.num">
                            - {{ item.num }}(数)</span
                          >
                          <br />
                        </div>
                      </div>
                    </div>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column
                label="质检单"
                v-if="formData.extInfo.assetType === 3"
                prop="contentImage"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="{ row, $index }">
                  <upload @on-success="(data) => (row.contentImage = [data])"
                    ><template slot="placeholder">上传</template></upload
                  >
                </template>
              </el-table-column>

              <el-table-column
                label="操作"
                width="200"
                fixed="right"
                align="center"
              >
                <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"
                    v-if="formData.bizType == 5"
                    v-show="!row.isSave"
                    @click="chooseAssets(row, $index)"
                    >选择资产编号</el-button
                  >
                  <el-button type="text" @click="listDel(row, $index)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </el-form>
        </div>
        <div class="mt20">
          <header-title :title="`${title}明细`">
            <div class="switch_right">
              <el-button
                type="text"
                @click="dateSetting"
                v-if="formData.bizType != 5"
                >批量设置{{
                  curDateType === 'manufactureTime' ? '生产日期' : '采购日期'
                }}</el-button
              >
            </div>
          </header-title>

          <el-table
            ref="multipleTable"
            :data="materialCodeReqList"
            tooltip-effect="dark"
            :key="formData.bizType"
            :header-cell-style="rowClass"
            style="width: 100%"
            stripe
            height="300px"
            @selection-change="handleSelectionChange"
          >
            <el-table-column
              label=""
              type="selection"
              align="center"
              width="50"
              v-if="formData.bizType != 5"
            >
            </el-table-column>
            <el-table-column label="序号" type="index" width="50">
            </el-table-column>
            <el-table-column
              :label="`${title}编码`"
              prop="onlyCode"
            ></el-table-column>
            <el-table-column label="包装编码" prop="num"></el-table-column>
            <el-table-column label="批次号" prop="batchNo"></el-table-column>
            <el-table-column
              label="物品编码"
              prop="assetCode"
            ></el-table-column>
            <el-table-column label="名称" prop="assetName"></el-table-column>
            <el-table-column label="最小包装单元" prop="modelType">
              <el-table-column label="" prop="minPackingCount" width="100">
                <template slot-scope="{ row, $index }">
                  {{ row.minPackingCount }}
                </template>
              </el-table-column>
              <el-table-column label="" prop="minPackingCount">
                <template slot-scope="{ row, $index }">
                  {{ handleRowUnit(row) }} /{{ row.minPackUnit }}
                </template>
              </el-table-column>
            </el-table-column>
            <el-table-column
              v-if="formData.bizType != 5"
              label="生产日期"
              prop=""
              width="220"
            >
              <template slot="header" slot-scope="scope">
                <el-select filterable v-model="curDateType">
                  <el-option
                    value="manufactureTime"
                    label="生产日期"
                  ></el-option>
                  <el-option
                    value="procurementTime"
                    label="采购日期"
                  ></el-option>
                </el-select>
              </template>
              <template slot-scope="{ row }">
                <template v-if="formData.bizType == 5">
                  {{ row[curDateType] }}
                </template>
                <el-date-picker
                  v-else
                  size="small"
                  v-model="row[curDateType]"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </template>
            </el-table-column>
            <template v-else>
              <el-table-column
                label="生产日期"
                prop="manufactureTime"
                width="200"
              ></el-table-column>
              <el-table-column
                label="采购日期"
                prop="procurementTime"
                width="200"
              ></el-table-column>
            </template>
          </el-table>
          <!-- </el-tab-pane>
        </el-tabs> -->
        </div>
      </div>
      <div class="center mt20">
        <el-button type="primary" @click="handleSave" :loading="saveLoading"
          >保存</el-button
        >
        <el-button @click="$router.go(-1)">返回</el-button>
      </div>
    </el-card>

    <selectType
      :visibleDialog.sync="visibleDialog"
      :title="title"
      :tableHeader="tableHeader"
      :bizScene="formData.bizType"
      :type="[selectEquiType]"
      :loadTree.sync="loadTree"
      @selectTableData="onSelectTableData"
    />
    <WareHouseDailog
      ref="wareHouseDailogRef"
      @houseData="houseData"
    ></WareHouseDailog>
    <ReturnSelect
      ref="returnSelectRef"
      :tableHeader="tableHeader"
      :curDateType="curDateType"
    ></ReturnSelect>
    <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 outin from '@/api/warehouseManagement/outin';
  import { getTreeByPid, getTreeByGroup } from '@/api/classifyManage';
  import warehouseDefinition from '@/api/warehouseManagement/warehouseDefinition';
  import selectUpload from '@/components/selectUpload';
  import upload from '@/components/uploadImg';
  import {
    warehousingType,
    sceneState,
    emergencyState,
    materialType
  } from '@/utils/dict/index';
  // import { getInfo, warehousingAdd, getAssetNum } from '@/api/stockManagement';
  import selectTree from '@/components/selectTree';
  import selectType from '../components/selectType.vue';
  import WareHouseDailog from '../components/WareHouseDailog.vue';
  import ReturnSelect from './components/ReturnSelect.vue';
  // import supplier from '@/api/main/supplier';
  // import org from '@/api/main/org';
  // import user from '@/api/main/user';
  import { tableHeader } from '../common';
  import { getCode } from '@/api/codeManagement/index.js';
  import { number } from 'echarts/core';
  export default {
    components: {
      selectUpload,
      selectTree,
      selectType,
      WareHouseDailog,
      upload,
      ReturnSelect
    },
    data() {
      return {
        fromUserList: [],
        codeList: [],
        materialType,
        warehousingType,
        sceneState,
        emergencyState,
        saveLoading: false,
        visibleDialog: false,
        curDateType: 'manufactureTime',
        materialCodeReqListSelected: [],
        // warehouseList: [], //仓库数组
        // warehouse: {},
        title: '',
        tableData2: [],
        uploadList: [],
        supplierList: [],
        warehousingMaterialList: [],
        activeName: 'a',
        loadTree: true,
        selectEquiType: '',
        batchTime: '',
        dateVisible: false,
        treeList: [],
        staffList: [],

        formData: {
          extInfo: {
            assetType: '', //物品类型
            deptCode: '', //部门code
            deptName: '', //部门名称
            verifyDeptCode: '', //审核部门编码
            verifyDeptName: '', //审核部门名称
            deliveryName: '', //送货人名称
            deliveryPhone: '', //送货人电话
            documentSource: '', //销售订单
            urgent: '', //紧急状态
            supplierId: '', //供应商ID
            supplierName: '', //供应商名称
            createUserName: '', //创建人名字
            contentImage: [] //图片数组
          },
          fromUser: '', //送货人
          bizType: '', //物品类型
          verifyId: '', //审核人Id
          verifyName: '', //审核人名称
          createUserId: '',
          remark: ''
        },
        rules: {
          'extInfo.assetType': {
            required: true,
            message: '请选择物品类型',
            trigger: 'change'
          },
          bizType: {
            required: true,
            message: '请选择入库场景',
            trigger: 'change'
          }
        }
      };
    },
    computed: {
      // 条码信息
      materialCodeReqList() {
        return this.warehousingMaterialList
          .map((i) => i.warehouseLedgerDetails || [])
          .flat();
      },
      tableHeader() {
        return tableHeader(this.selectEquiType);
      }
    },
    created() {
      if (this.$route.query.id) {
        // this._getInfo()
      } else {
        let obj = localStorage.getItem('orgInfo')
          ? JSON.parse(localStorage.getItem('orgInfo'))
          : {};
        this.formData.createUserName = obj.name;
        this.formData.extInfo.deptName = obj.dept?.name;
        this.formData.deptCode = obj.dept?.code;
      }
      this.initData();
    },
    methods: {
      codeListValue(val) {
        console.log(val);
        this.formData.extInfo.assetType = val.id;
        this.$forceUpdate();
        this.title = val?.name;
        this.selectEquiType = val?.id;
        console.log(this.title);
      },
      //计算生产设备重量
      deviceWeight(row, num) {
        if (row) {
          return Number(row * num);
        } else {
          return row;
        }
      },
      //计算重量
      weightTotal(PackingCount, outInNum) {
        const total = {
          PackingCount: Number(PackingCount),
          outInNum: Number(outInNum)
        };
        return total.PackingCount * total.outInNum;
      },
      //计算金额
      calcSumTotal(PackingCount, outInNum, univalence) {
        //最小包装单元,包装数量,单价
        const total = {
          PackingCount: Number(PackingCount),
          outInNum: Number(outInNum),
          univalence: Number(univalence)
        };
        return total.PackingCount * total.outInNum * total.univalence;
      },
      handleRowUnit(row) {
        console.log('===sss', this.formData);
        if (this.formData.extInfo.assetType == 1) {
          console.log(row);
          return row.weightUnit;
        } else if (this.formData.extInfo.assetType == 4) {
          return row.measuringUnit;
        }
      },
      changeVerfy(it) {
        this.formData.verifyName = it.name;
        console.log(this.formData.verifyName);
      },
      //选择供应啥的操作
      ChangeSupplier(data) {
        this.formData.extInfo.supplierName = data.dictValue;
      },
      ChangeSuppliers(data) {
        this.formData.clientName = data.dictValue;
      },

      rowClass({ row, column, rowIndex, columnIndex }) {
        if (rowIndex === 1) {
          return {
            display: 'none',
            background: '#EEEEEE',
            border: 'none'
          };
        }

        return { background: '#EEEEEE', border: 'none' };
      },
      calcSum(a, b, c, row) {
        console.log(a, b, c);

        if (
          (Number.isNaN(+a) && a !== '') ||
          (Number.isNaN(+b) && b !== '') ||
          (Number.isNaN(+c) && c !== '')
        ) {
          return '';
        }
        console.log(row);

        return a * b * c + { yuan: '元', wanyuan: '万元' }[row.univalenceUnit];
        // return a * b * c;
      },
      // 部门 点击事件
      async auditorDeptClick(data) {
        console.log(data);
        this.formData.extInfo.verifyDeptCode = data?.id;
        this.formData.extInfo.verifyDeptName = data?.name;
        this.formData.verifyId = '';
        this.formData.verifyName = '';

        this.$refs.formName.validateField('verifyDeptName');
        if (data) {
          this.getStaffList(data);
        }
      },
      async getStaffList(data) {
        let res = await warehouseDefinition.getUserPage({
          groupId: data.id,
          size: 9999,
          page: 1
        });

        this.staffList = res.list;
      },
      // 详情接口
      // async _getInfo () {
      //   const res = await getInfo({ id: this.$route.query.id })

      //   if (res?.success) {
      //     this.warehousingMaterialList = res.data.warehouseLedgerInfos.map(i => {
      //       i.isSave = true
      //       return i
      //     })

      //     this.formData = res.data.outInWarehouse

      //     this.uploadList = this.formData.contentImage

      //   }
      // },
      chooseAssets(row, index) {
        this.$refs.returnSelectRef.open(row, (res) => {
          row.outInNum = res.length;

          this.$set(
            row,
            'selfWarehouseLedgerDetails',
            res.map((i) => {
              delete i.updateTime;
              delete i.createTime;
              return i;
            })
          );
        });
      },
      // 仓库编辑
      handleWareHouse(row, idx) {
        console.log('row===', row);
        this.$refs.wareHouseDailogRef.open(row, idx);
      },
      // 入库操作
      listEdit(row) {
        this.$set(row, 'isSave', false);
        row.selfWarehouseLedgerDetails = row.warehouseLedgerDetails;
        row.warehouseLedgerDetails = [];
      },
      listSave(row, index) {
        console.log(this.formData);
        const fileds = [
          // `warehousingMaterialList.${index}.cargoSpaceCode`,
          `warehousingMaterialList.${index}.batchNo`,
          `warehousingMaterialList.${index}.houseList`
        ];
        if (this.formData.bizType == 1) {
          // fileds.push(...[`warehousingMaterialList.${index}.customCode`]);
        } else if (this.formData.bizType == 2) {
          // fileds.push(...[`warehousingMaterialList.${index}.supplierCode`]);
        }
        if (this.formData.bizType != 5) {
          fileds.push(
            ...[
              `warehousingMaterialList.${index}.outInNum`,
              `warehousingMaterialList.${index}.minPackingCount`
            ]
          );
        } else if (
          this.warehousingMaterialList.some(
            (i) => !i.selfWarehouseLedgerDetails?.length
          )
        ) {
          this.$message.error('请选择资产编号！');
          return;
        }
        console.log(fileds);
        Promise.all(
          fileds.map(
            (item) =>
              new Promise(async (resolve, rej) => {
                console.log('item', item);
                this.$refs.warehousingMaterialListRef.validateField(
                  item,
                  (err) => {
                    if (err) {
                      rej(err);
                    } else {
                      resolve();
                    }
                  }
                );
              })
          )
        )
          .then((res) => {
            console.log(11111111);
            this.$set(row, 'isSave', true);

            if (this.formData.bizScene != 5) {
              this.createMaterialCode(row);
            } else {
              // 退还
              this.createMaterialCodeReturn(row);
            }
          })
          .catch((err) => {
            this.$message.error('请填入必填项！');
          });
        console.log(2);
      },
      // 批量设置生产日期
      handleSelectionChange(val) {
        this.materialCodeReqListSelected = val;
      },
      dateSetting() {
        if (!this.materialCodeReqListSelected.length) {
          return this.$message.error(`请选择${this.title}明细！`);
        }
        this.dateVisible = true;
      },
      dateConfirm() {
        this.materialCodeReqListSelected.forEach((item) => {
          this.$set(item, this.curDateType, this.batchTime);
        });
        this.dateVisible = false;
      },
      //入库明细删除
      listDel(row, index) {
        this.warehousingMaterialList.splice(index, 1);
      },
      // 入库明细生成条码信息
      async createMaterialCode(row) {
        // 添加相同物品、批次号重新更新明细 原料编码
        const list = this.warehousingMaterialList.filter(
          (i) =>
            i.assetCode === row.assetCode &&
            i.batchNo === row.batchNo &&
            i.isSave
        );

        const num = list.reduce((num, pre) => {
          num += row.isUnpack
            ? pre.outInNum * pre.minPackingCount
            : pre.outInNum - 0;
          return num;
        }, 0);

        const res = await outin.getAssetNum({
          assetCode: row.assetCode,
          batchNum: row.batchNo,
          num
        });

        list.forEach((item) => {
          if (item.warehouseLedgerDetails?.length) {
            item.warehouseLedgerDetails.forEach((i) => {
              i.onlyCode = res.shift().onlyCode;
            });
          } else {
            this.$set(
              item,
              'warehouseLedgerDetails',
              Array.from(
                new Array(
                  item.isUnpack
                    ? item.outInNum * item.minPackingCount
                    : +item.outInNum
                ),
                (val, idx) => {
                  return {
                    ...item,
                    onlyCode: res.shift().onlyCode,
                    bizStatus: 1,
                    contentImage: []
                  };
                }
              )
            );
          }
        });

        // 添加相同物品，重复批次号 重新更新明细 包装编码
        const batchList = this.warehousingMaterialList.filter(
          (i) => i.batchNo === row.batchNo && i.isSave
        );
        if (batchList.length) {
          const num = batchList.reduce((num, pre) => {
            num += +pre.outInNum;
            return num;
          }, 0);
          const res1 = await outin.getAssetNum({
            batchNum: row.batchNo,
            num
          });
          if (res1) {
            batchList.forEach((item) => {
              let num = res1.shift()?.num;
              let minPackingCount = item.minPackingCount;

              if (item.warehouseLedgerDetails?.length) {
                item.warehouseLedgerDetails.forEach((i, index) => {
                  this.$set(i, 'num', num);
                  if (!item.isUnpack) {
                    if (index < item.warehouseLedgerDetails.length - 1) {
                      num = res1.shift()?.num;
                    }
                  } else {
                    // 拆包的包装编码一致
                    minPackingCount--;
                    if (
                      minPackingCount === 0 &&
                      index < item.warehouseLedgerDetails.length - 1
                    ) {
                      minPackingCount = item.minPackingCount;
                      num = res1.shift()?.num;
                    }
                  }
                });
              }
            });
          }
        }
      },
      // 入库明细生成条码信息 退还
      async createMaterialCodeReturn(row) {
        // 添加相同物品重新更新明细 原料编码
        const list = this.warehousingMaterialList.filter(
          (i) => i.batchNo === row.batchNo && i.isSave
        );
        // 退还
        const res = await getAssetNum({
          batchNo: row.batchNo,
          num: list.reduce((num, pre) => {
            num += pre.selfWarehouseLedgerDetails.length;
            return num;
          }, 0)
        });
        if (res?.success) {
          list.forEach((item) => {
            let num = res.data.shift().num;
            let minPackingCount = item.minPackingCount;
            if (item.warehouseLedgerDetails?.length) {
              item.warehouseLedgerDetails.forEach((i, index) => {
                Object.assign(i, {
                  num,
                  batchNo: item.batchNo,
                  cargoSpaceCode: item.cargoSpaceCode, //货位编码
                  cargoSpaceId: item.cargoSpaceId, //货位id
                  shelfId: item.shelfId, //货架id
                  shelfCode: item.shelfCode, //货架名称
                  areaId: item.areaId, //库区id
                  areaName: item.areaName, //库区名称
                  warehouseId: item.warehouseId, //仓库id
                  warehouseName: item.warehouseName //仓库名称
                });

                if (!item.isUnpack) {
                  // 拆包的包装编码一致

                  if (index < item.warehouseLedgerDetails.length - 1) {
                    num = res.data.shift()?.num;
                  }
                } else {
                  minPackingCount--;
                  if (
                    minPackingCount === 0 &&
                    index < item.warehouseLedgerDetails.length - 1
                  ) {
                    minPackingCount = item.minPackingCount;
                    num = res1.data.shift()?.num;
                  }
                }
              });
            } else {
              this.$set(
                item,
                'warehouseLedgerDetails',
                item.selfWarehouseLedgerDetails.map((val, idx) => {
                  let obj = {
                    ...val,
                    bizStatus: 1,
                    minPackingCount: item.minPackingCount,
                    batchNo: item.batchNo,
                    cargoSpaceCode: item.cargoSpaceCode, //货位编码
                    cargoSpaceId: item.cargoSpaceId, //货位id
                    shelfId: item.shelfId, //货架id
                    shelfCode: item.shelfCode, //货架名称
                    areaId: item.areaId, //库区id
                    areaName: item.areaName, //库区名称
                    warehouseId: item.warehouseId, //仓库id
                    warehouseName: item.warehouseName, //仓库名称
                    materialId: item.materialId,
                    num
                  };
                  if (!item.isUnpack) {
                    // 拆包的包装编码一致
                    if (idx < item.warehouseLedgerDetails.length - 1) {
                      num = res.data.shift()?.num;
                    }
                  } else {
                    minPackingCount--;
                    if (
                      minPackingCount === 0 &&
                      idx < item.warehouseLedgerDetails.length - 1
                    ) {
                      minPackingCount = item.minPackingCount;
                      num = res1.data.shift()?.num;
                    }
                  }
                  return obj;
                })
              );
            }
          });
        }
      },

      handleSave() {
        this.$refs.formName.validate(async (valid) => {
          if (valid) {
            if (!this.warehousingMaterialList?.length) {
              return this.$message.error('请添加入库明细！');
            } else if (
              this.warehousingMaterialList.some((item) => !item.isSave)
            ) {
              return this.$message.error('请保存入库明细！');
            }

            const params = {
              outInWarehouse: { ...this.formData, type: 1 },
              warehouseLedgerInfos: this.warehousingMaterialList
            };
            console.log('第一层', this.warehousingMaterialList);

            for (let key in this.warehousingMaterialList) {
              for (let k in this.warehousingMaterialList[key].houseList) {
                this.warehousingMaterialList[key].warehouseName =
                  this.warehousingMaterialList[key].houseList[k].warehouseName;

                this.warehousingMaterialList[key].areaName =
                  this.warehousingMaterialList[key].houseList[k].areaName;

                this.warehousingMaterialList[key].shelfCode =
                  this.warehousingMaterialList[key].houseList[k].shelfCode;

                this.warehousingMaterialList[key].cargoSpaceCode =
                  this.warehousingMaterialList[key].houseList[k].cargoSpaceCode;

                this.warehousingMaterialList[key].warehouseId =
                  this.warehousingMaterialList[key].houseList[k].warehouseId;

                this.warehousingMaterialList[key].areaId =
                  this.warehousingMaterialList[key].houseList[k].areaId;

                this.warehousingMaterialList[key].shelfId =
                  this.warehousingMaterialList[key].houseList[k].shelfId;

                this.warehousingMaterialList[key].cargoSpaceId =
                  this.warehousingMaterialList[key].houseList[k].cargoSpaceId;
                this.warehousingMaterialList[key].num =
                  this.warehousingMaterialList[key].houseList[k].num;
              }
            }
            // console.log('充值', this.warehousingMaterialList);
            let arr = this.warehousingMaterialList.map((item) => {
              return {
                num: item.num,
                batchNo: item.batchNo,
                categoryId: item.id,
                count: item.outInNum,
                minPackingCount: item.minPackingCount,
                packingCount: item.outInNum,
                price: item.univalence,
                outInDetailRecordAddPOList: item.warehouseLedgerDetails,
                position: `${item.warehouseName}-${item.areaName}-${item.shelfCode}-${item.cargoSpaceCode}`,
                // pathIds: item.categoryLevelPathId.toString(),
                remark: '',
                pathIds: `${item.warehouseId},${item.areaId},${item.shelfId},${item.cargoSpaceId}`,
                pathName: `${item.warehouseName},${item.areaName},${item.shelfCode},${item.cargoSpaceCode}`,
                totalMoney:
                  item.outInNum * item.minPackingCount * item.univalence,
                weightUnit: item.weightUnit,
                customCode: item.customCode,
                supplierCode: item.supplierCode
              };
            });
            arr.forEach((item) => {
              if (item.outInDetailRecordAddPOList.length > 0) {
                let list = item.outInDetailRecordAddPOList.map((it) => {
                  return {
                    code: it.onlyCode,
                    dateType: this.curDateType === 'manufactureTime' ? 2 : 1,
                    dateValue: it[this.curDateType],
                    minUnit: it.minPackingCount,
                    minPositionId: it.cargoSpaceId,
                    name: it.assetName,
                    pathIds: item.pathIds,
                    unit: it.unit,
                    packageNo: it.num
                  };
                });
                item.outInDetailRecordAddPOList = list;
              }
            });

            let obj = { ...this.formData, type: 1 };
            obj.outInDetailAddPOList = arr;

            console.log('====>>', obj);

            this.saveLoading = true;
            try {
              const res = await outin.save(obj);
              if (res.code == 0) {
                this.$message.success('保存成功！');
              }
            } catch (error) {}
            this.saveLoading = false;
            this.$router.push('/warehouseManagement/stockManagement');
          }
        });
      },
      async getOrderCode() {
        const data = await getCode('in_warehouse');
        return data;
      },
      //添加明细
      async onSelectTableData(val) {
        const res = await getCode('lot_number_code');

        this.warehousingMaterialList.push(
          ...val.map((next) => {
            next.batchNo = res;
            let cur = {};

            next.realInventoryAmount = next.realInventoryAmount || 0;
            cur = {
              ...next,
              cargoSpaceCode: '', //货位编码
              cargoSpaceId: '', //货位id
              shelfId: '', //货架id
              shelfCode: '', //货架名称
              areaId: '', //库区id
              areaName: '', //库区名称
              warehouseId: '', //仓库id
              warehouseName: '', //仓库名称
              assetType: this.formData.extInfo.assetType,
              expirationDate: '',
              outInNum: '',
              minPackingCount: '',
              bizStatus: 1,
              contentImage: [],
              warehouseLedgerDetails: [],
              houseList: []
            };
            return cur;
          })
        );

        console.log('sasasa===', this.warehousingMaterialList);
      },
      async initData() {
        const { data } = await getTreeByGroup({ type: 1 });
        this.codeList = data;
        // .map((item) => {
        //   return { dictCode: item.id, dictValue: item.name };
        // });
        const res = await warehouseDefinition.tree();
        this.treeList = this.$util.toTreeData({
          data: res,
          idField: 'id',
          parentIdField: 'parentId'
        });
        // const res111 = await warehouseDefinition.list();
        // this.warehouseList = res111.list;
        let res22 = await warehouseDefinition.getUserPage({
          size: -1,
          page: 1
        });
        this.fromUserList = res22.list;
        const info = JSON.parse(localStorage.getItem('info'));
        let obj = res.find(
          (item) => item.id === info.deptId[info.deptId.length - 1]
        );
        if (!obj) return;
        this.formData.extInfo.deptCode = obj.id;
        this.formData.extInfo.deptName = obj.name;
        this.formData.extInfo.createUserName = info.name;
        this.formData.createUserId = info.id;

        // this.treeList = res;
        // this.formData.extInfo.deptCode =

        // this.getTreeList().then((res) => {
        //   if (res?.success) {
        //     this.treeList = res.data;
        //   }
        // });
        // this.getSupplier().then((res) => {
        //   if (res?.success) {
        //     this.supplierList = res.data.items;
        //   }
        // });
        // this.getStaffList();
      },
      addStock() {
        // this.$refs.wareHouseDailogRef.open({});
        // return;
        if (!this.title) return this.$message.error('请选择入库产品类型');
        if (!this.formData.bizType)
          return this.$message.error('请选择入库场景');
        this.visibleDialog = true;
      },
      handleChange(data) {
        this.title = data?.dictValue;
        this.selectEquiType = data?.dictCode;
      },
      handleChanges(code) {
        const data = this.codeList.find((item) => item.dictCode == code);
        this.title = data?.dictValue;
        this.selectEquiType = data?.dictCode;
      },
      getSupplier() {
        return new Promise((resolve, reject) => {
          supplier.list({ page: 1, size: 999 }).then((res) => {
            if (res.success) {
              resolve(res);
            }
          });
        });
      },
      getTreeList() {
        return new Promise((resolve, reject) => {
          org.tree().then((res) => {
            if (res.success) {
              resolve(res);
            }
          });
        });
      },
      upload(data) {
        this.formData.contentImage = data;
        this.$refs.formName.validateField('contentImage');
      },
      houseData(argum, idx) {
        this.$set(this.warehousingMaterialList[idx], 'houseList', argum);
      }
    }
  };
</script>

<style lang="scss" scoped>
  ::v-deep.form-table {
    .el-form-item {
      margin-bottom: 0;
    }
    .el-input__inner {
      padding: 0 10px;
    }
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      background-color: transparent;
    }
  }
  .p20 {
    padding: 20px;
  }
  .el-select,
  .el-date-editor {
    width: 100%;
  }
  .el-form-item {
    margin-bottom: 22px;
  }
  .material {
    margin-top: 20px;
    .flex {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      align-items: center;
      .red {
        color: #ff4949;
      }
    }
  }
  .mt10 {
    margin-top: 10px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .center {
    text-align: center;
  }

  .switch_left li {
    border-right: 1px solid rgba(222, 222, 222, 1);
    border-left: 1px solid rgba(222, 222, 222, 1);
  }
</style>