Warehouse_management_ui/src/views/Warehousing/outStock/AddOrUpdate.vue

<template>
  <div>
    <div style="display: flex; justify-content: space-between">
      <div style="display: flex; align-items: center">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item
          ><span style="font-weight: 700">出库</span></el-breadcrumb-item
          >
          <el-breadcrumb-item
          ><span style="font-weight: 700"
          >出库详情页</span
          ></el-breadcrumb-item
          >
        </el-breadcrumb>
        <el-button
            style="margin-left: 10px"
            size="mini"
            icon="el-icon-arrow-left"
            @click="goBack"
        >返回列表
        </el-button
        >
      </div>
      <div v-if="showApproval == 0">
        <el-button
            type="info"
            size="small"
            @click="addOrUpdateHandle(form, 'warehouse_status')"
            v-if="form.warehouseStatus > 3"
        >查看接单审批
        </el-button>
        <el-button
            type="info"
            size="small"
            @click="addOrUpdateHand(form, 'warehouse_status')"
            v-if="form.warehouseStatus > 3 && approVal == true"
        >接单审批
        </el-button>
        <el-button
            type="info"
            :disabled="form.warehouseStatus >= 4"
            size="small"
            @click="verifyForm"
            v-if="form.fBillstatus"
        >接单请核
        </el-button>
        <el-button
            type="info"
            size="small"
            @click="ordersRevoke"
            v-if="form.warehouseStatus == 6"
        >撤销接单请核
        </el-button>
        <el-button
            type="info"
            size="small"
            @click="revokeTwo('warehouse_status')"
            v-if="form.warehouseStatus == 4"
        >撤销接单审批
        </el-button>
      </div>
    </div>
    <br/>
    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
      <el-row>
        <el-col :span="8">
          <el-form-item label="客户" prop="fCorpid">
            <el-select
                v-model="form.fCorpid"
                clearable
                filterable
                placeholder="请输入关键词"
                style="width: 80%"
                @change="changefStltype"
                :disabled="detailList.length > 0 || form.warehouseStatus > 3"
            >
              <el-option
                  v-for="(item, index) in fMblnoOptions"
                  :key="index.fId"
                  :label="item.fName"
                  :value="item.fId"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="结算方式" prop="fStltypeid">
            <el-select
                v-model="form.fStltypeid"
                placeholder="请选择结算方式"
                clearable
                :disabled="browseStatus || form.warehouseStatus > 3"
                style="width: 80%"
            >
              <el-option
                  v-for="(item, index) in fStltypeOptions"
                  :key="index.dictValue"
                  :label="item.dictLabel"
                  :value="item.dictValue"
              />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="提单号" prop="fMblno">
            <el-input
                v-model="form.fMblno"
                style="width: 80%"
                placeholder="请输入提单号"
                @change="judgmentWarehouse"
                :disabled="detailList.length != 0"
            />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="业务日期" prop="fBsdate">
            <el-date-picker
                v-model="form.fBsdate"
                style="width: 80%"
                type="date"
                :disabled="browseStatus || form.warehouseStatus > 3"
                value-format="timestamp"
                format="yyyy-MM-dd"
                placeholder="业务日期"
                @change="changeDate"
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="业务时间" prop="fBstime">
            <el-time-picker
                style="width: 80%"
                :disabled="browseStatus || form.warehouseStatus > 3"
                v-model="form.fBstime"
                :picker-options="{
                selectableRange: '00:00:00 - 23:59:59',
              }"
                value-format="timestamp"
                placeholder="任意时间点"
            >
            </el-time-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="车辆类型" prop="fCartype">
            <el-select
                style="width: 80%"
                v-model="form.fCartype"
                :disabled="browseStatus || form.warehouseStatus > 3"
            >
              <el-option
                  v-for="(dict, index) in fCartypeOptions"
                  :key="index.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="仓管员" prop="fStorekeeper">
            <el-select
                v-model="form.fStorekeeper"
                filterable
                clearable
                :disabled="browseStatus || form.warehouseStatus > 3"
                style="width: 80%"
                placeholder="请输入模糊查找"
            >
              <el-option
                  v-for="(item, index) in userOptions"
                  :key="index.userName"
                  :label="item.nickName"
                  :value="item.userName"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="仓库" prop="fWarehouseid">
            <el-select
                v-model="form.fWarehouseid"
                filterable
                :disabled="
                browseStatus ||
                detailList.length > 0 ||
                form.warehouseStatus > 3
              "
                style="width: 80%"
                placeholder="请选择"
                @change="warehouseChange"
            >
              <el-option
                  v-for="(item, index) in form.fMblno && form.fCorpid && !form.fId?warehouseSwitching:warehouseOptions"
                  :key="index.fId"
                  :label="item.fName"
                  :value="item.fId"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="计费单位" prop="fFeetUnit">
            <el-select
                v-model="form.fFeetUnit"
                placeholder="请选择计费单位"
                clearable
                :disabled="browseStatus || form.warehouseStatus > 3"
                style="width: 80%"
            >
              <el-option
                  v-for="(item, index) in fFeetUnitOptions"
                  :key="index.dictValue"
                  :label="item.dictLabel"
                  :value="item.dictValue"
              />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="计划件数" prop="fPlanqty">
            <el-input
                v-model.number="form.fPlanqty"
                style="width: 80%"
                maxlength="9"
                laceholder="计划件数"
                :disabled="
                browseStatus || current !== before || form.warehouseStatus > 3
              "
            />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="计划净重(kg)" prop="fPlannetweight">
            <el-input
                v-model="form.fPlannetweight"
                style="width: 80%"
                maxlength="16"
                v-input-limit="2"
                laceholder="计划净重"
                :disabled="
                browseStatus || current !== before || form.warehouseStatus > 3
              "
                @change="tfNetweight"
            >
              <template slot="append">{{ tfNetweightnum }}吨</template>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="计划毛重(kg)" prop="fPlangrossweight">
            <el-input
                v-model="form.fPlangrossweight"
                v-input-limit="2"
                style="width: 80%"
                laceholder="计划毛重"
                maxlength="16"
                :disabled="
                browseStatus || current !== before || form.warehouseStatus > 3
              "
                @change="tfGrossweight"
            >
              <template slot="append">{{ tfGrossweightnum }}吨</template>
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <div v-if="detailsHidden2">
        <el-row>
          <el-col :span="8">
            <el-form-item label="作业类型" prop="fBusinessType">
              <el-select
                  style="width: 80%"
                  v-model="form.fBusinessType"
                  filterable
                  @change="educationChange"
                  :disabled="
                  browseStatus ||
                  warehouseDrList.length > 0 ||
                  warehouseCrList.length > 0 ||
                  form.warehouseStatus > 3
                "
              >
                <el-option
                    v-for="(item, index) in businessTypeOption"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="劳务公司" prop="fLabour">
              <el-select
                  style="width: 80%"
                  v-model="form.fLabour"
                  clearable
                  filterable
                  placeholder="请输入关键词"
                  :disabled="contrOl || browseStatus || form.warehouseStatus > 3"
              >
                <el-option
                    v-for="(item, index) in fCompanyOptIons"
                    :key="index.fId"
                    :label="item.fName"
                    :value="item.fId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item
                label="车队"
                prop="fFleet"
                :rules="{
                required: isrequired === 1 ? true : false,
                message: '请选择',
                trigger: ['blur', 'change'],
              }"
            >
              <el-select
                  style="width: 80%"
                  v-model="form.fFleet"
                  clearable
                  filterable
                  placeholder="请输入关键词"
                  :disabled="contrOl || browseStatus || form.warehouseStatus > 3"
              >
                <el-option
                    v-for="(item, index) in fleetOptions"
                    :key="index.fId"
                    :label="item.fName"
                    :value="item.fId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item
                label="车号"
                prop="fTruckno"
                :rules="{
                required: isrequired2 === 1 ? true : false,
                message: '请选择',
                trigger: ['blur', 'change'],
              }"
            >
              <el-input
                  v-model="form.fTruckno"
                  style="width: 80%"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  placeholder="车号"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item
                label="司机姓名"
                prop="fDriverName"
                :rules="{
                required: isrequired2 === 1 ? true : false,
                message: '请选择',
                trigger: ['blur', 'change'],
              }"
            >
              <el-input
                  v-model="form.fDriverName"
                  style="width: 80%"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  placeholder="司机姓名"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item
                label="司机电话"
                prop="fDriverTel"
                :rules="{
                required: isrequired2 === 1 ? true : false,
                message: '请选择',
                trigger: ['blur', 'change'],
              }"
            >
              <el-input
                  v-model="form.fDriverTel"
                  style="width: 80%"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  placeholder="司机电话"
              />
            </el-form-item>
          </el-col>
        </el-row>
      </div>
      <el-row>
        <el-col :span="16">
          <el-row v-if="detailsHidden2">
            <el-col :span="12">
              <el-form-item
                  label="司机身份证"
                  prop="fDriverIdCar"
                  :rules="{
                  required: isrequired2 === 1 ? true : false,
                  message: '请选择',
                  trigger: ['blur', 'change'],
                }"
              >
                <el-input
                    v-model="form.fDriverIdCar"
                    style="width: 80%"
                    :disabled="browseStatus || form.warehouseStatus > 3"
                    placeholder="司机身份证"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="备注" prop="remark">
                <el-input
                    style="width: 80%"
                    v-model="form.remark"
                    type="textarea"
                    :disabled="browseStatus || form.warehouseStatus > 3"
                    placeholder="请输入内容"
                />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收费指示" prop="remark">
                <el-input
                    style="width: 80%"
                    v-model="form.fRemarksFees"
                    type="textarea"
                    :disabled="browseStatus || form.warehouseStatus > 3"
                    placeholder="请输入内容"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :offset="16" :span="6">
              <el-button
                  v-if="dataShowcar == '0'"
                  @click="
                  detailsHidden2
                    ? (detailsHidden2 = false)
                    : (detailsHidden2 = true)
                "
              >{{ detailsHidden2 ? "隐藏" : "更多" }}
              </el-button>
              <el-button
                  @click="
                  detailsHidden
                    ? (detailsHidden = false)
                    : (detailsHidden = true)
                "
              >{{ detailsHidden ? "隐藏" : "展开" }}
              </el-button>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="8">
          <el-form-item>
            <div style="display: flex; align-items: center">
              <el-table
                  :data="CntrTable"
                  style="width: 80%"
                  :header-cell-style="{ lineHeight: '16px' }"
              >
                <el-table-column
                    prop="fCntrid "
                    label="箱型"
                    header-align="center"
                    align="center"
                >
                  <template slot-scope="scope">
                    <el-select
                        placeholder="请选择箱型"
                        v-model="scope.row.fCntrid"
                        size="mini"
                    >
                      <el-option
                          v-for="(item, index) in cntrList"
                          :key="index.fId"
                          :label="item.fName"
                          :value="item.fId"
                      >
                      </el-option>
                    </el-select>
                  </template>
                </el-table-column>
                <el-table-column
                    prop="fCntrcount"
                    label="箱量"
                    header-align="center"
                    align="center"
                >
                  <template slot-scope="scope">
                    <el-input
                        placeholder="请输入箱量"
                        v-model="scope.row.fCntrcount"
                        size="mini"
                    >
                    </el-input>
                  </template>
                </el-table-column>
                <el-table-column
                    prop="fCntrcount"
                    label="操作"
                    header-align="center"
                    align="center"
                    width="50"
                >
                  <template slot-scope="scope">
                    <el-button
                        size="mini"
                        type="text"
                        @click.native.prevent="deleteRow(scope.$index, CntrTable)"
                        icon="el-icon-delete"
                    ></el-button>
                  </template>
                </el-table-column>
              </el-table>
              <el-tag class="tag-hover" @click="addRow"
              ><i class="el-icon-plus"></i
              ></el-tag>
            </div>
          </el-form-item>
        </el-col>
      </el-row>

      <div v-if="detailsHidden">
        <el-row style="margin-top: 30px">
          <el-col :span="8">
            <el-form-item label="仓库联系人" prop="fContacts">
              <el-input
                  v-model="form.fContacts"
                  style="width: 80%"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  placeholder="仓库联系人"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="仓库电话" prop="fTel">
              <el-input
                  v-model="form.fTel"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  style="width: 80%"
                  placeholder="请输仓库入电话"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="贸易方式" prop="fTrademodeid">
              <el-select
                  v-model="form.fTrademodeid"
                  placeholder="请选择贸易方式"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  style="width: 80%"
              >
                <el-option
                    v-for="(item, index) in fTrademodeidOptions"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="单据编号" prop="fBillno">
              <el-input
                  v-model="form.fBillno"
                  disabled
                  style="width: 80%"
                  placeholder="单据编号"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="破损" prop="fifdamage">
              <el-select
                  v-model="form.fIfdamage"
                  placeholder="请选择是否破损"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  clearable
                  style="width: 80%"
              >
                <el-option
                    v-for="(item, index) in fIfdamageOptions"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="过磅" prop="fIfweigh">
              <el-select
                  v-model="form.fIfweigh"
                  placeholder="请选择是否过磅"
                  clearable
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  style="width: 80%"
              >
                <el-option
                    v-for="(item, index) in fIfweighOptions"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="制单人" prop="createBy">
              <el-input
                  disabled
                  v-model="form.createBy"
                  style="width: 80%"
                  placeholder="制单人"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="制单部门" prop="fDeptid">
              <el-select
                  v-model="form.fDeptid"
                  filterable
                  disabled
                  style="width: 80%"
                  remote
              >
                <el-option
                    v-for="(item, index) in deptOptions"
                    :key="index.deptId"
                    :label="item.deptName"
                    :value="item.deptId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="制单日期" prop="createTime">
              <el-date-picker
                  v-model="form.createTime"
                  size="large"
                  type="date"
                  disabled
                  style="width: 80%"
                  value-format="timestamp"
                  placeholder="制单日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="品名" prop="fProductName">
              <el-input
                  v-model="form.fProductName"
                  style="width: 80%"
                  disabled
                  placeholder="品名"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="品牌">
              <el-input
                  v-model="form.fMarks"
                  style="width: 80%"
                  disabled
                  placeholder="品牌"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="业务员" prop="fSalesmanId">
              <el-select
                  v-model="form.fSalesmanId"
                  clearable
                  filterable
                  placeholder="请选择业务员"
                  style="width: 80%"
                  :disabled="browseStatus || form.warehouseStatus > 3"
              >
                <el-option
                    v-for="(item, index) in fSalesmanId"
                    :key="index.userId"
                    :label="item.userName"
                    :value="item.userId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="预计到厂日期" prop="fPredictBranch">
              <el-date-picker
                  v-model="form.fPredictBranch"
                  style="width: 80%"
                  type="date"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  value-format="timestamp"
                  placeholder="预计到厂日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="等级" prop="fGrade">
              <el-input
                  v-model="form.fGrade"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  style="width: 80%"
                  placeholder="等级"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="送货详情" prop="fDeliveryDetails">
              <el-input
                  v-model="form.fDeliveryDetails"
                  :disabled="browseStatus || form.warehouseStatus > 3"
                  style="width: 80%"
                  placeholder="送货详情"
              />
            </el-form-item>
          </el-col>
        </el-row>
      </div>
    </el-form>
    <el-dialog
        title="自定义列显示"
        :visible.sync="showSetting"
        width="700px"
        v-dialogDrag
        :close-on-click-modal="false"
    >
      <template slot="title">
        <div class="avue-crud__dialog__header">
          <span class="el-dialog__title">
            <span
                style="
                display: inline-block;
                width: 3px;
                height: 20px;
                margin-right: 5px;
                float: left;
                margin-top: 2px;
              "
            ></span>
          </span>
        </div>
      </template>
      <div>配置排序列数据（拖动调整顺序）</div>
      <div style="margin-left: 17px">
        <el-checkbox
            v-model="allCheck"
            label="全选"
            @change="allChecked"
        ></el-checkbox>
      </div>
      <div style="padding: 4px; display: flex; justify-content: center">
        <draggable
            v-model="setRowList"
            group="site"
            animation="300"
            @start="onStart"
            @end="onEnd"
            handle=".indraggable"
        >
          <transition-group>
            <div
                v-for="item in setRowList"
                :key="item.surface"
                class="listStyle"
            >
              <div style="width: 500px" class="indraggable">
                <div class="progress" :style="{ width: item.width + 'px' }">
                  <el-checkbox
                      :label="item.name"
                      v-model="item.checked"
                      :true-label="0"
                      :false-label="1"
                  >{{ item.name }}
                  </el-checkbox>
                </div>
              </div>
              <el-input-number
                  v-model.number="item.width"
                  controls-position="right"
                  :min="1"
                  :max="500"
                  size="mini"
              ></el-input-number>
            </div>
          </transition-group>
        </draggable>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showSetting = false">取 消</el-button>
        <el-button @click="delRow" type="danger">重 置</el-button>
        <el-button type="primary" @click="save()">确 定</el-button>
      </span>
    </el-dialog>
    <el-collapse v-model="collapselist">
      <el-collapse-item name="1">
        <template slot="title">
          <i class="el-icon-s-home" style="font-size: 16px"></i>
          <span style="font-size: 16px; font-weight: bolder; margin-left: 5px"
          >出库明细</span
          >
        </template>
        <div>
          <el-row
              type="flex"
              justify="space-between"
              style="margin-bottom: 10px"
          >
            <el-col>
              <el-button
                  type="primary"
                  :disabled="browseStatus"
                  size="small"
                  @click="addRelevant"
              >导入库存
              </el-button>
              <el-button
                  :disabled="browseStatus"
                  type="primary"
                  size="small"
                  @click="saveForm"
              >保 存
              </el-button
              >
            </el-col>
            <el-col style="display: flex; justify-content: flex-end">
              <el-button size="small" type="info" prop="打印" @click="printZyd" v-if="entryPrinting == 0"
              >作业单
              </el-button>
              <el-button
                  size="small"
                  v-if="entryPrinting == 0"
                  :disabled="browseStatus"
                  @click="discharge"
              >叫车进场
              </el-button
              >
              <el-button
                  size="small"
                  :disabled="dataListSelection.length <= 0 || deliveryConfirmation"
                  @click="creditClick"
              >出库确认
              </el-button>
              <el-button
                  size="small"
                  :disabled="dataWithdrawList.length <= 0 || cancelDelivery || form.fBillstatus > 3"
                  @click.prevent="withdrawClick"
              >撤回出库
              </el-button>
              <el-dropdown @command="handleCommand" style="margin-left: 10px">
                <el-button size="small" type="success">
                  打印单据<i class="el-icon-arrow-down el-icon--right"></i>
                </el-button>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item command="d">标准出库单</el-dropdown-item>
                  <el-dropdown-item command="i">标准出库单(详情)</el-dropdown-item>
                  <!--                  <el-dropdown-item command="b">出库单</el-dropdown-item>-->
                  <!--                  <el-dropdown-item command="c">理货单</el-dropdown-item>-->
                  <!--                  <el-dropdown-item command="e">出库确认</el-dropdown-item>-->
                  <!--                  <el-dropdown-item command="e">劳务确认</el-dropdown-item>-->
                  <el-dropdown-item command="f">叉车出库单</el-dropdown-item>
                  <el-dropdown-item command="g">单车出库单</el-dropdown-item>
                  <el-dropdown-item command="h">装车存档出库单</el-dropdown-item>
                  <el-dropdown-item command="q">签收单</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
              <el-dropdown @command="detailedApproval" style="margin-left: 10px" v-if="showApproval == 0">
                <el-button size="small" type="primary">
                  明细审批<i class="el-icon-arrow-down el-icon--right"></i>
                </el-button>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item command="QH">明细请核</el-dropdown-item>
                  <el-dropdown-item command="CK">查看明细审批</el-dropdown-item>
                  <el-dropdown-item command="SP">明细审批</el-dropdown-item>
                  <el-dropdown-item command="CX">撤销明细审批</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
              <div style="margin: 0 10px">
                <el-button
                    icon="el-icon-setting"
                    size="mini"
                    circle
                    @click="showSetting = !showSetting"
                ></el-button>
              </div>
            </el-col>
          </el-row>
          <el-table
              :data="detailList"
              tooltip-effect="dark"
              stripe
              :summary-method="getSummaries"
              @selection-change="Selectinventory"
              show-summary
              ref="detailTable"
          >
            <el-table-column type="selection" width="55" align="center" fixed/>
            <el-table-column label="序号" type="index" width="80" fixed/>
            <el-table-column
                v-for="(item, index) in getRowList"
                :key="index"
                :label="item.name"
                :width="item.width"
                :prop="item.label"
                align="center"
                :fixed="item.fixed"
                sortable
            >
              <template slot-scope="scope">
                <span v-if="item.label == 'fBillstatus'">
                  <span v-if="form.fBusinessType === '5'">
                    <span v-if="scope.row.fBillstatus == 40">已装箱</span>
                    <span v-if="scope.row.fBillstatus == 20">待装箱</span>
                    <span v-if="scope.row.fBillstatus == 30">装箱中</span>
                    <span v-if="scope.row.fBillstatus == 10">计划</span>
                  </span>
                  <span v-if="form.fBusinessType !== '5'">
                    <span v-if="scope.row.fBillstatus == 40">已出库</span>
                    <span v-if="scope.row.fBillstatus == 20">待出库</span>
                    <span v-if="scope.row.fBillstatus == 30">出库中</span>
                    <span v-if="scope.row.fBillstatus == 10">计划</span>
                  </span>
                </span>
                <span v-else-if="item.label == 'fBsdate'">
<!--                  scope.row.fBillstatus >= 20"-->
                  <el-date-picker
                      v-model="scope.row.fBsdate"
                      style="width: 138px"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                      type="date"
                      format="yyyy-MM-dd"
                      value-format="timestamp"
                      placeholder="业务日期"
                  >
                  </el-date-picker>
                </span>
                <span v-else-if="item.label == 'fGoodsid'">
                  {{ scope.row.fGoodsid | goodsFormat(goodsOptions) }}
                </span>
                <span v-else-if="item.label == 'fBusinessType'">
                  <el-select
                      v-model="scope.row.fBusinessType"
                      filterable
                      disabled
                      placeholder="请选择商品属性"
                  >
                    <el-option
                        v-for="(item, index) in fStorageTypeOptions"
                        :key="index.dictValue"
                        :label="item.dictLabel"
                        :value="item.dictValue"
                    />
                  </el-select>
                </span>
                <span v-else-if="item.label =='fNowCarton'">
                  <el-input
                      v-model="scope.row.fNowCarton"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                      placeholder="现箱号"
                  />
                </span>
                <span v-else-if="item.label =='fCartypeId'">
                  <el-select
                      style="width: 80%"
                      v-model="scope.row.fCartypeId"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                  >
                    <el-option
                        v-for="(dict, index) in cartypeId"
                        :key="index.dictValue"
                        :label="dict.dictLabel"
                        :value="dict.dictValue"
                    ></el-option>
                </el-select>
                </span>
                <span v-else-if="item.label == 'fQty'">
                  <el-input
                      @change="qtyChange(scope.row)"
                      v-model="scope.row.fQty"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                      placeholder="出库件数"
                  />
                </span>
                <span v-else-if="item.label == 'fGrossweight'">
                  <el-input
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                      v-model="scope.row.fGrossweight"
                      @change="changeOutStock(scope.row)"
                      placeholder="出库毛重"
                  />
                </span>
                <span v-else-if="item.label == 'fNetweight'">
                  <el-input
                      v-model="scope.row.fNetweight"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                      @change="changeOutStock(scope.row)"
                      placeholder="出库净重"
                  />
                </span>
                <span v-else-if="item.label == 'fPackagespecs'">
                  <el-input
                      v-model="scope.row.fPackagespecs"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                      placeholder="包装规格"
                  />
                </span>
                <span v-else-if="item.label == 'fCntrtype'">
                  <el-input
                      v-model="scope.row.fCntrtype"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                      placeholder="箱型"
                  />
                </span>
                <span v-else-if="item.label == 'fCntqty'">
                  <el-input
                      oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                      v-model="scope.row.fCntqty"
                      placeholder="箱量"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                  />
                </span>
                <span v-else-if="item.label == 'fGoodsval'">
                  <el-input
                      v-model="scope.row.fGoodsval"
                      placeholder="货值"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                  />
                </span>
                <span v-else-if="item.label == 'fTruckno'">
                  <el-input
                      v-model="scope.row.fTruckno"
                      placeholder="车号"
                      :disabled="browseStatus || scope.row.fBillstatus >= 40"
                  />
                </span>
                <span v-else-if="item.label == 'fDriverName'">
                  <el-input
                      v-model="scope.row.fDriverName"
                      placeholder="司机名"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                  />
                </span>
                <span v-else-if="item.label == 'fDriverTel'">
                  <el-input
                      v-model="scope.row.fDriverTel"
                      placeholder="司机电话"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                  />
                </span>
                <span v-else-if="item.label == 'fDriverIdCar'">
                  <el-input
                      v-model="scope.row.fDriverIdCar"
                      placeholder="司机身份证"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                  />
                </span>
                <span v-else-if="item.label == 'fIsPass'">
                  <el-select
                      v-model="scope.row.fIsPass"
                      placeholder="是否放行"
                      :disabled="browseStatus || scope.row.fBillstatus == 40"
                      style="width: 80%"
                  >
                    <el-option
                        v-for="(item, index) in releaseList"
                        :key="index.dictValue"
                        :label="item.dictLabel"
                        :value="item.dictValue"
                    />
                  </el-select>
                </span>
                <span v-else-if="item.label == 'fFleet'">
                  <el-select
                      v-model="scope.row.fFleet"
                      placeholder="车队"
                      :disabled="browseStatus || scope.row.fBillstatus >= 40"
                      style="width: 80%"
                  >
                    <el-option
                        v-for="(item, index) in fleetOptions"
                        :key="index.fId"
                        :label="item.fName"
                        :value="item.fId"
                    ></el-option>
                  </el-select>
                </span>
                <span v-else-if="item.label == 'fLntype'">
                  <el-select
                      v-model="scope.row.fLntype"
                      placeholder="装卸方式"
                      :disabled="browseStatus || scope.row.fBillstatus >= 40"
                      style="width: 80%"
                  >
                    <el-option
                        v-for="(item, index) in unloadModes"
                        :key="index.dictValue"
                        :label="item.dictLabel"
                        :value="item.dictValue"
                    />
                  </el-select>
                </span>
                <span v-else-if="item.label == 'fForkliftman'">
                  <el-input
                      v-model="scope.row.fForkliftman"
                      placeholder="叉车工"
                      :disabled="browseStatus || scope.row.fBillstatus >= 40"
                  />
                </span>
                <span v-else-if="item.label == 'fLocalcntrno'">
                  <el-input
                      v-model="scope.row.fLocalcntrno"
                      placeholder="库内箱号"
                      :disabled="browseStatus || scope.row.fBillstatus >= 40"
                      v-Alphabet
                  />
                </span>
                <span v-else-if="item.label == 'fSealno'">
                  <el-input
                      v-model="scope.row.fSealno"
                      placeholder="封号"
                      :disabled="browseStatus || scope.row.fBillstatus >= 40"
                  />
                </span>
                <span v-else-if="item.label == 'fSerialNumber'">
                  <el-input
                    v-model="scope.row.fSerialNumber"
                    placeholder="流水号"
                    :disabled="browseStatus || scope.row.fBillstatus >= 40"
                  />
                </span>
                <span v-else-if="item.label == 'remark'">
                  <el-input
                      v-model="scope.row.remark"
                      placeholder="备注"
                      :disabled="browseStatus"
                      show-word-limit
                  />
                </span>
                <span v-else>{{ scope.row[item.label] }}</span>
              </template>
            </el-table-column>
            <el-table-column
                header-align="center"
                align="center"
                label="操作"
                width="130px"
                fixed="right"
            >
              <template slot-scope="scope">
                <el-button
                    :disabled="browseStatus || scope.row.fBillstatus >= 20"
                    type="text"
                    @click.native.prevent="wDeleteRow(scope.$index, detailList)"
                    size="small"
                >移除
                </el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </div>
      </el-collapse-item>

      <el-collapse-item>
        <template slot="title">
          <i class="el-icon-s-order" style="font-size: 16px"></i>
          <span style="font-size: 16px; font-weight: bolder; margin-left: 5px"
          >附件明细</span
          >
        </template>
        <up-load
            :relevantAttachments="relevantAttachments"
            :createBy="form.createBy"
            :browseStatus="browseStatus"
        ></up-load>
      </el-collapse-item>

      <el-collapse-item>
        <template slot="title">
          <i class="el-icon-circle-plus" style="font-size: 16px"></i>
          <span style="font-size: 16px; font-weight: bolder; margin-left: 5px"
          >收款信息</span
          >
        </template>
        <div
            class="dialogTableTitle flex a-center jlr"
            style="
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0;
          "
        >
          <div>
            <el-button
                size="small"
                type="primary"
                :disabled="browseStatus"
                @click.prevent="addCollection()"
            >新行
            </el-button>
            <!-- <el-button :disabled="browseStatus" @click.prevent="deleteRow(warehouseDrList)"
              >删除
            </el-button> -->
            <el-button
                type="primary"
                size="small"
                :disabled="browseStatus"
                @click="saveForm"
            >保 存
            </el-button
            >
            <!-- <el-button @click.prevent="addAgreement()" type="warning">仓储费协议</el-button> -->
            <el-button
                size="small"
                @click.prevent="handleSelect(3)"
                type="danger"
            >作业费协议
            </el-button>
            <el-button
                @click="calculationFee"
                size="small"
                :disabled="browseStatus"
                type="warning"
            >计算仓储费
            </el-button>
            <el-button
              type="primary"
              size="small"
              v-if="browseStatus"
              @click="feeChange('D')"
            >
              费用变更
            </el-button>
          </div>
        </div>
        <el-table
            :data="warehouseDrList"
            ref="table"
            tooltip-effect="dark"
            border
            stripe
            show-summary
            @selection-change="Collectionoptions"
            :summary-method="warehouseDrSummaries"
        >
          <el-table-column type="selection" width="55" align="center"/>
          <el-table-column label="序号" type="index" width="80">
          </el-table-column>
          <el-table-column
              prop="fCorpid"
              header-align="center"
              align="center"
              width="300px"
              label="客户名称"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fCorpid"
                  filterable
                  clearable
                  placeholder="客户名称"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
              >
                <el-option
                    v-for="(item, index) in fMblnoOptions"
                    :key="index.fId"
                    :label="item.fName"
                    :value="item.fId"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fFeeid"
              header-align="center"
              align="center"
              width="240px"
              label="费用名称"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fFeeid"
                  clearable
                  filterable
                  placeholder="费用名称"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
              >
                <el-option
                    v-for="(item, index) in fDNameOptions"
                    :key="index.fId"
                    :label="item.fName"
                    :value="item.fId"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fBusinessType"
              header-align="center"
              align="center"
              width="180px"
              label="作业类型"
          >
            <template slot-scope="scope">
              <el-select
                  style="width: 80%"
                  v-model="scope.row.fBusinessType"
                  filterable
                  disabled
              >
                <el-option
                    v-for="(item, index) in businessTypeOption"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fFeeUnitid"
              header-align="center"
              align="center"
              width="180px"
              label="计价单位"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fFeeUnitid"
                  placeholder="请选择计价单位"
                  clearable
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  @change="changeFeeUnit(scope.row)"
              >
                <el-option
                    v-for="(item, index) in fFeetUnitOptions"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                />
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fQty"
              header-align="center"
              align="center"
              width="130px"
              label="数量"
          >
            <template slot-scope="scope">
              <el-input
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fQty"
                  placeholder="数量"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  @change="changeContractAmt(scope.row)"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fUnitprice"
              header-align="center"
              align="center"
              width="130px"
              label="单价"
          >
            <template slot-scope="scope">
              <el-input
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fUnitprice"
                  placeholder="单价"
                  :disabled="browseStatus || scope.row.fSrcTypeId !== 0 || scope.row.fBillstatus == 6"
                  @change="changeContractAmt(scope.row)"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fAmount"
              header-align="center"
              align="center"
              width="130px"
              label="金额"
          >
            <template slot-scope="scope">
              <el-input
                  :disabled="browseStatus || scope.row.fSrcTypeId !== 0 || scope.row.fBillstatus == 6"
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fAmount"
                  placeholder="金额"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fStltypeid"
              header-align="center"
              align="center"
              width="130px"
              label="结算方式"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fStltypeid"
                  placeholder="请选择结算表票结、月结"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
              >
                <el-option
                    v-for="(item, index) in fStltypeOptions"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fCurrency"
              header-align="center"
              align="center"
              width="130px"
              label="币别"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fCurrency"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  placeholder="币别"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fExrate"
              header-align="center"
              align="center"
              width="130px"
              label="汇率"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fExrate"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  placeholder="汇率"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fTaxrate"
              header-align="center"
              align="center"
              width="130px"
              label="税率"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fTaxrate"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  placeholder="税率"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fMblno"
              header-align="center"
              align="center"
              width="130px"
              label="提单号"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fMblno"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  placeholder="提单号"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fProductName"
              header-align="center"
              align="center"
              width="140px"
              label="品名"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fProductName"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  placeholder="品名"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fMarks"
              header-align="center"
              align="center"
              width="130px"
              label="品牌"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fMarks"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  placeholder="品牌"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fSrcTypeId"
              header-align="center"
              align="center"
              width="130px"
              label="来源"
          >
            <template slot-scope="scope">
              <span v-if="scope.row.fSrcTypeId === 0">录入</span>
              <span v-if="scope.row.fSrcTypeId == 1">协议</span>
              <span v-if="scope.row.fSrcTypeId == 10">变更</span>
            </template>
          </el-table-column>

          <el-table-column
              prop="fBilltype"
              header-align="center"
              align="center"
              width="140px"
              label="业务来源"
          >
            <template slot-scope="scope">
              <span v-if="scope.row.fBilltype === 'SJRK'">入库</span>
              <span v-if="scope.row.fBilltype === 'SJCK'">出库</span>
              <span v-if="scope.row.fBilltype === 'KCZZ'">库存总账</span>
            </template>
          </el-table-column>
          <el-table-column
              prop="fMblno"
              header-align="center"
              align="center"
              width="140px"
              label="业务单号"
              :disabled="browseStatus"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.fMblno" :disabled="browseStatus || scope.row.fBillstatus == 6" placeholder="请输入业务单号"></el-input>
            </template>
          </el-table-column>
          <el-table-column
              prop="fMarks"
              header-align="center"
              align="center"
              width="140px"
              label="唛头"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.fMarks" :disabled="browseStatus || scope.row.fBillstatus == 6" placeholder="请输入唛头"></el-input>
            </template>
          </el-table-column>
          <el-table-column
              prop="fBsdate"
              header-align="center"
              align="center"
              width="165px"
              label="业务日期"
          >
            <template slot-scope="scope">
              <el-date-picker
                  style="width: 100%;"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  v-model="scope.row.fBsdate"
                  type="date"
                  placeholder="选择日期">
              </el-date-picker>
            </template>
          </el-table-column>
          <el-table-column
              prop="fBillingway"
              header-align="center"
              align="center"
              width="180px"
              label="计费单位"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fBillingway"
                  placeholder="请选择计费单位"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  clearable
              >
                <el-option
                    v-for="dict in fFeetUnitOptions"
                    :key="dict.dictValue"
                    :label="dict.dictLabel"
                    :value="dict.dictValue"
                />
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fBillingQty"
              header-align="center"
              align="center"
              width="140px"
              label="计费数量"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.fBillingQty" :disabled="browseStatus || scope.row.fBillstatus == 6" placeholder="请输入计费数量"></el-input>
            </template>
          </el-table-column>
          <el-table-column
              prop="fChargedate"
              header-align="center"
              align="center"
              width="165px"
              label="计费起始日期"
          >
            <template slot-scope="scope">
              <el-date-picker
                  style="width: 100%;"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  v-model="scope.row.fChargedate"
                  type="date"
                  placeholder="选择日期">
              </el-date-picker>
            </template>
          </el-table-column>
          <el-table-column
              prop="fBillingDeadline"
              header-align="center"
              align="center"
              width="165px"
              label="计费截止日期"
          >
            <template slot-scope="scope">
              <el-date-picker
                  style="width: 100%;"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  v-model="scope.row.fBillingDeadline"
                  type="date"
                  placeholder="选择日期">
              </el-date-picker>
            </template>
          </el-table-column>
          <el-table-column
              prop="fBillingDays"
              header-align="center"
              align="center"
              width="140px"
              label="计费天数"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.fBillingDays" :disabled="browseStatus || scope.row.fBillstatus == 6" placeholder="请输入计费天数"></el-input>
            </template>
          </el-table-column>
          <el-table-column
              prop="fInventoryDays"
              header-align="center"
              align="center"
              width="140px"
              label="库存天数"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.fInventoryDays" :disabled="browseStatus || scope.row.fBillstatus == 6" placeholder="请输入库存天数"></el-input>
            </template>
          </el-table-column>
          <el-table-column
              prop="fAmt"
              header-align="center"
              align="center"
              width="140px"
              label="计费金额"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.fAmt" :disabled="browseStatus || scope.row.fBillstatus == 6" placeholder="请输入计费金额"
                        @change="calculationFAmt(scope.row)"></el-input>
            </template>
          </el-table-column>
          <el-table-column
              prop="remark"
              header-align="center"
              align="center"
              width="150px"
              label="备注"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.remark"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
                  placeholder="备注"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              header-align="center"
              align="center"
              label="操作"
              width="200px"
              fixed="right"
          >
            <template slot-scope="scope">
              <el-button
                  @click.native.prevent="deleteRow(scope.$index, warehouseDrList)"
                  size="small"
                  :disabled="browseStatus || scope.row.fBillstatus == 6"
              >移除
              </el-button
              >
              <el-button
                size="small"
                @click="listCheck(scope.row)"
                v-if="scope.row.fBillstatus < 6"
              >请核</el-button>
              <el-button
                size="small"
                @click="revokeListCheck(scope.row)"
                v-if="scope.row.fBillstatus == 6"
              >撤销请核</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-collapse-item>

      <el-collapse-item>
        <template slot="title">
          <i class="el-icon-remove" style="font-size: 16px"></i>
          <span style="font-size: 16px; font-weight: bolder; margin-left: 5px"
          >付款信息</span>
        </template>
        <div
            class="dialogTableTitle flex a-center jlr"
            style="
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0;
          "
        >
          <div>
            <el-button
                type="primary"
                :disabled="browseStatus"
                @click.prevent="addpayment()"
                size="small"
            >新行
            </el-button>
            <el-button
                type="primary"
                size="small"
                @click="saveForm"
                :disabled="browseStatus"
            >保 存
            </el-button
            >
            <el-button
                type="danger"
                size="small"
                @click.prevent="handleSelect(1)"
            >作业费协议
            </el-button
            >
            <el-button
              type="info"
              size="small"
              @click.prevent="printCr"
            >请款单
            </el-button
            >
            <el-button
              type="primary"
              size="small"
              v-if="browseStatus"
              @click="feeChange('C')"
            >
              费用变更
            </el-button>
          </div>
        </div>
        <el-table
            :data="warehouseCrList"
            ref="table"
            tooltip-effect="dark"
            border
            stripe
            show-summary
            :summary-method="warehouseDrSummaries"
            @selection-change="SelectCr"
        >
          <el-table-column type="selection" width="50" align="center" fixed/>
          <el-table-column
              label="序号"
              type="index"
              width="50"
              fixed
              align="center"
          />
          <el-table-column
              prop="fCorpid"
              header-align="center"
              align="center"
              width="300px"
              label="客户名称"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fCorpid"
                  filterable
                  clearable
                  placeholder="客户名称"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
              >
                <el-option
                    v-for="(item, index) in fMblnoOptions"
                    :key="index.fId"
                    :label="item.fName"
                    :value="item.fId"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fFeeid"
              header-align="center"
              align="center"
              width="240px"
              label="费用名称"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fFeeid"
                  clearable
                  filterable
                  placeholder="费用名称"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
              >
                <el-option
                    v-for="(item, index) in fCNameOptions"
                    :key="index.fId"
                    :label="item.fName"
                    :value="item.fId"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fBusinessType"
              header-align="center"
              align="center"
              width="180px"
              label="作业类型"
          >
            <template slot-scope="scope">
              <el-select
                  style="width: 80%"
                  v-model="scope.row.fBusinessType"
                  filterable
                  disabled
              >
                <el-option
                    v-for="(item, index) in businessTypeOption"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>

          <el-table-column
              prop="fFeeUnitid"
              header-align="center"
              align="center"
              width="180px"
              label="计价单位"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fFeeUnitid"
                  placeholder="请选择计价单位"
                  clearable
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  @change="changeFeeUnit(scope.row)"
              >
                <el-option
                    v-for="(item, index) in fFeetUnitOptions"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                />
              </el-select>
            </template>
          </el-table-column>
          <el-table-column
              prop="fQty"
              header-align="center"
              align="center"
              width="150px"
              label="数量"
          >
            <template slot-scope="scope">
              <el-input
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fQty"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  @change="changeContractAmt(scope.row)"
                  placeholder="数量"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fUnitprice"
              header-align="center"
              align="center"
              width="150px"
              label="单价"
          >
            <template slot-scope="scope">
              <el-input
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fUnitprice"
                  :disabled="browseStatus || scope.row.fSrcTypeId !== 0 || scope.row.fBillstatus === 6"
                  @change="changeContractAmt(scope.row)"
                  placeholder="单价"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fAmount"
              header-align="center"
              align="center"
              width="150px"
              label="金额"
          >
            <template slot-scope="scope">
              <el-input
                  disabled
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fAmount"
                  placeholder="金额"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fStltypeid"
              header-align="center"
              align="center"
              width="130px"
              label="结算方式"
          >
            <template slot-scope="scope">
              <el-select
                  v-model="scope.row.fStltypeid"
                  placeholder="请选择结算表票结、月结"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
              >
                <el-option
                    v-for="(item, index) in fStltypeOptions"
                    :key="index.dictValue"
                    :label="item.dictLabel"
                    :value="item.dictValue"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>

          <el-table-column
              prop="fCurrency"
              header-align="center"
              align="center"
              width="150px"
              label="币别"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fCurrency"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  placeholder="币别"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fExrate"
              header-align="center"
              align="center"
              width="150px"
              label="汇率"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fExrate"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  placeholder="汇率"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fTaxrate"
              header-align="center"
              align="center"
              width="150px"
              label="税率"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fTaxrate"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  placeholder="税率"
                  show-word-limit
              />
            </template>
          </el-table-column>

          <el-table-column
              prop="fMblno"
              header-align="center"
              align="center"
              width="130px"
              label="提单号"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fMblno"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  placeholder="提单号"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fProductName"
              header-align="center"
              align="center"
              width="140px"
              label="品名"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fProductName"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  placeholder="品名"
                  show-word-limit
              />
            </template>
          </el-table-column>

          <el-table-column
              prop="fMarks"
              header-align="center"
              align="center"
              width="130px"
              label="品牌"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.fMarks"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  placeholder="品牌"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              prop="fSrcTypeId"
              header-align="center"
              align="center"
              width="130px"
              label="来源"
          >
            <template slot-scope="scope">
              <span v-if="scope.row.fSrcTypeId === 0">录入</span>
              <span v-if="scope.row.fSrcTypeId == 1">协议</span>
              <span v-if="scope.row.fSrcTypeId == 10">变更</span>
            </template>
          </el-table-column>
          <el-table-column
              prop="remark"
              header-align="center"
              align="center"
              width="150px"
              label="备注"
          >
            <template slot-scope="scope">
              <el-input
                  v-model="scope.row.remark"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
                  placeholder="备注"
                  show-word-limit
              />
            </template>
          </el-table-column>
          <el-table-column
              header-align="center"
              align="center"
              width="200px"
              label="操作"
              fixed="right"
          >
            <template slot-scope="scope">
              <!-- <el-button size="small">审核费用</el-button> -->
              <el-button
                  @click.native.prevent="deleteRow(scope.$index, warehouseCrList)"
                  size="small"
                  :disabled="browseStatus || scope.row.fBillstatus === 6"
              >移除
              </el-button>
              <el-button
                size="small"
                @click="listCheck(scope.row)"
                v-if="scope.row.fBillstatus < 6"
              >请核</el-button>
              <el-button
                size="small"
                @click="revokeListCheck(scope.row)"
                v-if="scope.row.fBillstatus == 6"
              >撤销请核</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-collapse-item>
    </el-collapse>

    <el-dialog
        title="在库物资"
        :modal="false"
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="whgenlegVisible"
        width="85%"
        @close="init2()"
        :close-on-click-modal="false"
        v-dialogDrag
    >
      <el-dialog
          title="自定义列显示"
          :visible.sync="showSetting2"
          width="700px"
          v-dialogDrag
          append-to-body
          :close-on-click-modal="false"
      >
        <template slot="title">
          <div class="avue-crud__dialog__header">
            <span class="el-dialog__title">
              <span
                  style="
                  display: inline-block;
                  width: 3px;
                  height: 20px;
                  margin-right: 5px;
                  float: left;
                  margin-top: 2px;
                "
              ></span>
            </span>
          </div>
        </template>
        <div>配置排序列数据（拖动调整顺序）</div>
        <div style="margin-left: 17px">
          <el-checkbox
              v-model="allCheck2"
              label="全选"
              @change="allChecked2"
          ></el-checkbox>
        </div>
        <div style="padding: 4px; display: flex; justify-content: center">
          <draggable
              v-model="setRowList2"
              group="site"
              animation="300"
              @start="onStart"
              @end="onEnd"
              handle=".indraggable"
          >
            <transition-group>
              <div
                  v-for="item in setRowList2"
                  :key="item.surface"
                  class="listStyle"
              >
                <div style="width: 500px" class="indraggable">
                  <div class="progress" :style="{ width: item.width + 'px' }">
                    <el-checkbox
                        :label="item.name"
                        v-model="item.checked"
                        :true-label="0"
                        :false-label="1"
                    >{{ item.name }}
                    </el-checkbox>
                  </div>
                </div>
                <el-input-number
                    v-model.number="item.width"
                    controls-position="right"
                    :min="1"
                    :max="500"
                    size="mini"
                ></el-input-number>
              </div>
            </transition-group>
          </draggable>
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="showSetting2 = false">取 消</el-button>
          <el-button @click="delRow2" type="danger">重 置</el-button>
          <el-button type="primary" @click="save2()">确 定</el-button>
        </span>
      </el-dialog>
      <el-form ref="whgenlegParams" :model="whgenlegParams">
        <el-row>
          <el-col :span="5">
            <el-form-item label="提单号" prop="fMblno" label-width="70px">
              <el-input
                  v-model="whgenlegParams.fMblno"
                  placeholder="请输入提单号"
                  clearable
              />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="箱号" prop="fCntrno" label-width="70px">
              <el-input
                  v-model="whgenlegParams.fCntrno"
                  placeholder="请输入箱号"
                  clearable
              />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="属性详情" prop="fMarks" label-width="70px">
              <el-input
                v-model="whgenlegParams.fMarks"
                placeholder="请输入属性详情"
                clearable
              />
            </el-form-item>
          </el-col>
          <el-col :span="9">
            <el-form-item
                label="入库日期区间"
                prop="orgStorageDate"
                label-width="120px"
            >
              <el-date-picker
                  style="width: 80%"
                  v-model="whgenlegParams.orgStorageDate"
                  type="daterange"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  :default-time="['00:00:00', '23:59:59']"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>

        </el-row>
        <el-row :gutter="10">
          <div class="tabSetting">
            <el-button
              type="cyan"
              icon="el-icon-search"
              @click="getDetailsList()"
              style="margin-right: 10px"
            >搜索
            </el-button
            >
            <el-button
              icon="el-icon-setting"
              circle
              @click="showSetting2 = !showSetting2"
            ></el-button>
          </div>
        </el-row>
      </el-form>

      <el-table
          :data="whgenlegList"
          ref="table"
          tooltip-effect="dark"
          width="100%"
          stripe
          @selection-change="whgenlegSelectionChange"
      >
        <el-table-column type="selection" width="50"></el-table-column>
        <el-table-column
            v-for="(item, index) in getRowList2"
            :key="index"
            :label="item.name"
            :width="item.width"
            :prop="item.label"
            align="center"
            :fixed="item.fixed"
            sortable
        >
          <template slot-scope="scope">
            <span v-if="item.label == 'fGoodsid'">
              {{ scope.row.fGoodsid | goodsFormat(goodsOptions) }}
            </span>
            <span v-else-if="item.label == 'fQtyblc2'">
              <el-input
                  @change="qtyChange(scope.row)"
                  v-model="scope.row.fQtyblc2"
                  placeholder="件数"
              />
            </span>
            <span v-else-if="item.label == 'fGrossweightblc2'">
              <el-input
                  v-model="scope.row.fGrossweightblc2"
                  @change="changeOutStock(scope.row)"
                  placeholder="毛重"
              />
            </span>
            <span v-else-if="item.label == 'fNetweightblc2'">
              <el-input
                  v-model="scope.row.fNetweightblc2"
                  @change="changeOutStock(scope.row)"
                  placeholder="净重"
              />
            </span>
            <span v-else>{{ scope.row[item.label] }}</span>
          </template>
        </el-table-column>
      </el-table>
      <pagination
          v-show="whgenlegTotal > 0"
          :total="whgenlegTotal"
          :page.sync="whgenlegParams.pageNum"
          :limit.sync="whgenlegParams.pageSize"
          @pagination="getDetailsList"
      />
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="whgenlegData()"
        >导入库存总账
        </el-button
        >
        <el-button @click="whgenlegVisible = false">取 消</el-button>
      </div>
    </el-dialog>
<!--    付款信息作业单-->
    <el-dialog
      :visible.sync="print_Cr"
      width="70%"
      :close-on-click-modal="false"
      :modal="false"
    >
      <div id="print_Cr" class="print-div">
        <div
          class="print-title"
          style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}请款单
        </div>
        <div
          style="
            display: flex;
            justify-content: center;
            font-size: 18px;
            margin-bottom: 5px;
          "
        ></div>
        <div
          style="
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
          "
          class="print_form"
        >
          <div style="display: flex; flex-direction: column;">
<!--            <div>请款单号：</div>-->
            <div>源业务编码：{{ form.fBillno }}</div>
            <div>委托单位：{{ form.fCorpid | fMblnoFormat(fMblnoOptions) }}</div>
          </div>
          <div style="display: flex; flex-direction: column;margin-right: 15px;width: 150px">
            <div style="">请款日期：</div>
          </div>
        </div>
        <div class="print_table" style="display: flex">
          <table
            border="0"
            cellspacing="0"
            cellpadding="0"
            style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>结算单位</td>
              <td>提单号</td>
<!--              <td>源业务编码</td>-->
              <td>业务日期</td>
              <td>数量</td>
              <td>单价</td>
              <td>费用</td>
              <td>人民币</td>
              <td>美元</td>
            </tr>
            <tr v-for="(item, index) in PrintingCrlist" :key="index">
              <td>{{ item.fCorpid | fMblnoFormat(fMblnoOptions) }}</td>
              <td>{{ form.fMblno }}</td>
<!--              <td>{{ form.fBillno }}</td>-->
              <td>{{ form.fBsdate | fBsdateFormat }}</td>
              <td>{{ item.fQty }}</td>
              <td>{{ item.fUnitprice }}</td>
              <td>{{ item.fFeeid | fFeetFormat(fCNameOptions) }}</td>
              <td>{{ item.fAmount }}</td>
              <td></td>
            </tr>
            <tr>
              <td>合计</td>
              <td></td>
              <td></td>
              <td>{{ allCrfQty }}</td>
              <td></td>
              <td></td>
              <td>{{ allCrfAmount }}</td>
              <td></td>
            </tr>
          </table>
        </div>
        <div
          style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>领款人：</div>
          <div>业务经理：</div>
          <div>财务：</div>
          <div style="width: 150px">经理：</div>
        </div>
      </div>
      <span lot="footer" class="dialog-footer">
        <el-button
          type="primary"
          size="mini"
          @click="
            print_Cr = false;
            addprint('crzyd');
          "
        >打印
        </el-button>
        <el-button @click="print_Cr = false" size="mini">取消 </el-button>
      </span>
    </el-dialog>

    <el-dialog
        :visible.sync="print_zyd"
        width="70%"
        :close-on-click-modal="false"
        :modal="false"
    >
      <el-radio v-model="radio" :label="1">吨（T）</el-radio>
      <el-radio v-model="radio" :label="2">千克（KG）</el-radio>
      <div id="print_area1" class="print-div">
        <div
            class="print-title"
            style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
            position:relative;
          "
        >
          {{ company }}作业单
          <div
            style="
            display: flex;
            justify-content: space-between;
            position: absolute;
            right: 0;
            font-size: 13px;
          "
          >
            <div>
            </div>
            <div>
              <div>办单号：{{ Printinglist.length > 0 ? Printinglist[0].fSerialNumber : '' }}</div>
              <div>办单日期：{{ nowTime }}</div>
            </div>
          </div>
        </div>
        <div class="print_table" style="display: flex">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>作业类型</td>
              <td colspan="4">
                {{ form.fBusinessType | fBusinessTypeFormat }}
              </td>
              <td>出库时间</td>
              <td colspan="4">{{ form.fBsdate | fBsdateFormat }}</td>
            </tr>
            <tr>
              <td>序号</td>
              <td>车号</td>
              <td>物品名称</td>
              <td>提单号</td>
              <td>货物属性/属性详情</td>
              <td v-if="radio == 1">净重(T)</td>
              <td v-else>净重(KG)</td>
              <td>件数/规格</td>
              <td>箱号</td>
              <td>库位</td>
              <td>车型</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ index + 1 }}</td>
              <td>{{ item.fTruckno }}</td>
              <td>{{ item.fGoodsid | goodsFormat(goodsOptions) }}</td>
              <td>{{ item.fMblno }}</td>
              <td>
                {{ item.fBusinessType | fStorageFormat }}/{{ item.fMarks }}
              </td>
              <td v-if="radio == 1">{{ (item.fNetweight / 1000).toFixed(4) }}</td>
              <td v-else>{{ item.fNetweight }}</td>
              <td>{{ item.fQty }}/{{ item.fPackagespecs }}</td>
              <td>{{ item.fCntrno }}
              <td>{{ item.fWarehouseInformation }}</td>
              <td>{{ item.fCartypeId | fCartypeFormat(fCartypeOptions) }}</td>
            </tr>
            <tr>
              <td>收费</td>
              <td colspan="4">
                <span v-for="(item, index) in Collectionoptionss" :key="index">
                  {{ item.fFeeid | fFeetFormat(fDNameOptions) }}:{{ item.fAmount }} 元<b v-if="index + 1 != Collectionoptionss.length">,</b>
                </span>
              </td>
              <td>备注</td>
              <td colspan="4">{{ form.remark }}</td>
            </tr>
<!--            <tr v-for="(item, index) in Collectionoptionss" :key="index">-->
<!--              <td>收费</td>-->
<!--              <td colspan="4">{{ item.fFeeid | fFeetFormat(fDNameOptions) }}</td>-->
<!--              <td colspan="5">{{ item.fAmount }} 元</td>-->
<!--            </tr>-->
            <tr>
              <td>司机签字</td>
              <td colspan="2"></td>
              <td>电话</td>
              <td colspan="2">{{ fDriverTel }}</td>
              <td colspan="4" rowspan="2">
                确认货物数量无误，包装于货物完好！<br/>出库盖好篷布，如有违背责任自负<br/>装卸工是否收小费
              </td>
            </tr>
            <tr>
              <td>制表</td>
              <td colspan="2">{{ form.createBy }}</td>
              <td>机械/人工</td>
              <td colspan="2"></td>
            </tr>
            <tr>
              <td>地址</td>
              <td colspan="2">{{ stockaddr }}</td>
              <td>电话</td>
              <td colspan="6">{{ form.fTel }}</td>
            </tr>
          </table>
        </div>
      </div>
      <span lot="footer" class="dialog-footer">
        <el-button
            type="primary"
            size="mini"
            @click="
            print_zyd = false;
            addprint('zyd');
          "
        >打印
        </el-button>
        <el-button @click="print_zyd = false;detailList = zcList.concat()" size="mini">取消 </el-button>
      </span>
    </el-dialog>
    <el-dialog
        :visible.sync="print_rkd"
        width="70%"
        :close-on-click-modal="false"
        :modal="false"
    >
      <div id="print_area2" class="print-div">
        <div
            class="print-title"
            style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}出库单
        </div>
        <div class="print_table" style="display: flex">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>客户</td>
              <td>{{ form.fCorpidName }}</td>
              <td>仓库</td>
              <td>{{ form.fWarehouseids }}</td>
              <td>地址</td>
              <td colspan="2">{{ stockaddr }}</td>
            </tr>
            <tr>
              <td>保管方</td>
              <td width="200">{{ company }}</td>
              <td>联系人</td>
              <td>{{ form.fContacts }}</td>
              <td>电话</td>
              <td colspan="2">{{ form.fTel }}</td>
            </tr>
            <tr>
              <td>提单号</td>
              <td>品名</td>
              <td>箱型</td>
              <td>品牌</td>
              <td>件数</td>
              <td>重量</td>
              <td>包装规格</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ item.fMblno }}</td>
              <td>{{ item.fGoodsid | goodsFormat(goodsOptions) }}</td>
              <td>{{ item.fCntrtype }}</td>
              <td>{{ item.fMarks }}</td>
              <td>{{ item.fQty }}</td>
              <td>{{ item.fGrossweight }}</td>
              <td>{{ item.fPackagespecs }}</td>
            </tr>
            <tr>
              <td>序号</td>
              <td>出货日期</td>
              <td>箱量(20GP)</td>
              <td>重量(吨)</td>
              <td>件数</td>
              <td>出库重量(吨)</td>
              <td>出库件数</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="'info2-' + index">
              <td>{{ index + 1 }}</td>
              <td>{{ item.fBsdate | fBsdateFormat }}</td>
              <td>{{ item.fCntqty }}</td>
              <td v-if="item.fGrossweight">
                {{ (item.fGrossweight / 1000).toFixed(4) }}
              </td>
              <td v-else></td>
              <td>{{ item.fPlanqty }}</td>
              <td v-if="item.fNetweight">
                {{ (item.fNetweight / 1000).toFixed(4) }}
              </td>
              <td v-else></td>
              <td>{{ item.fQty }}</td>
            </tr>
            <tr>
              <td colspan="2">合计</td>
              <td>{{ allfCntqty }}</td>
              <td>{{ (allfGrossweight / 1000).toFixed(4) }}</td>
              <td>{{ allfPlanqty }}</td>
              <td>{{ (allfNetweight / 1000).toFixed(4) }}</td>
              <td>{{ allfQty }}</td>
            </tr>
            <tr>
              <td>备注</td>
              <td colspan="6"></td>
            </tr>
            <tr>
              <td colspan="7">
                本进仓单经仓管员签字并经保管方盖章后即专项作为货物所有人的货权证明，本单据不得转让。
              </td>
            </tr>
          </table>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>开单员：</div>
          <div style="width: 150px">仓管员：</div>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>开单时间：</div>
          <div style="width: 150px">(盖章)</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button
            type="primary"
            @click="
            print_rkd = false;
            addprint('rkd');
          "
        >打印
        </el-button>
        <el-button @click="print_rkd = false">取消 </el-button>
      </span>
    </el-dialog>
    <div class="receiptForm">
      <el-dialog
          :visible.sync="print_signFor"
          :show-close="false"
          :close-on-press-escape="false"
          :fullscreen="true"
          style="box-shadow:none"
          width="70%">
        <el-radio v-model="radio" :label="1">吨（T）</el-radio>
        <el-radio v-model="radio" :label="2">千克（KG）</el-radio>
        <section ref="print">
          <p><span class="no-print">打印日期:</span><span
              style="padding-left: 100px">{{ new Date().toLocaleDateString().replace(/\//g, "-") }}</span></p>
          <table class="table" valign="center">
            <tr>
              <td style="width: 9%;"><span class="no-print">提 单 号</span></td>
              <td style="width: 14%;">{{ Printinglist.length === 1 ? Printinglist[0].fMblno : '' }}</td>
              <td style="width: 8%;"><span class="no-print">合 同 号</span></td>
              <td style="width: 13%;">{{ Printinglist.length === 1 ? Printinglist[0].fSerialNumber : '' }}</td>
              <td style="width: 9%;"><span class="no-print">品 名</span></td>
              <td style="width: 16%;">{{ Printinglist.length === 1 ? Printinglist[0].fGoodsids : '' }}</td>
            </tr>
            <tr>
              <td><span class="no-print">件 数</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fQty : '' }}</td>
              <td><span class="no-print">重 量</span></td>
              <td v-if="radio == 1">{{ Printinglist.length === 1 ? Printinglist[0].fNetweight : '' }}</td>
              <td v-else>{{ Printinglist.length === 1 ? (Printinglist[0].fNetweight / 1000).toFixed(4) : '' }}</td>
              <td><span class="no-print">尺 码</span></td>
              <td></td>
            </tr>
            <tr>
              <td><span class="no-print">原箱号</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fCntrno : '' }}</td>
              <td><span class="no-print">现箱号</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fNowCarton : '' }}</td>
              <td><span class="no-print">铅封号</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fSealno : '' }}</td>
            </tr>
            <tr>
              <td><span class="no-print">出库日</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fBsdate : '' }}</td>
              <td><span class="no-print">预计到厂日</span></td>
              <td>{{ form.fPredictBranch ? form.fPredictBranch : '' }}</td>
              <td><span class="no-print">等级</span></td>
              <td>{{ form.fGrade ? form.fGrade : '' }}</td>
            </tr>
            <tr>
              <td><span class="no-print">车牌号</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fTruckno : '' }}</td>
              <td><span class="no-print">司机姓名</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fDriverName : '' }}</td>
              <td><span class="no-print">司机电话</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fDriverTel : '' }}</td>
            </tr>
            <tr>
              <td style="height: 70px;"><span class="no-print">送货详情</span></td>
              <td colspan="5">{{ form.fDeliveryDetails ? form.fDeliveryDetails : '' }}</td>
            </tr>
            <tr>
              <td><span class="no-print">送货备注</span></td>
              <td colspan="5">{{ Printinglist.length === 1 ? Printinglist[0].remark : '' }}</td>
            </tr>
            <tr>
              <td><span class="no-print">到厂名称</span></td>
              <td></td>
              <td><span class="no-print">到厂日期</span></td>
              <td></td>
              <td rowspan="4"><span class="no-print">工厂盖章</span></td>
              <td rowspan="4"></td>
            </tr>
            <tr>
              <td><span class="no-print">签收人姓名</span></td>
              <td></td>
              <td><span class="no-print">签收人电话</span></td>
              <td></td>
            </tr>
            <tr>
              <td><span class="no-print">其他</span></td>
              <td colspan="4"></td>
            </tr>
            <tr>
              <td><span class="no-print">业务员</span></td>
              <td v-for="item in fSalesmanId" v-if="form.fSalesmanId === item.userId">
                {{ item.userName }}
              </td>
              <td><span class="no-print">叉车工</span></td>
              <td>{{ Printinglist.length === 1 ? Printinglist[0].fForkliftman : '' }}</td>
            </tr>
            <tr>
              <td style="height: 200px"><span class="no-print">车队注意事项</span></td>
              <td colspan="5"></td>
            </tr>
            <tr>
              <td style="height: 140px;"><span class="no-print">工厂注意事项</span></td>
              <td colspan="5"></td>
            </tr>
            <tr>
              <td style="height: 190px"><span class="no-print">关于我们</span></td>
              <td colspan="5" style="height: 170px;">
                1、出口优势：东南亚马尼拉、宿务、卡加延、达沃、胡志明、曼谷、台湾、巴生等<br>
                2、进口优势：承接各种板材、塑料颗粒、原木、棕榈纤维、红酒、等货物订舱、清<br>
                关、仓储、运输一条龙服务<br>
                3、陆运优势：我司自有28部集卡车，专业承接临沂、沭阳等板材运输<br>
                4、仓储优势：我司自有仓库10000平米，可提供进口分拨、仓储、出口装箱服务
              </td>
            </tr>
          </table>
        </section>
        <span slot="footer" class="dialog-footer">
    <el-button @click="print_signFor = false">取 消</el-button>
    <el-button type="primary" @click="Printing()">打 印</el-button>
  </span>
      </el-dialog>
    </div>

    <el-dialog
        :visible.sync="print_bzckd"
        width="70%"
        :close-on-click-modal="false"
        :modal="false"
    >
      <el-radio v-model="radio" :label="1">吨（T）</el-radio>
      <el-radio v-model="radio" :label="2">千克（KG）</el-radio>
      <div id="print_area3" class="print-div">
        <div
            class="print-title"
            style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}
        </div>
        <div style="font-size: 22px;margin-bottom: 5px;width: 100%;text-align: center">出库单</div>
        <div class="print_table" style="display: flex">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>公司名称</td>
              <td colspan="3">{{ form.fCorpidName }}</td>
              <td>出库日期</td>
              <td colspan="3" v-if="Printinglist.length">
                {{ Printinglist[0].fBsdate | fBsdateFormat }}{{ " " + ckTime }}
              </td>
              <td colspan="3" v-else></td>
            </tr>
            <tr>
              <td style="width: 15%">货物名称</td>
              <td>提单号</td>
              <td>箱号</td>
              <td>件数</td>
              <td v-if="radio == 1">计量单位(吨)</td>
              <td v-else>计量单位(千克)</td>
              <td>车型</td>
              <td>库位</td>
              <td>备注</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ item.fGoodsid | goodsFormat(goodsOptions) }}</td>
              <td>{{ item.fMblno }}</td>
              <td>{{ item.fCntrno }}</td>
              <td>{{ item.fQty }}</td>
              <td v-if="item.fGrossweight && radio == 1">
                {{ (item.fGrossweight / 1000).toFixed(4) }}
              </td>
              <td v-else-if="item.fGrossweight && radio == 2">
                {{ item.fGrossweight }}
              </td>
              <td v-else></td>
              <td>{{ form.fCartype | fCartypeFormat(fCartypeOptions) }}</td>
              <td>{{ item.fWarehouseInformation }}</td>
              <td>{{ item.remark }}</td>
            </tr>
            <tr>
              <td>车号</td>
              <td colspan="2" v-if="Printinglist.length">
                {{ Printinglist[0].fTruckno }}
              </td>
              <td colspan="2" v-else></td>
              <td colspan="2">身份证号</td>
              <td colspan="3" v-if="Printinglist.length">{{ Printinglist[0].fDriverIdCar }}</td>
              <td colspan="3" v-else></td>
            </tr>
            <tr>
              <td>地址</td>
              <td colspan="7">{{ stockaddr }}</td>
            </tr>
            <tr>
              <td colspan="8">
                雨/雪天装货司机自愿装车，出现货物水湿与仓库无关！数量准确无误，货物包装完好！
              </td>
            </tr>
          </table>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>操作：</div>
          <div>理货：</div>
          <div>叉车：</div>
          <div>司机：</div>
          <div style="width: 200px">电话：{{ Printinglist.length === 1 ? Printinglist[0].fDriverTel : '' }}</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button
            type="primary"
            @click="
            print_bzckd = false;
            addprint('bzckd');
          "
        >打印
        </el-button>
        <el-button @click="print_bzckd = false">取消 </el-button>
      </span>
    </el-dialog>
<!--    出库单（详情）-->
    <el-dialog
      :visible.sync="print_xqckd"
      width="70%"
      :close-on-click-modal="false"
      :modal="false"
    >
      <el-radio v-model="radio" :label="1">吨（T）</el-radio>
      <el-radio v-model="radio" :label="2">千克（KG）</el-radio>
      <div id="print_areaDetail" class="print-div">
        <div
          class="print-title"
          style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}出库单
        </div>
        <div class="print_table" style="display: flex">
          <table
            border="0"
            cellspacing="0"
            cellpadding="0"
            style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>公司名称</td>
              <td colspan="3">{{ form.fCorpidName }}</td>
              <td>出库日期</td>
              <td colspan="4" v-if="Printinglist.length">
                {{ Printinglist[0].fBsdate | fBsdateFormat }}{{ " " + ckTime }}
              </td>
              <td colspan="4" v-else></td>
            </tr>
            <tr>
              <td style="width: 15%">货物名称</td>
              <td>提单号</td>
              <td>箱号</td>
              <td>货物属性</td>
              <td>属性详情</td>
              <td>件数</td>
              <td v-if="radio == 1">计量单位(吨)</td>
              <td v-else>计量单位(千克)</td>
              <td>车型</td>
              <td>备注</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ item.fGoodsid | goodsFormat(goodsOptions) }}</td>
              <td>{{ item.fMblno }}</td>
              <td>{{ item.fCntrno }}</td>
              <td>{{ item.fBusinessType | fStorageTypeFormat(fStorageTypeOptions) }}</td>
              <td>{{ item.fMarks }}</td>
              <td>{{ item.fQty }}</td>
              <td v-if="item.fGrossweight && radio == 1">
                {{ (item.fGrossweight / 1000).toFixed(4) }}
              </td>
              <td v-else-if="item.fGrossweight && radio == 2">
                {{ item.fGrossweight }}
              </td>
              <td v-else></td>
              <td>{{ form.fCartype | fCartypeFormat(fCartypeOptions) }}</td>
              <td>{{ item.remark }}</td>
            </tr>
            <tr>
              <td>车号</td>
              <td colspan="3" v-if="Printinglist.length">
                {{ Printinglist[0].fTruckno }}
              </td>
              <td colspan="3" v-else></td>
              <td colspan="2">身份证号</td>
              <td colspan="3" v-if="Printinglist.length">{{ Printinglist[0].fDriverIdCar }}</td>
              <td colspan="3" v-else></td>
            </tr>
            <tr>
              <td>地址</td>
              <td colspan="8">{{ stockaddr }}</td>
            </tr>
            <tr>
              <td colspan="9">
                雨/雪天装货司机自愿装车，出现货物水湿与仓库无关！数量准确无误，货物包装完好！
              </td>
            </tr>
          </table>
        </div>
        <div
          style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>操作：</div>
          <div>理货：</div>
          <div>叉车：</div>
          <div>司机：</div>
          <div style="width: 200px">电话：</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          @click="
            print_xqckd = false;
            addprint('xqckd');
          "
        >打印
        </el-button>
        <el-button @click="print_xqckd = false">取消 </el-button>
      </span>
    </el-dialog>

    <el-dialog
        :visible.sync="print_lhd"
        width="70%"
        :close-on-click-modal="false"
        :modal="false"
    >
      <div id="print_area5" class="print-div">
        <div
            class="print-title"
            style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}
        </div>
        <div
            style="
            display: flex;
            justify-content: center;
            font-size: 18px;
            margin-bottom: 5px;
          "
        >
          <div>出&nbsp;库&nbsp;单</div>
        </div>
        <div
            style="
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
          "
            class="print_form"
        >
          <div>
            <div>提单号：{{ form.fMblno }}</div>
            <div>客户名称：{{ form.fCorpidName }}</div>
            <div>货物名称：{{ form.fProductName }}</div>
            <div>预计净重：{{ form.fPlannetweight }}</div>
          </div>
          <div>
            <div>入库计划单号：{{ form.fBillno }}</div>
            <div>计划入库日期：{{ form.fBstime }}</div>
            <div>制单日期：{{ form.createTime }}</div>
            <div>实际毛重：</div>
          </div>
          <div>
            <div>清单号：{{ form.fCustomno }}</div>
            <div>存放仓库：{{ stockName }}</div>
            <div>预计毛重：{{ form.fPlangrossweight }}</div>
            <div>实际净重：</div>
          </div>
        </div>
        <div class="print_table" style="display: flex">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>箱号</td>
              <td>铅封号</td>
              <td>预计件数</td>
              <td>实际件数</td>
              <td>垛位</td>
              <td>实际入库日期</td>
              <td>送货车号</td>
              <td>送货司机</td>
              <td>备注</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ item.fCntrno }}</td>
              <td></td>
              <td>{{ item.fQty }}</td>
              <td></td>
              <td>{{ item.fWarehouseInformation }}</td>
              <td>{{ item.fChargedate }}</td>
              <td>{{ item.fTruckno }}</td>
              <td>{{ item.fDriverName }}</td>
              <td>{{ item.remark }}</td>
            </tr>
            <tr>
              <td colspan="2">合计：</td>
              <td>{{ allfQty }}</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </table>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>操作：{{ form.createBy }}</div>
          <div>库管：{{ form.fContacts }}</div>
          <div style="width: 100px">叉车：</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button
            type="primary"
            @click="
            addprint('lhd');
            print_lhd = false;
          "
        >打印
        </el-button>
        <el-button @click="print_lhd = false">取消 </el-button>
      </span>
    </el-dialog>
    <el-dialog
        :visible.sync="print_lwqr"
        width="70%"
        :close-on-click-modal="false"
        :modal="false"
    >
      <div id="print_area10" class="print-div">
        <div
            class="print-title"
            style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}
        </div>
        <div
            style="
            display: flex;
            justify-content: center;
            font-size: 18px;
            margin-bottom: 5px;
          "
        >
          <div>出&nbsp;库&nbsp;单</div>
        </div>
        <div style="display: flex; margin-bottom: 5px">
          <div>
            <div>报关单号：{{ form.fCustomno }}</div>
            <div>存货地点：</div>
          </div>
        </div>
        <div class="print_table" style="display: flex">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>品名</td>
              <td colspan="3">{{ form.fProductName }}</td>
              <td colspan="3">清单号</td>
              <td colspan="2">{{ form.fCustomno }}</td>
            </tr>
            <tr>
              <td>提单号</td>
              <td colspan="8">{{ form.fMblno }}</td>
            </tr>
            <tr>
              <td>入库日期</td>
              <td>箱号</td>
              <td>铅封号</td>
              <td>预计件数</td>
              <td>垛位</td>
              <td>实收件数</td>
              <td>实收净重(吨)</td>
              <td>毛重(吨)</td>
              <td>备注</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ item.fChargedate }}</td>
              <td>{{ item.fCntrno }}</td>
              <td></td>
              <td>{{ item.fQty }}</td>
              <td>{{ item.fWarehouseInformation }}</td>
              <td></td>
              <td></td>
              <td></td>
              <td>{{ item.remark }}</td>
            </tr>
          </table>
        </div>
        <div style="display: flex; justify-content: space-between; font-size: 12px">
          <div>库管：{{ form.fContacts }}</div>
          <div style="width: 100px">叉车：</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button
            type="primary"
            @click="
            addprint('lwqr');
            print_lwqr = false;
          "
        >打印
        </el-button>
        <el-button @click="print_lwqr = false">取消 </el-button>
      </span>
    </el-dialog>
    <el-dialog
        :visible.sync="print_ccckd"
        width="70%"
        :close-on-click-modal="false"
        :modal="false"
    >
      <el-radio v-model="radio" :label="1">吨（T）</el-radio>
      <el-radio v-model="radio" :label="2">千克（KG）</el-radio>
      <div id="print_area6" class="print-div">
        <div
            class="print-title"
            style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}
        </div>

        <div
            style="
            display: flex;
            justify-content: center;
            margin-left: 350px;
            margin-bottom: 5px;
          "
        >
          <div style="font-size: 18px">出&nbsp;库&nbsp;单</div>
          <div style="margin-left: 200px">
            <div style="margin-bottom: 5px">{{ form.fBillno }}</div>
            <div>存放地点：{{ stockName }}</div>
          </div>
        </div>

        <div class="print_table" style="display: flex">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>品名</td>
              <td colspan="2">{{ form.fProductName }}</td>
              <td>清单号</td>
              <td colspan="3">{{ form.fCustomsdeclartion }}</td>
            </tr>
            <tr>
              <td>提单号</td>
              <td colspan="2">{{ form.fMblno }}</td>
              <td>出库日期</td>
              <td colspan="3">{{ fBsdate }}</td>
            </tr>
            <tr>
              <td>原入库箱号</td>
              <td>出库车号</td>
              <td>铅封号</td>
              <td>垛位</td>
              <td>件数</td>
              <td v-if="radio == 1">净重(吨)</td>
              <td v-else>净重(千克)</td>
              <td>备注</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ item.fCntrno }}</td>
              <td>{{ item.fTruckno }}</td>
              <td>{{ item.fSealno }}</td>
              <td>{{ item.fWarehouseInformation }}</td>
              <td>{{ item.fQty }}</td>
              <td v-if="radio == 1">{{ item.fNetweight }}</td>
              <td v-else>{{ (item.fNetweight / 1000).toFixed(4) }}</td>
              <td>{{ item.remark }}</td>
            </tr>
            <tr>
              <td colspan="4">合计：</td>
              <td>{{ allfQty }}</td>
              <td v-if="radio == 1">{{ (allfNetweight / 1000).toFixed(4) }}</td>
              <td v-else>{{ allfNetweight }}</td>
              <td></td>
            </tr>
          </table>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>库管：{{ form.fContacts }}</div>
          <div style="width: 130px;margin-right: 20px">叉车：</div>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>制单人：{{ form.createBy }}</div>
          <div style="width: 100px">初审核人：{{ firstReviewer }}</div>
          <div style="width: 130px;margin-right: 20px">复式审核人：{{ secondReviewer }}</div>
        </div>
      </div>

      <span slot="footer" class="dialog-footer">
        <el-button
            type="primary"
            @click="
            addprint('ccckd');
            print_ccckd = false;
          "
        >打印
        </el-button>
        <el-button @click="print_ccckd = false">取消 </el-button>
      </span>
    </el-dialog>
    <el-dialog
        :visible.sync="print_dcckd"
        width="70%"
        :close-on-click-modal="false"
        :modal="false"
    >
      <el-radio v-model="radio" :label="1">吨（T）</el-radio>
      <el-radio v-model="radio" :label="2">千克（KG）</el-radio>
      <div id="print_area7" class="print-div">
        <div
            class="print-title"
            style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}
        </div>

        <div
            style="
            display: flex;
            justify-content: center;
            margin-left: 350px;
            margin-bottom: 5px;
          "
        >
          <div style="font-size: 18px">出&nbsp;库&nbsp;单</div>
          <div style="margin-left: 200px">
            <div style="margin-bottom: 5px">{{ form.fBillno }}</div>
          </div>
        </div>
        <div style="display: flex; margin-bottom: 5px">
          <div style="width: 50%">客户名称：{{ form.fCorpidName }}</div>
          <div style="margin-left: 250px">存放地点：{{ stockName }}</div>
        </div>
        <div class="print_table" style="display: flex">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>品名</td>
              <td colspan="2">{{ form.fProductName }}</td>
              <td>清单号</td>
              <td colspan="4">{{ form.fCustomsdeclartion }}</td>
            </tr>
            <tr>
              <td>提单号</td>
              <td colspan="2">{{ form.fMblno }}</td>
              <td>出库日期</td>
              <td colspan="4">{{ fBsdate }}</td>
            </tr>
            <tr>
              <td>原入库箱号</td>
              <td>出库车号</td>
              <td>铅封号</td>
              <td>垛位</td>
              <td>件数</td>
              <td v-if="radio == 1">净重(吨)</td>
              <td v-if="radio == 1">毛重(吨)</td>
              <td v-if="radio == 2">净重(千克)</td>
              <td v-if="radio == 2">毛重(千克)</td>
              <td>备注</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ item.fCntrno }}</td>
              <td>{{ item.fTruckno }}</td>
              <td>{{ item.fSealno }}</td>
              <td>{{ item.fWarehouseInformation }}</td>
              <td>{{ item.fQty }}</td>
              <td v-if="radio == 1">{{ (item.fNetweight / 1000).toFixed(4) }}</td>
              <td v-if="radio == 1">{{ (item.fGrossweight / 1000).toFixed(4) }}</td>
              <td v-if="radio == 2">{{ item.fNetweight }}</td>
              <td v-if="radio == 2">{{ item.fGrossweight }}</td>
              <td>{{ item.remark }}</td>
            </tr>
            <tr>
              <td colspan="4">合计：</td>
              <td>{{ allfQty }}</td>
              <td v-if="radio == 1">{{ (allfNetweight / 1000).toFixed(4) }}</td>
              <td v-if="radio == 1">{{ (allfGrossweight / 1000).toFixed(4) }}</td>
              <td v-if="radio == 2">{{ allfNetweight }}</td>
              <td v-if="radio == 2">{{ allfGrossweight }}</td>
              <td></td>
            </tr>
          </table>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>库管：{{ form.fContacts }}</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button
            type="primary"
            @click="
            addprint('dcckd');
            print_dcckd = false;
          "
        >打印
        </el-button>
        <el-button @click="print_dcckd = false">取消 </el-button>
      </span>
    </el-dialog>
    <el-dialog
        :visible.sync="print_zccdckd"
        width="70%"
        :close-on-click-modal="false"
        :modal="false"
    >
      <el-radio v-model="radio" :label="1">吨（T）</el-radio>
      <el-radio v-model="radio" :label="2">千克（KG）</el-radio>
      <div id="print_area8" class="print-div">
        <div
            class="print-title"
            style="
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 5px;
          "
        >
          {{ company }}
        </div>

        <div
            style="
            display: flex;
            justify-content: center;
            margin-left: 350px;
            margin-bottom: 5px;
          "
        >
          <div style="font-size: 18px">出&nbsp;库&nbsp;单</div>
          <div style="margin-left: 200px">
            <div style="margin-bottom: 5px">{{ form.fBillno }}</div>
          </div>
        </div>
        <div style="display: flex; margin-bottom: 5px">
          <div style="width: 50%">客户名称：{{ form.fCorpidName }}</div>
          <div style="margin-left: 250px">存放地点：{{ stockName }}</div>
        </div>
        <div class="print_table" style="display: flex">
          <table
              border="0"
              cellspacing="0"
              cellpadding="0"
              style="width: 100%; line-height: 30px"
          >
            <tr>
              <td>品名</td>
              <td colspan="3">{{ form.fProductName }}</td>
              <td colspan="3">清单号</td>
              <td colspan="3">{{ form.fCustomsdeclartion }}</td>
            </tr>
            <tr>
              <td>提单号</td>
              <td colspan="3">{{ form.fMblno }}</td>
              <td colspan="3">出库日期</td>
              <td colspan="3">{{ fBsdate }}</td>
            </tr>
            <tr>
              <td>原入库箱号</td>
              <td>出库车号</td>
              <td>垛位</td>
              <td>件数</td>
              <td v-if="radio == 1">净重(吨)</td>
              <td v-if="radio == 1">毛重(吨)</td>
              <td v-if="radio == 2">净重(千克)</td>
              <td v-if="radio == 2">毛重(千克)</td>
              <td>提货人签字手印</td>
              <td>提货人电话</td>
              <td>所收费用</td>
              <td>备注</td>
            </tr>
            <tr v-for="(item, index) in Printinglist" :key="index">
              <td>{{ item.fCntrno }}</td>
              <td>{{ item.fTruckno }}</td>
              <td>{{ item.fWarehouseInformation }}</td>
              <td>{{ item.fQty }}</td>
              <td v-if="radio == 1">{{ (item.fNetweight / 1000).toFixed(4) }}</td>
              <td v-if="radio == 1">{{ (item.fGrossweight / 1000).toFixed(4) }}</td>
              <td v-if="radio == 2">{{ item.fNetweight }}</td>
              <td v-if="radio == 2">{{ item.fGrossweight }}</td>
              <td></td>
              <td></td>
              <td></td>
              <td>{{ item.remark }}</td>
            </tr>
            <tr>
              <td colspan="3">合计：</td>
              <td>{{ allfQty }}</td>
              <td v-if="radio == 1">{{ (allfNetweight / 1000).toFixed(4) }}</td>
              <td v-if="radio == 1">{{ (allfGrossweight / 1000).toFixed(4) }}</td>
              <td v-if="radio == 2">{{ allfNetweight }}</td>
              <td v-if="radio == 2">{{ allfGrossweight }}</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </table>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px;margin-bottom: 20px"
        >
          <div>库管：{{ form.fContacts }}</div>
          <div style="width: 130px;margin-right: 20px">叉车：</div>
        </div>
        <div
            style="display: flex; justify-content: space-between; font-size: 12px"
        >
          <div>制单人：{{ form.createBy }}</div>
          <div style="width: 100px">初审核人：{{ firstReviewer }}</div>
          <div style="width: 130px;margin-right: 20px">复式审核人：{{ secondReviewer }}</div>
        </div>
      </div>

      <span slot="footer" class="dialog-footer">
        <el-button
            type="primary"
            @click="
            addprint('zccdckd');
            print_zccdckd = false;
          "
        >打印
        </el-button>
        <el-button @click="print_zccdckd = false">取消 </el-button>
      </span>
    </el-dialog>
    <!-- 选择作业费协议数据 -->
    <el-dialog
        v-dialogDrag
        title="作业费协议"
        :close-on-click-modal="false"
        :modal="false"
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="warehousingagreements"
        width="70%"
    >
      <template slot="作业费协议">
        <div class="avue-crud__dialog__header">
          <span class="el-dialog__title">
            <span
                style="
                display: inline-block;
                width: 3px;
                height: 20px;
                margin-right: 5px;
                float: left;
                margin-top: 2px;
              "
            ></span>
          </span>
        </div>
      </template>
      <el-menu
          :default-active="activeIndex"
          v-if="Navigation === true"
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
      >
        <el-menu-item index="1">车队作业费</el-menu-item>
        <el-menu-item index="2">劳务作业费</el-menu-item>
      </el-menu>

      <el-table
          :data="tasklegList"
          ref="table"
          tooltip-effect="dark"
          width="100%"
          border
          stripe
          @selection-change="whgenlegSelectionChange"
      >
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column label="行号" type="index" width="80">
        </el-table-column>
        <el-table-column
            prop="fCorpname"
            header-align="center"
            align="center"
            label="客户名称"
        />
        <el-table-column
            prop="fName"
            header-align="center"
            align="center"
            label="费用名称"
        />
        <el-table-column
            prop="fFeeUnitid"
            header-align="center"
            align="center"
            width="180px"
            label="计价单位"
        >
          <template slot-scope="scope">
            <el-select
                v-model="scope.row.fFeeUnitid"
                placeholder="请选择计价单位"
                @change="changeFeeUnit(scope.row)"
                disabled
                clearable
            >
              <el-option
                  v-for="(dict, index) in fFeetUnitOptions"
                  :key="index.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
              />
            </el-select>
          </template>
        </el-table-column>
        <el-table-column
            prop="fPrice"
            header-align="center"
            align="center"
            label="单价"
            width="100px"
        />
        <el-table-column
          prop="remark"
          header-align="center"
          align="center"
          label="备注"
        />
      </el-table>

      <pagination
          v-show="whgenlegTotal > 0"
          :total="whgenlegTotal"
          :page.sync="pageNum"
          :limit.sync="pageSize"
          @pagination="getWhgenlegList(key_id)"
      />
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="zhgenlegData" :disabled="browseStatus">导 入</el-button>
        <el-button
            @click="
            warehousingagreements = false;
            Navigation = false;
          "
        >取 消
        </el-button
        >
      </div>
    </el-dialog>
    <div style="display: flex; justify-content: flex-end; margin-top: 10px">
      <!-- 弹窗, 新增 / 修改 -->
      <add-or-update
          v-if="addOrUpdateVisible"
          ref="addOrUpdate"
          @refreshDataList="getDataList"
      ></add-or-update>
      <approval-comments
          v-if="addOrUpdateVisib"
          ref="ApprovalComments"
          @refreshDataList="returnData"
      ></approval-comments>
      <el-button
          type="primary"
          :disabled="approvalStatus"
          v-if="form.fBillstatus > 3"
          @click="addOrUpdateHandle(form, 'f_billstatus')"
      >查看审批
      </el-button
      >
      <el-button
          type="primary"
          v-if="approVal == true && form.fBillstatus >= 4 && form.fBillstatus < 6"
          @click="addOrUpdateHand(form, 'f_billstatus')"
      >审批
      </el-button
      >
      <el-button type="success" prop="打印" @click="print_shd = true"
      >收货单
      </el-button>
      <el-button type="warning" prop="打印" @click="print_rkd = true"
      >出库单
      </el-button>
      <el-button @click="discharge" :disabled="browseStatus">卸货</el-button>
      <el-button type="info" prop="打印" @click="print_zyd = true"
      >作业单
      </el-button>
      <el-button :disabled="browseStatus" type="primary" @click="saveForm()"
      >保 存
      </el-button
      >
      <el-button
          :disabled="form.fBillstatus > 3"
          style="background-color: #008000; color: #fff"
          @click="submitForm()"
      >请核
      </el-button
      >
      <el-button type="danger" v-if="form.fBillstatus === 6" @click="revoke"
      >撤销请核
      </el-button
      >
      <el-button
          type="danger"
          v-if="form.fBillstatus === 4 && current == before"
          :disabled="doNot"
          @click="revokeTwo('f_billstatus')"
      >撤销审批
      </el-button
      >
      <el-button @click="cancel">取 消</el-button>
    </div>
  </div>
</template>

<script>
import print from "print-js";
import {selectUserByRole} from "@/api/basicdata/warehouse"
import {
  addWhgenleg,
  listWarehousebills,
  getWarehousebills,
  delWarehousebills,
  addWarehousebills,
  updateCredit,
  addJoblist,
  disChargelist,
  warehouseSubmission,
  updateWarehousebills,
  exportWarehousebills,
  revokeTwo,
  revoke,
  delOutStock_s,
  serialNumber,
  submitWarehousingApproval,
  ordersRevoke,
  checkCode,
  deliveryCalculation,
  matchWarehouse,
  queryReviewer,
  feesCheck,
  revokefeeCheck
} from "@/api/warehouseBusiness/warehouseOutStock";
import {operationAgreement} from "@/api/agreement/agreement";
import {listCorps} from "@/api/basicdata/corps";
import {listFees, getFees} from "@/api/basicdata/fees";
import {
  listWarehouse,
  treeselect,
  listWarehousesss,
  deliveryDetails
} from "@/api/basicdata/warehouse";
import {listGoods} from "@/api/basicdata/goods";
import {listCntrs} from "@/api/basicdata/cntr";
import {listUser, queryUserVal} from "@/api/system/user";
import {listWhgenleg} from "@/api/reportManagement/whgenleg";
import ApprovalComments from "@/views/startApproval";
import AddOrUpdate from "@/views/viewApproval";
import Global from "@/layout/components/global";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import UploadFile from "@/components/Uploadfile";
import Cookies from "js-cookie";
import {getToken} from "@/utils/auth";
import {addSet, select, resetModule} from "@/api/system/set";
import upLoad from "../components/upLoad";
import draggable from "vuedraggable";
import {queryClerkRoleList} from "@/api/warehouseBusiness/warehouseInStock";
import { listCharge } from "@/api/system/viewApproval";
import { getDept } from "@/api/basicdata/dept";


export default {
  name: "inStock",
  props: {
    chiId: {
      type: Number,
      required: null,
    },
    copyStatus: {
      type: Number,
      required: null,
    },
  },
  components: {
    UploadFile,
    Treeselect,
    AddOrUpdate,
    ApprovalComments,
    draggable,
    upLoad,
  },
  data() {
    return {
      radio: 1,
      nowTime: null,
      pageNum: 1,
      pageSize: 10,
      dialogWhgenlegList: [],
      tasklegList: [],
      Navigation: false,
      key_id: "",
      warehousingagreements: false,
      mblnoStatus: "",
      selectloading: false,
      fMblnoOptions: [],
      warehouseDrList: [],
      relevantAttachments: [],
      warehouseCrList: [],
      fStltypeOptions: [],
      form: {},
      rules: {
        fDeptid: [{required: true, message: " ", trigger: "blur"}],
        fBsdeptid: [{required: true, message: " ", trigger: "blur"}],
        fCorpid: [{required: true, message: " ", trigger: "blur"}],
        fChargedate: [{required: true, message: " ", trigger: "blur"}],
        fMarks: [{required: true, message: " ", trigger: "blur"}],
        fBsdate: [{required: true, message: " ", trigger: "blur"}],
        fTrademodeid: [{required: true, message: " ", trigger: "blur"}],
        fSbu: [{required: true, message: " ", trigger: "blur"}],
        fBusinessType: [{required: true, message: " ", trigger: "blur"}],
        fStorekeeper: {required: true, message: " ", trigger: "blur"},
        fWarehouseid: [{required: true, message: " ", trigger: "blur"}],
        fbillingway: [{required: true, message: " ", trigger: "blur"}],
        fTocorpid: [{required: true, message: " ", trigger: "blur"}],
        fFeetUnit: [{required: true, message: " ", trigger: "blur"}],
      },
      browseStatus: false,
      goodsOptions: [],
      warehouseOptions: [],
      warehouseSwitching: [],
      userOptions: [],
      businessTypeOption: [],
      fCompanyOptIons: [],
      fleetOptions: [],
      fFeetUnitOptions: [],
      current: "",
      before: "",
      contrOl: false,
      isrequired: 2,
      isrequired2: 2,
      detailsHidden: false,
      CntrTable: [],
      cntrList: [],
      fTrademodeidOptions: [],
      fIfweighOptions: [],
      fSbuOptions: [],
      collapselist: ["1"],
      fStorageTypeOptions: [],
      weightList: false,
      sumMum: 0,
      detailList: [],
      print_zyd: false,
      print_shd: false,
      print_rkd: false,
      print_lhd: false,
      print_signFor: false,
      print_hwqr: false,
      print_lwqr: false,
      print_dpxx: false,
      print_ccckd: false,
      print_dcckd: false,
      print_zccdckd: false,
      print_bzckd: false,
      print_xqckd: false,
      company: "",
      Printinglist: [],
      // 收款信息明细
      PrintingCrlist: [],
      allCrfAmount: 0,
      allCrfQty: 0,
      //库位
      stockName: "",
      //库位地址
      stockaddr: "",
      Collectionoptionss: [],
      fDriverTel: "",
      fBsdate: "",
      fTruckno: "",
      allfCntqty: 0,
      allfGrossweight: 0,
      allfNetweight: 0,
      allfQty: 0,
      fixdetaiNum: null,
      dataListSelection: [],
      deliveryConfirmation: true,
      cancelDelivery: true,
      dataWithdrawList: [],
      title: "",
      fCNameOptions: [],
      fDNameOptions: [],
      whgenlegTotal: 0,
      fGrossweight: 0,
      fQty: 0,
      fNetweight: 0,
      fCntqty: 0,
      activeIndex: "1",
      ifCntrnoStatus: null,
      addOrUpdateVisible: false,
      addOrUpdateVisib: false,
      approVal: false,
      approvalStatus: false,
      doNot: false,
      fCartypeOptions: [],
      fIfdamageOptions: [],
      whgenlegList: [],
      releaseList: [
        {dictLabel: "已放行", dictValue: "T"},
        {dictLabel: "未放行", dictValue: "F"},
      ],
      whgenlegVisible: false,
      whgenlegParams: {
        pageNum: 1,
        pageSize: 10,
        fCorpid: null,
        fWarehouseid: null,
        fTruckno: null,
        fCntrno: null,
        fMblno: null,
        orgStorageDate: null,
        fMarks: null
      },
      stockoi: null,
      fSalesmanId: [],
      drag: false,
      tableDate: [
        {
          surface: "0",
          label: "fBillstatus",
          name: "状态",
          checked: 0,
          width: 80,
          fixed: "left",
        },
        {
          surface: "1",
          label: "fBsdate",
          name: "出库日期",
          checked: 0,
          width: 200,
          fixed: "left",
        },
        {
          surface: "2",
          label: "fMblno",
          name: "提单号",
          checked: 0,
          width: 100,
        },
        {
          surface: "3",
          label: "fGoodsid",
          name: "品名",
          checked: 0,
          width: 100,
        },
        {
          surface: "4",
          label: "fBusinessType",
          name: "货物属性",
          checked: 0,
          width: 100,
        },
        {
          surface: "5",
          label: "fMarks",
          name: "属性详情",
          checked: 0,
          width: 100,
        },
        {
          surface: "6",
          label: "fWarehouseInformation",
          name: "库区",
          checked: 0,
          width: 150,
        },
        {
          surface: "7",
          label: "fPlanqty",
          name: "结余库存",
          checked: 0,
          width: 100,
        },
        {
          surface: "8",
          label: "fPlangrossweight",
          name: "结余毛重(kg)",
          checked: 0,
          width: 120,
        },
        {
          surface: "9",
          label: "fPlannetweight",
          name: "结余净重(kg)",
          checked: 0,
          width: 120,
        },

        {
          surface: "10",
          label: "fQty",
          name: "出库件数",
          checked: 0,
          width: 100,
        },
        {
          surface: "11",
          label: "fGrossweight",
          name: "出库毛重(kg)",
          checked: 0,
          width: 120,
        },
        {
          surface: "12",
          label: "fNetweight",
          name: "出库净重(kg)",
          checked: 0,
          width: 120,
        },

        {
          surface: "13",
          label: "fPackagespecs",
          name: "包装规格",
          checked: 0,
          width: 100,
        },
        {
          surface: "14",
          label: "fCntrtype",
          name: "箱型",
          checked: 0,
          width: 100,
        },
        {
          surface: "15",
          label: "fCntqty",
          name: "箱量",
          checked: 0,
          width: 100,
        },
        {
          surface: "16",
          label: "fCntrno",
          name: "箱号",
          checked: 0,
          width: 100,
        },
        {
          surface: "17",
          label: "fGoodsval",
          name: "货值",
          checked: 0,
          width: 100,
        },
        {
          surface: "18",
          label: "fFleet",
          name: "车队",
          checked: 0,
          width: 100,
        },
        {
          surface: "19",
          label: "fTruckno",
          name: "车号",
          checked: 0,
          width: 100,
        },
        {
          surface: "20",
          label: "fDriverName",
          name: "司机名称",
          checked: 0,
          width: 100,
        },
        {
          surface: "21",
          label: "fDriverTel",
          name: "司机电话",
          checked: 0,
          width: 100,
        },
        {
          surface: "22",
          label: "fDriverIdCar",
          name: "司机身份证",
          checked: 0,
          width: 150,
        },
        {
          surface: "23",
          label: "fIsPass",
          name: "是否放行",
          checked: 0,
          width: 150,
        },
        {
          surface: "24",
          label: "fLntype",
          name: "装卸方式",
          checked: 0,
          width: 100,
        },
        {
          surface: "25",
          label: "fForkliftman",
          name: "叉车工",
          checked: 0,
          width: 100,
        },
        {
          surface: "26",
          label: "fLocalcntrno",
          name: "库内箱号",
          checked: 0,
          width: 100,
        },
        {
          surface: "27",
          label: "fSealno",
          name: "封号",
          checked: 0,
          width: 100,
        },
        {
          surface: "28",
          label: "fSerialNumber",
          name: "流水号",
          checked: 0,
          width: 100,
        },
        {
          surface: "29",
          label: "remark",
          name: "备注",
          checked: 0,
          width: 100,
        }, {
          surface: "30",
          label: "fNowCarton",
          name: "现箱号",
          checked: 0,
          width: 100,
        }, {
          surface: "31",
          label: "fCartypeId",
          name: "车辆类型",
          checked: 0,
          width: 100,
        }
      ],
      cartypeId:[],
      setRowList: [],
      getRowList: [],
      allCheck: false,
      showSetting: false,
      tableDate2: [
        {
          surface: "1",
          label: "fMblno",
          name: "提单号",
          checked: 0,
          width: 150,
        },
        {
          surface: "2",
          label: "fOriginalbilldate",
          name: "入库日期",
          checked: 0,
          width: 100,
        },

        {
          surface: "3",
          label: "fGoodsid",
          name: "品名",
          checked: 0,
          width: 100,
        },
        {
          surface: "4",
          label: "fCntrno",
          name: "箱号",
          checked: 0,
          width: 100,
        },
        {
          surface: "5",
          label: "fQtyblc",
          name: "结余数量",
          checked: 0,
          width: 150,
        },
        {
          surface: "6",
          label: "fGrossweightblc",
          name: "结余毛重(kg)",
          checked: 0,
          width: 150,
        },
        {
          surface: "7",
          label: "fNetweightblc",
          name: "结余净重(kg)",
          checked: 0,
          width: 150,
        },
        {
          surface: "8",
          label: "fWarehouseids",
          name: "库位",
          checked: 0,
          width: 150,
        },
        {
          surface: "9",
          label: "fMarks",
          name: "品牌",
          checked: 0,
          width: 100,
        },
        {
          surface: "10",
          label: "fQtyblc2",
          name: "数量",
          checked: 0,
          width: 100,
        },
        {
          surface: "11",
          label: "fGrossweightblc2",
          name: "毛重(kg)",
          checked: 0,
          width: 100,
        },
        {
          surface: "12",
          label: "fNetweightblc2",
          name: "净重(kg)",
          checked: 0,
          width: 100,
        },
        {
          surface: "13",
          label: "fLocalcntrno",
          name: "库内箱号",
          checked: 0,
          width: 100,
        },
      ],
      setRowList2: [],
      getRowList2: [],
      allCheck2: false,
      showSetting2: false,
      detailsHidden2: true,
      unloadModes: [],
      dataShowcar: null,
      tfNetweightnum: 0,
      tfGrossweightnum: 0,
      showApproval: null,
      allfPlanqty: 0,
      ckTime: null,
      entryPrinting: 1,
      // 滚动加载显示
      isFlag: false,
      // Cr打印弹窗是否开启
      print_Cr: false,
      zcList: [],
      // 初级审核人
      firstReviewer: '',
      // 复级审核人
      secondReviewer: '',
    };
  },
  computed: {
    noMore() {
      return false
    },
    loadDisabled() {
      return this.isFlag || this.noMore
    },
  },
  created() {
    this.setRowList = this.tableDate;
    this.getRowList = this.tableDate;
    this.setRowList2 = this.tableDate2;
    this.getRowList2 = this.tableDate2;
    this.getConfigKey("data_showcar").then((response) => {
      this.dataShowcar = response.msg;
      if (this.dataShowcar == "0") {
        this.detailsHidden2 = false;
      } else {
        this.detailsHidden2 = true;
      }
    });
    selectUserByRole().then(res => {
      this.fSalesmanId = res.rows
    })
    this.getConfigKey("entry.printing").then((response) => {
      this.entryPrinting = response.msg;
    });
    this.getDicts("data_stltype_type").then((response) => {
      this.fStltypeOptions = response.data;
    });
    this.getDicts("st_out_type").then((response) => {
      this.businessTypeOption = response.data;
      localStorage.setItem("businessTypeList", JSON.stringify(response.data));
    });
    this.getDicts("data_unitfees").then((response) => {
      this.fFeetUnitOptions = response.data;
    });
    this.getDicts("data_trademodes").then((response) => {
      this.fTrademodeidOptions = response.data;
    });
    this.getDicts("data_ifweigh_status").then((response) => {
      this.fIfweighOptions = response.data;
    });
    this.getDicts("storage_type").then((response) => {
      this.fStorageTypeOptions = response.data;
      localStorage.setItem("fStorageTypeList", JSON.stringify(response.data));
    });
    this.getDicts("sys_car_type").then((response) => {
      this.fCartypeOptions = response.data;
    });
    this.getDicts("sys_car_type").then((response) => {
      this.cartypeId = response.data;
      this.cartypeId.forEach(item =>{
        item.dictValue = Number(item.dictValue)
      })
    });
    this.getDicts("data_ifdamage_status").then((response) => {
      this.fIfdamageOptions = response.data;
    });
    this.getConfigKey("stockoi").then((response) => {
      this.stockoi = response.msg;
    });
    this.getConfigKey("outStock.orders.approvalFlow").then((response) => {
      this.showApproval = response.msg;
    });
    listWarehousesss({fStatus: 0, delFlag: 0}).then((response) => {
      this.warehouseOptions = response.rows;
    });
    listFees({fDc: "C"}).then((response) => {
      this.fCNameOptions = response.rows;
    });
    listFees({fDc: "D"}).then((response) => {
      this.fDNameOptions = response.rows;
    });
    listCorps({type: 1}).then((response) => {
      this.fMblnoOptions = response.rows;
    });
    listCorps().then((response) => {
      this.fSbuOptions = response.rows;
    });
    queryClerkRoleList().then((response) => {
      this.userOptions = response.data;
    });
    listGoods({fStatus: 0, delFlag: 0}).then((response) => {
      this.goodsOptions = response.rows;
    });
    listCntrs({fStatus: "T"}).then((response) => {
      this.cntrList = response.rows;
    });
    listCorps({fTypeid: 6}).then((response) => {
      this.fCompanyOptIons = response.rows;
    });
    listCorps({fTypeid: 2}).then((response) => {
      this.fleetOptions = response.rows;
    });
    this.getDicts("unload_mode").then((response) => {
      this.unloadModes = response.data;
    });
    this.company = Cookies.get("companyName")
    this.queryUser();
    this.getRow();
    this.getRow2();
  },
  filters: {
    fBsdateFormat(row) {
      if (row) {
        const dateMat = new Date(row);
        const year = dateMat.getFullYear();
        const month = dateMat.getMonth() + 1;
        const day = dateMat.getDate();
        const timeFormat = year + "-" + month + "-" + day;
        return timeFormat;
      }
    },
    fStorageFormat(row) {
      let name;
      for (const item of JSON.parse(localStorage.getItem("fStorageTypeList"))) {
        if (row == item.dictValue) {
          name = item.dictLabel;
        }
      }
      return name;
    },
    fBusinessTypeFormat(row) {
      let name;
      for (const item of JSON.parse(localStorage.getItem("businessTypeList"))) {
        if (row == item.dictValue) {
          name = item.dictLabel;
        }
      }
      return name;
    },
    goodsFormat(row, goodsOptions) {
      let goods;
      goodsOptions.map((e) => {
        if (row == e.fId) {
          goods = e.fName;
        }
      });
      return goods;
    },
    fFeetFormat(row, fCNameOptions) {
      let name;
      fCNameOptions.map((e) => {
        if (row == e.fId) {
          name = e.fName;
        }
      });
      return name;
    },
    fMblnoFormat(row, fMblnoOptions) {
      let name;
      fMblnoOptions.map((e) => {
        if (row == e.fId) {
          name = e.fName;
        }
      });
      return name;
    },
    fCartypeFormat(row, fCartypeOptions) {
      let name;
      fCartypeOptions.map((e) => {
        if (row == e.dictValue) {
          name = e.dictLabel;
        }
      });
      return name;
    },
    fStorageTypeFormat(row, fStorageTypeOptions) {
      let fStorageType;
      fStorageTypeOptions.map((e) => {
        if (row == e.dictValue) {
          fStorageType = e.dictLabel;
        }
      });
      return fStorageType;
    },
    fCartypeIdFormat(row, fCartypeId) {
      let fCartype;
      fCartypeId.map((e) => {
        if (row == e.dictValue) {
          fCartype = e.dictLabel;
        }
      });
      return fCartype;
    },
  },
  methods: {
    init() {
      this.approVal = false;
      this.resetForm("form");
      this.detailList = [];
      this.relevantAttachments = [];
      this.warehouseCrList = [];
      this.warehouseDrList = [];
      this.CntrTable = [];
      if (this.dataShowcar == "0") {
        this.detailsHidden2 = false;
      } else {
        this.detailsHidden2 = true;
      }
      if (this.$route.query.id) {
        this.approVal = true;
        this.$router.push({query: {}});
      }
      this.getForm();
    },
    init2() {
      this.whgenlegParams = {
        pageNum: 1,
        pageSize: 10,
        fCorpid: null,
        fWarehouseid: null,
        fTruckno: null,
        fCntrno: null,
        fMblno: null,
        orgStorageDate: null,
      };
    },
    tfNetweight(row) {
      this.tfNetweightnum = (row / 1000).toFixed(4);
    },
    tfGrossweight(row) {
      this.tfGrossweightnum = (row / 1000).toFixed(4);
    },
    //列设置全选
    allChecked() {
      if (this.allCheck == true) {
        this.setRowList.map((e) => {
          return (e.checked = 0);
        });
      } else {
        this.setRowList.map((e) => {
          return (e.checked = 1);
        });
      }
    },
    //查询列数据
    getRow() {
      let that = this;
      this.data = {
        tableName: "出库明细",
        userId: Cookies.get("userName"),
      };
      select(this.data).then((res) => {
        if (res.data.length != 0) {
          this.getRowList = res.data.filter((e) => e.checked == 0);
          this.setRowList = res.data;
          this.setRowList = this.setRowList.reduce((res, item) => {
            res.push({
              surface: item.surface,
              label: item.label,
              name: item.name,
              checked: item.checked,
              width: item.width,
              fixed: item.fixed,
            });
            return res;
          }, []);
        }
      });
    },
    //重置列表
    delRow() {
      this.data = {
        tableName: "出库明细",
        userId: Cookies.get("userName"),
      };
      resetModule(this.data).then((res) => {
        if (res.code == 200) {
          this.showSetting = false;
          this.setRowList = this.$options.data().tableDate;
          this.getRowList = this.$options.data().tableDate;
        }
      });
    },
    //保存列设置
    save() {
      this.showSetting = false;
      this.data = {
        tableName: "出库明细",
        userId: Cookies.get("userName"),
        sysTableSetList: this.setRowList,
      };
      addSet(this.data).then((res) => {
        if (res.code == 200) {
          this.showSetting = false;
          this.getRowList = this.setRowList.filter((e) => e.checked == 0);
        }
      });
    },
    //列设置全选
    allChecked2() {
      if (this.allCheck2 == true) {
        this.setRowList2.map((e) => {
          return (e.checked = 0);
        });
      } else {
        this.setRowList2.map((e) => {
          return (e.checked = 1);
        });
      }
    },
    //查询列数据
    getRow2() {
      let that = this;
      this.data = {
        tableName: "出库总账",
        userId: Cookies.get("userName"),
      };
      select(this.data).then((res) => {
        if (res.data.length != 0) {
          this.getRowList2 = res.data.filter((e) => e.checked == 0);
          this.setRowList2 = res.data;
          this.setRowList2 = this.setRowList2.reduce((res, item) => {
            res.push({
              surface: item.surface,
              label: item.label,
              name: item.name,
              checked: item.checked,
              width: item.width,
              fixed: item.fixed,
            });
            return res;
          }, []);
        }
      });
    },
    calculationFAmt(row) {
      row.fAmt = Number(row.fAmt)
      if (row.fAmt) {
        row.fAmt = row.fAmt.toFixed(2)
      } else {
        return false
      }
    },
    //重置列表
    delRow2() {
      this.data = {
        tableName: "出库总账",
        userId: Cookies.get("userName"),
      };
      resetModule(this.data).then((res) => {
        if (res.code == 200) {
          this.showSetting2 = false;
          this.setRowList2 = this.$options.data().tableDate2;
          this.getRowList2 = this.$options.data().tableDate2;
        }
      });
    },
    //保存列设置
    save2() {
      this.showSetting2 = false;
      this.data = {
        tableName: "出库总账",
        userId: Cookies.get("userName"),
        sysTableSetList: this.setRowList2,
      };
      addSet(this.data).then((res) => {
        if (res.code == 200) {
          this.showSetting2 = false;
          this.getRowList2 = this.setRowList2.filter((e) => e.checked == 0);
        }
      });
    },
    //开始拖拽事件
    onStart() {
      this.drag = true;
    },
    //拖拽结束事件
    onEnd() {
      this.drag = false;
    },
    // 修改毛重净重
    changeOutStock(row) {
      this.$refs['detailTable'].clearSelection()
      let fNetweight = 0;
      let fGrossweight = 0;
      if (row.fNetweight) {
        fNetweight = row.fNetweight;
      }
      if (row.fGrossweight) {
        fGrossweight = row.fGrossweight;
      }
      if (row.fPlannetweight < fNetweight) {
        this.$message({message: "出库净重超出结余净重", type: "warning"});
        return false;
      }
      if (row.fPlangrossweight < fGrossweight) {
        this.$message({message: "出库毛重超出结余毛重", type: "warning"});
        return false;
      }
    },
    // 出库件数的计算
    qtyChange(row) {
      // if (!row.fQty || row.fQty === "") {
      //   this.$set(row, "fNetweight", 0);
      //   this.$set(row, "fGrossweight", 0);
      //   return false;
      // }
      if (row.fPlanqty < row.fQty) {
        this.$message.error("出库件数超出结余件数!");
        this.$set(row, "fQty", 0);
        this.$set(row, "fNetweight", 0);
        this.$set(row, "fGrossweight", 0);
        return false;
      }
      if (row.fQtyblc2 > row.fQtyblc) {
        this.$message.error("出库件数超出结余件数!");
        this.$set(row, "fQtyblc2", 0);
        this.$set(row, "fGrossweightblc2", 0);
        this.$set(row, "fNetweightblc2", 0);
        return false;
      }
      this.$set(
          row,
          "fNetweight",
          parseFloat(
              (Number(row.fPlannetweight) / Number(row.fPlanqty)) * Number(row.fQty)
          ).toFixed(2)
      );
      this.$set(
          row,
          "fGrossweight",
          parseFloat(
              (Number(row.fPlangrossweight) / Number(row.fPlanqty)) *
              Number(row.fQty)
          ).toFixed(2)
      );
      this.$set(
          row,
          "fNetweightblc2",
          parseFloat(
              (Number(row.fNetweightblc) / Number(row.fQtyblc)) *
              Number(row.fQtyblc2)
          ).toFixed(2)
      );
      this.$set(
          row,
          "fGrossweightblc2",
          parseFloat(
              (Number(row.fGrossweightblc) / Number(row.fQtyblc)) *
              Number(row.fQtyblc2)
          ).toFixed(2)
      );
    },
    whgenlegData() {
      if (this.dialogWhgenlegList.length === 0) {
        this.$message({message: "未勾选信息", type: "warning"});
        return false;
      }
      this.dialogWhgenlegList.map((e) => {
        this.detailList.push({
          fBsdate: this.form.fBsdate,
          fId: null,
          fMblno: e.fMblno,
          fGoodsid: e.fGoodsid,
          fCntrtype: null,
          fPlanqty: e.fQtyblc,
          fPlannetweight: e.fNetweightblc,
          fPlangrossweight: e.fGrossweightblc,
          fWarehouseLocationids: e.fWarehouseLocationids,
          fGoodsids: e.fGoodsids,
          fBillingway: e.fBillingway,
          fChargedate: e.fChargedate,
          fMarks: e.fMarks,
          fOriginalbilldate: e.fOriginalbilldate,
          fOriginalbillno: e.fOriginalbillno,
          fPackagespecs: e.fPackagespecs,
          fGrossweight: e.fGrossweightblc2,
          fNetweight: e.fNetweightblc2,
          fQty: e.fQtyblc2,
          fCntqty: 1,
          fBillstatus: 10,
          fWarehouselocid: e.fWarehouseLocationid,
          fWarehouselocids: e.fWarehouseLocationids,
          fCntrno: e.fCntrno,
          fGoodsval: null,
          fTruckno: this.whgenlegList.fTruckno,
          remark: null,
          fIsPass: "F",
          fDriverName: this.whgenlegList.fDriverName,
          fDriverTel: this.whgenlegList.fDriverTel,
          fDriverIdCar: this.whgenlegList.fDriverIdCar,
          fBusinessType: e.fBusinessType ? e.fBusinessType.toString() : null,
          fWarehouseInformation: e.fWarehouseids,
          fSrcid: e.fId,
          fSrcBsdate: e.fBsdate,
        });
        console.log(this.detailList)
      });
      this.whgenlegVisible = false;
    },
    //撤销请核
    revoke() {
      revoke(this.form.fId).then(async (data) => {
        if (data.code === 200) {
          this.browseStatus = false;
          await getWarehousebills(this.form.fId).then((response) => {
            this.form = response.data.warehousebills;
            if (this.form.fBillstatus > 3) {
              this.approvalStatus = false;
              this.browseStatus = true;
            } else {
              this.approvalStatus = true;
              this.browseStatus = false;
            }
            this.$set(this.form, "fBsdate", Date.parse(this.form.fBsdate));
            this.$set(this.form, "fBstifime", Date.parse(this.form.fBstime));
            this.$set(this.form, "createTime", Date.parse(this.form.createTime));
            this.$set(this.form, "fFeetUnit", this.form.fFeetunit);
            this.tfNetweightnum = (this.form.fPlannetweight / 1000).toFixed(4);
            this.tfGrossweightnum = (this.form.fPlangrossweight / 1000).toFixed(4);
            if (this.form.fCartype || this.form.fCartype == 0) {
              this.$set(this.form, "fCartype", this.form.fCartype.toString());
            }
            if (this.form.fStltypeid || this.form.fStltypeid == 0) {
              this.$set(this.form, "fStltypeid", this.form.fStltypeid.toString());
            }
            if (this.form.fTrademodeid) {
              this.$set(
                  this.form,
                  "fTrademodeid",
                  this.form.fTrademodeid.toString()
              );
            }
            if (!this.copyStatus) {
              if (response.data.warehouseBillsItem) {
                response.data.warehouseBillsItem.map((e) => {
                  e.fBsdate = Date.parse(e.fBsdate);
                  e.fBusinessType = e.fBusinessType.toString();
                  e.fLntype = e.fLntype ? e.fLntype.toString() : null;
                });
                this.detailList = response.data.warehouseBillsItem;
              } else {
                this.detailList = [];
              }
              response.data.warehousebillsfeesCr.map((e) => {
                if (e.fFeeunitid) {
                  e.fFeeUnitid = e.fFeeunitid.toString();
                }
                if (e.fStltypeid || e.fStltypeid == 0) {
                  e.fStltypeid = e.fStltypeid.toString();
                }
              });
              this.warehouseCrList = response.data.warehousebillsfeesCr;
              response.data.warehousebillsfeesDr.map((e) => {
                if (e.fFeeunitid) {
                  e.fFeeUnitid = e.fFeeunitid.toString();
                }
                if (e.fStltypeid || e.fStltypeid == 0) {
                  e.fStltypeid = e.fStltypeid.toString();
                }
              });
              this.warehouseDrList = response.data.warehousebillsfeesDr;
              this.warehouseDrList.forEach(item => item.fBillingway = JSON.stringify(item.fBillingway))
              if (response.data.tCntrList) {
                this.CntrTable = response.data.tCntrList;
              } else {
                this.CntrTable = [];
              }
              if (response.data.enclosures) {
                this.relevantAttachments = response.data.enclosures;
              }
            } else {
              this.$set(this.form, "fId", null);
              this.$set(this.form, "fMblno", null);
              this.$set(this.form, "fMarks", null);
              this.$set(this.form, "fProductName",null);
              this.$set(this.form, "fNetweight", 0);
              this.$set(this.form, "fPlanvolumn", 0);
              this.$set(this.form, "fGrossweight", 0);
            }
          });
          this.warehouseCrList.forEach((item, index) => {
            if (item.fQty != 0 && item.fUnitprice !== 0 && item.fAmount !==0) {
              item.fBillstatus = 6;
            }
          })
          let formData = new window.FormData();
          formData.append("warehouseBills", JSON.stringify(this.form));
          this.detailList.forEach(item => {
            if (item.srcId !== null) {
              // item.fStorageFeeDeadline = item.fBsdate
            }
          })
          // 费用明细付款
          formData.append(
            "warehousebillsfeesCr",
            JSON.stringify(this.warehouseCrList)
          );

          // 库存明细
          formData.append(
            "warehousebillsitems",
            JSON.stringify(this.detailList)
          );
          formData.append(
            "tEnclosure",
            JSON.stringify(this.relevantAttachments)
          );

          // 收款
          formData.append(
            "warehousebillsfeesDr",
            JSON.stringify(this.warehouseDrList)
          );
          formData.append("mblnoStatus", JSON.stringify(this.mblnoStatus));
          formData.append("tCntr", JSON.stringify(this.CntrTable));
          addWarehousebills(formData).then(res => {
          })
          this.msgSuccess("撤销成功");
        }
      });
    },
    ordersRevoke() {
      ordersRevoke(this.form.fId).then((data) => {
        if (data.code === 200) {
          this.$set(this.form, "warehouseStatus", 2);
          this.msgSuccess("撤销成功");
        }
      });
    },
    //撤销审批
    revokeTwo(status) {
      let data = {
        actId: 120,
        billId: this.form.fId,
        id: this.form.fId,
        fidStatus: status,
      };
      revokeTwo(data).then((data) => {
        if (data.code === 200) {
          this.browseStatus = false;
          this.msgSuccess("撤销成功");
          if (status) {
            this.$set(this.form, "warehouseStatus", 2);
          }
        }
      });
    },
    // 查看审批流
    getDataList() {
      this.addOrUpdateVisible = false;
    },
    returnData() {
      this.addOrUpdateVisib = false;
      this.$router.push({path: "/index"});
    },
    addOrUpdateHandle(form, status) {
      this.addOrUpdateVisible = true;
      this.$nextTick(() => {
        this.$refs.addOrUpdate.init(form.fId, 120, status);
      });
    },
    addOrUpdateHand(form, status) {
      this.addOrUpdateVisib = true;
      this.$nextTick(() => {
        this.$refs.ApprovalComments.init(form.fId, status, 120);
      });
    },
    judgmentWarehouse() {
      if (this.form.fMblno && this.form.fCorpid) {
        matchWarehouse({fMblno: this.form.fMblno, fCorpid: this.form.fCorpid}).then(res => {
          this.warehouseSwitching = res.data
        })
      }
    },
    changefStltype(row) {
      this.judgmentWarehouse()
      this.fMblnoOptions.map((e) => {
        if (row == e.fId) {
          this.$set(this.form, "fStltypeid", e.fStltypeid.toString());
        }
      });
    },
    changeGoods(row) {
      this.goodsOptions.map((e) => {
        if (row == e.fId) {
          if (e.ifCntrno == "1") {
            this.ifCntrnoStatus = 1;
          } else {
            this.ifCntrnoStatus = null;
          }
        }
      });
    },
    //确认打印签收单
    Printing() {
      this.$print(this.$refs.print)
    },
    discharge() {
      let checkData = {
        fId: this.form.fId,
        fType: "warehouse",
        codeVal: this.form.fDateChanged,
      };
      checkCode(checkData).then((response) => {
        if (!response) {
          this.$confirm("数据发生变化，请更新一下数据?", "提示", {
            confirmButtonText: "确认",
            cancelButtonText: "取消",
            type: "warning",
          }).then(() => {
            this.getForm();
          });
        } else {
          if (this.Printinglist.length > 0) {
            for (let item in this.Printinglist) {
              if (this.Printinglist[item].fBillstatus === 10) {
                return this.$message.error("请先打印作业单");
              }
              if (
                  this.Printinglist[item].fBillstatus >= 30 &&
                  this.stockoi == "0"
              ) {
                return this.$message.error("请勿重复卸货");
              }
            }
            if (this.CntrTable.length > 0) {
              let arr = [];
              this.CntrTable.map((e) => {
                this.cntrList.map((item) => {
                  if (item.fId == e.fCntrid) {
                    arr.push(item.fName + "X" + e.fCntrcount);
                  }
                });
              });
              arr = [...new Set(arr)];
              this.form.fCntval = arr.join(",");
            } else {
              this.form.fCntval = null;
            }
            if (this.detailList.length > 0) {
              let arr = [];
              this.detailList.map((e) => {
                this.goodsOptions.map((item) => {
                  if (e.fGoodsid == item.fId) {
                    arr.push(item.fName);
                  }
                });
              });
              arr = [...new Set(arr)];
              this.form.fProductName = arr.join(",");
            } else {
              this.form.fProductName = "";
            }
            if (this.detailList.length > 0) {
              let arr = [];
              this.detailList.map((e) => {
                arr.push(e.fMarks);
              });
              arr = [...new Set(arr)];
              this.form.fMarks = arr.join(",");
            } else {
              this.form.fMarks = "";
            }
            if (this.detailList.length == 0) {
              this.form.fNetweight = 0;
              this.form.fPlanvolumn = 0;
              this.form.fGrossweight = 0;
            } else {
              this.form.fNetweight = this.fNetweight;
              this.form.fPlanvolumn = this.fPlanvolumn;
              this.form.fGrossweight = this.fGrossweight;
            }
            let formData = new window.FormData();
            formData.append("warehouseBills", JSON.stringify(this.form));
            formData.append(
                "tEnclosure",
                JSON.stringify(this.relevantAttachments)
            );
            formData.append(
                "warehousebillsitems",
                JSON.stringify(this.Printinglist)
            );
            formData.append(
                "warehousebillsfeesDr",
                JSON.stringify(this.warehouseDrList)
            );
            formData.append(
                "warehousebillsfeesCr",
                JSON.stringify(this.warehouseCrList)
            );
            formData.append("tCntr", JSON.stringify(this.CntrTable));
            disChargelist(formData).then((response) => {
              if ((response.code = 200)) {
                this.$set(
                    this.form,
                    "fDateChanged",
                    response.data.fDateChanged
                );
                this.detailList.map((e, index) => {
                  response.data.warehousebillsitems.map((item) => {
                    item.fBsdate = Date.parse(new Date(item.fBsdate));
                    if (item.fBusinessType) {
                      item.fBusinessType = item.fBusinessType.toString();
                    }
                    item.fLntype = item.fLntype
                        ? item.fLntype.toString()
                        : null;
                    if (e.fId == item.fId) {
                      e = item;
                      this.$set(this.detailList, index, e);
                    }
                  });
                });
                this.msgSuccess("装货成功");
                this.$set(this.form, "fItemsStatus", 3);
              }
            });
          } else {
            this.$message.error("请选择需要卸货的明细!");
          }
        }
      });
    },
    creditClick() {
      let checkData = {
        fId: this.form.fId,
        fType: "warehouse",
        codeVal: this.form.fDateChanged,
      };
      checkCode(checkData).then((response) => {
        if (!response) {
          this.$confirm("数据发生变化，请更新一下数据?", "提示", {
            confirmButtonText: "确认",
            cancelButtonText: "取消",
            type: "warning",
          }).then(() => {
            this.getForm();
          });
        } else {
          for (let item in this.Printinglist) {
            if (!this.Printinglist[item].fId) {
              return this.$message.error("请存在未保存的数据");
            }
            if (this.entryPrinting == 0) {
              if (
                  this.Printinglist[item].fBillstatus == 10 &&
                  this.stockoi == "0"
              ) {
                return this.$message.error("请存在未打印的作业单");
              }
            }
            if (
                this.Printinglist[item].fBillstatus == 20 &&
                this.stockoi == "0"
            ) {
              return this.$message.error("请存在未卸货的数据");
            }
            if (!this.Printinglist[item].fTruckno) {
              return this.$message.error("车号不能为空");
            }
            if (this.Printinglist[item].fIsPass == "F") {
              return this.$message.error("未放行，不能出库");
            }
          }
          if (this.CntrTable.length > 0) {
            let arr = [];
            this.CntrTable.map((e) => {
              this.cntrList.map((item) => {
                if (item.fId == e.fCntrid) {
                  arr.push(item.fName + "X" + e.fCntrcount);
                }
              });
            });
            arr = [...new Set(arr)];
            this.form.fCntval = arr.join(",");
          } else {
            this.form.fCntval = null;
          }
          if (this.detailList.length > 0) {
            let arr = [];
            this.detailList.map((e) => {
              this.goodsOptions.map((item) => {
                if (e.fGoodsid == item.fId) {
                  arr.push(item.fName);
                }
              });
            });
            arr = [...new Set(arr)];
            this.form.fProductName = arr.join(",");
          } else {
            this.form.fProductName = "";
          }
          if (this.detailList.length > 0) {
            let arr = [];
            this.detailList.map((e) => {
              arr.push(e.fMarks);
            });
            arr = [...new Set(arr)];
            this.form.fMarks = arr.join(",");
          } else {
            this.form.fMarks = "";
          }
          if (this.detailList.length == 0) {
            this.form.fNetweight = 0;
            this.form.fPlanvolumn = 0;
            this.form.fGrossweight = 0;
          } else {
            this.form.fNetweight = this.fNetweight;
            this.form.fPlanvolumn = this.fPlanvolumn;
            this.form.fGrossweight = this.fGrossweight;
          }
          let formData = new window.FormData();
          formData.append("warehouseBills", JSON.stringify(this.form));
          formData.append(
              "warehousebillsitems",
              JSON.stringify(this.Printinglist)
          );
          formData.append(
              "warehousebillsfeesDr",
              JSON.stringify(this.warehouseDrList)
          );
          formData.append(
              "warehousebillsfeesCr",
              JSON.stringify(this.warehouseCrList)
          );
          formData.append(
              "tEnclosure",
              JSON.stringify(this.relevantAttachments)
          );
          formData.append("whgenleg", JSON.stringify(this.relevantAttachments));
          formData.append("tCntr", JSON.stringify(this.CntrTable));
          addWhgenleg(formData).then((response) => {
            if ((response.code = 200)) {
              this.mblnoStatus = "";
              this.form = response.data.warehouse;
              this.$set(this.form, "fBsdate", Date.parse(this.form.fBsdate));
              this.$set(this.form, "fBstime", Date.parse(this.form.fBstime));
              this.$set(
                  this.form,
                  "createTime",
                  Date.parse(this.form.createTime)
              );
              if (this.form.fStltypeid || this.form.fStltypeid == 0) {
                this.$set(
                    this.form,
                    "fStltypeid",
                    this.form.fStltypeid.toString()
                );
              }
              this.$set(this.form, "fFeetUnit", this.form.fFeetunit);
              if (this.form.fCartype || this.form.fCartype == 0) {
                this.$set(this.form, "fCartype", this.form.fCartype.toString());
              }
              if (this.form.fTrademodeid) {
                this.$set(this.form, "fTrademodeid", this.form.fTrademodeid.toString());
              }
              response.data.warehouseItem.map((e) => {
                e.fBsdate = Date.parse(e.fBsdate);
                e.fBusinessType = e.fBusinessType.toString();
                e.fLntype = e.fLntype ? e.fLntype.toString() : null;
              });
              this.detailList.map((e, index) => {
                response.data.warehouseItem.map((item) => {
                  item.fBsdate = Date.parse(new Date(item.fBsdate));
                  if (item.fBusinessType) {
                    item.fBusinessType = item.fBusinessType.toString();
                  }
                  item.fLntype = item.fLntype ? item.fLntype.toString() : null;
                  if (e.fId == item.fId) {
                    e = item;
                    this.$set(this.detailList, index, e);
                  }
                });
              });
              this.msgSuccess("出库成功");
              this.$set(this.form, "fItemsStatus", 4);
            }
          });
        }
      });
    },
    // 撤回入账
    withdrawClick() {
      let checkData = {
        fId: this.form.fId,
        fType: "warehouse",
        codeVal: this.form.fDateChanged,
      };
      checkCode(checkData).then((response) => {
        if (!response) {
          this.$confirm("数据发生变化，请更新一下数据?", "提示", {
            confirmButtonText: "确认",
            cancelButtonText: "取消",
            type: "warning",
          }).then(() => {
            this.getForm();
          });
        } else {
          for (let item in this.Printinglist) {
            if (!this.Printinglist[item].fId) {
              return this.$message.error("请存在未保存的数据");
            }
            if (this.Printinglist[item].fBillstatus == 10) {
              return this.$message.error("请存在未打印的作业单");
            }
            if (this.Printinglist[item].fBillstatus == 20) {
              return this.$message.error("请存在未卸货的数据");
            }
            if (this.Printinglist[item].fBillstatus == 30) {
              return this.$message.error("请存在未出库的数据");
            }
          }
          if (this.CntrTable.length > 0) {
            let arr = [];
            this.CntrTable.map((e) => {
              this.cntrList.map((item) => {
                if (item.fId == e.fCntrid) {
                  arr.push(item.fName + "X" + e.fCntrcount);
                }
              });
            });
            arr = [...new Set(arr)];
            this.form.fCntval = arr.join(",");
          } else {
            this.form.fCntval = null;
          }
          if (this.detailList.length > 0) {
            let arr = [];
            this.detailList.map((e) => {
              this.goodsOptions.map((item) => {
                if (e.fGoodsid == item.fId) {
                  arr.push(item.fName);
                }
              });
            });
            arr = [...new Set(arr)];
            this.form.fProductName = arr.join(",");
          } else {
            this.form.fProductName = "";
          }
          if (this.detailList.length > 0) {
            let arr = [];
            this.detailList.map((e) => {
              arr.push(e.fMarks);
            });
            arr = [...new Set(arr)];
            this.form.fMarks = arr.join(",");
          } else {
            this.form.fMarks = "";
          }
          if (this.detailList.length == 0) {
            this.form.fNetweight = 0;
            this.form.fPlanvolumn = 0;
            this.form.fGrossweight = 0;
          } else {
            this.form.fNetweight = this.fNetweight;
            this.form.fPlanvolumn = this.fPlanvolumn;
            this.form.fGrossweight = this.fGrossweight;
          }
          // 撤回入库
          let formData = new window.FormData();
          formData.append("warehouseBills", JSON.stringify(this.form));
          formData.append(
              "warehousebillsitems",
              JSON.stringify(this.Printinglist)
          );
          formData.append(
              "warehousebillsfeesDr",
              JSON.stringify(this.warehouseDrList)
          );
          formData.append(
              "warehousebillsfeesCr",
              JSON.stringify(this.warehouseCrList)
          );
          formData.append(
              "tEnclosure",
              JSON.stringify(this.relevantAttachments)
          );
          formData.append("tCntr", JSON.stringify(this.CntrTable));
          updateCredit(formData).then((response) => {
            this.Printinglist.map((e) => {
              this.detailList.map((item, index) => {
                if (e.fId == item.fId) {
                  this.$set(this.detailList[index], "fBillstatus", 10);
                }
              });
            });
            this.msgSuccess("撤回成功");
            this.$refs.multipleTable.clearSelection();
            this.$set(this.form, "fItemsStatus", 1);
            this.$set(this.form, "fDateChanged", response.msg);
          });
        }
      });
    },
    fStorageTypeFormat(row) {
      let fStorageType;
      this.fStorageTypeOptions.map((e) => {
        if (row.fBusinessType == e.dictValue) {
          fStorageType = e.dictLabel;
        }
      });
      return fStorageType;
    },
    // fStorageTypeFormat(row, fStorageTypeOptions) {
    //   let fStorageType;
    //   fStorageTypeOptions.map((e) => {
    //     if (row == e.dictValue) {
    //       fStorageType = e.dictLabel;
    //     }
    //   });
    //   return fStorageType;
    // },
    fCntrtypeFormat(row) {
      let fCntrtype;
      this.cntrList.map((e) => {
        if (row.fCntrtype == e.fId) {
          fCntrtype = e.fName;
        }
      });
      return fCntrtype;
    },
    goodsFormat(row) {
      let goods;
      this.goodsOptions.map((e) => {
        if (row.fGoodsid == e.fId) {
          goods = e.fName;
        }
      });
      return goods;
    },
    fBsdateFormat(row) {
      const dateMat = new Date(row.fBsdate);
      const year = dateMat.getFullYear();
      const month = dateMat.getMonth() + 1;
      const day = dateMat.getDate();
      const timeFormat = year + "-" + month + "-" + day;
      return timeFormat;
    },
    calculationFee() {
      if (this.detailList.length !== 0) {
        let list = []
        let i = 0
        try {
          this.detailList.forEach(item => {
            i++
            if (item.fBillstatus === 40) {
              list.push({
                fCorpid: this.form.fCorpid,
                fBillingDeadline: item.fBsdate,
                fMblno: item.fMblno,
                fGoodsid: item.fGoodsid,
                fId: item.fId
              })
            } else {
              this.$message.error('第' + i + '条出库明细未出库');
              throw new Error("EndIterative")
            }
          })
          deliveryCalculation(list).then(res => {
            let arr = [];
            arr = res.data
            arr.forEach(index => {
              index.fBillingway = JSON.stringify(index.fBillingway)
              index.fBusinessType = this.form.fBusinessType
              index.fAmt = index.fAmt.toFixed(2)
              console.log(index.fFeeunitid )
              index.fFeeUnitid = String(index.fFeeunitid)
              index.fSrcTypeId = 1
            })
            this.warehouseDrList = this.warehouseDrList.concat(arr)
            console.log(this.warehouseDrList)
            // this.warehouseDrList = res.data
            // this.warehouseDrList.forEach(index => {
            //   index.fBillingway = JSON.stringify(index.fBillingway)
            //   index.fBusinessType = this.form.fBusinessType
            //   index.fAmt = index.fAmt.toFixed(2)
            // })
          })
        } catch (e) {
          if (e.message !== "EndIterative") throw e;
        }
      } else {
        this.$message.error('出库明细不能为空');
      }
    },
    getForm() {
      getWarehousebills(this.chiId).then((response) => {
        this.form = response.data.warehousebills;
        // queryReviewer(this.form.fId).then(res => {
        //   if (!res.data) {
        //     this.firstReviewer = '';
        //     this.secondReviewer = '';
        //   } else {
        //     this.firstReviewer = res.data[1];
        //     this.secondReviewer = res.data[0];
        //   }
        // })
        if (this.form.fBillstatus > 3) {
          this.approvalStatus = false;
          this.browseStatus = true;
        } else {
          this.approvalStatus = true;
          this.browseStatus = false;
        }
        this.$set(this.form, "fBsdate", Date.parse(this.form.fBsdate));
        this.$set(this.form, "fBstifime", Date.parse(this.form.fBstime));
        this.$set(this.form, "createTime", Date.parse(this.form.createTime));
        this.$set(this.form, "fFeetUnit", this.form.fFeetunit);
        this.tfNetweightnum = (this.form.fPlannetweight / 1000).toFixed(4);
        this.tfGrossweightnum = (this.form.fPlangrossweight / 1000).toFixed(4);
        if (this.form.fCartype || this.form.fCartype == 0) {
          this.$set(this.form, "fCartype", this.form.fCartype.toString());
        }
        if (this.form.fStltypeid || this.form.fStltypeid == 0) {
          this.$set(this.form, "fStltypeid", this.form.fStltypeid.toString());
        }
        if (this.form.fTrademodeid) {
          this.$set(
              this.form,
              "fTrademodeid",
              this.form.fTrademodeid.toString()
          );
        }
        if (!this.copyStatus) {
          if (response.data.warehouseBillsItem) {
            response.data.warehouseBillsItem.map((e) => {
              e.fBsdate = Date.parse(e.fBsdate);
              e.fBusinessType = e.fBusinessType.toString();
              e.fLntype = e.fLntype ? e.fLntype.toString() : null;
            });
            this.detailList = response.data.warehouseBillsItem;
          } else {
            this.detailList = [];
          }
          response.data.warehousebillsfeesCr.map((e) => {
            if (e.fFeeunitid) {
              e.fFeeUnitid = e.fFeeunitid.toString();
            }
            if (e.fStltypeid || e.fStltypeid == 0) {
              e.fStltypeid = e.fStltypeid.toString();
            }
          });
          this.warehouseCrList = response.data.warehousebillsfeesCr;
          response.data.warehousebillsfeesDr.map((e) => {
            if (e.fFeeunitid) {
              e.fFeeUnitid = e.fFeeunitid.toString();
            }
            if (e.fStltypeid || e.fStltypeid == 0) {
              e.fStltypeid = e.fStltypeid.toString();
            }
          });
          this.warehouseDrList = response.data.warehousebillsfeesDr;
          this.warehouseDrList.forEach(item => item.fBillingway = JSON.stringify(item.fBillingway))
          if (response.data.tCntrList) {
            this.CntrTable = response.data.tCntrList;
          } else {
            this.CntrTable = [];
          }
          if (response.data.enclosures) {
            this.relevantAttachments = response.data.enclosures;
          }
        } else {
          this.$set(this.form, "fId", null);
          this.$set(this.form, "fMblno", null);
          this.$set(this.form, "fMarks", null);
          this.$set(this.form, "fProductName",null);
          this.$set(this.form, "fNetweight", 0);
          this.$set(this.form, "fPlanvolumn", 0);
          this.$set(this.form, "fGrossweight", 0);
        }
      });
    },
    submitForm() {
      let checkData = {
        fId: this.form.fId,
        fType: "warehouse",
        codeVal: this.form.fDateChanged,
      };
      checkCode(checkData).then((response) => {
        if (!response) {
          this.$confirm("数据发生变化，请更新一下数据?", "提示", {
            confirmButtonText: "确认",
            cancelButtonText: "取消",
            type: "warning",
          }).then(() => {
            this.getForm();
          });
        } else {
          this.$refs["form"].validate((valid) => {
            if (valid) {
              // if (this.detailList.length === 0) {
              //   return this.$message.error("请新增库存明细!");
              // }
              this.updateDeduplication();
              for (let item in this.warehouseDrList) {
                if (!this.warehouseDrList[item].fCorpid) {
                  if (item === "fBusinessType") {
                  } else {
                    this.$message.error(
                        "请维护收款信息第" + (Number(item) + 1) + "行客户名称"
                    );
                    return false;
                  }
                }
                if (!this.warehouseDrList[item].fFeeid) {
                  if (item === "fBusinessType") {
                  } else {
                    this.$message.error(
                        "请维护收款信息第" + (Number(item) + 1) + "行费用名称"
                    );
                    return false;
                  }
                }
                if (!this.warehouseDrList[item].fBillingway) {
                  if (item === "fBusinessType") {
                  } else {
                    this.$message.error(
                        "请维护收款信息第" + (Number(item) + 1) + "行计价单位"
                    );
                    return false;
                  }
                }
              }
              for (let item in this.warehouseCrList) {
                if (!this.warehouseCrList[item].fCorpid) {
                  if (item === "fBusinessType") {
                  } else {
                    this.$message.error(
                        "请维护付款信息第" + (Number(item) + 1) + "行客户名称"
                    );
                    return false;
                  }
                }
                if (!this.warehouseCrList[item].fFeeid) {
                  if (item === "fBusinessType") {
                  } else {
                    this.$message.error(
                        "请维护付款信息第" + (Number(item) + 1) + "行费用名称"
                    );
                    return false;
                  }
                }

                if (!this.warehouseCrList[item].fFeeUnitid) {
                  if (item === "fBusinessType") {
                  } else {
                    this.$message.error(
                        "请维护付款信息第" + (Number(item) + 1) + "行计价单位"
                    );
                    return false;
                  }
                }
              }
              // 附件数据
              this.form.fBillingway = this.form.fFeetUnit;
              if (this.detailList.length == 0) {
                this.form.fNetweight = 0;
                this.form.fPlanvolumn = 0;
                this.form.fGrossweight = 0;
              } else {
                this.form.fNetweight = this.fNetweight;
                this.form.fPlanvolumn = this.fPlanvolumn;
                this.form.fGrossweight = this.fGrossweight;
              }
              if (this.CntrTable.length > 0) {
                let arr = [];
                this.CntrTable.map((e) => {
                  this.cntrList.map((item) => {
                    if (item.fId == e.fCntrid) {
                      arr.push(item.fName + "X" + e.fCntrcount);
                    }
                  });
                });
                arr = [...new Set(arr)];
                this.form.fCntval = arr.join(",");
              } else {
                this.form.fCntval = null;
              }
              if (this.detailList.length > 0) {
                let arr = [];
                this.detailList.map((e) => {
                  this.goodsOptions.map((item) => {
                    if (e.fGoodsid == item.fId) {
                      arr.push(item.fName);
                    }
                  });
                });
                arr = [...new Set(arr)];
                this.form.fProductName = arr.join(",");
              } else {
                this.form.fProductName = "";
              }
              if (this.detailList.length > 0) {
                let arr = [];
                this.detailList.map((e) => {
                  arr.push(e.fMarks);
                });
                arr = [...new Set(arr)];
                this.form.fMarks = arr.join(",");
              } else {
                this.form.fMarks = "";
              }
              let formData = new window.FormData();
              formData.append("warehouseBills", JSON.stringify(this.form));
              // 库存明细
              formData.append(
                  "warehousebillsitems",
                  JSON.stringify(this.detailList)
              );
              // 附件数据
              formData.append(
                  "tEnclosure",
                  JSON.stringify(this.relevantAttachments)
              );
              // 费用明细付款
              formData.append(
                  "warehousebillsfeesCr",
                  JSON.stringify(this.warehouseCrList)
              );
              // 收款
              formData.append(
                  "warehousebillsfeesDr",
                  JSON.stringify(this.warehouseDrList)
              );
              formData.append("mblnoStatus", JSON.stringify(this.mblnoStatus));
              formData.append("tCntr", JSON.stringify(this.CntrTable));
              warehouseSubmission(formData).then((response) => {
                if (response.code == 200) {
                  this.msgSuccess("提交成功");
                  setTimeout(() => {
                    this.cancel();
                  }, 200);
                }
              });
            }
          });
        }
      });
    },
    updateDeduplication() {
      if (this.detailList.length) {
        let fMarks = [];
        let fProductName = [];
        let fMblno = [];
        this.detailList.map((e) => {
          if (e.fMarks) {
            fMarks.push(e.fMarks);
          }
          if (e.fGoodsids) {
            fProductName.push(e.fGoodsids);
          }
          if (e.fMblno) {
            fMblno.push(e.fMblno);
          }
        });
        this.$set(this.form, "fMarks", [...new Set(fMarks)].join(","));
        this.$set(
            this.form,
            "fProductName",
            [...new Set(fProductName)].join(",")
        );
        fMblno = [...new Set(fMblno)];
        if (fMblno.length <= 2) {
          this.$set(this.form, "fMblno", [...new Set(fMblno)].join(","));
        } else {
          this.$set(this.form, "fMblno", fMblno[0] + "," + fMblno[1] + "…");
        }
      }
    },
    verifyForm() {
      let checkData = {
        fId: this.form.fId,
        fType: "warehouse",
        codeVal: this.form.fDateChanged,
      };
      checkCode(checkData).then((response) => {
        if (!response) {
          this.$confirm("数据发生变化，请更新一下数据?", "提示", {
            confirmButtonText: "确认",
            cancelButtonText: "取消",
            type: "warning",
          }).then(() => {
            this.getForm();
          });
        } else {
          this.$refs["form"].validate((valid) => {
            if (valid) {
              this.updateDeduplication();
              this.form.fBillingway = this.form.fFeetUnit;
              this.form.fFeetunit = this.form.fFeetUnit;
              if (this.detailList.length == 0) {
                this.form.fNetweight = 0;
                this.form.fPlanvolumn = 0;
                this.form.fGrossweight = 0;
              } else {
                this.form.fNetweight = this.fNetweight;
                this.form.fPlanvolumn = this.fPlanvolumn;
                this.form.fGrossweight = this.fGrossweight;
              }
              let formData = new window.FormData();
              // 附件数据
              this.form.fQty = this.fQty;
              if (this.CntrTable.length > 0) {
                let arr = [];
                this.CntrTable.map((e) => {
                  this.cntrList.map((item) => {
                    if (item.fId == e.fCntrid) {
                      arr.push(item.fName + "X" + e.fCntrcount);
                    }
                  });
                });
                arr = [...new Set(arr)];
                this.form.fCntval = arr.join(",");
              } else {
                this.form.fCntval = null;
              }
              if (this.detailList.length > 0) {
                let arr = [];
                this.detailList.map((e) => {
                  this.goodsOptions.map((item) => {
                    if (e.fGoodsid == item.fId) {
                      arr.push(item.fName);
                    }
                  });
                });
                arr = [...new Set(arr)];
                this.form.fProductName = arr.join(",");
              } else {
                this.form.fProductName = "";
              }
              if (this.detailList.length > 0) {
                let arr = [];
                this.detailList.map((e) => {
                  arr.push(e.fMarks);
                });
                arr = [...new Set(arr)];
                this.form.fMarks = arr.join(",");
              } else {
                this.form.fMarks = "";
              }
              formData.append("tWarehouseBills", JSON.stringify(this.form));
              // 库存明细
              formData.append(
                  "tWarehousebillsitems",
                  JSON.stringify(this.detailList)
              );
              // 附件数据
              formData.append(
                  "tEnclosure",
                  JSON.stringify(this.relevantAttachments)
              );
              // 费用明细付款
              formData.append(
                  "tWarehousebillsfeesCr",
                  JSON.stringify(this.warehouseCrList)
              );
              // 收款
              formData.append(
                  "tWarehousebillsfeesDr",
                  JSON.stringify(this.warehouseDrList)
              );
              formData.append("mblnoStatus", JSON.stringify(this.mblnoStatus));
              formData.append("tCntr", JSON.stringify(this.CntrTable));
              submitWarehousingApproval(formData).then((response) => {
                if (response.code == 200) {
                  this.msgSuccess("请核成功");
                  this.$set(this.form, "warehouseStatus", 4);
                  this.cancel();
                }
              });
            }
          });
        }
      });
    },
    saveForm(status) {
      let checkData = {
        fId: this.form.fId,
        fType: "warehouse",
        codeVal: this.form.fDateChanged,
      };
      checkCode(checkData).then((response) => {
        if (!response) {
          this.$confirm("数据发生变化，请更新一下数据?", "提示", {
            confirmButtonText: "确认",
            cancelButtonText: "取消",
            type: "warning",
          }).then(() => {
            this.getForm();
          });
        } else {
          this.$refs["form"].validate((valid) => {
            if (valid) {
              this.updateDeduplication();
              this.form.fBillingway = this.form.fFeetUnit;
              this.form.fFeetunit = this.form.fFeetUnit;
              if (this.detailList.length == 0) {
                this.form.fNetweight = 0;
                this.form.fPlanvolumn = 0;
                this.form.fGrossweight = 0;
              } else {
                this.form.fNetweight = this.fNetweight;
                this.form.fPlanvolumn = this.fPlanvolumn;
                this.form.fGrossweight = this.fGrossweight;
              }
              let formData = new window.FormData();
              // 附件数据
              this.form.fQty = this.fQty;
              if (this.CntrTable.length > 0) {
                let arr = [];
                this.CntrTable.map((e) => {
                  this.cntrList.map((item) => {
                    if (item.fId == e.fCntrid) {
                      arr.push(item.fName + "X" + e.fCntrcount);
                    }
                  });
                });
                arr = [...new Set(arr)];
                this.form.fCntval = arr.join(",");
              } else {
                this.form.fCntval = null;
              }
              if (this.detailList.length > 0) {
                let arr = [];
                this.detailList.map((e) => {
                  this.goodsOptions.map((item) => {
                    if (e.fGoodsid == item.fId) {
                      arr.push(item.fName);
                    }
                  });
                });
                arr = [...new Set(arr)];
                this.form.fProductName = arr.join(",");
              } else {
                this.form.fProductName = "";
              }
              if (this.detailList.length > 0) {
                let arr = [];
                this.detailList.map((e) => {
                  arr.push(e.fMarks);
                });
                arr = [...new Set(arr)];
                this.form.fMarks = arr.join(",");
              } else {
                this.form.fMarks = "";
              }
              // 主表没有司机信息 从表添加
              if (!this.form.fTruckno && !this.form.fDriverName && !this.form.fDriverTel && !this.form.fDriverIdCar) {
                if (this.detailList.length > 0) {
                  for (let i = 0;i < this.detailList.length;i++) {
                    if (this.detailList[i].fTruckno || this.detailList[i].fDriverName || this.detailList[i].fDriverTel || this.detailList[i].fDriverIdCar) {
                      this.form.fTruckno = this.detailList[i].fTruckno
                      this.form.fDriverName = this.detailList[i].fDriverName
                      this.form.fDriverTel = this.detailList[i].fDriverTel
                      this.form.fDriverIdCar = this.detailList[i].fDriverIdCar
                      break;
                    }
                  }
                }
              }
              for (let item in this.warehouseDrList) {
                if (!this.warehouseDrList[item].fCorpid) {
                  return this.$message.error('收款信息第' + (Number(item) + 1) + '行' + '客户名称不能为空');
                } else if (!this.warehouseDrList[item].fFeeid) {
                  return this.$message.error('收款信息第' + (Number(item) + 1) + '行' + '费用名称不能为空');
                } else if (!this.warehouseDrList[item].fFeeUnitid) {
                  return this.$message.error('收款信息第' + (Number(item) + 1) + '行' + '计价单位不能为空');
                }
              }
              for (let item in this.warehouseCrList) {
                if (!this.warehouseCrList[item].fCorpid) {
                  return this.$message.error('付款信息第' + (Number(item) + 1) + '行' + '客户名称不能为空');
                } else if (!this.warehouseCrList[item].fFeeid) {
                  return this.$message.error('付款信息第' + (Number(item) + 1) + '行' + '费用名称不能为空');
                } else if (!this.warehouseCrList[item].fFeeUnitid) {
                  return this.$message.error('付款信息第' + (Number(item) + 1) + '行' + '计价单位不能为空');
                }
              }
              formData.append("warehouseBills", JSON.stringify(this.form));
              this.detailList.forEach(item => {
                if (item.srcId !== null) {
                  // item.fStorageFeeDeadline = item.fBsdate
                }
              })
              // 库存明细
              formData.append(
                  "warehousebillsitems",
                  JSON.stringify(this.detailList)
              );
              // 附件数据
              formData.append(
                  "tEnclosure",
                  JSON.stringify(this.relevantAttachments)
              );
              // 费用明细付款
              formData.append(
                  "warehousebillsfeesCr",
                  JSON.stringify(this.warehouseCrList)
              );
              // 收款
              formData.append(
                  "warehousebillsfeesDr",
                  JSON.stringify(this.warehouseDrList)
              );
              formData.append("mblnoStatus", JSON.stringify(this.mblnoStatus));
              formData.append("tCntr", JSON.stringify(this.CntrTable));
              addWarehousebills(formData).then((response) => {
                if (response.data == false) {
                  this.$confirm(response.msg, "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning",
                  })
                      .then(() => {
                        this.mblnoStatus = true;
                        this.saveForm();
                      })
                      .catch(() => {
                        this.$message({
                          type: "info",
                          message: "已取消",
                        });
                      });
                } else {
                  if ((response.code = 200)) {
                    this.mblnoStatus = "";
                    this.form = response.data.warehouseBills;
                    this.$set(
                        this.form,
                        "fBsdate",
                        Date.parse(this.form.fBsdate)
                    );
                    this.$set(
                        this.form,
                        "fBstime",
                        Date.parse(this.form.fBstime)
                    );
                    this.$set(
                        this.form,
                        "createTime",
                        Date.parse(this.form.createTime)
                    );
                    if (this.form.fStltypeid || this.form.fStltypeid == 0) {
                      this.$set(
                          this.form,
                          "fStltypeid",
                          this.form.fStltypeid.toString()
                      );
                    }
                    this.$set(this.form, "fFeetUnit", this.form.fFeetunit);
                    if (this.form.fCartype || this.form.fCartype == 0) {
                      this.$set(
                          this.form,
                          "fCartype",
                          this.form.fCartype.toString()
                      );
                    }
                    if (this.form.fTrademodeid) {
                      this.$set(
                          this.form,
                          "fTrademodeid",
                          this.form.fTrademodeid.toString()
                      );
                    }
                    response.data.warehousebillsitems.map((e) => {
                      e.fBsdate = Date.parse(e.fBsdate);
                      e.fBusinessType = e.fBusinessType.toString();
                      e.fLntype = e.fLntype ? e.fLntype.toString() : null;
                    });
                    this.detailList = response.data.warehousebillsitems;
                    this.msgSuccess("保存成功");
                    getWarehousebills(this.form.fId).then((response) => {
                      this.form = response.data.warehousebills;
                      if (this.form.fBillstatus > 3) {
                        this.approvalStatus = false;
                        this.browseStatus = true;
                      } else {
                        this.approvalStatus = true;
                        this.browseStatus = false;
                      }
                      this.$set(this.form, "fBsdate", Date.parse(this.form.fBsdate));
                      this.$set(this.form, "fBstifime", Date.parse(this.form.fBstime));
                      this.$set(this.form, "createTime", Date.parse(this.form.createTime));
                      this.$set(this.form, "fFeetUnit", this.form.fFeetunit);
                      this.tfNetweightnum = (this.form.fPlannetweight / 1000).toFixed(4);
                      this.tfGrossweightnum = (this.form.fPlangrossweight / 1000).toFixed(4);
                      if (this.form.fCartype || this.form.fCartype == 0) {
                        this.$set(this.form, "fCartype", this.form.fCartype.toString());
                      }
                      if (this.form.fStltypeid || this.form.fStltypeid == 0) {
                        this.$set(this.form, "fStltypeid", this.form.fStltypeid.toString());
                      }
                      if (this.form.fTrademodeid) {
                        this.$set(
                          this.form,
                          "fTrademodeid",
                          this.form.fTrademodeid.toString()
                        );
                      }
                      if (!this.copyStatus) {
                        if (response.data.warehouseBillsItem) {
                          response.data.warehouseBillsItem.map((e) => {
                            e.fBsdate = Date.parse(e.fBsdate);
                            e.fBusinessType = e.fBusinessType.toString();
                            e.fLntype = e.fLntype ? e.fLntype.toString() : null;
                          });
                          this.detailList = response.data.warehouseBillsItem;
                        } else {
                          this.detailList = [];
                        }
                        response.data.warehousebillsfeesCr.map((e) => {
                          if (e.fFeeunitid) {
                            e.fFeeUnitid = e.fFeeunitid.toString();
                          }
                          if (e.fStltypeid || e.fStltypeid == 0) {
                            e.fStltypeid = e.fStltypeid.toString();
                          }
                        });
                        this.warehouseCrList = response.data.warehousebillsfeesCr;
                        response.data.warehousebillsfeesDr.map((e) => {
                          if (e.fFeeunitid) {
                            e.fFeeUnitid = e.fFeeunitid.toString();
                          }
                          if (e.fStltypeid || e.fStltypeid == 0) {
                            e.fStltypeid = e.fStltypeid.toString();
                          }
                        });
                        this.warehouseDrList = response.data.warehousebillsfeesDr;
                        this.warehouseDrList.forEach(item => item.fBillingway = JSON.stringify(item.fBillingway))
                        if (response.data.tCntrList) {
                          this.CntrTable = response.data.tCntrList;
                        } else {
                          this.CntrTable = [];
                        }
                        if (response.data.enclosures) {
                          this.relevantAttachments = response.data.enclosures;
                        }
                      }
                      // else {
                      //   this.$set(this.form, "fId", null);
                      //   this.$set(this.form, "fMblno", null);
                      //   this.$set(this.form, "fMarks", null);
                      //   this.$set(this.form, "fProductName",null);
                      //   this.$set(this.form, "fNetweight", 0);
                      //   this.$set(this.form, "fPlanvolumn", 0);
                      //   this.$set(this.form, "fGrossweight", 0);
                      // }
                    });
                    if (status == "goBack") {
                      this.cancel();
                    }
                  }
                }
              });
            }
          });
        }
      });
    },
    // 库存明细多选
    Selectinventory(selection) {
      this.Printinglist = selection;
      //允许撤销入库list
      this.dataWithdrawList = selection;
      //允许确认入库list
      this.dataListSelection = selection;
      if (this.dataWithdrawList.length === 0) {
        this.cancelDelivery = true
      } else {
        for (let item in this.dataWithdrawList) {
          if (this.dataWithdrawList[item].fBillstatus === 40) {
            this.cancelDelivery = false
            this.deliveryConfirmation = true
            for (let li in this.dataWithdrawList) {
              if (this.entryPrinting != 0 ? this.dataWithdrawList[li].fBillstatus === 10 : this.dataWithdrawList[li].fBillstatus === 30) {
                this.deliveryConfirmation = true
                this.cancelDelivery = true
                return
              }
            }
          } else if (this.entryPrinting != 0 ? this.dataWithdrawList[item].fBillstatus === 10 : this.dataWithdrawList[item].fBillstatus === 30) {
            this.deliveryConfirmation = false
            this.cancelDelivery = true
            for (let li in this.dataWithdrawList) {
              if (this.dataWithdrawList[li].fBillstatus === 40) {
                this.deliveryConfirmation = true
                this.cancelDelivery = true
                return
              }
            }
          }
        }
      }
    },
    // 付款明细多选
    SelectCr(selection) {
      this.PrintingCrlist = selection;
    },
    // 合计
    getSummaries(param) {
      const {columns, data} = param;
      const sums = [];
      var values = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = "";
          return;
        }
        if (column.property === "fGrossweight") {
          values = data.map((item) => Number(item["fGrossweight"]));
        }
        if (column.property === "fNetweight") {
          values = data.map((item) => Number(item["fNetweight"]));
        }
        if (column.property === "fQty") {
          values = data.map((item) => Number(item["fQty"]));
        }
        if (column.property === "fCntqty") {
          values = data.map((item) => Number(item["fCntqty"]));
        }
        if (
            column.property === "fGrossweight" ||
            column.property === "fNetweight" ||
            column.property === "fQty" ||
            column.property === "fCntqty"
        ) {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr);
            if (!isNaN(value)) {
              if (column.property === "fGrossweight") {
                this.fGrossweight = prev + curr;
              }
              if (column.property === "fNetweight") {
                this.fNetweight = prev + curr;
              }
              if (column.property === "fQty") {
                this.fQty = prev + curr;
                this.sumMum = prev + curr;
              }
              if (column.property === "fCntqty") {
                this.fCntqty = prev + curr;
              }
              return prev + curr;
            } else {
              return prev;
            }
          }, 0);
          if (column.property === "fGrossweight") {
            sums[index] = (sums[index] / 1000).toFixed(4) + "吨";
          } else if (column.property === "fNetweight") {
            sums[index] = (sums[index] / 1000).toFixed(4) + "吨";
          } else {
            // sums[index] = sums[index].toFixed(2);
            sums[index] = sums[index]
          }
        }
      });
      this.sums = sums;
      return sums;
    },
    // 付款合计
    warehouseDrSummaries(param) {
      const {columns, data} = param;
      const sums = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = "合计";
          return;
        }
        const values = data.map((item) => Number(item[column.property]));
        // column.property === "fQty"
        if (
            column.property === "fUnitprice" ||
            column.property === "fAmount"
        ) {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr);
            if (!isNaN(value)) {
              return prev + curr;
            } else {
              return prev;
            }
          }, 0);
          sums[index] = sums[index].toFixed(2);
        }
      });
      return sums;
    },
    // 库存总账多选框
    whgenlegSelectionChange(selection) {
      this.dialogWhgenlegList = selection;
    },
    handleSelect(key) {
      if (!this.form.fCorpid) {
        this.$message({
          message: "请维护客户",
          type: "warning",
        });
      } else if (this.form.fProductName == undefined) {
        this.$message({
          message: "请维护入库明细品名",
          type: "warning",
        });
      } else {
        this.pageNum = 1;
        this.pageSize = 10;
        this.dialogWhgenlegList = [];
        this.whgenlegTotal = 0;
        this.warehousingagreements = true;
        this.getWhgenlegList(key);
      }
    },
    // 查询作业费信息
    getWhgenlegList(key) {
      console.log(key)
      let data = {};
      if (key == 2) {
        this.key_id = key;
        this.Navigation = true;
        data = {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          fTaskType: key,
          fLabour: this.form.fLabour,
        };
      } else if (key == 1) {
        this.key_id = key;
        this.Navigation = true;
        data = {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          fTaskType: key,
          fFleet: this.form.fFleet,
        };
      } else {
        this.Navigation = false;
        this.key_id = key;
        data = {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          fCorpid: this.form.fCorpid,
        };
      }
      operationAgreement(data).then((response) => {
        response.rows.map((e) => {
          if (e.fFeeUnitid) {
            e.fFeeUnitid = e.fFeeUnitid.toString();
          }
        });
        this.tasklegList = response.rows;
        this.whgenlegTotal = response.total;
      });
    },
    // 入库明细新增list
    addRelevant() {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          this.whgenlegList = [];
          this.dialogWhgenlegList = [];
          this.whgenlegTotal = 0;
          this.whgenlegVisible = true;
          this.$set(this.whgenlegParams, 'fMblno', this.form.fMblno)
          this.getDetailsList();
        }
      });
    },
    // 查询库存总账信息
    getDetailsList() {
      this.$set(this.whgenlegParams, 'fCorpid', this.form.fCorpid)
      this.$set(this.whgenlegParams, 'fWarehouseid', this.form.fWarehouseid)
      this.$set(this.whgenlegParams, 'fTrademodeid', this.form.fTrademodeid)
      listWhgenleg(this.whgenlegParams).then((response) => {
        response.rows.map((e) => {
          e.fQtyblc2 = e.fQtyblc;
          e.fGrossweightblc2 = e.fGrossweightblc;
          e.fNetweightblc2 = e.fNetweightblc;
        });
        this.whgenlegList = response.rows;
        this.whgenlegTotal = response.total;
      });
    },
    // 无限滚动加载
    load() {
      this.isFlag = true;
      setTimeout(() => {
        this.getDetailsList()
        this.whgenlegParams.pageNum++
        this.isFlag = false
      }, 2000)
    },
    async printZyd() {
      this.radio = 1;
      this.nowTime = new Date(+new Date() + 8 * 3600 * 1000 ).toJSON().substr(0, 19).replace("T"," ")
      if (this.Printinglist.length > 0) {
        for (let item in this.Printinglist) {
          if (!this.Printinglist[item].fId) {
            return this.$message.error("请先保存!");
          }
          if (
              this.Printinglist[item].fTruckno !== this.Printinglist[0].fTruckno
          ) {
            return this.$message.error("请选择车相同车号");
          }
        }
        let formData = new window.FormData();
        formData.append("warehouseBills", JSON.stringify(this.form));
        formData.append(
          "warehousebillsitems",
          JSON.stringify(this.Printinglist)
        );
        formData.append(
          "warehousebillsfeesDr",
          JSON.stringify(this.warehouseDrList)
        );
        formData.append(
          "warehousebillsfeesCr",
          JSON.stringify(this.warehouseCrList)
        );
        formData.append(
          "tEnclosure",
          JSON.stringify(this.relevantAttachments)
        );
        formData.append("tCntr", JSON.stringify(this.CntrTable));
        await addJoblist(formData).then((response) => {
          if (response.code == 200) {
            this.Printinglist.forEach((item, index) => {
              item.fSerialNumber = response.data.warehousebillsitems[index].fSerialNumber
            })
            for (let item in this.detailList) {
              this.zcList[item] = this.detailList[item]
            }
              this.$set(this.form, "fDateChanged", response.data.fDateChanged);
            this.zcList.map((e, index) => {
              response.data.warehousebillsitems.map((item) => {
                item.fBsdate = Date.parse(new Date(item.fBsdate));
                if (item.fBusinessType) {
                  item.fBusinessType = item.fBusinessType.toString();
                }
                if (e.fId == item.fId) {
                  this.$set(this.zcList, index, item);
                }
              });
            });
            this.$set(this.form, "fItemsStatus", 2);
          }
        });
        this.print_zyd = true;
        this.warehouseOptions.map((e) => {
          if (e.fId == this.form.fWarehouseid) {
            this.stockaddr = e.fAddr;
          }
        });
        this.fDriverTel = this.Printinglist[0].fDriverTel;
      } else {
        this.$message.error("请选择需要打印的明细!");
      }
    },
    // 付款信息打印准备
    printCr() {
      if (this.PrintingCrlist.length > 0) {
        for (let item in this.PrintingCrlist) {
          if (!this.PrintingCrlist[item].fId) {
            return this.$message.error("请先保存!");
          }
        }
        this.allCrfAmount = 0;
        this.allCrfQty = 0;
        this.PrintingCrlist.forEach(item => {
          this.allCrfAmount = this.allCrfAmount + item.fAmount
          this.allCrfQty += item.fQty
        })
        this.print_Cr = true;
      } else {
        this.$message.error("请选择需要打印的明细!");
      }
    },
    detailedApproval(command) {
      if (command === 'QH') {
        deliveryDetails(this.form.fId).then(res => {
          if (res.code == 200) {
            this.msgSuccess("请核成功");
            this.$set(this.form, 'fItemstatus', 4)
          }
        })
      } else if (command === 'CK') {
        this.addOrUpdateVisible = true;
        let actId = "180";
        this.$nextTick(() => {
          this.$refs.addOrUpdate.init(this.form.fId, actId, 'f_itemstatus');
        });
      } else if (command === 'SP') {
        this.addOrUpdateVisib = true;
        this.$nextTick(() => {
          this.$refs.ApprovalComments.init(this.form.fId, 'f_itemstatus', 180);
        });
      } else if (command === 'CX') {
        let data = {
          actId: 180,
          billId: this.form.fId,
          id: this.form.fId,
          fidStatus: 'f_itemstatus',
        };
        revokeTwo(data).then((data) => {
          if (data.code === 200) {
            this.browseStatus = false;
            this.msgSuccess("撤销成功");
            this.$set(this.form, 'fItemstatus', 2)
          }
        });
      }
    },
    handleCommand(command) {
      if (this.Printinglist.length > 0) {
        for (let item in this.Printinglist) {
          if (!this.Printinglist[item].fId) {
            return this.$message.error("请先保存!");
          }
        }
        this.$refs["form"].validate((valid) => {
          if (valid) {
            this.radio = 1
            for (let corp in this.fMblnoOptions) {
              if (this.form.fCorpid === this.fMblnoOptions[corp].fId) {
                this.$set(
                    this.form,
                    "fCorpidName",
                    this.fMblnoOptions[corp].fName
                );
              }
            }
            this.warehouseOptions.map((e) => {
              if (e.fId == this.form.fWarehouseid) {
                this.stockName = e.fName;
                this.stockaddr = e.fAddr;
              }
            });
            this.fDriverTel = this.Printinglist[0].fDriverTel;
            let date = new Date(this.Printinglist[0].fBsdate);
            let Y = date.getFullYear();
            let M =
                date.getMonth() + 1 < 10
                    ? "0" + (date.getMonth() + 1)
                    : date.getMonth() + 1;
            let D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
            this.fBsdate = Y + "-" + M + "-" + D;
            // this.fBsdate = this.Printinglist[0].fBsdate;
            this.fTruckno = this.Printinglist[0].fTruckno;
            this.allfCntqty = 0;
            this.allfGrossweight = 0;
            this.allfPlanqty = 0;
            this.allfNetweight = 0;
            this.allfQty = 0;
            this.Printinglist.map((e) => {
              if (e.fCntqty) {
                this.allfCntqty += e.fCntqty;
              }
              if (e.fGrossweight) {
                this.allfGrossweight += e.fGrossweight;
              }
              if (e.fPlanqty) {
                this.allfPlanqty += e.fPlanqty;
              }
              if (e.fNetweight) {
                this.allfNetweight += e.fNetweight;
              }
              if (e.fQty) {
                this.allfQty += e.fQty;
              }
              let data = {
                id: this.form.fId,
                actId: 120,
                fidStatus: 'f_billstatus',
              };
              listCharge(data).then((data) => {
                console.log(data.data)
              });
            });
            if (command == "a") {
              this.print_shd = true;
            } else if (command == "b") {
              this.print_rkd = true;
            } else if (command == "c") {
              this.print_lhd = true;
            } else if (command == "q") {
              this.print_signFor = true;
            } else if (command == "d") {
              let date = new Date();
              let hours =
                  date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
              let minutes =
                  date.getMinutes() < 10
                      ? "0" + date.getMinutes()
                      : date.getMinutes();
              this.ckTime = hours + ":" + minutes;
              this.print_bzckd = true;
            } else if (command == "e") {
              this.print_lwqr = true;
            } else if (command == "f") {
              this.print_ccckd = true;
            } else if (command == "g") {
              for (let i = 1; i < this.Printinglist.length;i++) {
                if (this.Printinglist[i].fTruckno !== this.Printinglist[0].fTruckno) return this.$message.error('请选择相同的车号')
              }
              this.print_dcckd = true;
            } else if (command == "h") {
              this.print_zccdckd = true;
            } else if (command == "i") {
              let date = new Date();
              let hours =
                date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
              let minutes =
                date.getMinutes() < 10
                  ? "0" + date.getMinutes()
                  : date.getMinutes();
              this.ckTime = hours + ":" + minutes;
              this.print_xqckd = true;
            }
          }
        });
      } else {
        this.$message.error("请选择需要打印的明细!");
      }
    },
    //计算仓储费日期变更
    changeDate() {
      this.$set(this.form, "fChargedate", this.form.fBsdate);
    },
    addRow() {
      var obj = {};
      this.CntrTable.push(obj);
    },
    deleteRow(index, rows) {
      rows.splice(index, 1);
    },
    wDeleteRow(index, rows) {
      rows.splice(index, 1);
      this.sumMum = 0;
      this.detailList.map((e) => {
        if (e.fQty) {
          this.sumMum += e.fQty;
        }
      });
      if (this.detailList.length == 0) {
        this.form.fProductName = "";
        this.form.fMarks = "";
        this.form.fNetweight = 0;
        this.form.fPlanvolumn = 0;
        this.form.fGrossweight = 0;
      }
    },
    // 收款信息新行
    addCollection() {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          if (this.form.fBusinessType == null) {
            this.$message.error("请维护作业类型");
            return false;
          } else {
            this.warehouseDrList.push({
              fCorpid: null,
              fFeeid: null,
              fFeeUnitid: "",
              fQty: null,
              fUnitprice: null,
              fAmount: null,
              fCurrency: "RMB",
              fExrate: "1",
              fTaxrate: this.fTaxrate,
              fCxrate: null,
              fRate: null,
              remarks: null,
              fMblno: this.form.fMblno,
              fProductName: this.form.fProductName,
              fMarks: this.form.fMarks,
              fBusinessType: this.form.fBusinessType,
              fSrcTypeId: 0,
              fBilltype: 'SJCK',
              fStltypeid: '1',
            });
            this.fWbuOptions = [];
            let queryParams = {pageNum: 1, fDc: "D"};
            listFees(queryParams).then((response) => {
              this.fDNameOptions = response.rows;
            });
          }
        }
      });
    },
    //付款信息新行
    addpayment() {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          if (this.form.fBusinessType == null) {
            return this.$message.error("请维护作业类型");
          } else {
            this.warehouseCrList.push({
              fCorpid: null,
              fFeeid: null,
              fFeeUnitid: "",
              fQty: null,
              fUnitprice: null,
              fAmount: null,
              fCurrency: "RMB",
              fExrate: "1",
              fTaxrate: this.fTaxrate,
              fCxrate: null,
              fRate: null,
              remarks: null,
              fMblno: this.form.fMblno,
              fProductName: this.form.fProductName,
              fMarks: this.form.fMarks,
              fBusinessType: this.form.fBusinessType,
              fSrcTypeId: 0,
              fStltypeid: '1',
            });
            this.fWbuOptions = [];
            let queryParams = {pageNum: 1, fDc: "C"};
            listFees(queryParams).then((response) => {
              this.fCNameOptions = response.rows;
            });
          }
        }
      });
    },
    //导入收付款信息明细
    zhgenlegData() {
      if (this.dialogWhgenlegList.length === 0) {
        this.$message({
          message: "请选择需要导入的数据",
          type: "warning",
        });
      } else {
        this.dialogWhgenlegList.map((e) => {
          let qty = 1;
          if (e.fFeeUnitid == 1) {
            qty = this.fQty;
          } else if (e.fFeeUnitid == 2) {
            qty = (this.fGrossweight / 1000).toFixed(2);
          } else if (e.fFeeUnitid == 3) {
            qty = (this.fNetweight / 1000).toFixed(2);
          } else if (e.fFeeUnitid == 7) {
            qty = this.fCntqty;
          }
          let fAmount = 0;
          fAmount = e.fPrice * qty;
          if (this.key_id == 3) {
            this.warehouseDrList.push({
              fQty: qty,
              fCorpid: e.fCorpid,
              fFeeid: e.feeFId,
              fFeeUnitid: e.fFeeUnitid,
              fUnitprice: e.fPrice,
              fCurrency: "RMB",
              fExrate: 1,
              fAmount: fAmount,
              fTaxrate: this.fTaxrate,
              fMblno: this.form.fMblno,
              fProductName: this.form.fProductName,
              fMarks: this.form.fMarks,
              fBusinessType: this.form.fBusinessType,
              fSrcTypeId: 1,
              fBillingway: e.fFeeUnitid,
              remark: e.remark,
              fStltypeid: '1',
            });
          } else {
            this.warehouseCrList.push({
              fQty: qty,
              fCorpid: e.fCorpid,
              fFeeid: e.feeFId,
              fFeeUnitid: e.fFeeUnitid,
              fUnitprice: e.fPrice,
              fCurrency: "RMB",
              fExrate: 1,
              fAmount: fAmount,
              fTaxrate: this.fTaxrate,
              fMblno: this.form.fMblno,
              fProductName: this.form.fProductName,
              fMarks: this.form.fMarks,
              fBusinessType: this.form.fBusinessType,
              fSrcTypeId: 1,
              fStltypeid: '1',
            });
          }
        });

        this.warehousingagreements = false;
      }
    },
    // 收款选
    Collectionoptions(selection) {
      this.Collectionoptionss = selection;
      console.log(selection)
      for (let item in this.fWbuOptions) {
        for (let li in this.Collectionoptionss) {
          if (
              this.fWbuOptions[item].fId === this.Collectionoptionss[li].fFeeid
          ) {
            this.$set(
                this.Collectionoptionss[li],
                "fFeeids",
                this.fWbuOptions[item].fName
            );
          }
        }
      }
    },
    //获取登陆人
    queryUser() {
      queryUserVal().then((response) => {
        if (response.user !== null) {
          this.userVal = response.user;
          this.$set(this.form, "fDeptid", this.userVal.deptId);
          this.$set(this.form, "createBy", this.userVal.userName);
          this.$set(this.form, "fStorekeeper", this.userVal.nickName);
          this.$set(this.form, "fIfdamage", "1");
          this.$set(this.form, "fIfweigh", "1");
          this.$set(this.form, "fTrademodeid", "1");
          this.$set(this.form, "createTime", Date.parse(new Date()));
          this.$set(this.form, "fBstime", Date.parse(new Date()));
          this.$set(this.form, "fBusinessType", "5");
          this.$set(this.form, "fFeetUnit", "2");
        }
        if (response.dept !== null) {
          this.deptOptions = [];
          this.deptOptions.push(response.dept);
        }
      });
    },
    //作业类型校验
    educationChange() {
      if (this.form.fBusinessType === "1" || this.form.fBusinessType === "2") {
        this.isrequired = 1;
        this.isrequired2 = 2;
      } else if (
          this.form.fBusinessType === "3" ||
          this.form.fBusinessType === "4"
      ) {
        this.isrequired2 = 1;
        this.isrequired = 2;
      } else {
        this.isrequired = 2;
        this.isrequired2 = 2;
      }
    },
    // 数量计算
    changeContractAmt(row) {
      let fQty = 0;
      let fUnitprice = 0;
      if (row.fUnitprice) {
        fUnitprice = row.fUnitprice;
      }
      if (row.fQty) {
        fQty = row.fQty;
      }
      this.$set(row, "fAmount", Number(fUnitprice) * Number(fQty)).toFixed(2);
    },
    // 变更计价单位
    changeFeeUnit(row) {
      if (!row.fFeeUnitid) {
        return false;
      }
      if (row.fFeeUnitid === "2") {
        this.$set(row, "fQty", (this.fGrossweight / 1000).toFixed(2));
      } else if (row.fFeeUnitid === "1") {
        this.$set(row, "fQty", this.fQty.toFixed(2));
      } else if (row.fFeeUnitid === "3") {
        this.$set(row, "fQty", (this.fNetweight / 1000).toFixed(2));
      } else if (row.fFeeUnitid === "7") {
        this.$set(row, "fQty", this.fCntqty);
      } else {
        this.$set(row, "fQty", 0);
      }
      if (row.fUnitprice) {
        this.$set(
            row,
            "fAmount",
            parseFloat(Number(row.fUnitprice) * Number(row.fQty)).toFixed(2)
        );
      }
    },
    //打印
    addprint(status) {
      // if (status == "zyd") {
      // if (this.CntrTable.length > 0) {
      //   let arr = [];
      //   this.CntrTable.map((e) => {
      //     this.cntrList.map((item) => {
      //       if (item.fId == e.fCntrid) {
      //         arr.push(item.fName + "X" + e.fCntrcount);
      //       }
      //     });
      //   });
      //   arr = [...new Set(arr)];
      //   this.form.fCntval = arr.join(",");
      // } else {
      //   this.form.fCntval = null;
      // }
      // if (this.detailList.length > 0) {
      //   let arr = [];
      //   this.detailList.map((e) => {
      //     this.goodsOptions.map((item) => {
      //       if (e.fGoodsid == item.fId) {
      //         arr.push(item.fName);
      //       }
      //     });
      //   });
      //   arr = [...new Set(arr)];
      //   this.form.fProductName = arr.join(",");
      // } else {
      //   this.form.fProductName = "";
      // }
      // if (this.detailList.length > 0) {
      //   let arr = [];
      //   this.detailList.map((e) => {
      //     arr.push(e.fMarks);
      //   });
      //   arr = [...new Set(arr)];
      //   this.form.fMarks = arr.join(",");
      // } else {
      //   this.form.fMarks = "";
      // }
      // this.form.fBillingway = this.form.fFeetUnit;
      // if (this.detailList.length == 0) {
      //   this.form.fNetweight = 0;
      //   this.form.fPlanvolumn = 0;
      //   this.form.fGrossweight = 0;
      // } else {
      //   this.form.fNetweight = this.fNetweight;
      //   this.form.fPlanvolumn = this.fPlanvolumn;
      //   this.form.fGrossweight = this.fGrossweight;
      // }
      // let formData = new window.FormData();
      // formData.append("warehouseBills", JSON.stringify(this.form));
      // formData.append(
      //   "warehousebillsitems",
      //   JSON.stringify(this.Printinglist)
      // );
      // formData.append(
      //   "warehousebillsfeesDr",
      //   JSON.stringify(this.warehouseDrList)
      // );
      // formData.append(
      //   "warehousebillsfeesCr",
      //   JSON.stringify(this.warehouseCrList)
      // );
      // formData.append("tEnclosure", JSON.stringify(this.relevantAttachments));
      // formData.append("tCntr", JSON.stringify(this.CntrTable));
      // addJoblist(formData).then((response) => {
      //   if (response.code == 200) {
      //     this.detailList.map((e, index) => {
      //       response.data.warehousebillsitems.map((item) => {
      //         item.fBsdate = Date.parse(new Date(item.fBsdate));
      //         if (item.fBusinessType) {
      //           item.fBusinessType = item.fBusinessType.toString();
      //         }
      //         if (e.fId == item.fId) {
      //           this.$set(this.detailList, index, item);
      //         }
      //       });
      //     });
      //     this.$set(this.form, "fItemsStatus", 2);
      //   }
      // });
      // }
      const style =
          "@page {  } " +
          "@media print { .print-div{ padding:8px;background-color:#cccccc;} .print-title{display:flex;justify-content: center;font-size:24px} .print_form{font-size:12px} .print_table table {border-right: 1px solid #000;border-bottom: 1px solid #000;font-size:12px} .print_table table td {border-left: 1px solid #000;border-top: 1px solid #000;padding:2px;vertical-align:middle;text-align: center;}";

      switch (status) {
        case "zyd":
          if (this.CntrTable.length > 0) {
            let arr = [];
            this.CntrTable.map((e) => {
              this.cntrList.map((item) => {
                if (item.fId == e.fCntrid) {
                  arr.push(item.fName + "X" + e.fCntrcount);
                }
              });
            });
            arr = [...new Set(arr)];
            this.form.fCntval = arr.join(",");
          } else {
            this.form.fCntval = null;
          }
          if (this.detailList.length > 0) {
            let arr = [];
            this.detailList.map((e) => {
              this.goodsOptions.map((item) => {
                if (e.fGoodsid == item.fId) {
                  arr.push(item.fName);
                }
              });
            });
            arr = [...new Set(arr)];
            this.form.fProductName = arr.join(",");
          } else {
            this.form.fProductName = "";
          }
          if (this.detailList.length > 0) {
            let arr = [];
            this.detailList.map((e) => {
              arr.push(e.fMarks);
            });
            arr = [...new Set(arr)];
            this.form.fMarks = arr.join(",");
          } else {
            this.form.fMarks = "";
          }
          this.form.fBillingway = this.form.fFeetUnit;
          if (this.detailList.length == 0) {
            this.form.fNetweight = 0;
            this.form.fPlanvolumn = 0;
            this.form.fGrossweight = 0;
          } else {
            this.form.fNetweight = this.fNetweight;
            this.form.fPlanvolumn = this.fPlanvolumn;
            this.form.fGrossweight = this.fGrossweight;
          }
          this.detailList = this.zcList
          // let formData = new window.FormData();
          // formData.append("warehouseBills", JSON.stringify(this.form));
          // formData.append(
          //     "warehousebillsitems",
          //     JSON.stringify(this.Printinglist)
          // );
          // formData.append(
          //     "warehousebillsfeesDr",
          //     JSON.stringify(this.warehouseDrList)
          // );
          // formData.append(
          //     "warehousebillsfeesCr",
          //     JSON.stringify(this.warehouseCrList)
          // );
          // formData.append(
          //     "tEnclosure",
          //     JSON.stringify(this.relevantAttachments)
          // );
          // formData.append("tCntr", JSON.stringify(this.CntrTable));
          // addJoblist(formData).then((response) => {
          //   if (response.code == 200) {
          //     this.$set(this.form, "fDateChanged", response.data.fDateChanged);
          //     this.detailList.map((e, index) => {
          //       response.data.warehousebillsitems.map((item) => {
          //         item.fBsdate = Date.parse(new Date(item.fBsdate));
          //         if (item.fBusinessType) {
          //           item.fBusinessType = item.fBusinessType.toString();
          //         }
          //         if (e.fId == item.fId) {
          //           this.$set(this.detailList, index, item);
          //         }
          //       });
          //     });
          //     this.$set(this.form, "fItemsStatus", 2);
          //   }
          // });
          print({
            printable: "print_area1",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "rkd":
          print({
            printable: "print_area2",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "crzyd":
          print({
            printable: "print_Cr",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "bzckd":
          print({
            printable: "print_area3",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "xqckd":
          print({
            printable: "print_areaDetail",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "lhd":
          print({
            printable: "print_area5",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "dcckd":
          print({
            printable: "print_area7",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "zccdckd":
          print({
            printable: "print_area8",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "lwqr":
          print({
            printable: "print_area10",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
        case "ccckd":
          print({
            printable: "print_area6",
            type: "html",
            style: style, // 亦可使用引入的外部css;
            scanStyles: false,
          });
          break;
      }
    },
    cancel() {
      if (this.$route.query.id) {
        this.$router.push({query: {}});
      }
      this.resetForm("form");
      this.detailList = [];
      this.relevantAttachments = [];
      this.warehouseCrList = [];
      this.warehouseDrList = [];
      this.CntrTable = [];
      this.$emit("changeShow", "true");
    },
    goBack() {
      this.$confirm("是否确定返回列表?", "提示", {
        confirmButtonText: "保存",
        cancelButtonText: "取消",
        type: "warning",
      })
          .then(() => {
            this.saveForm("goBack");
          })
          .catch(() => {
            this.cancel();
          });
    },
    feeChange(fDC) {
      let data = {
        form: {},
        warehousebillsfeesCr: [],
        warehousebillsfeesDr: [],
        billType: 'outStock',
        fDc: fDC
      }
      data.form = this.form
      if (fDC == 'C') {
        data.warehousebillsfeesCr = this.warehouseCrList
      } else {
        data.warehousebillsfeesDr = this.warehouseDrList
      }
      this.$router.push({
        path: "/business/costModify",
        query: { data: data},
      });
    },
    // 付款信息请核
    checkRow(index, rows) {
      if (!rows[index].fQty) {
        this.$message.error("请维护数量")
        return false
      }
      if (!rows[index].fUnitprice) {
        this.$message.error("请维护单价")
        return false
      }
      if (!rows[index].fAmount) {
        this.$message.error("请维护金额")
        return false
      }
      rows[index].fBillstatus = 6
      let formData = new window.FormData();
      formData.append("warehouseBills", JSON.stringify(this.form));
      this.detailList.forEach(item => {
        if (item.srcId !== null) {
          console.log('第三个')
          // item.fStorageFeeDeadline = item.fBsdate
        }
      })
      // 费用明细付款
      formData.append(
        "warehousebillsfeesCr",
        JSON.stringify(this.warehouseCrList)
      );

      // 库存明细
      formData.append(
        "warehousebillsitems",
        JSON.stringify(this.detailList)
      );
      formData.append(
        "tEnclosure",
        JSON.stringify(this.relevantAttachments)
      );

      // 收款
      formData.append(
        "warehousebillsfeesDr",
        JSON.stringify(this.warehouseDrList)
      );
      formData.append("mblnoStatus", JSON.stringify(this.mblnoStatus));
      formData.append("tCntr", JSON.stringify(this.CntrTable));
      addWarehousebills(formData).then(res => {
        this.msgSuccess("请核成功");
      })
    },
    revokeRow(index, rows) {
      rows[index].fBillstatus = 2
      let formData = new window.FormData();
      formData.append("warehouseBills", JSON.stringify(this.form));
      this.detailList.forEach(item => {
        if (item.srcId !== null) {
          console.log('第四个')
          // item.fStorageFeeDeadline = item.fBsdate
        }
      })
      // 费用明细付款
      formData.append(
        "warehousebillsfeesCr",
        JSON.stringify(this.warehouseCrList)
      );

      // 库存明细
      formData.append(
        "warehousebillsitems",
        JSON.stringify(this.detailList)
      );
      formData.append(
        "tEnclosure",
        JSON.stringify(this.relevantAttachments)
      );

      // 收款
      formData.append(
        "warehousebillsfeesDr",
        JSON.stringify(this.warehouseDrList)
      );
      formData.append("mblnoStatus", JSON.stringify(this.mblnoStatus));
      formData.append("tCntr", JSON.stringify(this.CntrTable));
      addWarehousebills(formData).then(res => {
        this.msgSuccess("撤销成功");
      })
    },
    // 费用明细请核
    listCheck(row) {
      feesCheck(row.fId).then(res => {
        this.$message.success('请核成功')
        res.data.fFeeUnitid = res.data.fFeeunitid.toString();
        if (res.data.fDc == 'D') {
          let index = this.warehouseDrList.findIndex(item => item.fId == res.data.fId)
          this.warehouseDrList.splice(index, 1, res.data)
        } else {
          let index = this.warehouseCrList.findIndex(item => item.fId == res.data.fId)
          this.warehouseCrList.splice(index, 1, res.data)
        }
      })
    },
    // 费用明细撤销请核
    revokeListCheck(row) {
      revokefeeCheck(row.fId).then(res => {
        res.data.fFeeUnitid = res.data.fFeeunitid.toString();
        this.$message.success('操作成功')
        if (res.data.fDc == 'D') {
          let index = this.warehouseDrList.findIndex(item => item.fId == res.data.fId)
          this.warehouseDrList.splice(index, 1, res.data)
        } else {
          let index = this.warehouseCrList.findIndex(item => item.fId == res.data.fId)
          this.warehouseCrList.splice(index, 1, res.data)
        }
      })
    },
    // 获取仓库信息
    warehouseChange() {
      getDept(this.form.fWarehouseid).then(res => {
        this.$set(this.form, 'fContacts', res.data.fContacts)
        this.$set(this.form, 'fTel', res.data.fTel)
      })
    },
  },
  watch: {
    // 监听 addOrUpdateVisible 改变
    addOrUpdateVisible(oldVal, newVal) {
      this.showDialog = this.addOrUpdateVisible;
    },
  },
};
</script>

<style lang="scss" scoped>
.tag-hover:hover {
  background-color: #d9ebfb;
}

.tag-hover {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 15px;
  padding: 0px 1px;
  line-height: 12px;
}

.print-div {
  color: #000;
}

.print_table {
  table {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 12px;
    margin-bottom: 5px;
  }

  table td {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    vertical-align: middle;
    padding: 2px;
    text-align: center;
  }
}

.print_form {
  font-size: 12px;
}

.receiptForm ::v-deep .el-dialog {
  box-shadow: none;
}

.receiptForm ::v-deep .el-table__body-wrapper {
  z-index: 2
}

.receiptForm ::v-deep .el-dialog__header {
  padding: 0;
}

.receiptForm ::v-deep .el-dialog__body {
  padding: 0 20px;
}

.table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  display: table;
  width: 99%;
  max-width: 100%;
  margin: 0 auto;
}

.table td {
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
  color: #000000;
  padding: 10.5px 0 10.5px 30px;
  //border: 1px solid #000;
}
</style>