<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="请输入业务编号"
          style="width: 80%"
          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: 80%"
          :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="fBsdate">
        <el-date-picker
          v-model="queryParams.timeInterval"
          type="daterange"
          value-format="yyyy-MM-dd"
          clearable
          style="width: 60%"
          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: 80%"
          @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: 80%"
          @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="请输入提单号"
          style="width: 80%"
          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: 80%"
          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: 80%"
          :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 label="唛头" prop="fMarks">
        <el-input
          v-model="queryParams.fMarks"
          placeholder="请输入唛头"
          clearable
          style="width: 80%"
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </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"
          v-hasPermi="['warehouseBusiness:goodsTransfer: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:goodsTransfer:edit']"
        >修改
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['warehouseBusiness:goodsTransfer:export']"
        >导出
        </el-button>
      </el-col>
      <right-toolbar
        :showSearch.sync="showSearch"
        @queryTable="getList"
      ></right-toolbar>
    </el-row>

    <el-table
      v-loading="loading"
      :data="goodsTransferList"
      @selection-change="handleSelectionChange"
    >
      <el-table-column type="selection" width="55" align="center"/>
      <el-table-column type="index" label="行号" align="center"/>
      <el-table-column
        :show-overflow-tooltip="true"
        label="货权方"
        align="center"
        prop="fCorpid"
      />
      <el-table-column
        :show-overflow-tooltip="true"
        label="转货权方"
        align="center"
        prop="fTocorpid"
      />
      <el-table-column label="提单号" align="center" prop="fMblno"/>
      <!-- <el-table-column :show-overflow-tooltip="true" label="经营单位" align="center" prop="fSbu" /> -->
      <el-table-column
        :show-overflow-tooltip="true"
        label="唛头"
        align="center"
        prop="fMarks"
      />
      <el-table-column
        :show-overflow-tooltip="true"
        label="业务编号"
        align="center"
        prop="fBillno"
      />
      <el-table-column
        label="货转日期"
        align="center"
        prop="fBsdate"
        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="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:goodsTransfer: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:goodsTransfer:edit']"
          >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            v-if="scope.row.fBillstatus === 4 || scope.row.fBillstatus === 5"
            @click="handleUpdate(scope.row, false)"
            v-hasPermi="['warehouseBusiness:goodsTransfer:edit']"
          >审批进度
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            v-if="scope.row.fBillstatus !== 6"
            @click="handleDelete(scope.row)"
            v-hasPermi="['warehouseBusiness:goodsTransfer: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 || formBrowseStatus"
                style="width: 80%"
                :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="fTocorpid">
              <el-select
                v-model="form.fTocorpid"
                filterable
                remote
                :disabled="browseStatus || formBrowseStatus"
                style="width: 80%"
                @change="changefCorpid(form)"
                :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="fBillno">
              <el-input
                v-model="form.fBillno"
                style="width: 80%"
                disabled
                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: 80%"
                type="date"
                :disabled="browseStatus || formBrowseStatus"
                value-format="timestamp"
                placeholder="货转日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="仓储计费日期" prop="fChargedate">
              <el-date-picker
                v-model="form.fChargedate"
                style="width: 80%"
                type="date"
                :disabled="browseStatus || formBrowseStatus"
                value-format="timestamp"
                placeholder="仓储计费日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="仓库" prop="fWarehouseid">
              <el-select
                v-model="form.fWarehouseid"
                filterable
                :disabled="browseStatus || formBrowseStatus"
                remote
                style="width: 80%"
                :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="fStltypeid">
              <el-select
                v-model="form.fStltypeid"
                placeholder="请选择结算方式"
                clearable
                :disabled="browseStatus || formBrowseStatus"
                style="width: 80%"
              >
                <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="fFeetunit">
              <el-select
                v-model="form.fFeetunit"
                placeholder="请选择计费单位"
                clearable
                :disabled="browseStatus || formBrowseStatus"
                style="width: 80%"
              >
                <el-option
                  v-for="(dict, index) in fFeetunitOptions"
                  :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="fTrademodeid">
              <el-select
                v-model="form.fTrademodeid"
                placeholder="请选择贸易方式"
                clearable
                :disabled="browseStatus || formBrowseStatus"
                style="width: 80%"
              >
                <el-option
                  v-for="(dict, index) in fTrademodeidOptions"
                  :key="index.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="fMblno">
              <el-input
                v-model="form.fMblno"
                :disabled="browseStatus"
                style="width: 80%"
                placeholder="手工输入"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="原始入库单号" prop="fOriginalbillno">
              <el-input
                v-model="form.fOriginalbillno"
                style="width: 80%"
                :disabled="browseStatus"
                placeholder="原始入库单号"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="原始入库日期" prop="orgStorageDate">
              <el-date-picker
                v-model="orgStorageDate"
                type="daterange"
                value-format="yyyy-MM-dd"
                range-separator="至"
                style="width: 80%"
                :disabled="browseStatus"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="唛头" prop="fMarks">
              <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="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="制单人" prop="createBy">
              <el-input
                disabled
                v-model="form.createBy"
                style="width: 80%"
                placeholder="制单人"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-button type="primary" @click="saveForm">保 存</el-button>
        <el-button type="primary" @click="submitForm">请 核</el-button>
      </el-form>
      <div class="dialogTableTitle flex a-center jlr">
        <h3>货转明细</h3>
        <el-button :disabled="browseStatus" @click.prevent="addRelevant()"
        >新增
        </el-button
        >
        <el-button
          :disabled="dataListSelection.length <= 0"
          @click.prevent="creditClick()"
        >货转确认
        </el-button>
        <el-button
          :disabled="dataWithdrawList.length <= 0"
          @click.prevent="withdrawClick"
        >撤回货转
        </el-button
        >
        <el-button type="primary" @click="saveForm">保 存</el-button>
      </div>
      <el-table
        :data="dataList"
        ref="tableListRef"
        tooltip-effect="dark"
        border
        stripe
        :summary-method="getSummaries"
        @selection-change="Selectinventory"
        show-summary
      >
        <el-table-column type="selection" width="55" align="center"/>
        <el-table-column label="序号" type="index" width="80">
        </el-table-column>
        <el-table-column
          prop="fGoodsids"
          header-align="center"
          align="center"
          width="140px"
          label="品名"
        >
        </el-table-column>
        <el-table-column
          prop="fMarks"
          header-align="center"
          align="center"
          width="140px"
          label="唛头"
        >
        </el-table-column>
        <el-table-column
          prop="fMblno"
          header-align="center"
          align="center"
          width="140px"
          label="提单号"
        >
        </el-table-column>
        <el-table-column
          prop="fWarehouselocids"
          header-align="center"
          width="150px"
          align="center"
          label="*库区"
        >
        </el-table-column>
        <el-table-column
          prop="fOriginalbillno"
          header-align="center"
          align="center"
          width="140px"
          label="原始入库单号"
        >
        </el-table-column>
        <el-table-column
          prop="fPlanqty"
          header-align="center"
          align="center"
          width="180px"
          label="*库存件数"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fPlanqty"
              placeholder="库存件数"
              disabled
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fPlangrossweight"
          header-align="center"
          align="center"
          width="180px"
          label="*库存毛重"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fPlangrossweight"
              placeholder="库存毛重"
              disabled
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fPlannetweight"
          header-align="center"
          width="180px"
          align="center"
          label="*库存净重"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fPlannetweight"
              placeholder="库存净重"
              disabled
              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).*$/, "$1$2.$3")'
              @change="qtyChange(scope.row)"
              v-model="scope.row.fQty"
              placeholder="*货转件数"
              :disabled="browseStatus || scope.row.fBillstatus === 6"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fGrossweight"
          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\d\d).*$/, "$1$2.$3")'
              v-model="scope.row.fGrossweight"
              placeholder="货转毛重"
              :disabled="browseStatus || scope.row.fBillstatus === 6"
              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\d\d).*$/, "$1$2.$3")'
              v-model="scope.row.fNetweight"
              placeholder="货转净重"
              :disabled="browseStatus || scope.row.fBillstatus === 6"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fCntqty"
          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.fCntqty"
              placeholder="箱量"
              :disabled="browseStatus || scope.row.fBillstatus === 6"
              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
              v-model="scope.row.fPackagespecs"
              :disabled="browseStatus || scope.row.fBillstatus === 6"
              placeholder="包装规格"
              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).*$/, "$1$2.$3")'
              v-model="scope.row.fGoodsval"
              placeholder="货值"
              :disabled="browseStatus || scope.row.fBillstatus === 6"
              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 || scope.row.fBillstatus === 6"
              show-word-limit
            />
          </template>
        </el-table-column>
        <el-table-column
          prop="fBillstatus"
          header-align="center"
          width="150px"
          align="center"
          label="状态"
        >
          <template slot-scope="scope">
            <span v-if="scope.row.fBillstatus === 6">货转</span>
            <span v-else>录入</span>
          </template>
        </el-table-column>
        <el-table-column
          header-align="center"
          align="center"
          label="操作"
          width="130PX"
        >
          <template slot-scope="scope">
            <el-button
              :disabled="browseStatus || scope.row.fBillstatus === 6"
              @click.native.prevent="deleteRow(scope.$index, dataList)"
              size="small"
            >移除
            </el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <div class="dialogTableTitle flex a-center jlr">
        <h3>附件上传</h3>
        <el-button :disabled="browseStatus" @click.prevent="addRelevt()"
        >新增
        </el-button>
        <el-button type="primary" @click="saveForm">保 存</el-button>
      </div>
      <el-table
        :data="relevantAttachments"
        ref="attachTable"
        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="80%"
          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">
        <h3>收款信息</h3>
        <el-button :disabled="browseStatus" @click.prevent="addCollection()"
        >新增
        </el-button>
        <el-button type="primary" @click="saveForm">保 存</el-button>
      </div>
      <el-table
        :data="warehouseDrList"
        ref="warehouseDr"
        tooltip-effect="dark"
        border
        stripe
        :summary-method="warehouseDrSummaries"
        show-summary
      >
        <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
              :disabled="browseStatus"
              v-model="scope.row.fFeeid"
              filterable
              remote
              :remote-method="fWRemoteMethod"
              placeholder="费用名称"
            >
              <el-option
                v-for="(dict, index) in fWbuOptions"
                :key="index.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="请选择计价单位"
              :disabled="browseStatus"
              @change="changeFeeUnit(scope.row)"
              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="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="changeContractAmt(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="fExrate"
          header-align="center"
          align="center"
          width="150px"
          label="汇率"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fExrate"
              :disabled="browseStatus"
              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"
              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="150px"
        >
          <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">
        <h3>付款信息</h3>
        <el-button :disabled="browseStatus" @click.prevent="addpayment()"
        >新增
        </el-button>
        <el-button type="primary" @click="saveForm">保 存</el-button>
      </div>
      <el-table
        :data="warehouseCrList"
        ref="warehouseCr"
        tooltip-effect="dark"
        border
        stripe
        :summary-method="warehouseDrSummaries"
        show-summary
      >
        <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, index) in fWbuOptions"
                :key="index.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"
              filterable
              remote
              :disabled="browseStatus"
              @change="changeFeeUnit(scope.row)"
              :remote-method="corpsRemoteMethod"
              placeholder="计价单位"
            >
              <el-option
                v-for="(dict, index) in fFeetunitOptions"
                :key="index.dictValue"
                :label="dict.dictLabel"
                :value="dict.dictValue"
              ></el-option>
            </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"
              @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"
              @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="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="fExrate"
          header-align="center"
          align="center"
          width="150px"
          label="汇率"
        >
          <template slot-scope="scope">
            <el-input
              v-model="scope.row.fExrate"
              :disabled="browseStatus"
              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"
              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="150px"
          label="操作"
        >
          <template slot-scope="scope">
            <el-button size="small">审核费用</el-button>
            <el-button
              @click.native.prevent="deleteRow(scope.$index, warehouseCrList)"
              :disabled="browseStatus"
              size="small"
            >移除
            </el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="saveForm">保 存</el-button>
        <el-button type="primary" @click="submitForm">提交审核</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="tableList"
          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="fGoodsids"
            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="fWarehouseLocationids"
            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>
  </div>
</template>

<script>
  import print from 'print-js'
  import {
    addWhgenleg,
    listGoodsTransfer,
    getGoodsTransfer,
    addGoodsTransfer,
    warehouseSubmission,
    delGoodsTransfer,
    exportGoodsTransfer
  } from '@/api/warehouseBusiness/goodsTransfer'
  import { updateCredit } from '@/api/warehouseBusiness/goodsTransfer'
  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 { listWhgenleg } from '@/api/reportManagement/whgenleg'

  import UploadFile from '@/components/Uploadfile'

  export default {
    name: 'goodsTransfer',
    components: {
      UploadFile
    },
    data() {
      return {
        // 修改查看状态
        browseStatus: false,
        // 是否有明细入库
        formBrowseStatus: false,
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        userVal: {
          userName: null,
          nickName: null,
          deptId: null
        },
        queryForm: {},
        // 添加用户对话框
        editDialogVisible_s: false,
        editDialogVisible_ss: false,
        editDialogClosed_ss: false,
        dataList: [],
        warehouseCrList: [],
        warehouseDrList: [],
        relevantAttachments: [],
        fPlannetweight: '',
        // 税率
        fTaxrate: null,
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 仓库主(出入库)表格数据
        goodsTransferList: [],
        // 弹出层标题
        title: '',
        // 是否显示弹出层
        open: false,
        // 货权方(客户数据)
        fMblnoOptions: [],
        // 货权方(客户数据)
        // 客户名称
        KHblnoOptions: [],
        fSbuOptions: [],
        // 操作员
        userOptions: [],
        // 操作员
        goodsOptions: [],
        // 库存明细入账数组
        dataListSelection: [],
        // 库存明细撤回入账数组
        dataWithdrawList: [],
        // 仓库(仓库
        warehouseOptions: [],
        kqhouseOptions: [],
        // 贸易方式(数据字典),对应t_trademodels 字典
        fTrademodeidOptions: [],
        // 计费单位(数据字典),下拉选择毛重或净重字典
        fFeetunitOptions: [
          { dictLabel: "件数", dictValue: 1 },
          { dictLabel: "毛重", dictValue: 2 },
          { dictLabel: "净重", dictValue: 3 },
          { dictLabel: "尺码", dictValue: 4 },
          { dictLabel: "固定", dictValue: 5 }
        ],
        // 结算方式(数据字典),下拉选择字典
        fStltypeOptions: [],
        // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典
        fIfweighOptions: [],
        // 是否质押(数据字典),默认 F ,质押T 否者F 下拉选择字典
        fIfpledgeOptions: [],
        // 是否破损(数据字典),默认F否则T字典
        fIfdamageOptions: [],
        // 单据类型(数据字典)SJRK字典
        fBilltypeOptions: [],
        // 状态(数据字典),N 入字典
        fBillstatusOptions: [],
        // 费用名称
        fWbuOptions: [],
        // 查询参数
        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
        },
        // 日期区间
        orgStorageDate: null,
        // 表单参数
        form: {},
        // 库存总账参数
        whgenlegParams: {
          pageNum: 1,
          pageSize: 10,
          fMblno: null,
          fCorpid: null,
          fWarehouseid: null,
          fTrademodeid: null,
          orgStorageDate: null
        },
        // 库存总账表
        whgenlegList: [],
        whgenlegTotal: 0,
        // 弹窗库存总账数据
        dialogWhgenlegList: [],
        // 库存总账对话框
        whgenlegVisible: false,
        // 表单校验
        rules: {
          fBsdeptid: [{ required: true, message: ' ', trigger: 'blur' }],
          fCorpid: [{ required: true, message: ' ', trigger: 'blur' }],
          fBsdate: [{ required: true, message: ' ', trigger: 'blur' }],
          fFeetunit: [{ required: true, message: ' ', trigger: 'blur' }],
          fChargedate: [{ 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' }],
          fbillingway: [
            {
              required: true,
              message: ' ',
              trigger: 'blur'
            }
          ],
          fTocorpid: [
            {
              required: true,
              message: ' ',
              trigger: 'blur'
            }
          ]
        }
      }
    },
    created() {
      this.getList()
      this.getDicts('tax_rate').then((response) => {
        this.fTaxrate = response.data[0].dictValue
      })
      this.getDicts('data_trademodes').then((response) => {
        this.fTrademodeidOptions = 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.form.createBy,
          createTime: Date.parse(new Date())
        })
      },
      // 添加list
      addRelevant() {
        if (
          !this.form.fCorpid ||
          !this.form.fTrademodeid ||
          !this.form.fWarehouseid
        ) {
          this.$message({
            message: '请维护货权方、贸易方式、仓库',
            type: 'warning'
          })
          return false
        }
        this.whgenlegList = []
        this.dialogWhgenlegList = []
        this.whgenlegTotal = 0
        this.whgenlegVisible = true
        this.getWhgenlegList()
      },
      // 查询库存总账信息
      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
        this.whgenlegParams.orgStorageDate = this.orgStorageDate
        listWhgenleg(this.whgenlegParams).then((response) => {
          this.whgenlegList = response.rows
          this.whgenlegTotal = response.total
        })
      },
      // 库存总账多选框
      whgenlegSelectionChange(selection) {
        this.dialogWhgenlegList = selection
      },
      // 库存总账导出数据
      whgenlegData() {
        if (this.dialogWhgenlegList.length === 0) {
          this.$message({ message: '未勾选信息', type: 'warning' })
          return false
        }
        setTimeout(() => {
          for (let whgen in this.dialogWhgenlegList) {
            this.dataList.push({
              fId: null,
              fMblno: this.dialogWhgenlegList[whgen].fMblno,
              fGoodsid: this.dialogWhgenlegList[whgen].fGoodsid,
              fGoodsids: this.dialogWhgenlegList[whgen].fGoodsids,
              fMarks: this.dialogWhgenlegList[whgen].fMarks,
              fBillingway: this.dialogWhgenlegList[whgen].fBillingway,
              fOriginalbillno: this.dialogWhgenlegList[whgen].fOriginalbillno,
              fOriginalbilldate: this.dialogWhgenlegList[whgen].fOriginalbilldate,
              fWarehouselocid: this.dialogWhgenlegList[whgen].fWarehouseLocationid,
              fWarehouselocids: this.dialogWhgenlegList[whgen].fWarehouseLocationids,
              fPackagespecs: this.dialogWhgenlegList[whgen].fPackagespecs,
              fPlanqty: this.dialogWhgenlegList[whgen].fQtyblc,
              fVolumn: this.dialogWhgenlegList[whgen].fVolumnblc,
              fPlannetweight: this.dialogWhgenlegList[whgen].fNetweightblc,
              fPlangrossweight: this.dialogWhgenlegList[whgen].fGrossweightblc,
              fQty: 0,
              fCntqty: 1,
              remark: null,
              fGoodsval: 0,
              fNetweight: 0,
              fBillstatus: 1,
              fGrossweight: 0
            })
          }
        }, 100);
        setTimeout(() => {
          this.updateDeduplication()
        }, 300);
        this.whgenlegVisible = false
      },
      // 更新主表唛头、品名并去重
      updateDeduplication: function() {
        if (this.dataList.length === 0) {
          return false
        }
        let fMarks = []
        let fProductName = []
        for (let li in this.dataList) {
          fMarks.push(this.dataList[li].fMarks)
          fProductName.push(this.dataList[li].fProductName)
        }
        this.$set(this.form, 'fMarks', Array.from(new Set(fMarks)).join(","))
        this.$set(this.form, 'fProductName', Array.from(new Set(fProductName)).join(","))
      },
      // 收货单打印界面
      showEditDialog_s() {
        this.editDialogVisible_s = true
      },
      showEditDialog_ss() {
        this.editDialogVisible_ss = true
      },
      // 收款信息
      addCollection() {
        this.warehouseDrList.push({
          fCorpid: null,
          fFeeid: null,
          fFeeunitid: 1,
          fQty: 0,
          fUnitprice: 0,
          fAmount: 0,
          fCurrency: null,
          fCxrate: null,
          fTaxrate: this.fTaxrate,
          fRate: null,
          remarks: null
        })
      },
      addpayment() {
        this.warehouseCrList.push({
          fCorpid: null,
          fFeeid: null,
          fFeeunitid: 1,
          fQty: 0,
          fUnitprice: 0,
          fAmount: 0,
          fCurrency: null,
          fTaxrate: this.fTaxrate,
          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, 'fTrademodeid', '1')
            // this.$set(this.relevantAttachments, "opUserName", this.userVal.userName);
            this.$set(this.form, 'createTime', Date.parse(new Date()))
          }
        })
      },
      /** 查询仓库主(出入库)列表 */
      getList() {
        this.loading = true
        listGoodsTransfer(this.queryParams).then((response) => {
          this.goodsTransferList = response.rows
          this.total = response.total
          this.loading = false
        })
      },
      /* 远程模糊查询库区 */
      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) => {
          this.kqhouseOptions = response.rows
        })
      },
      // 贸易方式(数据字典),对���t_trademodels 字典翻译
      fTrademodeidFormat(row, column) {
        return this.selectDictLabel(this.fTrademodeidOptions, row.fTrademodeid)
      },
      // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典翻译
      fIfweighFormat(row, column) {
        return this.selectDictLabel(this.fIfweighOptions, row.fIfweigh)
      },
      // 编号字典翻译
      fStltypeidFormat(row, column) {
        return this.selectDictLabel(this.fStltypeOptions, row.fStltypeid)
      },
      // 是否质押(数据字典),默认 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.reset()
        this.open = false
      },
      // 表单重置
      reset() {
        this.dataList = []
        this.fWbuOptions = []
        this.fWbuOptions = []
        this.resetForm('form')
        this.fMblnoOptions = []
        this.KHblnoOptions = []
        this.KHblnoOptions = []
        this.warehouseDrList = []
        this.warehouseCrList = []
        this.warehouseOptions = []
        this.relevantAttachments = []
      },
      /** 搜索按钮操作 */
      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
      },
      /** 新增按钮操作 */
      handleAdd() {
        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
        getGoodsTransfer(fId).then((response) => {
          this.form = response.data.warehousebills
          this.$set(this.form, 'fStltypeid', this.form.fStltypeid + '')
          this.$set(this.form, 'fFeetunit', Number(this.form.fFeetunit))
          this.$set(this.form, 'fChargedate', Date.parse(this.form.fChargedate))
          this.$set(this.form, 'fTrademodeid', this.form.fTrademodeid + '')
          this.fMblnoOptions = response.data.corps
          this.KHblnoOptions = response.data.corps
          this.fWbuOptions = response.data.feesList
          this.warehouseOptions = response.data.warehouse
          this.dataList = response.data.warehouseBillsItem
          for (let list in this.dataList) {
            if (this.dataList[list].fBillstatus && this.dataList[list].fBillstatus === 6) {
              this.formBrowseStatus = true
            }
            this.$set(this.dataList[list], 'fBsdate', Date.parse(this.dataList[list].fBsdate))
          }
          this.goodsOptions = response.data.goodsList
          if (response.data.warehousebillsfeesDr) {
            this.warehouseDrList = response.data.warehousebillsfeesDr
          }
          if (response.data.warehousebillsfeesCr) {
            this.warehouseCrList = response.data.warehousebillsfeesCr
          }
          if (response.data.enclosures) {
            this.relevantAttachments = response.data.enclosures;
          }
          this.userOptions = response.data.sysUser
          this.$set(this.form, 'fBsdate', Date.parse(this.form.fBsdate))
          this.open = true
          this.title = '修改仓入库'
        })
      },
      // 库存明细合计
      getSummaries(param) {
        const { columns, data } = param
        const sums = []
        var values = []
        columns.forEach((column, index) => {
          if (index === 0) {
            sums[index] = ''
            return
          }
          if (column.property === 'fPlanqty') {
            values = data.map((item) => Number(item['fPlanqty']))
          }
          if (column.property === 'fNetweight') {
            values = data.map((item) => Number(item['fPlannetweight']))
          }
          if (column.property === 'fPlannetweight') {
            values = data.map((item) => Number(item['fPlannetweight']))
          }
          if (column.property === 'fQty') {
            values = data.map((item) => Number(item['fQty']))
          }
          if (column.property === 'fGrossweight') {
            values = data.map((item) => Number(item['fGrossweight']))
          }
          if (column.property === 'fCntqty') {
            values = data.map((item) => Number(item['fCntqty']))
          } // const values = data.map(item => Number(item[column.property]))
          if (
            column.property === 'fPlanqty' ||
            column.property === 'fPlannetweight' ||
            column.property === 'fQty' ||
            column.property === 'fGrossweight' ||
            column.property === 'fCntqty' ||
            column.property === 'fPlannetweight'
          ) {
            sums[index] = values.reduce((prev, curr) => {
              const value = Number(curr)
              if (!isNaN(value)) {
                if (column.property === 'fGrossweight') {
                  this.form.fGrossweight = prev + curr
                }
                if (column.property === 'fQty') {
                  this.form.fQty = prev + curr
                }
                if (column.property === 'fCntqty') {
                  this.form.fCntqty = prev + curr
                }
                if (column.property === 'fPlannetweight') {
                  this.form.fNetweight = prev + curr
                }
                return prev + curr
              } else {
                return prev
              }
            }, 0) // sums[index]
          }
        })
        this.sums = sums
        return sums
      },
      // 入账
      creditClick() {
        if (this.dataList.length === 0) {
          this.$message({ message: '未找到货转明细', type: 'warning' })
          return false
        }
        for (let dataSelection in this.dataListSelection) {
          if (!this.dataListSelection[dataSelection].fId) {
            this.$message({ message: '请先点击保存，在进行货转确认', type: 'warning' })
            return false
          }
        }
        this.$refs['form'].validate((valid) => {
          if (valid) {
            for (let li in this.dataList) {
              if (!this.dataList[li].fWarehouselocids) {
                this.$message({ message: '请维护第' + Number(li) + 1 + '行库区', type: 'warning' })
                return false
              }
              if (!this.dataList[li].fQty) {
                this.$message({ message: '请维护第' + Number(li) + 1 + '行货转件数', type: 'warning' })
                return false
              }
              if (!this.dataList[li].fGrossweight) {
                this.$message({ message: '请维护第' + Number(li) + 1 + '行货转毛重', type: 'warning' })
                return false
              }
              if (!this.dataList[li].fNetweight) {
                this.$message({ message: '请维护第' + Number(li) + 1 + '行货转净重', type: 'warning' })
                return false
              }
              if (!this.dataList[li].fPackagespecs) {
                this.$message({ message: '请维护第' + Number(li) + 1 + '行货包装规格', type: 'warning' })
                return false
              }
            }
            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.dataListSelection));
            formData.append("warehousebillsfeesCr", JSON.stringify(this.warehouseCrList));
            formData.append("warehousebillsfeesDr", JSON.stringify(this.warehouseDrList));
            addWhgenleg(formData).then((response) => {
              this.$refs.tableListRef.clearSelection()
              this.msgSuccess('入账成功')
              let item = response.data.warehouseItem
              for (let li in this.dataList) {
                for (let ite in item) {
                  if (this.dataList[li].fId === item[ite].fId) {
                    this.$set(this.dataList[li], 'fBillstatus', 6)
                  }
                }
              }
              this.formBrowseStatus = true
            })
          }
        })
      },
      // 撤回货转
      withdrawClick() {
        // 撤回货转
        let formData = new window.FormData()
        let withdrawList = JSON.parse(JSON.stringify(this.dataWithdrawList))
        formData.append("warehouseBills", JSON.stringify(this.form));
        formData.append("warehousebillsitems", JSON.stringify(withdrawList));
        formData.append("tEnclosure", JSON.stringify(this.relevantAttachments));
        formData.append("warehousebillsfeesCr", JSON.stringify(this.warehouseCrList));
        formData.append("warehousebillsfeesDr", JSON.stringify(this.warehouseDrList));
        updateCredit(formData).then((response) => {
          this.fid = response.data
          this.formBrowseStatus = false
          this.msgSuccess('撤销入账成功')
          this.$refs.tableListRef.clearSelection()
          let mun = 0;
          for (let i in this.dataList) {
            for (let li in withdrawList) {
              if (withdrawList[li].fId === this.dataList[i].fId) {
                this.$set(this.dataList[i], 'fBillstatus', 1)
              }
            }
            if (this.dataList[i].fBillstatus && this.dataList[i].fBillstatus === 6) {
              mun ++;
            }
          }
          if (mun > 0) {
            this.formBrowseStatus = true
          } else {
            this.formBrowseStatus = false
          }
        })
      },
      // 付款合计
      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
      },
      // 数量计算
      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)
      },
      changefBsdate(row) {
        if (this.dataList.length > 0) {
          for (var i = 0; i < this.dataList.length; i++) {
            this.$set(this.dataList[i], 'fBsdate', row)
          }
        }
      },
      // 库存明细多选
      Selectinventory(selection) {
        this.dataWithdrawList = []
        this.dataListSelection = []
        if (!selection || selection.length === 0) {
          return false
        }
        for (let se in selection) {
          if (!selection[se].fBillstatus || selection[se].fBillstatus !== 6) {
            this.dataListSelection.push(selection[se])
          } else if (selection[se].fBillstatus && selection[se].fBillstatus === 6) {
            this.dataWithdrawList.push(selection[se])
          }
        }
      },
      // 库存明细多选框结果
      dataListChange(row) {
        this.dataListSelection = row
      },
      saveForm() {
        this.$refs['form'].validate((valid) => {
          if (this.form.fCorpid === this.form.fTocorpid) {
            this.$message.error('新货权方不得与货权方一致')
            return false
          }
          if (this.dataList.length === 0) {
            this.$message.error('请添加库存明细!')
            return false
          }
          for (let list in this.dataList) {
            if (!this.dataList[list].fQty || Number(this.dataList[list].fQty) === 0) {
              this.$message.error('请维护序号为' + (Number(list) + 1) + '的货转件数!')
              return false
            }
            if (!this.dataList[list].fGrossweight || Number(this.dataList[list].fGrossweight) === 0) {
              this.$message.error('请维护序号为' + (Number(list) + 1) + '的货转毛重!')
              return false
            }
          }
          if (valid) {
            this.form.fBillstatus = 2
            let formData = new window.FormData()
            formData.append("warehouseBills", JSON.stringify(this.form));
            formData.append("warehousebillsitems", JSON.stringify(this.dataList));
            formData.append("tEnclosure", JSON.stringify(this.relevantAttachments));
            formData.append("warehousebillsfeesCr", JSON.stringify(this.warehouseCrList));
            formData.append("warehousebillsfeesDr", JSON.stringify(this.warehouseDrList));
            addGoodsTransfer(formData).then((response) => {
              this.msgSuccess('保存成功')
              this.form = response.data.warehouseBills
              this.$set(this.form, 'fBsdate', Date.parse(this.form.fBsdate))
              this.$set(this.form, 'fFeetunit', Number(this.form.fFeetunit))
              this.$set(this.form, 'fStltypeid', this.form.fStltypeid + '')
              this.$set(this.form, 'fTrademodeid', this.form.fTrademodeid + '')
              this.$set(this.form, 'fChargedate', Date.parse(this.form.fChargedate))
              this.dataList = response.data.warehousebillsitems
            })
          }
        })
      },
      /** 提交按钮 */
      submitForm() {
        this.$refs['form'].validate((valid) => {
          if (this.form.fCorpid === this.form.fTocorpid) {
            this.$message.error('新货权方不得与货权方一致')
            return false
          }
          if (this.dataList.length === 0) {
            this.$message.error('请添加库存明细!')
            return false
          }
          for (let list in this.dataList) {
            if (!this.dataList[list].fQty || Number(this.dataList[list].fQty) === 0) {
              this.$message.error('请维护序号为' + (Number(list) + 1) + '的货转件数!')
              return false
            }
            if (!this.dataList[list].fGrossweight || Number(this.dataList[list].fGrossweight) === 0) {
              this.$message.error('请维护序号为' + (Number(list) + 1) + '的货转毛重!')
              return false
            }
          }
          if (this.relevantAttachments.length !== 0) {
            for (let relevant in this.relevantAttachments) {
              if (!this.relevantAttachments[relevant].fName) {
                this.$message.error('请输入附件名称!')
                return false
              }
            }
          }
          if (this.warehouseDrList.length !== 0) {
            for (let warehouseDr in this.warehouseDrList) {
              if (!this.warehouseDrList[warehouseDr].fAmount) {
                this.$message.error('收款信息序号为' + (Number(warehouseDr) + 1) + '的金额异常')
                return false
              }
            }
          }
          if (this.warehouseDrList.length !== 0) {
            for (let warehouseCr in this.warehouseCrList) {
              if (!this.warehouseCrList[warehouseCr].fAmount) {
                this.$message.error(
                  '付款信息序号为' + (Number(warehouseCr) + 1) + '的金额异常'
                )
                return false
              }
            }
          }
          if (valid) {
            this.form.fBillstatus = 4
            let formData = new window.FormData()
            formData.append("warehouseBills", JSON.stringify(this.form));
            formData.append("warehousebillsitems", JSON.stringify(this.dataList));
            formData.append("tEnclosure", JSON.stringify(this.relevantAttachments));
            formData.append("warehousebillsfeesCr", JSON.stringify(this.warehouseCrList));
            formData.append("warehousebillsfeesDr", JSON.stringify(this.warehouseDrList));
            warehouseSubmission(formData).then((response) => {
              this.msgSuccess('提交成功')
              this.cancel()
              this.getList()
            })
          }
        })
      },
      /** 删除按钮操作 */
      handleDelete(row) {
        const fIds = row.fId || this.ids
        this.$confirm(
          '是否确认删除仓库主(出入库)编号为"' + fIds + '"的数据项?',
          '警告',
          {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }
        )
          .then(function() {
            return delGoodsTransfer(fIds)
          })
          .then(() => {
            this.getList()
            this.msgSuccess('删除成功')
          })
      },
      /** 导出按钮操作 */
      handleExport() {
        const queryParams = this.queryParams
        this.$confirm('是否确认导出所有仓库主(出入库)数据项?', '警告', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        })
          .then(function() {
            return exportgoodsTransfer(queryParams)
          })
          .then((response) => {
            this.download(response.msg)
          })
      },
      // 货转件数的计算
      qtyChange(row) {
        if (!row.fQty || row.fQty === '') {
          this.$set(row, 'fNetweight', 0)
          this.$set(row, 'fGrossweight', 0)
          return false
        }
        // 净重 fPlannetweight
        // 毛重 fPlangrossweight
        let netweight = parseFloat(Number(row.fPlannetweight) / Number(row.fPlanqty)).toFixed(6)
        let grossweigh = parseFloat(Number(row.fPlangrossweight) / Number(row.fPlanqty)).toFixed(6)
        this.$set(row, 'fNetweight', parseFloat(Number(netweight) * Number(row.fQty)).toFixed(6))
        this.$set(row, 'fGrossweight', parseFloat(Number(grossweigh) * Number(row.fQty)).toFixed(6))
      },
      deleteRow(index, rows) {
        rows.splice(index, 1)
        this.this.updateDeduplication()
      },
      // 变更计价单位
      changeFeeUnit(row) {
        if (!row.fFeeunitid) {
          return false
        }
        let fQty = 0;
        let fGrossweight = 0;
        let fNetweight = 0;
        let volumn = 0;
        let fixed = 1;
        for (let li in this.dataList) {
          if (this.dataList[li].fQty) {
            fQty = parseFloat(Number(fQty) + Number(this.dataList[li].fQty)).toFixed(2)
          }
          if (this.dataList[li].fGrossweight) {
            fGrossweight = parseFloat(Number(fGrossweight) + Number(this.dataList[li].fGrossweight)).toFixed(2)
          }
          if (this.dataList[li].fNetweight) {
            fNetweight = parseFloat(Number(fNetweight) + Number(this.dataList[li].fNetweight)).toFixed(2)
          }
          if (this.dataList[li].volumn) {
            volumn = parseFloat(Number(volumn) + Number(this.dataList[li].volumn)).toFixed(2)
          }
        }
        if (row.fFeeunitid === 1) {
          this.$set(row, 'fQty', fQty)
        } else if (row.fFeeunitid === 2) {
          this.$set(row, 'fQty', fGrossweight)
        }else if (row.fFeeunitid === 3) {
          this.$set(row, 'fQty', fNetweight)
        }else if (row.fFeeunitid === 4) {
          this.$set(row, 'fQty', volumn)
        }else if (row.fFeeunitid === 5) {
          this.$set(row, 'fQty', fixed)
        }
        if (row.fUnitprice) {
          this.$set(row, 'fAmount', parseFloat(Number(row.fUnitprice) * Number(row.fQty)).toFixed(2))
        }
      },
      // 选择新货权方自动带出结算方式
      changefCorpid(row) {
        this.$set(row, "fSbu", row.fCorpid);
        for (let corp in this.fMblnoOptions) {
          if (row.fTocorpid === this.fMblnoOptions[corp].fId) {
            this.$set(this.form, "fStltypeid", this.fMblnoOptions[corp].fStltypeid + '');
          }
        }
      },
      /* 远程模糊查询用户 */
      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
        })
      },
      /* 远程模糊查询操作用户 */
      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;
  }

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

  .el-form-item__label {
    font-size: 12px !important;
  }
</style>
