Warehouse_management_ui/src/views/warehouseBusiness/outStock/index.vue

<template>
  <div class="app-container">
    <el-form
      :model="queryParams"
      ref="queryForm"
      :inline="true"
      v-show="showSearch"
      label-width="88px"
    >
      <el-form-item label="业务编号" prop="fBillno">
        <el-input
          v-model="queryParams.fBillno"
          placeholder="请输入业务编号"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="制单人" prop="createBy">
        <el-select
          v-model="queryParams.createBy"
          filterable
          remote
          clearable
          style="width: 250px"
          :remote-method="userRemoteMethod"
          placeholder="请选择制单人"
        >
          <el-option
            v-for="(dict, index) in userOptions"
            :key="index.userName"
            :label="dict.nickName"
            :value="dict.userName"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="出库日期" prop="timeInterval">
        <el-date-picker
          v-model="queryParams.timeInterval"
          type="daterange"
          value-format="yyyy-MM-dd"
          clearable
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          @keyup.enter.native="handleQuery">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="贸易方式" prop="fTrademodeid">
        <el-select
          v-model="queryParams.fTrademodeid"
          placeholder="请选择贸易方式"
          clearable
          style="width: 250px"
          @keyup.enter.native="handleQuery"
        >
          <el-option
            v-for="(dict, index) in fTrademodeidOptions"
            :key="index.dictValue"
            :label="dict.dictLabel"
            :value="dict.dictValue"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="货权方" prop="fCorpid">
        <el-select
          v-model="queryParams.fCorpid"
          filterable
          remote
          clearable
          style="width: 250px"
          @keyup.enter.native="handleQuery"
          :remote-method="corpsRemoteMethod"
          placeholder="请选择货权方"
        >
          <el-option
            v-for="(dict, index) in fMblnoOptions"
            :key="index.fId"
            :label="dict.fName"
            :value="dict.fId"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="提单号" prop="fMblno">
        <el-input
          v-model="queryParams.fMblno"
          placeholder="请输入提单号"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="经营单位" prop="fSbu">
        <el-select
          v-model="queryParams.fSbu"
          filterable
          remote
          clearable
          :remote-method="fSbuRemoteMethod"
          @keyup.enter.native="handleQuery"
          style="width: 250px"
          placeholder="请选择经营单位"
        >
          <el-option
            v-for="(dict, index) in fSbuOptions"
            :key="index.fId"
            :label="dict.fName"
            :value="dict.fId"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="货物名称" prop="fGoodsid">
        <el-select
          v-model="queryParams.fGoodsid"
          filterable
          remote
          clearable
          :remote-method="goodsRemoteMethod"
          @keyup.enter.native="handleQuery"
          placeholder="请选择货物名称"
        >
          <el-option
            v-for="(dict, index) in goodsOptions"
            :key="index.fId"
            :label="dict.fName"
            :value="dict.fId"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="仓库" prop="fWarehouseid">
        <el-select
          v-model="queryParams.fWarehouseid"
          filterable
          :disabled="browseStatus"
          remote
          clearable
          style="width: 250px"
          :remote-method="warehouseRemoteMethod"
          @keyup.enter.native="handleQuery"
          placeholder="请选择仓库"
        >
          <el-option
            v-for="(dict, index) in warehouseOptions"
            :key="index.fId"
            :label="dict.fName"
            :value="dict.fId"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button
          type="cyan"
          icon="el-icon-search"
          size="mini"
          @click="handleQuery"
        >搜索
        </el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
        >重置
        </el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd(false)"
          v-hasPermi="['warehouseBusiness:warehousebills:add']"
        >新增
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['warehouseBusiness:warehousebills:edit']"
        >修改
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['warehouseBusiness:warehousebills:remove']"
        >删除
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['warehouseBusiness:warehousebills:export']"
        >导出
        </el-button>
      </el-col>
      <right-toolbar
        :showSearch.sync="showSearch"
        @queryTable="getList"
      ></right-toolbar>
    </el-row>

    <el-table
      v-loading="loading"
      :data="warehousebillsList"
      @selection-change="handleSelectionChange"
    >
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column type="index" label="行号" align="center" />
      <el-table-column label="货权方" align="center" prop="fCorpid" />
      <el-table-column label="提单号" align="center" prop="fMblno" />
      <el-table-column label="经营单位" align="center" prop="fSbu" />
      <el-table-column
        label="出库日期"
        align="center"
        prop="createTime"
        width="180"
      ><template slot-scope="scope">
        <span>{{ parseTime(scope.row.fBsdate, "{y}-{m}-{d}") }}</span>
      </template>
      </el-table-column>
      <el-table-column
        label="贸易方式"
        align="center"
        prop="fTrademodeid"
        :formatter="fTrademodeidFormat"
      />
      <el-table-column label="仓库" align="center" prop="fWarehouseid" />

      <el-table-column label="出库件数" align="center" prop="fQty" />
      <!--      <el-table-column label="入库毛重" align="center" prop="fGrossweight"/>-->
      <!-- <el-table-column label="货转客户名称" align="center" prop="fTocorpid" /> -->
      <el-table-column label="出库毛重" align="center" prop="fGrossweight" />

      <el-table-column label="净重" align="center" prop="fNetweight" />

      <el-table-column
        label="操作"
        align="center"
        class-name="small-padding fixed-width"
        width="100"
      >
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            v-if="scope.row.fBillstatus === '6'"
            @click="handleUpdate(scope.row, true)"
            v-hasPermi="['warehouseBusiness:warehousebills:edit']"
          >查看
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            v-if="scope.row.fBillstatus !== '6'"
            @click="handleUpdate(scope.row, false)"
            v-hasPermi="['warehouseBusiness:warehousebills:edit']"
          >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-if="scope.row.fBillstatus !== '6'"
            v-hasPermi="['warehouseBusiness:warehousebills:remove']"
          >删除
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    <pagination
      v-show="total > 0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
    <!-- 添加或修改仓库主(出入库)对话框 -->
    <el-dialog
      :title="title"
      :visible.sync="open"
      :close-on-click-modal="false"
      width="80%"
      append-to-body
    >
      <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"
                filterable
                remote
                :disabled="browseStatus"
                style="width: 250px"
                :remote-method="corpsRemoteMethod"
                placeholder="请选择原货权方"
              >
                <el-option
                  v-for="(dict,index) in fMblnoOptions"
                  :key="index.fId"
                  :label="dict.fName"
                  :value="dict.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="请选择结算方式"
                :disabled="browseStatus"
                clearable
                style="width: 250px"
              >
                <el-option
                  v-for="(dict,index) in fStltypeOptions"
                  :key="index.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.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: 250px"
                :disabled="browseStatus"
                placeholder="手工输入"
              />
            </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: 250px"
                type="date"
                :disabled="browseStatus"
                @change="changefBsdate"
                value-format="timestamp"
                placeholder="业务日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="仓管员" prop="fStorekeeper">
              <el-select
                v-model="form.fStorekeeper"
                filterable
                remote
                :disabled="browseStatus"
                style="width: 250px"
                :remote-method="userRemoteMethod"
                placeholder="请选择仓管员"
              >
                <el-option
                  v-for="dict in userOptions"
                  :key="dict.userName"
                  :label="dict.nickName"
                  :value="dict.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
                remote
                :disabled="browseStatus"
                style="width: 250px"
                :remote-method="warehouseRemoteMethod"
                placeholder="请选择仓库"
              >
                <el-option
                  v-for="(dict,index) in warehouseOptions"
                  :key="index.fId"
                  :label="dict.fName"
                  :value="dict.fId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="存货编号" prop="fBscorpno">
              <el-input
                disabled
                v-model="form.fBscorpno"
                style="width: 250px"
                laceholder="存货编号"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="破损" prop="fifdamage">
              <el-select
                v-model="form.fIfdamage"
                placeholder="请选择是否破损"
                :disabled="browseStatus"
                clearable
                style="width: 250px"
              >
                <el-option
                  v-for="dict in fIfdamageOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.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="请选择是否过磅"
                :disabled="browseStatus"
                clearable
                style="width: 250px"
              >
                <el-option
                  v-for="dict in fIfweighOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="质押" prop="fifpledge">
              <el-select
                v-model="form.fIfpledge"
                placeholder="请选择是否过磅"
                :disabled="browseStatus"
                clearable
                style="width: 250px"
              >
                <el-option
                  v-for="dict in fIfpledgeOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="质押银行" prop="fbankcorpid">
              <el-input
                v-model="form.fBankcorpid"
                :disabled="browseStatus"
                laceholder="质押银行"
                style="width: 250px"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="计费单位" prop="ffeetunit">
              <el-select
                v-model="form.fFeetunit"
                placeholder="请选择计费单位"
                :disabled="browseStatus"
                clearable
                style="width: 250px"
              >
                <el-option
                  v-for="dict in fFeetunitOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-form-item label="备注" prop="remark">
            <el-input
              style="width: 100%"
              v-model="form.remark"
              :disabled="browseStatus"
              type="textarea"
              placeholder="请输入内容"
            />
          </el-form-item>
        </el-row>
<!--点击展开-->
        <el-button
          @click="
            detailsHidden ? (detailsHidden = false) : (detailsHidden = true)
          "
          >展开</el-button
        >
        <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: 250px"
                placeholder="仓库联系人"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="仓库电话" prop="ftel">
              <el-input
                v-model="form.fTel"
                :disabled="browseStatus"
                style="width: 250px"
                placeholder="请输仓库入电话"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="船名航次" prop="fvslvoy">
              <el-input
                v-model="form.fVslvoy"
                :disabled="browseStatus"
                style="width: 250px"
                placeholder="船名航次"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="到港日期" prop="feta">
              <el-date-picker
                v-model="form.fEta"
                style="width: 250px"
                type="date"
                :disabled="browseStatus"
                value-format="timestamp"
                placeholder="到港日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="报关单号" prop="fcustomno">
              <el-input
                v-model="form.fCustomno"
                style="width: 250px"
                :disabled="browseStatus"
                laceholder="报关单号"
              />
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="经营单位" prop="fSbu">
              <el-select
                v-model="form.fSbu"
                filterable
                remote
                :disabled="browseStatus"
                :remote-method="fSbuRemoteMethod"
                style="width: 250px"
                placeholder="请选择经营单位"
              >
                <el-option
                  v-for="(dict,index) in fSbuOptions"
                  :key="index.fId"
                  :label="dict.fName"
                  :value="dict.fId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="单据编号" prop="foriginalbillno">
              <el-input
                v-model="form.fOriginalbillno"
                style="width: 250px"
                disabled
                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"
                clearable
                style="width: 250px"
              >
                <el-option
                  v-for="dict in fTrademodeidOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="制单人" prop="createBy">
              <el-input
                disabled
                v-model="form.createBy"
                style="width: 250px"
                placeholder="制单人"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="制单部门" prop="fDeptid">
              <el-select
                v-model="form.fDeptid"
                filterable
                disabled
                style="width: 250px"
                remote
              >
                <el-option
                  v-for="dict in deptOptions"
                  :key="dict.deptId"
                  :label="dict.deptName"
                  :value="dict.deptId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item disabled label="制单日期" prop="fbilldate">
              <el-date-picker
                v-model="form.createTime"
                size="large"
                type="date"
                disabled
                value-format="timestamp"
                placeholder="制单日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="唛头" prop="fbarks">
              <el-input
                v-model="form.fMarks"
                style="width: 250px"
                :disabled="browseStatus"
                placeholder="唛头"
              />
            </el-form-item>
          </el-col>
        </el-row>
        </div>
      </el-form>
      <div class="dialogTableTitle flex a-center jlr">
        <h2>库存明细</h2>
        <el-button :disabled="browseStatus" @click.prevent="addRelevant()"
        >添加
        </el-button>
      </div>
      <el-table
        :data="dataList"
        ref="table"
        tooltip-effect="dark"
        border
        stripe
        :summary-method="getSummaries"
        show-summary
      >
        <el-table-column label="序号" type="index" width="80">
        </el-table-column>
        <el-table-column
          prop="fMblno"
          header-align="center"
          align="center"
          width="140px"
          label="提单号"
        >
          <template slot-scope="scope">
            <el-input
              disabled
              v-model="scope.row.fMblno"
              style="width: 250px"
              placeholder="手工输入"
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fGoodsid"
          header-align="center"
          align="center"
          width="140px"
          label="品名"
        >
          <template slot-scope="scope">
            <el-select
              v-model="scope.row.fGoodsids"
              filterable
              disabled
              remote
              :remote-method="goodsRemoteMethod"
              placeholder="请选择品名"
            >
              <el-option
                v-for="(dict,index) in goodsOptions"
                :key="index.fId"
                :label="dict.fName"
                :value="dict.fId"
              ></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column
          prop="fcntrtype"
          header-align="center"
          align="center"
          width="140px"
          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.fCntrtype"
              :disabled="browseStatus"
              placeholder="箱型"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fCntqty"
          header-align="center"
          align="center"
          width="140px"
          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.fCntqty"
              placeholder="箱量"
              :disabled="browseStatus"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fQtyblc"
          header-align="center"
          align="center"
          width="180px"
          label="当前库存"
        >
        </el-table-column>
        <el-table-column
          prop="fgrossweight"
          header-align="center"
          width="180px"
          align="center"
          label="出库毛重"
        >
          <template slot-scope="scope">
            <el-input
            :disabled="browseStatus"
              oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/, "$1$2.$3")'
              v-model="scope.row.fGrossweight"
              placeholder="出库毛重"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fnetweight"
          header-align="center"
          width="180px"
          align="center"
          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.fNetweight"
              :disabled="browseStatus"
              placeholder="出库净重"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fqty"
          header-align="center"
          width="180px"
          align="center"
          label="出库件数"
        >
          <template slot-scope="scope">
            <el-input
              oninput='this.value=this.value.replace(/[^\-?\d]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "")'
              v-model="scope.row.fQty"
              :disabled="browseStatus"
              placeholder="出库件数"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fVolumn"
          header-align="center"
          width="180px"
          align="center"
          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.fVolumn"
              :disabled="browseStatus"
              placeholder="出库尺码"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fPackagespecs"
          header-align="center"
          width="180px"
          align="center"
          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.fPackagespecs"
              :disabled="browseStatus"
              placeholder="包装规格"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fwarehouselocid"
          header-align="center"
          width="150px"
          align="center"
          label="库区"
        >
          <template slot-scope="scope">
            <el-select
              v-model="scope.row.fWarehouselocid"
              filterable
              remote
              disabled
              :remote-method="kqhouseRemoteMethod"
              placeholder="请选择库区"
            >
              <el-option
                v-for="dict in kqhouseOptions"
                :key="dict.fId"
                :label="dict.fName"
                :disabled="browseStatus"
                :value="dict.fId"
              ></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column
          prop="fCntrno"
          header-align="center"
          width="150px"
          align="center"
          label="箱号"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fCntrno"
              placeholder="箱号"
              :disabled="browseStatus"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fGoodsval"
          header-align="center"
          width="150px"
          align="center"
          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.fGoodsval"
              placeholder="货值"
              :disabled="browseStatus"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="ftruckno"
          header-align="center"
          width="150px"
          align="center"
          label="车号"
        >
          <template slot-scope="scope">
            <el-input
              oninput="value=value.replace(/[^\d.]/g,'')"
              v-model="scope.row.fTruckno"
              placeholder="车号"
              :disabled="browseStatus"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="remark"
          header-align="center"
          width="150px"
          align="center"
          label="备注"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.remark"
              placeholder="备注"
              :disabled="browseStatus"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          label="操作"
          width="130PX"
        >
          <template slot-scope="scope">
            <el-button
              @click.native.prevent="deleteRow(scope.$index, dataList)"
              size="small"
            >移除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <div class="dialogTableTitle flex a-center jlr">
        <h2>附件上传</h2>
        <el-button :disabled="browseStatus" @click.prevent="addRelevt()"
        >添加
        </el-button>
      </div>
      <el-table
        :data="relevantAttachments"
        ref="table"
        tooltip-effect="dark"
        border
        stripe
        style="width: 100%"
        height="150"
      >
        <el-table-column label="序号" type="index" width="80">
        </el-table-column>
        <el-table-column
          prop="fName"
          header-align="center"
          align="center"
          label="附件名称"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fName"
              :disabled="browseStatus"
              placeholder="附件名称"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="createBy"
          header-align="center"
          align="center"
          label="上传人"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.createBy"
              :disabled="browseStatus"
              placeholder="上传人"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="createTime"
          header-align="center"
          align="center"
          label="上传时间"
        >
          <template slot-scope="scope">
            <el-date-picker
              v-model="scope.row.createTime"
              type="date"
              disabled
              placeholder="上传时间"
              format="yyyy-MM-dd HH:mm"
              value-format="timestamp"
            ></el-date-picker>
          </template>
        </el-table-column>
        <el-table-column
          prop="fUrl"
          header-align="center"
          align="center"
          width="250PX"
          label="上传附件"
        >
          <template slot-scope="scope">
            <uploadFile @input="showFile" v-model="scope.row.fUrl" />
          </template>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          label="操作"
          width="130PX"
        >
          <template slot-scope="scope">
            <el-button
              @click.native.prevent="
                deleteRow(scope.$index, relevantAttachments)
              "
              :disabled="browseStatus"
              size="small"
            >移除
            </el-button>
          </template>
        </el-table-column>
      </el-table>
      <div class="dialogTableTitle flex a-center jlr">
        <h2>收款信息</h2>
        <el-button :disabled="browseStatus" @click.prevent="addCollection()"
        >添加
        </el-button>
      </div>
      <el-table
        :data="warehouseDrList"
        ref="table"
        tooltip-effect="dark"
        border
        stripe
        show-summary
        :summary-method="warehouseDrSummaries"
      >
        <el-table-column label="序号" type="index" width="80">
        </el-table-column>
        <el-table-column
          prop="fCorpid"
          header-align="center"
          align="center"
          width="180px"
          label="客户名称"
        >
          <template slot-scope="scope">
            <el-select
              v-model="scope.row.fCorpid"
              filterable
              remote
              :disabled="browseStatus"
              :remote-method="corpsRemoteMethod"
              placeholder="客户名称"
            >
              <el-option
                v-for="(dict,index) in KHblnoOptions"
                :key="index.fId"
                :label="dict.fName"
                :value="dict.fId"
              ></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column
          prop="fFeeid"
          header-align="center"
          align="center"
          width="180px"
          label="费用名称"
        >
          <template slot-scope="scope">
            <el-select
              v-model="scope.row.fFeeid"
              filterable
              remote
              :disabled="browseStatus"
              :remote-method="fWRemoteMethod"
              placeholder="费用名称"
            >
              <el-option
                v-for="dict in fWbuOptions"
                :key="dict.fId"
                :label="dict.fName"
                :value="dict.fId"
              ></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-input
              v-model="scope.row.fFeeUnitid"
              placeholder="计价单位"
              show-word-limit
            /> -->
            <el-select
              v-model="scope.row.fFeeUnitid"
              placeholder="请选择计费单位"
              @change="changeFeeUnit(scope.row)"
              :disabled="browseStatus"
              clearable
            >
              <el-option
                v-for="dict in jFeetunitOptions"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.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).*$/, "$1$2.$3")'
              v-model="scope.row.fQty"
              placeholder="数量"
              :disabled="browseStatus"
              @change="changeEstmateAmt(scope.row)"
              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"
              placeholder="单价"
              :disabled="browseStatus"
              @change="changeContractAmt(scope.row)"
              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="fCurrency"
          header-align="center"
          align="center"
          width="150px"
          label="币别"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fCurrency"
              :disabled="browseStatus"
              placeholder="币别"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fCxrate"
          header-align="center"
          align="center"
          width="150px"
          label="汇率"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fCxrate"
              :disabled="browseStatus"
              placeholder="汇率"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fRate"
          header-align="center"
          align="center"
          width="150px"
          label="税率"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fRate"
              :disabled="browseStatus"
              placeholder="税率"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="remarks"
          header-align="center"
          align="center"
          width="150px"
          label="备注"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.remarks"
              :disabled="browseStatus"
              placeholder="备注"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          label="操作"
          width="200px"
        >
          <template slot-scope="scope">
            <el-button size="small">审核费用</el-button>
            <el-button
              @click.native.prevent="deleteRow(scope.$index, warehouseDrList)"
              size="small"
            >移除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <div class="dialogTableTitle flex a-center jlr">
        <h2>付款信息</h2>
        <el-button :disabled="browseStatus" @click.prevent="addpayment()"
        >添加
        </el-button>
      </div>
      <el-table
        :data="warehouseCrList"
        ref="table"
        tooltip-effect="dark"
        border
        stripe
        show-summary
        :summary-method="warehouseDrSummaries"
      >
        <el-table-column label="序号" type="index" width="80">
        </el-table-column>
        <el-table-column
          prop="fCorpid"
          header-align="center"
          align="center"
          width="180px"
          label="客户名称"
        >
          <template slot-scope="scope">
            <el-select
              v-model="scope.row.fCorpid"
              filterable
              remote
              :disabled="browseStatus"
              :remote-method="corpsRemoteMethod"
              placeholder="客户名称"
            >
              <el-option
                v-for="(dict, index) in KHblnoOptions"
                :key="index.fId"
                :label="dict.fName"
                :value="dict.fId"
              ></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column
          prop="fFeeid"
          header-align="center"
          align="center"
          width="180px"
          label="费用名称"
        >
          <template slot-scope="scope">
            <el-select
              v-model="scope.row.fFeeid"
              filterable
              remote
              :disabled="browseStatus"
              :remote-method="fWRemoteMethod"
              placeholder="费用名称"
            >
              <el-option
                v-for="dict in fWbuOptions"
                :key="dict.fId"
                :label="dict.fName"
                :value="dict.fId"
              ></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="请选择计费单位"
              @change="changeFeeUnit(scope.row)"
              :disabled="browseStatus"
              clearable
            >
              <el-option
                v-for="dict in jFeetunitOptions"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.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"
              @change="changeEstmateAmt(scope.row)"
              :disabled="browseStatus"
              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"
              @change="changeContractAmt(scope.row)"
              :disabled="browseStatus"
              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="fCurrency"
          header-align="center"
          align="center"
          width="150px"
          label="币别"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fCurrency"
              :disabled="browseStatus"
              placeholder="币别"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fCxrate"
          header-align="center"
          align="center"
          width="150px"
          label="汇率"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fCxrate"
              :disabled="browseStatus"
              placeholder="汇率"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fRate"
          header-align="center"
          align="center"
          width="150px"
          label="税率"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fRate"
              :disabled="browseStatus"
              placeholder="税率"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="remarks"
          header-align="center"
          align="center"
          width="150px"
          label="备注"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.remarks"
              :disabled="browseStatus"
              placeholder="备注"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          width="200px"
          label="操作"
        >
          <template slot-scope="scope">
            <el-button size="small">审核费用</el-button>
            <el-button
              @click.native.prevent="deleteRow(scope.$index, warehouseCrList)"
              size="small"
            >移除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="danger"
          size="mini"
          prop="打印"
          @click="showEditDialog_ss"
        >收货单
        </el-button>
        <el-button
          type="danger"
          size="mini"
          prop="打印"
          @click="showEditDialog_s"
        >出库单
        </el-button>
        <el-button
          type="danger"
          size="mini"
          prop="打印"
          @click="showEditDialog_sss"
          >作业单
        </el-button>
        <el-button type="primary" @click="submitForm(2)">暂 存</el-button>
        <el-button type="primary" @click="submitForm(6)">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
      <!-- 选择库存总账数据 -->
      <el-dialog
        title="库存总账"
        :modal="false"
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="whgenlegVisible"
        width="70%"
      >
        <el-table
          :data="whgenlegList"
          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
            prop="fMblno"
            header-align="center"
            align="center"
            label="提单号"
          >
          </el-table-column>
          <el-table-column
            prop="createTime"
            header-align="center"
            align="center"
            width="180px"
            label="入库日期"
          >
          </el-table-column>
          <el-table-column
            prop="fGoodsid"
            header-align="center"
            align="center"
            label="品名"
          >
          </el-table-column>
          <el-table-column
            prop="fQtyblc"
            header-align="center"
            align="center"
            label="结余数量"
          >
          </el-table-column>
          <el-table-column
            prop="fWarehouseLocationid"
            header-align="center"
            align="center"
            label="库区"
          >
          </el-table-column>
        </el-table>
        <pagination
          v-show="whgenlegTotal>0"
          :total="whgenlegTotal"
          :page.sync="whgenlegParams.pageNum"
          :limit.sync="whgenlegParams.pageSize"
          @pagination="getWhgenlegList"
        />
        <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
        title="入库页面"
        :modal="false"
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="editDialogVisible_s"
        width="70%"
      >
        <table
          id="print_area"
          class="biaoge zzss"
          border="1"
          style="border-collapse: collapse; border: none"
        >
          <tr>
            <td
              width="100"
              colspan="7"
              class="zzss"
              style="font-size: 28px; font-weight: bold; border: none"
            >
              青岛大木进进仓单
            </td>
          </tr>
          <tr>
            <td
              width="100"
              colspan="7"
              class="zzss"
              style="font-size: 28px; font-weight: bold; border: none"
            >
              &nbsp;
            </td>
          </tr>
          <tr>
            <td width="450" colspan="2" class="zzss">货权方：某某有限公司</td>
            <td width="450" colspan="2" class="zzss">仓库：某某3号大仓</td>
            <td width="450" colspan="3" class="zzss">
              地址：青岛市市北区郑州路1344号
            </td>
          </tr>
          <tr>
            <td width="200" colspan="2" class="zzss">保管方：某某有限公司</td>
            <td width="200" colspan="2" class="zzss">联系人：张三</td>
            <td width="200" colspan="3" class="zzss">
              电话：0532-561651561-546
            </td>
          </tr>
          <tr>
            <td width="100" border="1">提单号</td>
            <td width="100">品名</td>
            <td width="100">箱型</td>
            <td width="100">品牌</td>
            <td width="100">件数</td>
            <td width="100">重量</td>
            <td width="100">包装规格</td>
          </tr>
          <tr>
            <td width="100">56165654555</td>
            <td width="100">某某商品</td>
            <td width="100">20GP</td>
            <td width="100">某某</td>
            <td width="100">包</td>
            <td width="100">吨</td>
            <td width="100">50kg</td>
          </tr>
          <tr>
            <td width="100">序号</td>
            <td width="100">入货日期</td>
            <td width="100">箱量(20GP)</td>
            <td width="100">重量</td>
            <td width="100">件数</td>
            <td width="100">入库重量</td>
            <td width="100">入库件数</td>
          </tr>
          <tr>
            <td width="100">1</td>
            <td width="100">2020-11-20</td>
            <td width="100">10</td>
            <td width="100">100</td>
            <td width="100">10000</td>
            <td width="100">20</td>
            <td width="100">3000</td>
          </tr>
          <tr>
            <td width="100">2</td>
            <td width="100">2020-11-20</td>
            <td width="100">10</td>
            <td width="100">100</td>
            <td width="100">10000</td>
            <td width="100">20</td>
            <td width="100">3000</td>
          </tr>
          <tr>
            <td width="100">3</td>
            <td width="100">2020-11-20</td>
            <td width="100">10</td>
            <td width="100">100</td>
            <td width="100">10000</td>
            <td width="100">20</td>
            <td width="100">3000</td>
          </tr>
          <tr>
            <td width="100">4</td>
            <td width="100">2020-11-20</td>
            <td width="100">10</td>
            <td width="100">100</td>
            <td width="100">10000</td>
            <td width="100">20</td>
            <td width="100">3000</td>
          </tr>
          <tr>
            <td width="100">5</td>
            <td width="100">2020-11-20</td>
            <td width="100">10</td>
            <td width="100">100</td>
            <td width="100">10000</td>
            <td width="100">20</td>
            <td width="100">3000</td>
          </tr>
          <tr>
            <td width="100">6</td>
            <td width="100">2020-11-20</td>
            <td width="100">10</td>
            <td width="100">100</td>
            <td width="100">10000</td>
            <td width="100">20</td>
            <td width="100">3000</td>
          </tr>
          <tr>
            <td width="100">7</td>
            <td width="100">2020-11-20</td>
            <td width="100">10</td>
            <td width="100">100</td>
            <td width="100">10000</td>
            <td width="100">20</td>
            <td width="100">3000</td>
          </tr>
          <tr>
            <td width="100" colspan="2">合计：</td>
            <td width="100">10</td>
            <td width="100">100</td>
            <td width="100">10000</td>
            <td width="100">20</td>
            <td width="100">3000</td>
          </tr>
          <tr>
            <td width="100">备注：</td>
            <td width="100" colspan="6"></td>
          </tr>
          <tr>
            <td width="100" colspan="7" class="zzss">
              本进仓单经仓管员签字并经保管方盖章后即专项作为货物所有人的货权证明，本单据不得转让。
            </td>
          </tr>
          <tr style="border: none">
            <td width="100" colspan="2" class="zzss" style="border: none">
              开单员：
            </td>
            <td width="100" colspan="3" class="zzss" style="border: none"></td>
            <td width="100" colspan="2" class="zzss" style="border: none">
              仓管员：张三
            </td>
          </tr>
          <tr style="border: none">
            <td width="100" colspan="2" class="zzss" style="border: none">
              开单时间：
            </td>
            <td width="100" colspan="3" class="zzss" style="border: none"></td>
            <td width="100" colspan="2" class="zzss" style="border: none">
              (盖章)
            </td>
          </tr>
        </table>
        <button @click="printSomething">打印</button>
      </el-dialog>
      <el-dialog
        title="收货单打印"
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="editDialogVisible_ss"
        width="70%"
        :modal="false"
      >
        <table
          id="print_area"
          class="biaoge zzss"
          border="1"
          style="border-collapse: collapse; border: none"
        >
          <tr>
            <td
              width="1400"
              colspan="6"
              class="zzss"
              style="font-size: 28px; font-weight: bold; border: none"
            >
              大木国际物流(青岛)有限公司收货单
            </td>
          </tr>
          <tr>
            <td
              width="900"
              colspan="4"
              class="zzss"
              style="font-size: 28px; font-weight: bold"
            >
              &nbsp;
            </td>
            <td
              width="500"
              colspan="2"
              style="padding-bottom: 0px; font-weight: bold; border: none"
              class="zzss"
            >
              出库日期：2020-11-20
            </td>
          </tr>
          <tr>
            <td width="200">车号</td>
            <td width="200">苏HFN751</td>
            <td width="200">货物品名</td>
            <td width="200" colspan="4" class="zzss">某某商品名</td>
          </tr>
          <tr>
            <td width="1400" colspan="6">&nbsp;</td>
          </tr>
          <tr>
            <td>备注:</td>
            <td colspan="5"></td>
          </tr>
          <tr>
            <td>收费</td>
            <td>装箱费</td>
            <td>100元</td>
            <td colspan="4">办单费：5元，过磅费自理</td>
          </tr>
          <tr>
            <td>司机签字：</td>
            <td></td>
            <td>电话</td>
            <td>15896154516</td>
            <td colspan="2" rowspan="2">
              确认货物数量无误，包装于货物完好！<br />出库盖好篷布，如有违背责任自负<br />装卸工是否收小费
            </td>
          </tr>
          <tr>
            <td>制表：</td>
            <td>张三</td>
            <td>机械/人工：</td>
            <td></td>
          </tr>
          <tr>
            <td colspan="6" class="zzss">&nbsp;</td>
          </tr>
          <tr>
            <td width="280" class="zzss"></td>
            <td width="280" class="zzss"></td>
            <td width="280" class="zzss"></td>
            <td width="280" class="zzss"></td>
            <td width="290" class="zzss">地址：淮河东路96号</td>
            <td width="290" class="zzss">电话：18685818919</td>
          </tr>
        </table>
        <button @click="printSomething">打印</button>
      </el-dialog>
      <el-dialog
        title="收货单打印"
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="editDialogVisible_sss"
        width="70%"
        :modal="false"
      >
        <table
          id="print_area"
          class="biaoge zzss"
          border="1"
          style="border-collapse: collapse; border: none"
        >
          <tr>
            <td
              width="1400"
              colspan="6"
              class="zzss"
              style="font-size: 28px; font-weight: bold; border: none"
            >
              大木国际物流(青岛)有限公司作业单
            </td>
          </tr>
          <tr>
            <td
              width="900"
              colspan="4"
              class="zzss"
              style="font-size: 28px; font-weight: bold"
            >
              &nbsp;
            </td>
            <td
              width="500"
              colspan="2"
              style="padding-bottom: 0px; font-weight: bold; border: none"
              class="zzss"
            >
              出库日期：2020-11-20
            </td>
          </tr>
          <tr>
            <td width="200">车号</td>
            <td width="200">苏HFN751</td>
            <td width="200">货物品名</td>
            <td width="200" colspan="4" class="zzss">某某商品名</td>
          </tr>
          <tr>
            <td width="1400" colspan="6">&nbsp;</td>
          </tr>
          <tr>
            <td>备注:</td>
            <td colspan="5"></td>
          </tr>
          <tr>
            <td>收费</td>
            <td>装箱费</td>
            <td>100元</td>
            <td colspan="4">办单费：5元，过磅费自理</td>
          </tr>
          <tr>
            <td>司机签字：</td>
            <td></td>
            <td>电话</td>
            <td>15896154516</td>
            <td colspan="2" rowspan="2">
              确认货物数量无误，包装于货物完好！<br />出库盖好篷布，如有违背责任自负<br />装卸工是否收小费
            </td>
          </tr>
          <tr>
            <td>制表：</td>
            <td>张三</td>
            <td>机械/人工：</td>
            <td></td>
          </tr>
          <tr>
            <td colspan="6" class="zzss">&nbsp;</td>
          </tr>
          <tr>
            <td width="280" class="zzss"></td>
            <td width="280" class="zzss"></td>
            <td width="280" class="zzss"></td>
            <td width="280" class="zzss"></td>
            <td width="290" class="zzss">地址：淮河东路96号</td>
            <td width="290" class="zzss">电话：18685818919</td>
          </tr>
        </table>
        <button @click="printSomething">打印</button>
      </el-dialog>
    </el-dialog>
  </div>
</template>

<script>
  import print from "print-js";
  import {
    listWarehousebills,
    getWarehousebills,
    delWarehousebills,
    addWarehousebills,
    updateWarehousebills,
    exportWarehousebills,
  } from "@/api/warehouseBusiness/warehouseOutStock";

  import { listCorps } from "@/api/basicdata/corps";

  import { listFees } from "@/api/basicdata/fees";

  import { listWarehouse } from "@/api/basicdata/warehouse";

  import { listArea } from "@/api/basicdata/area";

  import { listGoods } from "@/api/basicdata/goods";

  import { listUser, queryUserVal } from "@/api/system/user";

  import UploadFile from "@/components/Uploadfile";

  import { listWhgenleg } from '@/api/reportManagement/whgenleg'

  export default {
    name: "Warehousebills",
    components: {
      UploadFile,
    },
    data() {
      return {
        fFeeUnitid: "",
        fFeeUnitids: "",
        browseStatus: false,
        detailsHidden: false,
        fGrossweight: '',
        fNetweight: '',
        fQty: '',
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        userVal: {
          userName: null,
          nickName: null,
          deptId: null,
        },
        queryForm: {},
        // 库存总账表
        whgenlegList: [],
        whgenlegTotal: 0,
        // 弹窗库存总账数据
        dialogWhgenlegList: [],
        // 库存总账对话框
        whgenlegVisible: false,
        // 添加用户对话框
        editDialogVisible_s: false,
        editDialogVisible_ss: false,
        editDialogVisible_sss: false,
        editDialogClosed_ss: false,
        dataList: [],
        warehouseCrList: [],
        warehouseDrList: [],
        browseStatus: false,
        relevantAttachments: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 仓库主(出入库)表格数据
        warehousebillsList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        // 货权方(客户数据)
        fMblnoOptions: [],
        // 货权方(客户数据)
        // 客户名称
        KHblnoOptions: [],
        fSbuOptions: [],
        // 操作员
        userOptions: [],
        // 操作员
        goodsOptions: [],
        // 制单部门
        deptOptions: [],
        // 仓库(仓库数据)
        warehouseOptions: [],
        kqhouseOptions: [],
        // 贸易方式(数据字典),对应t_trademodels 字典
        fTrademodeidOptions: [],
        // 计费单位(数据字典),下拉选择毛重或净重字典
        fFeetunitOptions: [],
        // 结算方式(数据字典),下拉选择字典
        fStltypeOptions: [],
        // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典
        fIfweighOptions: [],
        // 是否质押(数据字典),默认 F ,质押T 否者F 下拉选择字典
        fIfpledgeOptions: [],
        // 是否破损(数据字典),默认F否则T字典
        fIfdamageOptions: [],
        // 单据类型(数据字典)SJRK字典
        fBilltypeOptions: [],
        // 状态(数据字典),N 入字典
        fBillstatusOptions: [],
        // 费用名称
        fWbuOptions: [],
        // 计价单位
        jFeetunitOptions: [],
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          fBillno: null,
          createBy: null,
          createTime: null,
          fCustomsdeclartion: null,
          fOriginalbillno: null,
          fDeptid: null,
          fBsdeptid: null,
          fContacts: null,
          fTel: null,
          fCorpid: null,
          fTocorpid: null,
          fStltypeid: null,
          fBscorpno: null,
          fWarehouseid: null,
          fStorekeeper: null,
          fBsdate: null,
          fPlanqty: null,
          fPlangrossweight: null,
          fPlannetweight: null,
          fPlanvolumn: null,
          fQty: null,
          fGrossweight: null,
          fNetweight: null,
          fVolumn: null,
          fTrademodeid: null,
          fSbu: null,
          fFeetunit: null,
          fMblno: null,
          fVslvoy: null,
          fEta: null,
          fCustomno: null,
          fIfweigh: null,
          fIfpledge: null,
          fIfdamage: null,
          fBankcorpid: null,
          fBilltype: null,
          fBillstatus: null,
          fCreateby: null,
          fCreatetime: null,
          fGoodsid: null,
          fCntrtype: null,
          fCntqty: null,
        },
        // 库存总账参数
        whgenlegParams: {
          pageNum: 1,
          pageSize: 10,
          fMblno: null,
          fCorpid: null,
          fWarehouseid: null
        },
        // 表单参数
        form: {
          fMblno: null,
          fCorpid: null,
          fTrademodeid: null,
          fWarehouseid: null
        },
        // 表单校验
        rules: {
          fDeptid: [
            { required: true, message: "制单部门不能为空", trigger: "blur" },
          ],
          fMblno: [{ required: true, message: "请输入提单号", trigger: "blur" }],
          fBsdeptid: [
            { required: true, message: "业务所属部门不能为空", trigger: "blur" },
          ],
          fCorpid: [
            {
              required: true,
              message: "请选择货权方",
              trigger: "blur",
            },
          ],
          fBsdate: [
            { required: true, message: "请选择业务日期", trigger: "blur" },
          ],
          fTrademodeid: [
          { required: true, message: "请选择贸易方式", trigger: "blur" },
        ],
        fSbu: [
          { required: true, message: "请选择经营方式", trigger: "blur" },
        ],
          fStorekeeper: {
            required: true,
            message: "请输入仓管员",
            trigger: "blur",
          },
          fWarehouseid: [
            { required: true, message: "请选择仓库", trigger: "blur" },
          ],
          // fBscorpno: [
          //   { required: true, message: "请输入存货编号", trigger: "blur" },
          // ],
          fbillingway: [
            {
              required: true,
              message: "请选择结算方式",
              trigger: "blur",
            },
          ],
          fTocorpid: [
            {
              required: true,
              message:
                "货转客户名称，t_corps 中的no或 name，模糊查找选择后，存储id，显示name，自有在货权转移是该字段有效不能为空",
              trigger: "blur",
            },
          ],
        },
      };
    },
    created() {
      this.getList();
      this.getDicts("data_trademodes").then((response) => {
        this.fTrademodeidOptions = response.data;
      });
      this.getDicts("data_unitfees").then((response) => {
        this.fFeetunitOptions = response.data;
        this.jFeetunitOptions = response.data;
      });
      this.getDicts("data_stltype_type").then((response) => {
        this.fStltypeOptions = response.data;
      });
      this.getDicts("data_ifweigh_status").then((response) => {
        this.fIfweighOptions = response.data;
      });
      this.getDicts("data_ifpledge_status").then((response) => {
        this.fIfpledgeOptions = response.data;
      });
      this.getDicts("data_ifdamage_status").then((response) => {
        this.fIfdamageOptions = response.data;
      });
      this.getDicts("data_billtype_type").then((response) => {
        this.fBilltypeOptions = response.data;
      });
      this.getDicts("sys_common_status").then((response) => {
        this.fBillstatusOptions = response.data;
      });
    },
    methods: {
      // 上传成功返回数据
      showFile(row) {
        // this.$set(this.relevantAttachments[0], 'fName', row.fileName)
        this.$set(this.relevantAttachments[0], 'fUrl', row.url)
      },
      printSomething() {
        // 此处的style即为打印时的样式
        const style =
          "@media print { .print-div{ padding:8px;background-color:#cccccc;line-height:12px } .red{ color:#f00} .green{color:green} td{text-align: center}}";
        print({
          printable: "print_area",
          type: "html",
          style: style, // 亦可使用引入的外部css;
          scanStyles: false,
        });
      },
      // 添加附件上传
      addRelevt() {
        this.relevantAttachments.push({
          fUrl: null,
          fName: null,
          createBy: this.queryParams.createBy,
          createTime: Date.parse(new Date()),
        });
      },
      // 添加list
      addRelevant() {
        let corpidStatus = typeof this.form.fCorpid === 'undefined' || this.form.fCorpid == null || this.form.fCorpid === ''
        let ftrademodeids = typeof this.form.fTrademodeid === 'undefined' || this.form.fTrademodeid == null || this.form.fTrademodeid === ''
        let warehouseidStatus = typeof this.form.fWarehouseid === 'undefined' || this.form.fWarehouseid == null || this.form.fWarehouseid === ''
        if (corpidStatus || warehouseidStatus || ftrademodeids) {
          this.$message({ message: '请维护货权方、仓库、贸易方式', type: 'warning' })
          return false
        }
        this.whgenlegList = []
        this.dialogWhgenlegList = []
        this.whgenlegTotal = 0
        this.whgenlegVisible = true
        this.getWhgenlegList()
      },
      // 库存总账导出数据
      whgenlegData () {
        console.log(this.dialogWhgenlegList)
        for (let whgen in this.dialogWhgenlegList) {
          this.dataList.push({
            fMblno: this.dialogWhgenlegList[whgen].fMblno,
            fGoodsid: this.dialogWhgenlegList[whgen].fGoodsid,
            fCntrtype: null,
            fQtyblc: this.dialogWhgenlegList[whgen].fQtyblc,
            fWarehouseLocationids: this.dialogWhgenlegList[whgen].fWarehouseLocationids,
            fGoodsids: this.dialogWhgenlegList[whgen].fGoodsids,
            fGrossweight: 0,
            fNetweight: 0,
            fQty: 0,
            fCntqty: 1,
            fPackagespecs: null,
            fWarehouselocid: this.dialogWhgenlegList[whgen].fWarehouseLocationid,
            fCntrno: this.dialogWhgenlegList[whgen].fCntrno,
            fGoodsval: null,
            fTruckno: null,
            remark: null
          })
        }
        this.whgenlegVisible = false
      },
      // 收货单打印界面
      showEditDialog_s() {
        this.editDialogVisible_s = true;
      },
      showEditDialog_ss() {
        this.editDialogVisible_ss = true;
      },
      showEditDialog_sss() {
      this.editDialogVisible_sss = true;
    },
      // 收款信息
      addCollection() {
        this.warehouseDrList.push({
          fcorpid: null,
          ffeeid: null,
          fFeeUnitid: null,
          fQty: null,
          funitprice: null,
          fAmount: null,
          fCurrency: null,
          fCxrate: null,
          fRate: null,
          remarks: null,
        });
      },
      addpayment() {
        this.warehouseCrList.push({
          fcorpid: null,
          ffeeid: null,
          fFeeUnitid: null,
          fQty: null,
          funitprice: null,
          fAmount: null,
          fCurrency: null,
          fCxrate: null,
          fRate: null,
          remarks: null,
        });
      },
      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, "createTime", Date.parse(new Date()));
          }
          if (response.dept !== null) {
            this.deptOptions = [];
            this.deptOptions.push(response.dept);
          }
        });
      },
      /** 查询仓库主(出入库)列表 */
      getList() {
        this.loading = true;
        listWarehousebills(this.queryParams).then((response) => {
          this.warehousebillsList = response.rows;
          console.log(response.rows)
          this.total = response.total;
          this.loading = false;
        });
      },
      // 查询库存总账信息
      getWhgenlegList () {
        this.whgenlegParams.fMblno = this.form.fMblno
        this.whgenlegParams.fCorpid = this.form.fCorpid
        this.whgenlegParams.fWarehouseid = this.form.fWarehouseid
        this.whgenlegParams.fTrademodeid = this.form.fTrademodeid

        listWhgenleg(this.whgenlegParams).then(response => {
          this.whgenlegList = response.rows
          this.whgenlegTotal = response.total
        })
      },
      // 贸易方式(数据字典),对应t_trademodels 字典翻译
      fTrademodeidFormat(row, column) {
        return this.selectDictLabel(this.fTrademodeidOptions, row.fTrademodeid);
      },
      // 计费单位(数据字典),下拉选择毛重或净重字典翻译
      fFeetunitFormat(row, column) {
        return this.selectDictLabel(this.fFeetunitOptions, row.fFeetunit);
      },
      // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典翻译
      fIfweighFormat(row, column) {
        return this.selectDictLabel(this.fIfweighOptions, row.fIfweigh);
      },
      // 是否质押(数据字典),默认 F ,质押T 否者F 下拉选择字典翻译
      fIfpledgeFormat(row, column) {
        return this.selectDictLabel(this.fIfpledgeOptions, row.fIfpledge);
      },
      // 是否破损(数据字典),默认F否则T字典翻译
      fIfdamageFormat(row, column) {
        return this.selectDictLabel(this.fIfdamageOptions, row.fIfdamage);
      },
      // 单据类型(数据字典)SJRK字典翻译
      fBilltypeFormat(row, column) {
        return this.selectDictLabel(this.fBilltypeOptions, row.fBilltype);
      },
      // 状态(数据字典),N 入字典翻译
      fBillstatusFormat(row, column) {
        return this.selectDictLabel(this.fBillstatusOptions, row.fBillstatus);
      },
      // 取消按钮
      cancel() {
        this.open = false;
        this.reset();
      },
      // 表单重置
      reset() {
        this.form = {
          fId: null,
          fBillno: null,
          fCustomsdeclartion: null,
          fOriginalbillno: null,
          fDeptid: null,
          fBsdeptid: null,
          fContacts: null,
          fTel: null,
          fCorpid: null,
          fTocorpid: null,
          fStltypeid: null,
          fBscorpno: null,
          fWarehouseid: null,
          fStorekeeper: null,
          fBsdate: null,
          fPlanqty: null,
          fPlangrossweight: null,
          fPlannetweight: null,
          fPlanvolumn: null,
          fQty: null,
          fGrossweight: null,
          fNetweight: null,
          fVolumn: null,
          fTrademodeid: null,
          fSbu: null,
          fFeetunit: null,
          fMblno: null,
          fVslvoy: null,
          fEta: null,
          fCustomno: null,
          fIfweigh: null,
          fIfpledge: null,
          fIfdamage: null,
          fBankcorpid: null,
          fBilltype: null,
          fBillstatus: null,
          delFlag: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null,
          remark: null,
          fCreateby: null,
          fCreatetime: null,
          fGoodsid: null,
          fCntrtype: null,
          fCntqty: null,
        };
        this.deptOptions = []
        this.userOptions = []
        this.fSbuOptions = []
        this.fWbuOptions = []
        this.goodsOptions = []
        this.KHblnoOptions = []
        this.fMblnoOptions = []
        this.kqhouseOptions = []
        this.resetForm("form");
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      // 多选框选中数据
      handleSelectionChange(selection) {
        this.ids = selection.map((item) => item.fId);
        this.single = selection.length !== 1;
        this.multiple = !selection.length;
      },
      // 库存总账多选框
      whgenlegSelectionChange (selection) {
        this.dialogWhgenlegList = selection
      },
      /** 新增按钮操作 */
      handleAdd(status) {
        this.browseStatus = status
        this.reset();
        this.queryUser();
        this.open = true;
        this.dataList = [];
        this.warehouseCrList = [];
        this.warehouseDrList = [];
        this.relevantAttachments = []
        this.title = "出库单";
      },
      /** 修改按钮操作 */
      handleUpdate(row, status) {
        this.browseStatus = status
        this.reset();
        const fId = row.fId || this.ids;
        getWarehousebills(fId).then((response) => {
          if (response.data.warehousebills) {
            this.form = response.data.warehousebills;
            this.$set(this.form, 'fEta', Date.parse(this.form.fEta))
            this.$set(this.form, 'fStltypeid', this.form.fStltypeid + '')
            this.$set(this.form, 'fTrademodeid', this.form.fTrademodeid + '')
          }
          if (response.data.corps) {
            this.fMblnoOptions = response.data.corps;
            this.KHblnoOptions = response.data.corps;
            this.fSbuOptions = response.data.corps;
          }
          if (response.data.feesList) {
            this.fWbuOptions = response.data.feesList;
          }
          if (response.data.warehouse) {
            this.warehouseOptions = response.data.warehouse;
          }
          if (response.data.warehouseBillsItem) {
            this.dataList = response.data.warehouseBillsItem;
            for (let list in this.dataList) {
              if (!this.form.fMblno) {
                this.$set(this.form, 'fMblno', this.dataList[list].fMblno)
              }
              this.$set(this.dataList[list], 'fGoodsids', this.dataList[list].fGoodsid)
              this.$set(this.dataList[list], 'fBsdate', Date.parse(this.dataList[list].fBsdate))
            }
          }
          if (response.data.enclosures) {
            this.relevantAttachments = response.data.enclosures;
          }
          if (response.data.warehouse) {
            this.warehouseDrList = response.data.warehousebillsfeesDr;
            for (let dr in this.warehouseDrList) {
              this.$set(this.warehouseDrList[dr], 'fFeeUnitid', this.warehouseDrList[dr].fFeeUnitid + "")
            }
          }
          if (response.data.warehousebillsfeesCr) {
            this.warehouseCrList = response.data.warehousebillsfeesCr;
            this.warehouseCrList = response.data.warehousebillsfeesCr
            for (let cr in this.warehouseCrList) {
              this.$set(this.warehouseCrList[cr], 'fFeeUnitid', this.warehouseCrList[cr].fFeeUnitid + "")
            }
          }
          this.fWbuOptions = response.data.feesList;
          this.userOptions = response.data.sysUser;
          this.goodsOptions = response.data.goodsList;
          this.goodsOptions = response.data.goodsList
          this.warehouseOptions = response.data.warehouse;
          this.kqhouseOptions = response.data.warehouseAreas
          this.$set(this.form, "fBsdate", Date.parse(response.data.warehousebills.fBsdate));
          this.open = true;
          this.title = "修改出库";
        });
      },
      // 数量计算
      changeContractAmt(row) {
        if (row.fUnitprice !== "") {
          if (row.fQty !== "") {
            this.$set(
              row,
              "fAmount",
              Number(row.fUnitprice) * Number(row.fQty)
            ).toFixed(2);
          } else {
            this.$set(row, "fAmount", row.fUnitprice);
          }
        }
      },
      changeEstmateAmt(row) {
        if (row.fUnitprice !== "") {
          if (row.fQty !== "") {
            this.$set(
              row,
              "fAmount",
              Number(row.fUnitprice) * Number(row.fQty)
            ).toFixed(2);
          } else {
            this.$set(row, "fAmount", row.fUnitprice);
          }
        }
      },
      changefBsdate(row) {
        if (this.dataList.length > 0) {
          for (var i = 0; i < this.dataList.length; i++) {
            this.$set(this.dataList[i], "fBsdate", row);
          }
        }
      },
      // 合计
      getSummaries (param) {
      console.log(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"]));
                }
      
        // const values = data.map(item => Number(item[column.property]))
        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.form.fGrossweight = prev + curr
                  this.fGrossweight = prev + curr;
                }
            if (column.property === 'fnetweight') {
                this.form.fNetweight = prev + curr
            }
            if (column.property === 'fqty') {
                this.form.fQty = prev + curr
            }
            if (column.property === "fCntqty") {
                this.fCntqty = prev + curr;
              }
              return prev + curr
            } else {
              return prev
            }
          }, 0)
          // 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]))
        if (column.property === 'fUnitprice' || column.property === 'fAmount'|| column.property === 'fQty'|| column.property === 'fQty') {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr)
            if (!isNaN(value)) {
              return prev + curr
            } else {
              return prev
            }
          }, 0)
          // sums[index]
        }
      })
　　　return sums

    },
     // 变更计价单位
    changeFeeUnit (row) {
      console.log(this.fCntqty)
      console.log(row)
      if (!row.fFeeUnitid) {
        return false
      }
      if (row.fFeeUnitid === '0') {
        this.$set(row, 'fQty', this.fCntqty)
      } else if (row.fFeeUnitid === '1') {
        this.$set(row, 'fQty', this.fGrossweight)
      }
      if (row.fUnitprice) {
        this.$set(row, 'fAmount', parseFloat(Number(row.fUnitprice) * Number(row.fQty)).toFixed(2))
      }
    },
    // 付款信息计价单位合计
    getwarehouseCrList(param) {
      console.log(param);
      const { columns, data } = param;
      const sums = [];
      var values = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = "总价";
          return;
        }
        if (index === 3) {
          // values = data.map((item) => Number(item["fFeeUnitid"]));
           sums[index] = this.fFeeUnitids;
          return;

        }
      });
      this.sums = sums;
      return sums;

    },
    // 计价单位选择
    changefFeeunitid(row) {
       console.log(row)
       if(row === "0"){
         console.log(this.fCntqty)
         this.fFeeUnitid = this.fCntqty
       }else{
         console.log(this.fGrossweight)
         this.fFeeUnitid = this.fGrossweight
       }
    },
     // 计价单位选择
    changefFeeunitids(row) {
       console.log(row)
       if(row === "0"){
         console.log(this.fFeeUnitid)
         this.fFeeUnitids = this.fCntqty
       }else{
         this.fFeeUnitids = this.fGrossweight
       }
    },
      /** 提交按钮 */
      submitForm(status) {
        this.$refs["form"].validate((valid) => {
          console.log(this.dataList)
          if(status === 2) {
          if (valid) {
          this.form.fBillstatus = status;
          this.form.fNetweight = this.fNetweight;
          this.form.fPlangrossweight = this.fPlangrossweight;
          this.form.fPlannetweight = this.fPlannetweight;
          this.form.fPlanvolumn = this.fPlanvolumn;
          this.form.fPlanqty = this.fPlanqty;
          this.form.fGrossweight = this.fGrossweight;
          this.form.fQty = this.fQty;
          let formData = new window.FormData();
          // 附件数据
          formData.append("tWarehouseBills", JSON.stringify(this.form));
          // 库存明细
          formData.append(
            "tWarehousebillsitems",
            JSON.stringify(this.dataList)
          );
          // 附件数据
          formData.append(
            "tWhgenleg",
            JSON.stringify(this.relevantAttachments)
          );
          // 费用明细付款
          formData.append(
            "tWarehousebillsfeesCr",
            JSON.stringify(this.warehouseCrList)
          );
          // 收款
          formData.append(
            "tWarehousebillsfeesDr",
            JSON.stringify(this.warehouseDrList)
          );
          addWarehousebills(formData).then((response) => {
            this.msgSuccess("提交成功");
            this.open = false;
            this.getList();
          });
        }
      }else {
          if (this.dataList.length ===  0) {
          this.$message.error('请添加库存明细!')
          return false
        }
        if (this.relevantAttachments.length ===  0) {
          this.$message.error('请添加附件上传!')
          return false
        }
        if (this.warehouseDrList.length ===  0) {
          this.$message.error('请添加收款信息!')
          return false
        }
        if (this.warehouseCrList.length ===  0) {
          this.$message.error('请添加付款信息!')
          return false
        }
        for (let list in this.dataList) {
          if (!this.dataList[list].fWarehouselocid) {
            this.$message.error('请输入库区!')
            return false
          }
        }
        for (let list in this.dataList) {
          if (this.dataList[list].fQty === '') {
            this.$message.error('请输入出库件数!')
            return false
          }
        }
        for (let list in this.relevantAttachments) {
            if (this.relevantAttachments[list].fName ===  null) {
          this.$message.error('请输入附件名称!')
          return false
        }
         }
        for (let list in this.warehouseDrList) {
            if (!this.warehouseDrList[list].fCorpid) {
          this.$message.error('请选择客户名称')
          return false
        }
         }
          for (let list in this.warehouseCrList) {
            if (!this.warehouseCrList[list].fCorpid) {
          this.$message.error('请选择客户名称')
          return false
        }
         }
          if (valid) {
            this.form.fBillstatus = status;
            let formData = new window.FormData();
            // 附件数据
            formData.append("tWarehouseBills", JSON.stringify(this.form));
            // 附件数据
            formData.append("tWhgenleg", JSON.stringify(this.relevantAttachments));
            // // 费用明细付款
            formData.append(
              "tWarehousebillsfeesCr",
              JSON.stringify(this.warehouseCrList)
            );
            // // 收款
            formData.append(
              "tWarehousebillsfeesDr",
              JSON.stringify(this.warehouseDrList)
            );
            // // 库存明细
            formData.append(
              "tWarehousebillsitems",
              JSON.stringify(this.dataList)
            );
            addWarehousebills(formData).then((response) => {
              this.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
      }
        });
      },
      /** 删除按钮操作 */
      handleDelete(row) {
        const fIds = row.fId || this.ids;
        this.$confirm(
          '是否确认删除仓库主(出入库)编号为"' + fIds + '"的数据项?',
          "警告",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }
        )
          .then(function () {
            return delWarehousebills(fIds);
          })
          .then(() => {
            this.getList();
            this.msgSuccess("删除成功");
          });
      },
      /** 导出按钮操作 */
      handleExport() {
        const queryParams = this.queryParams;
        this.$confirm("是否确认导出所有仓库主(出入库)数据项?", "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(function () {
            return exportWarehousebills(queryParams);
          })
          .then((response) => {
            this.download(response.msg);
          });
      },
      deleteRow(index, rows) {
        rows.splice(index, 1);
      },
      /* 远程模糊查询用户 */
      corpsRemoteMethod(name) {
        if (name == null || name === "") {
          return false;
        }
        let queryParams = { pageNum: 1, pageSize: 10, fName: name };
        listCorps(queryParams).then((response) => {
          this.fMblnoOptions = response.rows;
          this.KHblnoOptions = response.rows;
        });
      },
      /* 远程模糊查询商品 */
      goodsRemoteMethod(name) {
        if (name == null || name === "") {
          return false;
        }
        let queryParams = { pageNum: 1, pageSize: 10, fName: name };
        listGoods(queryParams).then((response) => {
          this.goodsOptions = response.rows;
        });
      },
      // 远程模糊查询费用名称
      fWRemoteMethod(name) {
        if (name == null || name === "") {
          return false;
        }
        let queryParams = { pageNum: 1, pageSize: 10, fName: name };
        listFees(queryParams).then((response) => {
          this.fWbuOptions = response.rows;
        });
      },
      /* 远程模糊查询经营单位 */
      fSbuRemoteMethod(name) {
        if (name == null || name === "") {
          return false;
        }
        let queryParams = { pageNum: 1, pageSize: 10, fName: name };
        listCorps(queryParams).then((response) => {
          this.fSbuOptions = response.rows;
        });
      },
      /* 远程模糊查询仓库 */
      warehouseRemoteMethod(name) {
        if (name == null || name === "") {
          return false;
        }
        let queryParams = { pageNum: 1, pageSize: 10, fName: name};
        listWarehouse(queryParams).then((response) => {
          this.warehouseOptions = response.rows;
        });
      },
      /* 远程模糊查询库区 */
    kqhouseRemoteMethod(name) {
      if (name == null || name === "") {
        return false;
      }
      if (!this.form.fWarehouseid) {
        this.$message.error('请输入仓库!')
        return false
      }

      let queryParams = { pageNum: 1, pageSize: 10,  fWarehouseid:this.form.fWarehouseid , fName: name };
      listArea(queryParams).then((response) => {
        console.log(response);
        this.kqhouseOptions = response.rows;
      });
    },
      /* 远程模糊查询操作用户 */
      userRemoteMethod(name) {
        if (name == null || name === "") {
          return false;
        }
        let queryParams = { pageNum: 1, pageSize: 10, userName: name };
        listUser(queryParams).then((response) => {
          this.userOptions = response.rows;
        });
      },
    },
  };
</script>
<style lang="scss">
  .juzhong > th {
    text-align: center;
  }
  .biaoge > tr > td {
    height: 30px;
    text-align: center;
    border-right: 1px solid #dfe6ec !important;
    order-bottom: 1px solid #dfe6ec !important;
    border-bottom: 1px solid #dfe6ec !important;
  }
  .el-table thead th {
    background: #1890ff;
    color: #fff;
  }

  .upload-demo {
    margin-left: 50px;
  }
</style>