wms / wms-cloud-ui · Files

<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="主表" name="first">
        <el-form
          :model="queryHeaderParams"
          ref="queryHeaderForm"
          :inline="true"
          v-show="showHeaderSearch"
        >
          <el-form-item label="出库单号" prop="code">
            <el-input
              v-model="queryHeaderParams.code"
              placeholder=""
              clearable
              size="small"
              style="width: 240px"
              @keyup.enter.native="headerQuery"
            />
          </el-form-item>
          <el-form-item label="出库类型" prop="shipmentType">
            <el-select
              v-model="queryHeaderParams.shipmentType"
              placeholder="所有"
              clearable
              size="small"
            >
              <el-option
                v-for="attr in typeOptions"
                :key="attr.id"
                :value="attr.code"
                :label="attr.name"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="货主" prop="companyCode">
            <el-select
              v-model="queryHeaderParams.companyCode"
              placeholder="所有"
              clearable
              size="small"
            >
              <el-option
                v-for="attr in companyOptions"
                :key="attr.id"
                :value="attr.code"
                :label="attr.name"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="上游订单号" prop="referCode">
            <el-input
              v-model="queryHeaderParams.referCode"
              placeholder=""
              clearable
              size="small"
              style="width: 240px"
              @keyup.enter.native="headerQuery"
            />
          </el-form-item>
          <el-form-item label="上游订单类型" prop="referCodeType">
            <el-input
              v-model="queryHeaderParams.referCodeType"
              placeholder=""
              clearable
              size="small"
              style="width: 240px"
              @keyup.enter.native="headerQuery"
            />
          </el-form-item>
          <el-form-item label="客户编码：" prop="customerCode">
            <el-select
              v-model="queryHeaderParams.customerCode"
              placeholder="所有"
              clearable
              size="small"
            >
              <el-option
                v-for="attr in customerOptions"
                :key="attr.id"
                :value="attr.code"
                :label="attr.code"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="头状态" prop="firstStatus">
            <el-select
              v-model="queryHeaderParams.firstStatus"
              placeholder="所有"
              clearable
              size="small"
            >
              <el-option
                v-for="dict in firstOptions"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.dictValue"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="尾状态" prop="lastStatus">
            <el-select
              v-model="queryHeaderParams.lastStatus"
              placeholder="所有"
              clearable
              size="small"
            >
              <el-option
                v-for="dict in lastOptions"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.dictValue"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="创建时间">
            <el-date-picker
              v-model="dateRange"
              size="small"
              style="width: 240px"
              value-format="yyyy-MM-dd"
              type="daterange"
              range-separator="-"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            ></el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button
              type="cyan"
              icon="el-icon-search"
              size="mini"
              @click="headerQuery"
              >搜索</el-button
            >
            <el-button
              icon="el-icon-refresh"
              size="mini"
              @click="resetHeaderQuery"
              >重置</el-button
            >
          </el-form-item>
        </el-form>

        <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
            <el-button
              type="primary"
              icon="el-icon-plus"
              size="mini"
              @click="headerAdd"
              v-hasPermi="['shipment:bill:add']"
              >新增</el-button
            >
          </el-col>
          <el-col :span="1.5">
            <el-button
              type="danger"
              icon="el-icon-delete"
              size="mini"
              :disabled="headerMultiple"
              @click="headerDelete"
              v-hasPermi="['shipment:bill:remove']"
              >删除</el-button
            >
          </el-col>
          <el-col :span="1.5">
            <el-button
              type="success"
              icon="el-icon-edit"
              size="mini"
              :disabled="headerMultiple"
              @click="orderAudit"
              v-hasPermi="['shipment:bill:edit']"
              >订单审核</el-button
            >
          </el-col>
          <el-col :span="1.5">
            <el-button
              type="primary"
              icon="el-icon-plus"
              size="mini"
              :disabled="headerMultiple"
              @click="addwave"
              v-hasPermi="['shipment:bill:wave']"
              >加入波次</el-button
            >
          </el-col>
          <right-toolbar
            :showSearch.sync="showHeaderSearch"
            @queryTable="getHeaderList"
            :col-data="colData"
            @selectData="selectData"
          ></right-toolbar>
        </el-row>

        <el-table
          v-loading="headerLoading"
          :data="HeaderList"
          @selection-change="headerSelectionChange"
          highlight-current-row
          ref="table"
        >
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column
            label="出库单id"
            align="center"
            prop="id"
            sortable
            width="100"
            v-if="colData[0].istrue"
          />
          <el-table-column
            label="出库单号"
            align="center"
            prop="code"
            sortable
            width="160"
            v-if="colData[1].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="仓库"
            align="center"
            prop="warehouseCode"
            width="100"
            v-if="colData[2].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="货主"
            align="center"
            prop="companyCode"
            sortable
            width="200"
            v-if="colData[3].istrue"
          >
            <template slot-scope="scope">
              {{ companyCodeFormat(scope.row, scope.column) }}
            </template>
          </el-table-column>
          <el-table-column
            label="上游订单号"
            align="center"
            prop="referCode"
            sortable
            width="110"
            v-if="colData[4].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="上游订单类型"
            align="center"
            prop="referCodeType"
            width="120"
            v-if="colData[5].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="上游订单内部号"
            align="center"
            prop="referId"
            width="120"
            v-if="colData[6].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="上游订单行id"
            align="center"
            prop="referLineId"
            width="100"
            v-if="colData[7].istrue"
          />
          <el-table-column
            label="订单平台"
            align="center"
            prop="referPlatform"
            width="100"
            v-if="colData[8].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="头状态"
            align="center"
            prop="firstStatus"
            width="100"
            sortable
            v-if="colData[9].istrue"
          >
            <template slot-scope="scope">
              <el-button size="mini" type="primary" round>{{
                firstFormat(scope.row, scope.column)
              }}</el-button>
            </template>
          </el-table-column>
          <el-table-column
            label="尾状态"
            align="center"
            prop="lastStatus"
            width="100"
            sortable
            v-if="colData[10].istrue"
          >
            <template slot-scope="scope">
              <el-button size="mini" type="primary" round>{{
                lastFormat(scope.row, scope.column)
              }}</el-button>
            </template>
          </el-table-column>
          <el-table-column
            label="出库类型"
            align="center"
            prop="shipmentType"
            sortable
            width="130"
            v-if="colData[11].istrue"
          >
            <template slot-scope="scope">
              {{ shipmentTypeFormat(scope.row, scope.column) }}
            </template>
          </el-table-column>
          <el-table-column
            label="客户编码"
            align="center"
            prop="customerCode"
            v-if="colData[12].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="客户名称"
            align="center"
            prop="customerName"
            width="100"
            v-if="colData[13].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="优先级"
            align="center"
            prop="priority"
            v-if="colData[14].istrue"
          />
          <el-table-column
            label="路线"
            align="center"
            prop="route"
            v-if="colData[15].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="要求到货时间"
            align="center"
            prop="requestedDeliveryDate"
            sortable
            width="160"
            v-if="colData[16].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.created) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="计划发车日期"
            align="center"
            prop="scheduledShipDate"
            sortable
            width="160"
            v-if="colData[17].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.created) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="实际发车时间"
            align="center"
            prop="actualShipDateTime"
            sortable
            width="160"
            v-if="colData[18].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.created) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="实际到货时间"
            align="center"
            prop="actualDeliveryDate"
            sortable
            width="160"
            v-if="colData[19].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.created) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="配送要求"
            align="center"
            prop="deliveryNote"
            v-if="colData[20].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="失败原因"
            align="center"
            prop="rejectionNote"
            v-if="colData[21].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="波次号"
            align="center"
            prop="waveId"
            v-if="colData[22].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="发货月台"
            align="center"
            prop="shipDock"
            v-if="colData[23].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="分配完成"
            align="center"
            prop="allocateComplete"
            v-if="colData[24].istrue"
          />
          <el-table-column
            label="总重量"
            align="center"
            prop="totalWeight"
            v-if="colData[25].istrue"
          />
          <el-table-column
            label="总数量"
            align="center"
            prop="totalQty"
            v-if="colData[26].istrue"
          />
          <el-table-column
            label="总体积"
            align="center"
            prop="totalVolume"
            v-if="colData[27].istrue"
          />
          <el-table-column
            label="总行数"
            align="center"
            prop="totalLines"
            v-if="colData[28].istrue"
          />
          <el-table-column
            label="处理类型"
            align="center"
            prop="processType"
            v-if="colData[29].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="上次波次号"
            align="center"
            prop="lastWaveId"
            width="100"
            v-if="colData[30].istrue"
          />
          <el-table-column
            label="特征值"
            align="center"
            prop="signValue"
            v-if="colData[31].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="承运人"
            align="center"
            prop="carrierCode"
            v-if="colData[32].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="承运人服务商"
            align="center"
            prop="carrierService"
            width="100"
            v-if="colData[33].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="订单备注"
            align="center"
            prop="shipmentNote"
            v-if="colData[34].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="承运商编码"
            align="center"
            prop="carrierServer"
            width="100"
            v-if="colData[35].istrue"
          />
          <el-table-column
            label="承运商名称"
            align="center"
            prop="carrierServerName"
            width="100"
            v-if="colData[36].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="车牌号"
            align="center"
            prop="plateNumber"
            v-if="colData[37].istrue"
          />
          <el-table-column
            label="车型"
            align="center"
            prop="carModel"
            v-if="colData[38].istrue"
          />
          <el-table-column
            label="司机名称"
            align="center"
            prop="driverName"
            v-if="colData[39].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="司机联系方式"
            align="center"
            prop="driverTel"
            width="110"
            v-if="colData[40].istrue"
          />
          <el-table-column
            label="创建时间"
            align="center"
            prop="created"
            sortable
            width="160"
            v-if="colData[41].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.created) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="创建用户"
            align="center"
            prop="createdBy"
            :show-overflow-tooltip="true"
            v-if="colData[42].istrue"
          />
          <el-table-column
            label="最后修改时间"
            align="center"
            prop="lastUpdated"
            sortable
            width="160"
            v-if="colData[43].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.lastUpdated) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="更新用户"
            align="center"
            prop="lastUpdatedBy"
            :show-overflow-tooltip="true"
            v-if="colData[44].istrue"
          />
          <el-table-column
            label="自定义字段1"
            align="center"
            prop="userDef1"
            width="100"
            v-if="colData[45].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="自定义字段2"
            align="center"
            prop="userDef2"
            width="100"
            v-if="colData[46].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="自定义字段3"
            align="center"
            prop="userDef3"
            width="100"
            v-if="colData[47].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="操作"
            align="center"
            class-name="small-padding fixed-width"
            width="200"
            v-if="colData[48].istrue"
          >
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-printer"
                @click="headerPrint(scope.row)"
                v-hasPermi="['shipment:bill:report']"
                >打印</el-button
              >
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-if="scope.row.firstStatus == '0'"
                @click="headerUpdate(scope.row)"
                v-hasPermi="['shipment:bill:edit']"
                >编辑</el-button
              >
              <el-button
                size="mini"
                type="text"
                icon="el-icon-my-detail"
                @click="handleDetail(scope.row)"
                v-hasPermi="['shipment:bill:open']"
                >明细</el-button
              >
              <el-button
                size="mini"
                type="text"
                icon="el-icon-delete"
                v-if="
                  scope.row.firstStatus < '200' || scope.row.firstStatus > '300'
                "
                @click="headerDelete(scope.row)"
                v-hasPermi="['shipment:bill:remove']"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>

        <pagination
          v-show="headerTotal > 0"
          :total="headerTotal"
          :page.sync="queryHeaderParams.pageNum"
          :limit.sync="queryHeaderParams.pageSize"
          @pagination="getHeaderList"
        />
      </el-tab-pane>

      <el-tab-pane
        label="明细"
        name="second"
        v-if="queryDetailParams.shipmentId !== undefined"
      >
        <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
            <el-button
              type="primary"
              icon="el-icon-plus"
              size="mini"
              @click="detailAdd"
              v-hasPermi="['shipment:bill:add']"
              >新增</el-button
            >
          </el-col>
          <el-col :span="1.5">
            <el-button
              type="danger"
              icon="el-icon-delete"
              size="mini"
              :disabled="detailMultiple"
              @click="detailDelete"
              v-hasPermi="['shipment:bill:remove']"
              >删除</el-button
            >
          </el-col>
          <el-col :span="1.5">
            <el-button
              type="success"
              icon="el-icon-printer"
              size="mini"
              :disabled="detailMultiple"
              @click="detailPrint"
              v-hasPermi="['shipment:bill:report']"
              >打印</el-button
            >
          </el-col>
          <el-col :span="1.5">
            <el-button
              type="primary"
              icon="el-icon-thumb"
              size="mini"
              @click="handleGroupDisk"
              v-hasPermi="['shipment:shippingCombination:combination']"
              >手动组盘</el-button
            >
          </el-col>
          <el-col :span="1.5">
            <el-button
              type="primary"
              icon="el-icon-copy-document"
              size="mini"
              @click="handleAutoGroupDisk"
              v-hasPermi="['shipment:shippingCombination:combination']"
              >自动组盘</el-button
            >
          </el-col>
          <right-toolbar
            @queryTable="getDetailList"
            :col-data="colDataDetail"
            @selectData="selectDataDetail"
            :no-search="noSearch"
          ></right-toolbar>
        </el-row>

        <el-table
          v-loading="detailLoading"
          :data="DetailList"
          @selection-change="detailSelectionChange"
          ref="table"
        >
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column
            label="明细id"
            align="center"
            prop="id"
            sortable
            width="85"
            v-if="colDataDetail[0].istrue"
          />
          <el-table-column
            label="出库单内部号"
            align="center"
            prop="shipmentId"
            width="120"
            v-if="colDataDetail[1].istrue"
          />
          <el-table-column
            label="仓库"
            align="center"
            prop="warehouseCode"
            width="85"
            v-if="colDataDetail[2].istrue"
          />
          <el-table-column
            label="货主"
            align="center"
            prop="companyCode"
            v-if="colDataDetail[3].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="出库单号"
            align="center"
            prop="shipmentCode"
            width="150"
            v-if="colDataDetail[4].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="上游订单号"
            align="center"
            prop="referCode"
            width="120"
            v-if="colDataDetail[5].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="上游订单内部号"
            align="center"
            prop="referId"
            width="120"
            v-if="colDataDetail[6].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="上游订单行号"
            align="center"
            prop="referLineNum"
            width="120"
            v-if="colDataDetail[7].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="物料编码"
            align="center"
            prop="materialCode"
            width="120"
            v-if="colDataDetail[8].istrue"
          />
          <el-table-column
            label="物料名称"
            align="center"
            prop="materialName"
            v-if="colDataDetail[9].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="物料规格"
            align="center"
            prop="materialSpec"
            v-if="colDataDetail[10].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="物料单位"
            align="center"
            prop="materialUnit"
            v-if="colDataDetail[11].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="发货数量"
            align="center"
            prop="shipQty"
            v-if="colDataDetail[12].istrue"
          />
          <el-table-column
            label="已出数量"
            align="center"
            prop="requestQty"
            v-if="colDataDetail[13].istrue"
          />
          <el-table-column
            label="库存数量"
            align="center"
            prop="inventoryQty"
            v-if="colDataDetail[14].istrue"
          />
          <el-table-column
            label="分配规则"
            align="center"
            prop="allocationRule"
            v-if="colDataDetail[15].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="补货规则"
            align="center"
            prop="replenishmentRule"
            v-if="colDataDetail[16].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="拣货规则"
            align="center"
            prop="pickingRule"
            v-if="colDataDetail[17].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="拣货货位"
            align="center"
            prop="pickLocs"
            v-if="colDataDetail[18].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="属性1"
            align="center"
            prop="attribute1"
            v-if="colDataDetail[19].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="属性2"
            align="center"
            prop="attribute2"
            v-if="colDataDetail[20].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="属性3"
            align="center"
            prop="attribute3"
            v-if="colDataDetail[21].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="属性4"
            align="center"
            prop="attribute4"
            v-if="colDataDetail[22].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="批次"
            align="center"
            prop="batch"
            v-if="colDataDetail[23].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="批号"
            align="center"
            prop="lot"
            v-if="colDataDetail[24].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="项目号"
            align="center"
            prop="projectNo"
            v-if="colDataDetail[25].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="生产日期"
            align="center"
            prop="manufactureDate"
            sortable
            width="160"
            v-if="colDataDetail[26].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.manufactureDate) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="失效日期"
            align="center"
            prop="expirationDate"
            sortable
            width="160"
            v-if="colDataDetail[27].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.expirationDate) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="入库日期"
            align="center"
            prop="agingDate"
            sortable
            width="160"
            v-if="colDataDetail[28].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.agingDate) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="库存状态"
            align="center"
            prop="inventorySts"
            v-if="colDataDetail[29].istrue"
          >
            <template slot-scope="scope">
              <el-button size="mini" type="success" round>{{
                inventoryStsFormat(scope.row, scope.column)
              }}</el-button>
            </template>
          </el-table-column>
          <el-table-column
            label="月台货位"
            align="center"
            prop="dockLoc"
            v-if="colDataDetail[30].istrue"
          />
          <el-table-column
            label="包装分类"
            align="center"
            prop="packingClass"
            v-if="colDataDetail[31].istrue"
          />
          <el-table-column
            label="出库站台"
            align="center"
            prop="stationCode"
            v-if="colDataDetail[32].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="明细状态"
            align="center"
            prop="status"
            width="90"
            v-if="colDataDetail[33].istrue"
          >
            <template slot-scope="scope">
              <el-button size="mini" type="primary" round>{{
                mxstatusFormat(scope.row, scope.column)
              }}</el-button>
            </template>
          </el-table-column>
          <el-table-column
            label="波次ID"
            align="center"
            prop="waveId"
            v-if="colDataDetail[34].istrue"
          />
          <el-table-column
            label="创建时间"
            align="center"
            prop="created"
            sortable
            width="160"
            v-if="colDataDetail[35].istrue"
          >
            <template slot-scope="scope">
              <!--<span>{{dateFormat('YYYY-mm-dd HH:MM',scope.row.created)}}</span>-->
              <span>{{ parseTime(scope.row.created) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="创建用户"
            align="center"
            prop="createdBy"
            :show-overflow-tooltip="true"
            v-if="colDataDetail[36].istrue"
          />
          <el-table-column
            label="最后修改时间"
            align="center"
            prop="lastUpdated"
            sortable
            width="160"
            v-if="colDataDetail[37].istrue"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.lastUpdated) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="更新用户"
            align="center"
            prop="lastUpdatedBy"
            :show-overflow-tooltip="true"
            v-if="colDataDetail[38].istrue"
          />
          <el-table-column
            label="数据版本"
            align="center"
            prop="version"
            v-if="colDataDetail[39].istrue"
          />
          <el-table-column
            label="自定义字段1"
            align="center"
            prop="userDef1"
            width="120"
            v-if="colDataDetail[40].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="自定义字段2"
            align="center"
            prop="userDef2"
            width="120"
            v-if="colDataDetail[41].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="自定义字段3"
            align="center"
            prop="userDef3"
            width="120"
            v-if="colDataDetail[42].istrue"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="操作"
            align="center"
            class-name="small-padding fixed-width"
            width="100"
            v-if="colDataDetail[43].istrue"
          >
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-if="scope.row.status == '0'"
                @click="detailUpdate(scope.row)"
                v-hasPermi="['shipment:bill:edit']"
                >编辑</el-button
              >
              <el-button
                size="mini"
                type="text"
                icon="el-icon-delete"
                v-if="scope.row.status == '0'"
                @click="detailDelete(scope.row)"
                v-hasPermi="['shipment:bill:remove']"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>

        <pagination
          v-show="detailTotal > 0"
          :total="detailTotal"
          :page.sync="queryDetailParams.pageNum"
          :limit.sync="queryDetailParams.pageSize"
          @pagination="getDetailList"
        />
      </el-tab-pane>
    </el-tabs>

    <!-- 添加或修改出库单主表对话框 -->
    <el-dialog
      :title="headerTitle"
      :visible.sync="headerOpen"
      width="520px"
      append-to-body
    >
      <el-form
        ref="headerForm"
        :model="headerForm"
        :rules="headerRules"
        label-width="120px"
      >
        <el-form-item label="出库单类型：" prop="shipmentType">
          <el-select
            v-model="headerForm.shipmentType"
            placeholder="请选择"
            :style="{ width: '100%' }"
          >
            <el-option
              v-for="attr in typeOptions"
              :key="attr.id"
              :value="attr.code"
              :label="attr.name"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="货主：" prop="companyCode">
          <el-select
            v-model="headerForm.companyCode"
            placeholder="请选择"
            :style="{ width: '100%' }"
          >
            <el-option
              v-for="attr in companyOptions"
              :key="attr.id"
              :value="attr.code"
              :label="attr.name"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="上游订单号：" prop="referCode">
          <el-input
            v-model="headerForm.referCode"
            placeholder="请输入上游订单号"
          />
        </el-form-item>
        <el-form-item label="上游平台：" prop="referPlatform">
          <el-input
            v-model="headerForm.referPlatform"
            placeholder="请输入上游平台"
          />
        </el-form-item>
        <el-form-item label="客户编码：" prop="customerCode">
          <el-select
            v-model="headerForm.customerCode"
            filterable
            clearable
            placeholder="请选择"
            :style="{ width: '100%' }"
          >
            <el-option
              v-for="attr in customerOptions"
              :key="attr.id"
              :value="attr.code"
              :label="attr.code"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="优先级(0-99)：" prop="priority">
          <el-input
            v-model="headerForm.priority"
            placeholder="请输入优先级(0-99)"
          />
        </el-form-item>
        <el-form-item
          label="要求到货时间："
          prop="requestedDeliveryDate"
          size="medium"
        >
          <el-date-picker
            v-model="headerForm.requestedDeliveryDate"
            type="datetime"
            placeholder="请选择要求到货时间"
            style="width: 100%"
          >
          </el-date-picker>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitHeaderForm">确定</el-button>
        <el-button @click="headerCancel">取消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改出库单明细对话框 -->
    <el-dialog
      :title="detailTitle"
      :visible.sync="detailOpen"
      width="700px"
      append-to-body
    >
      <el-form
        ref="detailForm"
        :model="detailForm"
        :rules="detailRules"
        label-width="120px"
      >
        <el-row gutter="20">
          <el-col span="12">
            <el-form-item label="出库单id：" prop="shipmentId">
              <el-input
                v-model="detailForm.shipmentId"
                placeholder=""
                disabled
              />
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="出库单编码：" prop="shipmentCode">
              <el-input
                v-model="detailForm.shipmentCode"
                placeholder=""
                disabled
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row gutter="20">
          <el-col span="12">
            <el-form-item label="物料编码：" prop="materialCode">
              <el-select
                v-model="detailForm.materialCode"
                filterable
                placeholder="请选择"
                :style="{ width: '100%' }"
              >
                <el-option
                  v-for="attr in materialCodeOptions"
                  :key="attr.id"
                  :value="attr.code"
                  :label="attr.name"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="库存状态：" prop="inventorySts">
              <el-select
                v-model="detailForm.inventorySts"
                placeholder="请选择"
                :style="{ width: '100%' }"
              >
                <el-option
                  v-for="dict in inventoryStsOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row gutter="20">
          <el-col span="12">
            <el-form-item label="发货数量：" prop="shipQty">
              <el-input
                v-model="detailForm.shipQty"
                placeholder="请输入发货数量"
              />
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="出库站台：" prop="stationCode">
              <el-select
                v-model="detailForm.stationCode"
                filterable
                placeholder="请选择"
                :style="{ width: '100%' }"
              >
                <el-option
                  v-for="attr in stationCodeOptions"
                  :key="attr.code"
                  :value="attr.name"
                  :label="attr.name"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row gutter="20">
          <el-col span="12">
            <el-form-item label="批次：" prop="batch">
              <el-input v-model="detailForm.batch" placeholder="请输入批次" />
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="批号：" prop="lot">
              <el-input v-model="detailForm.lot" placeholder="请输入批号" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row gutter="20">
          <el-col span="12">
            <el-form-item label="项目号：" prop="projectNo">
              <el-input
                v-model="detailForm.projectNo"
                placeholder="请输入项目号"
              />
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="上游系统行号：" prop="referLineNum">
              <el-input
                v-model="detailForm.referLineNum"
                placeholder="请输入上游系统行号"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row gutter="20">
          <el-col span="12">
            <el-form-item label="分配规则：" prop="allocationRule">
              <el-select
                v-model="detailForm.allocationRule"
                placeholder="请选择"
                :style="{ width: '100%' }"
              >
                <el-option
                  v-for="item in allocationRuleOptions"
                  :key="item.id"
                  :label="item.description"
                  :value="item.filterCode"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="补货规则：" prop="replenishmentRule">
              <el-input
                v-model="detailForm.replenishmentRule"
                placeholder="请输入补货规则"
              />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row gutter="20">
          <el-col span="12">
            <el-form-item label="拣货规则：" prop="pickingRule">
              <el-select
                v-model="detailForm.pickingRule"
                placeholder="请选择"
                :style="{ width: '100%' }"
              >
                <el-option
                  v-for="item in pickingRuleOptions"
                  :key="item.id"
                  :label="item.filterName"
                  :value="item.filterCode"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item
              label="生产日期："
              prop="manufactureDate"
              size="medium"
            >
              <el-date-picker
                v-model="detailForm.manufactureDate"
                type="datetime"
                placeholder="选择日期时间"
                style="width: 100%"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row gutter="20">
          <el-col span="12">
            <el-form-item
              label="失效日期："
              prop="expirationDate"
              size="medium"
            >
              <el-date-picker
                v-model="detailForm.expirationDate"
                type="datetime"
                placeholder="选择日期时间"
                style="width: 100%"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item
              label="货主："
              prop="companyCode"
              style="display: none"
            >
              <el-input
                v-model="detailForm.companyCode"
                placeholder="请输入货主"
              />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitDetailForm">确 定</el-button>
        <el-button @click="detailCancel">取 消</el-button>
      </div>
    </el-dialog>

    <wave-dialog :showaddwave.sync="showAddwave" :id="id" />
    <headerprint-dialog
      :showheaderprint.sync="showHeaderprint"
      :printlist="HeaderprintList"
      :code="code"
      :customerCode="customerCode"
    />
    <detailprint-dialog
      :showdetailprint.sync="showDetailprint"
      :printlist="DetailprintList"
    />
  </div>
</template>

<script>
import {
  listHeader,
  addHeader,
  getHeader,
  updateHeader,
  delHeader,
  auditHeader,
} from "@/api/shipment/shipmentHeader/header";
import {
  listDetail,
  addDetail,
  getDetail,
  updateDetail,
  delDetail,
  getAutoGroupdisk,
} from "@/api/shipment/shipmentHeader/detail";
import { getTypeSelect } from "@/api/config/shipment/shipmentType";
import {
  getCustomerSelect,
  listCustomer,
} from "@/api/config/shipment/customer";
import { getCompaniesByToken } from "@/api/system/company";
import { queryList } from "@/api/config/InventoryInfo/material";
import { queryList as stationList } from "@/api/config/InventoryInfo/station";
import { listFilterHeader } from "@/api/config/shipment/filterConfigHeader/header";
import waveDialog from "./dialog/waveDialog";
import headerprintDialog from "./dialog/headerprintDialog";
import detailprintDialog from "@/views/shipment/shipmentHeader/dialog/detailprintDialog";

export default {
  name: "ShipmentHeader",
  components: {
    waveDialog,
    headerprintDialog,
    detailprintDialog,
  },
  data() {
    return {
      //弹出单独加入波次dialog
      showAddwave: false,
      //加入波次 id 【来源列表 选中的id】
      id: "",
      //弹出单独打印dialog(出库单打印及出库单铭牌打印)
      showHeaderprint: false,
      showDetailprint: false,
      // 主表遮罩层
      headerLoading: true,
      // 主表选中数组
      headerIds: [],
      // 主表非单个禁用
      headerSingle: true,
      // 主表非多个禁用
      headerMultiple: true,
      // 主表显示搜索条件
      showHeaderSearch: true,
      // 主表总条数
      headerTotal: 0,
      // 主表表格数据
      HeaderList: [],
      /*code:'',
        companyCode:'',*/
      // 主表弹出层标题
      headerTitle: "",
      // 主表是否显示弹出层
      headerOpen: false,
      //单日期选择
      headerForm: {},
      // 出库类型数据
      typeOptions: [],
      // 货主数据
      companyOptions: [],
      // 客户编码字典
      customerOptions: [],
      // 头状态、尾状态字典
      firstOptions: [],
      lastOptions: [],
      // 分配、拣货规则数据
      allocationRuleOptions: [],
      pickingRuleOptions: [],
      // 创建时间
      dateRange: [],
      // 对话框日期范围
      dateRange2: [],
      // 主表查询参数
      queryHeaderParams: {
        pageNum: 0,
        pageSize: 10,
        code: undefined,
        shipmentType: undefined,
        companyCode: undefined,
        referCode: undefined,
        referCodeType: undefined,
        customerCode: undefined,
        firstStatus: undefined,
        lastStatus: undefined,
      },
      // 主表表单参数
      // headerForm: {},
      // 主表表单校验
      headerRules: {
        shipmentType: [
          {
            required: true,
            message: "出库单类型不能为空",
            trigger: ["blur", "change"],
          },
        ],
        companyCode: [
          {
            required: true,
            message: "货主不能为空",
            trigger: ["blur", "change"],
          },
        ],
        priority: [
          {
            pattern: /^([1-9]\d|\d)$/,
            message: "请输入0-99的正整数",
            trigger: ["blur", "change"],
          },
        ],
      },
      // 明细遮罩层
      detailLoading: true,
      // 明细选中数组
      detailIds: [],
      // 明细非单个禁用
      detailSingle: true,
      // 明细非多个禁用
      detailMultiple: true,

      // 明细总条数
      detailTotal: 0,
      //打印数据
      HeaderprintList: [],
      DetailprintList: [],
      // 明细表格数据
      DetailList: [],
      // 明细弹出层标题
      detailTitle: "",
      // 明细是否显示弹出层
      detailOpen: false,
      // 明细数据字典
      //物料编码、库存状态、出库站台、分配规则、拣货规则
      materialCodeOptions: [],
      inventoryStsOptions: [],
      stationCodeOptions: [],
      ruleOptions: [],
      pruleOptions: [],

      // 明细查询参数
      queryDetailParams: {
        id: undefined,
        shipmentId: 0,
        pageNum: 1,
        pageSize: 10,
        shipmentCode: "",
      },
      // 明细表单参数
      detailForm: {},
      // 明细表单校验
      detailRules: {
        materialCode: [
          {
            required: true,
            message: "物料编码不能为空",
            trigger: ["blur", "change"],
          },
        ],
        inventorySts: [
          {
            required: true,
            message: "库存状态不能为空",
            trigger: ["blur", "change"],
          },
        ],
        shipQty: [
          {
            required: true,
            message: "发货数量不能为空",
            trigger: ["blur", "change"],
          },
          {
            pattern: /^(1|[1-9][0-9]*)$/,
            message: "请输入正确的正整数",
            trigger: ["blur", "change"],
          },
        ],
      },
      activeName: "first",
      shipmentCode: "",
      noSearch: false,
      colData: [
        { title: "出库单id", istrue: false },
        { title: "出库单号", istrue: true },
        { title: "仓库", istrue: false },
        { title: "货主", istrue: true },
        { title: "上游订单号", istrue: true },
        { title: "上游订单类型", istrue: false },
        { title: "上游订单内部号", istrue: false },
        { title: "上游订单行id", istrue: false },
        { title: "订单平台", istrue: false },
        { title: "头状态", istrue: true },
        { title: "尾状态", istrue: true },
        { title: "出库类型", istrue: true },
        { title: "客户编码", istrue: true },
        { title: "客户名称", istrue: false },
        { title: "优先级", istrue: false },
        { title: "路线", istrue: false },
        { title: "要求到货时间", istrue: false },
        { title: "计划发车日期", istrue: false },
        { title: "实际发车时间", istrue: false },
        { title: "实际到货时间", istrue: false },
        { title: "配送要求", istrue: false },
        { title: "失败原因", istrue: false },
        { title: "波次号", istrue: true },
        { title: "发货月台", istrue: false },
        { title: "分配完成", istrue: false },
        { title: "总重量", istrue: false },
        { title: "总数量", istrue: true },
        { title: "总体积", istrue: false },
        { title: "总行数", istrue: true },
        { title: "处理类型", istrue: false },
        { title: "上次波次号", istrue: false },
        { title: "特征值", istrue: false },
        { title: "承运人", istrue: false },
        { title: "承运人服务商", istrue: false },
        { title: "订单备注", istrue: false },
        { title: "承运商编码", istrue: false },
        { title: "承运商名称", istrue: false },
        { title: "车牌号", istrue: false },
        { title: "车型", istrue: false },
        { title: "司机名称", istrue: false },
        { title: "司机联系方式", istrue: false },
        { title: "创建时间", istrue: true },
        { title: "创建用户", istrue: true },
        { title: "最后修改时间", istrue: false },
        { title: "更新用户", istrue: false },
        { title: "自定义字段1", istrue: false },
        { title: "自定义字段2", istrue: false },
        { title: "自定义字段3", istrue: false },
        { title: "操作", istrue: true, disabled: true },
      ],
      colDataDetail: [
        { title: "明细id", istrue: false },
        { title: "出库单内部号", istrue: false },
        { title: "仓库", istrue: false },
        { title: "货主", istrue: true },
        { title: "出库单号", istrue: false },
        { title: "上游订单号", istrue: false },
        { title: "上游订单内部号", istrue: false },
        { title: "上游订单行号", istrue: false },
        { title: "物料编码", istrue: true },
        { title: "物料名称", istrue: true },
        { title: "物料规格", istrue: true },
        { title: "物料单位", istrue: true },
        { title: "发货数量", istrue: true },
        { title: "已出数量", istrue: true },
        { title: "库存数量", istrue: true },
        { title: "分配规则", istrue: false },
        { title: "补货规则", istrue: false },
        { title: "拣货规则", istrue: false },
        { title: "拣货货位", istrue: false },
        { title: "属性1", istrue: false },
        { title: "属性2", istrue: false },
        { title: "属性3", istrue: false },
        { title: "属性4", istrue: false },
        { title: "批次", istrue: false },
        { title: "批号", istrue: false },
        { title: "项目号", istrue: true },
        { title: "生产日期", istrue: false },
        { title: "失效日期", istrue: false },
        { title: "入库日期", istrue: false },
        { title: "库存状态", istrue: true },
        { title: "月台货位", istrue: false },
        { title: "包装分类", istrue: false },
        { title: "出库站台", istrue: true },
        { title: "明细状态", istrue: true },
        { title: "波次ID", istrue: false },
        { title: "创建时间", istrue: true },
        { title: "创建用户", istrue: true },
        { title: "最后修改时间", istrue: true },
        { title: "更新用户", istrue: true },
        { title: "数据版本", istrue: false },
        { title: "自定义字段1", istrue: false },
        { title: "自定义字段2", istrue: false },
        { title: "自定义字段3", istrue: false },
        { title: "操作", istrue: true, disabled: true },
      ],
    };
  },

  created() {
    this.getHeaderList();
    //出库单类型select下拉接口获取
    getTypeSelect().then((response) => {
      this.typeOptions = response.data;
    });
    //货主select下拉接口获取
    getCompaniesByToken().then((response) => {
      this.companyOptions = response;
    });
    //客户编码下拉接口获取
    // getCustomerSelect().then(response => {
    //   this.customerOptions = response.data;
    // });
    listCustomer().then((response) => {
      this.customerOptions = response.rows;
    });

    this.getDicts("shipmentHeaderStatus").then((response) => {
      this.firstOptions = response.data;
    });
    this.getDicts("shipmentHeaderStatus").then((response) => {
      this.lastOptions = response.data;
    });

    // 明细字典下拉
    this.getDetailList();
    //物料编码select下拉接口获取
    queryList().then((response) => {
      this.materialCodeOptions = response.rows;
    });
    //出库站台下拉接口获取
    stationList().then((response) => {
      this.stationCodeOptions = response.rows;
    });
    //分配拣货规则
    listFilterHeader({ moduleType: "shipment" }).then((response) => {
      response.rows.forEach((item) => {
        if (item.recordType == "allocationRule") {
          this.allocationRuleOptions.push(item);
        }
        if (item.recordType == "shipmentPickingRule") {
          this.pickingRuleOptions.push(item);
        }
      });
    });

    //库存状态字典
    this.getDicts("inventorySts").then((response) => {
      this.inventoryStsOptions = response.data;
    });
  },

  //加了右边勾选的表格字段后，防止表格数据切换抖动
  beforeUpdate() {
    this.$nextTick(() => {
      this.$refs["table"].doLayout();
    });
  },

  methods: {
    //跳转到出库组盘
    handleGroupDisk(row) {
      this.$router.push({
        path: "/shipment/shippingCombination",
        query: { shipmentCode: this.code },
      });
    },
    //加入波次（dialog显示）
    addwave() {
      //debugger
      this.id = this.headerIds.join(",");
      this.showAddwave = true;
    },
    //打印（dialog显示）
    headerPrint(row) {
      this.showHeaderprint = true;
      this.queryDetailParams.id = row.id;
      this.code = row.code;
      this.customerCode = row.customerCode;
      this.queryDetailParams.pageNum = undefined;
      this.queryDetailParams.shipmentId = row.id;
      listDetail(this.queryDetailParams).then((response) => {
        this.HeaderprintList = response.rows;
      });
    },
    detailPrint() {
      this.showDetailprint = true;
    },

    /** 查询主表列表 */
    getHeaderList() {
      this.headerLoading = true;
      listHeader(
        this.addDateRange(this.queryHeaderParams, this.dateRange)
      ).then((response) => {
        this.HeaderList = response.rows;
        this.headerTotal = response.total;
        this.headerLoading = false;
      });
    },

    // 出库单类型字典翻译
    shipmentTypeFormat(row, column) {
      return this.selectCommonLabel(this.typeOptions, row.shipmentType);
    },
    // 货主字典翻译
    companyCodeFormat(row, column) {
      return this.selectCommonLabel(this.companyOptions, row.companyCode);
    },
    // 头状态字典翻译
    firstFormat(row, column) {
      return this.selectDictLabel(this.firstOptions, row.firstStatus);
    },
    // 尾状态字典翻译
    lastFormat(row, column) {
      return this.selectDictLabel(this.lastOptions, row.lastStatus);
    },
    // 明细字典翻译(库存状态、明细状态)
    inventoryStsFormat(row, column) {
      return this.selectDictLabel(this.inventoryStsOptions, row.inventorySts);
    },
    mxstatusFormat(row, column) {
      return this.selectDictLabel(this.firstOptions, row.status);
    },

    // 主表取消按钮
    headerCancel() {
      this.headerOpen = false;
      this.headerReset();
    },
    // 主表表单重置
    headerReset() {
      this.headerForm = {
        shipmentType: undefined,
        companyCode: undefined,
        referCode: undefined,
        referPlatform: undefined,
        customerCode: undefined,
        priority: undefined,
        requestedDeliveryDate: undefined,
      };
      this.resetForm("headerForm");
    },
    /** 主表搜索按钮操作 */
    headerQuery() {
      this.queryHeaderParams.pageNum = 1;
      this.getHeaderList();
    },
    /** 主表重置按钮操作 */
    resetHeaderQuery() {
      this.dateRange = [];
      this.resetForm("queryHeaderForm");
      this.headerQuery();
    },
    /** 主表新增按钮操作 */
    headerAdd() {
      this.headerReset();
      this.headerOpen = true;
      this.headerTitle = "添加出库单";
    },
    // 主表多选框选中数据
    headerSelectionChange(selection) {
      this.headerIds = selection.map((item) => item.id);
      this.code = selection.map((item) => item.code);
      this.headerSingle = selection.length != 1;
      this.headerMultiple = !selection.length;
    },

    /** 主表修改按钮操作 */
    headerUpdate(row) {
      this.headerReset();
      const headerId = row.id || this.headerIds;
      getHeader(headerId).then((response) => {
        delete response.data.created;
        delete response.data.lastUpdated;
        this.headerForm = response.data;
        this.headerOpen = true;
        this.headerTitle = "修改出库单";
      });
    },

    /** 主表提交按钮 */
    submitHeaderForm: function () {
      this.$refs["headerForm"].validate((valid) => {
        if (valid) {
          if (this.headerForm.id != undefined) {
            updateHeader(this.headerForm).then((response) => {
              if (response.code === 200) {
                this.msgSuccess("修改成功");
                this.headerOpen = false;
                this.getHeaderList();
              }
            });
          } else {
            addHeader(this.addDateRange(this.headerForm, this.dateRange2)).then(
              (response) => {
                if (response.code === 200) {
                  this.msgSuccess("新增成功");
                  this.headerOpen = false;
                  this.getHeaderList();
                }
              }
            );
          }
        }
      });
    },

    /** 主表删除按钮操作 */
    headerDelete(row) {
      const headerIds = row.id || this.headerIds;
      this.$confirm(
        row.id
          ? "是否确认删除该条出库单信息吗？"
          : "是否确认删除选中的" + this.headerIds.length + "条数据项？",
        "警告",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        }
      )
        .then(function () {
          return delHeader(headerIds);
        })
        .then(() => {
          this.getHeaderList();
          this.msgSuccess("删除成功");
        })
        .catch(function () {});
    },

    // 主表明细按钮操作
    handleDetail(row) {
      this.detailForm.shipmentId = row.id;
      this.detailForm.shipmentCode = row.code;
      this.code = row.code;
      this.detailForm.companyCode = row.companyCode;
      this.companyCode = row.companyCode;
      this.queryDetailParams.shipmentId = row.id; //选项卡切换隐藏
      this.shipmentId = row.id;
      this.queryDetailParams.shipmentCode = row.code;
      this.shipmentCode = row.code;
      this.activeName = "second";
      this.detailLoading = true;

      listDetail({ shipmentCode: row.code }).then((response) => {
        this.DetailList = response.rows;
        this.detailTotal = response.total;
        this.detailLoading = false;
      });
      // this.getDetailList();
    },

    // 查询明细列表
    getDetailList() {
      this.detailLoading = true;
      listDetail(this.queryDetailParams).then((response) => {
        this.DetailList = response.rows;
        this.detailTotal = response.total;
        this.detailLoading = false;
      });
    },

    //主表订单审核
    orderAudit() {
      auditHeader(this.headerIds).then((response) => {
        if (response.code == 200) {
          this.msgSuccess(response.msg);
          this.getHeaderList();
        } else {
          this.msgError(response.msg);
        }
      });
    },

    // 明细取消按钮
    detailCancel() {
      this.detailOpen = false;
      this.detailReset();
    },
    // 明细表单重置
    detailReset() {
      this.detailForm = {
        shipmentId: undefined,
        shipmentCode: undefined,
        materialCode: undefined,
        inventorySts: undefined,
        shipQty: undefined,
        stationCode: undefined,
        batch: undefined,
        lot: undefined,
        project: undefined,
        referLineNum: undefined,
        allocationRule: undefined,
        replenishmentRule: undefined,
        pickingRule: undefined,
        manufactureDate: undefined,
        expirationDate: undefined,
        companyCode: undefined,
      };
      this.resetForm("detailForm");
    },
    /** 明细新增按钮操作 */
    detailAdd() {
      this.detailReset();
      this.detailForm.shipmentId = this.shipmentId;
      this.detailForm.shipmentCode = this.code;
      this.detailForm.companyCode = this.companyCode;
      this.detailOpen = true;
      this.detailTitle = "添加明细";
    },
    // 明细多选框选中数据
    detailSelectionChange(selection) {
      this.DetailprintList = selection;

      //明细打印title货主
      const companyArr = this.companyOptions.filter(
        (item) => item.code == this.companyCode
      );
      this.DetailprintList.forEach((item) => {
        item.companyName = companyArr[0].name;
      });

      // this.shipmentCode = selection[0].shipmentCode;
      this.detailIds = selection.map((item) => item.id);
      this.materialCode = selection.map((item) => item.materialCode);
      this.detailSingle = selection.length != 1;
      this.detailMultiple = !selection.length;
    },
    /** 明细修改按钮操作 */
    detailUpdate(row) {
      this.detailReset();
      this.detailForm.shipmentId = this.queryDetailParams.id;
      this.detailForm.shipmentCode = this.code;
      const detailId = row.id || this.detailIds;
      getDetail(detailId).then((response) => {
        delete response.data.created;
        delete response.data.lastUpdated;
        this.detailForm = response.data;
        this.detailOpen = true;
        this.detailTitle = "修改明细";
      });
    },
    /** 明细提交按钮 */
    submitDetailForm: function () {
      this.$refs["detailForm"].validate((valid) => {
        if (valid) {
          if (this.detailForm.id != undefined) {
            updateDetail(this.detailForm).then((response) => {
              if (response.code === 200) {
                this.msgSuccess("修改成功");
                this.detailOpen = false;
                this.getDetailList();
                this.getHeaderList();
              }
            });
          } else {
            addDetail(this.detailForm).then((response) => {
              if (response.code === 200) {
                this.msgSuccess("新增成功");
                this.detailOpen = false;
                this.getDetailList();
                this.getHeaderList();
              }
            });
          }
        }
      });
    },

    /** 明细删除按钮操作 */
    detailDelete(row) {
      const detailIds = row.id || this.detailIds;
      this.$confirm(
        row.id
          ? "是否确认删除该条出库单明细信息吗？"
          : "是否确认删除选中的" + this.detailIds.length + "条数据项？",
        "警告",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        }
      )
        .then(function () {
          return delDetail(detailIds);
        })
        .then(() => {
          this.getDetailList();
          this.msgSuccess("删除成功");
          this.getHeaderList();
        })
        .catch(function () {});
    },

    /** 表格切换字段显示操作 */
    selectData(val) {
      if (val) {
        this.colData.filter((i) => {
          if (val.indexOf(i.title) !== -1) {
            i.istrue = true;
          } else {
            i.istrue = false;
          }
        });
      }
    },
    selectDataDetail(val) {
      if (val) {
        this.colDataDetail.filter((i) => {
          if (val.indexOf(i.title) !== -1) {
            i.istrue = true;
          } else {
            i.istrue = false;
          }
        });
      }
    },

    //明细自动组盘
    handleAutoGroupDisk() {
      getAutoGroupdisk(this.detailIds).then((response) => {
        if (response.code == 200) {
          this.msgSuccess(response.msg);
          this.getDetailList();
        } else {
          this.msgError(response.msg);
        }
      });
    },
  },
};
</script>


<style lang="scss" scoped>
.el-form-item {
  margin-bottom: 16px;
}
.el-dialog__body {
  padding: 20px 20px 10px 20px;
}
.el-dialog__footer {
  padding: 10px 50px 20px;
}
.pagination-container {
  margin-bottom: 20px;
}
.el-button--mini.is-round {
  padding: 5px 10px;
}
</style>