lemonBeans_ui/src/views/warehouseBusiness/inStock/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="请输入业务编号"
          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="timeInterval">
        <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="请输入提单号"
          clearable
          style="width: 80%"
          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 fMblnoOptions"
            :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
          style="width: 80%"
          :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
          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(false)"
          v-hasPermi="['warehouseBusiness:inStock: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:inStock: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:inStock: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:inStock:export']"
        >导出
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          :disabled="multiple"
          v-hasPermi="['warehouseBusiness:inStock: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
        :show-overflow-tooltip="true"
        label="货权方"
        align="center"
        prop="fCorpid"
      />
      <el-table-column label="提单号" align="center" prop="fMblno" show-overflow-tooltip/>
      <el-table-column label="品名" :show-overflow-tooltip="true" align="center" prop="fProductName" />
      <el-table-column label="品牌" align="center" prop="fMarks" />
      <el-table-column
        label="入库日期"
        align="center"
        prop="fBsdate"
        width="100"
      ><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="fPlanqty" />
      <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" prop="fTruckno" width="100"/>
      <el-table-column label="司机名称" align="center" prop="fDriverName" />
      <el-table-column label="司机电话" align="center" prop="fDriverTel" width="120"/>
      <el-table-column label="司机身份证" align="center" prop="fDriverIdCar" width="180"/>
      <el-table-column label="业务类别" align="center" prop="fBusinessType" :formatter="fBusinessTypeFormat"/>
      <el-table-column
        width="100"
        label="入库状态"
        align="center"
        prop="fItemsStatus"
      >
        <template slot-scope="scope">
          <span v-if="scope.row.fItemsStatus === 1">计划</span>
          <span v-if="scope.row.fItemsStatus === 2">待入库</span>
          <span v-if="scope.row.fItemsStatus === 3">入库中</span>
          <span v-if="scope.row.fItemsStatus === 4">已入库</span>
        </template>
      </el-table-column>
      <el-table-column
        width="100"
        label="费用状态"
        align="center"
        prop="fBillstatus"
      >
        <template slot-scope="scope">
          <span v-if="scope.row.fBillstatus === 1">录入</span>
          <span v-if="scope.row.fBillstatus === 2">暂存</span>
          <span v-if="scope.row.fBillstatus === 3">驳回</span>
          <span v-if="scope.row.fBillstatus === 4">请核</span>
          <span v-if="scope.row.fBillstatus === 5">审核中</span>
          <span v-if="scope.row.fBillstatus === 6">全部入账</span>
        </template>
      </el-table-column>
      <el-table-column
        label="操作"
        align="center"
        class-name="small-padding fixed-width"
        width="180"
      >
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row, true)"
            v-hasPermi="['warehouseBusiness:inStock:edit']"
          >查看
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            v-if="
              scope.row.fBillstatus === 1 ||
              scope.row.fBillstatus === 2 ||
              scope.row.fBillstatus === 3
            "
            @click="handleUpdate(scope.row, false)"
            v-hasPermi="['warehouseBusiness:inStock:edit']"
          >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            v-if="scope.row.fItemsStatus === 1"
            @click="handleDelete(scope.row)"
            v-hasPermi="['warehouseBusiness:inStock:remove']"
          >删除
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            v-if="scope.row.fBillstatus === 4 || scope.row.fBillstatus === 5"
            @click="handleUpdate(scope.row, true)"
          >审核进度
          </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
      :visible.sync="open"
      :close-on-click-modal="false"
      @close='addCloseDialog'
      :show-close="closeButton"
      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="货1权方" prop="fCorpid">
              <el-select
                v-model="form.fCorpid"
                filterable
                remote
                @change="changefCorpid(form)"
                :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="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="fMblno">
              <el-input
                v-model="form.fMblno"
                :disabled="browseStatus || formBrowseStatus"
                style="width: 80%"
                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"
                @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 || formBrowseStatus"
                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-col>

          <el-col :span="8">
            <el-form-item label="仓1库" prop="fWarehouseid">
              <el-select
                v-model="form.fWarehouseid"
                filterable
                remote
                clearable
                style="width: 80%"
                @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-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="计划件数" prop="fPlanqty">
              <el-input
                v-model="form.fPlanqty"
                style="width: 80%"
                maxlength="9"
                laceholder="计划件数"
                oninput='this.value=this.value.replace(/[^\-?\d]/g,"")'
                :disabled="browseStatus"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="计划净重" prop="fPlannetweight">
              <el-input
                v-model="form.fPlannetweight"
                style="width: 80%"
                maxlength="9"
                oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                laceholder="计划净重"
                :disabled="browseStatus"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="计划毛重" prop="fPlangrossweight">
              <el-input
                v-model="form.fPlangrossweight"
                oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                style="width: 80%"
                laceholder="计划毛重"
                maxlength="9"
                :disabled="browseStatus"
              />
            </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: 80%"
                laceholder="存货编号"
              />
            </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="fTruckno"
              :rules="{
              required: isrequired_s=== 1 ? true : false,
               message: '请选择',
               trigger: ['blur', 'change']
                }">
              <el-input
                v-model="form.fTruckno"
                style="width: 80%"
                :disabled="browseStatus || formBrowseStatus"
                placeholder="车号"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item
              label="司机姓名" prop="fDriverName"
              :rules="{
                required: isrequired_s === 1 ? true : false,
               message: '请选择',
               trigger: ['blur', 'change']
                }">
              <el-input
                v-model="form.fDriverName"
                style="width: 80%"
                :disabled="browseStatus || formBrowseStatus"
                placeholder="司机姓名"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="司机身份证" prop="fDriverIdCar"
                 :rules="{
                 required: isrequired_s === 1 ? true : false,
                 message: '请选择',
                 trigger: ['blur', 'change']
                  }">
              <el-input
                v-model="form.fDriverIdCar"
                style="width: 80%"
                :disabled="browseStatus || formBrowseStatus"
                placeholder="司机身份证"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item
              label="司机电话"
              prop="fDriverTel"
              :rules="{
               required: isrequired_s === 1 ? true : false,
               message: '请选择',
               trigger: ['blur', 'change']
                }">
              <el-input
                v-model="form.fDriverTel"
                style="width: 80%"
                :disabled="browseStatus || formBrowseStatus"
                placeholder="司机电话"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="作业类型" prop="fBusinessType">
              <el-select
                style="width: 80%"
                v-model="form.fBusinessType"
                filterable
                @change="educationChange"
                :disabled="contrOl"
              >
                <el-option
                  v-for="(dict, index) in businessTypeOption"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="劳务公司" prop="fLabour">
              <el-select
                style="width: 80%"
                v-model="form.fLabour"
                @keyup.enter.native="handleQuery"
                :remote-method="flabourRemoteMethod"
                filterable
                :disabled="browseStatus"
                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="fFleet"
                :rules="{
              required: isrequired === 1 ? true : false,
           message: '请选择',
           trigger: ['blur', 'change']
            }"
            >
              <el-select
                style="width: 80%"
                v-model="form.fFleet"
                filterable
                @keyup.enter.native="handleQuery"
                :remote-method="fleetRemoteMethod"
                :disabled="browseStatus"
                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-row>
        <el-row>
          <el-col :span="15">
            <el-form-item label="备注" prop="remark">
              <el-input
                style="width: 100%"
                v-model="form.remark"
                type="textarea"
                :disabled="browseStatus"
                placeholder="请输入内容"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <el-button @click="detailsHidden ? (detailsHidden = false) : (detailsHidden = true)">{{ detailsHidden ? '隐藏' : '展开' }}
              </el-button>
            </el-form-item>

          </el-col>
        </el-row>

        <div v-if="detailsHidden">
          <el-row style="margin-top: 30px">
            <el-col :span="8">
              <el-form-item label="仓库联系人" prop="fContacts">
                <el-input
                  v-model="form.fContacts"
                  style="width: 80%"
                  :disabled="browseStatus || formBrowseStatus"
                  placeholder="仓库联系人"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="仓库电话" prop="fTel">
                <el-input
                  v-model="form.fTel"
                  :disabled="browseStatus || formBrowseStatus"
                  style="width: 80%"
                  placeholder="请输仓库入电话"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="船名航次" prop="fVslvoy">
                <el-input
                  v-model="form.fVslvoy"
                  style="width: 80%"
                  :disabled="browseStatus || formBrowseStatus"
                  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: 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="fCustomno">
                <el-input
                  v-model="form.fCustomno"
                  style="width: 80%"
                  :disabled="browseStatus || formBrowseStatus"
                  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 || formBrowseStatus"
                  :remote-method="fSbuRemoteMethod"
                  style="width: 80%"
                  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-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="单据编号" prop="fBillno">
                <el-input
                  v-model="form.fBillno"
                  disabled
                  style="width: 80%"
                  placeholder="单据编号"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="贸易方式" prop="fTrademodeid">
                <el-select
                  v-model="form.fTrademodeid"
                  placeholder="请选择贸易方式"
                  :disabled="browseStatus || formBrowseStatus"
                  clearable
                  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-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-row>
            <el-col :span="8">
              <el-form-item label="制单部门" prop="fDeptid">
                <el-select
                  v-model="form.fDeptid"
                  filterable
                  disabled
                  style="width: 80%"
                  remote
                >
                  <el-option
                    v-for="(dict, index) in deptOptions"
                    :key="index.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
                  style="width: 80%"
                  value-format="timestamp"
                  placeholder="制单日期"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="过磅" prop="fIfweigh">
                <el-select
                  v-model="form.fIfweigh"
                  placeholder="请选择是否过磅"
                  clearable
                  :disabled="browseStatus || formBrowseStatus"
                  style="width: 80%"
                >
                  <el-option
                    v-for="(dict, index) in fIfweighOptions"
                    :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="fProductName">
                <el-input
                  v-model="form.fProductName"
                  style="width: 80%"
                  disabled
                  placeholder="品名"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="品牌">
                <el-input
                  v-model="form.fMarks"
                  style="width: 80%"
                  disabled
                  placeholder="品牌"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="质押" prop="fIfpledge">
                <el-select
                  v-model="form.fIfpledge"
                  placeholder="请选择是否质押"
                  clearable
                  :disabled="browseStatus || formBrowseStatus"
                  style="width: 80%"
                >
                  <el-option
                    v-for="(dict, index) in fIfpledgeOptions"
                    :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="fBankcorpid">
                <el-select
                  v-model="queryParams.fBankcorpid"
                  filterable
                  remote
                  clearable
                  style="width: 80%"
                  :disabled="browseStatus || formBrowseStatus"
                  @keyup.enter.native="handleQuery"
                  :remote-method="corpsRemoteMethodd"
                  placeholder="请输入模糊查找"
                >
                  <el-option
                    v-for="(dict, index) in Pledgebank"
                    :key="index.fId"
                    :label="dict.fName"
                    :value="dict.fId"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-form>


      <el-collapse v-model="activeNames">
        <el-collapse-item name="1">
          <template slot="title">
            <i class="el-icon-s-home"></i>入库明细
          </template>
            <div
              class="dialogTableTitle flex a-center jlr"
              style="
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 10px 0;
        "
            >
              <div>
                <el-button
                  type="primary"
                  :disabled="browseStatus"
                  @click.prevent="addRelevant(10)"
                  size="small"
                >新行
                </el-button>
                <el-button
                  :disabled="browseStatus"
                  type="primary"
                  @click="submitForm(2)"
                  size="small"
                >保 存</el-button
                >
              </div>
              <div>
                <el-button  size="small" type="info" :disabled="browseStatus" prop="打印" @click="showEditDialog_sss"
                >作业单
                </el-button>
                <el-button size="small" @click="discharge" :disabled="browseStatus">卸货完成</el-button>
                <el-button
                  size="small"
                  :disabled="dataListSelection.length <= 0 || browseStatus"
                  @click.prevent="creditClick"
                >入库确认
                </el-button>
                <el-button
                  size="small"
                  :disabled="dataWithdrawList.length <= 0 || browseStatus"
                  @click.prevent="withdrawClick"
                >撤回入库
                </el-button
                >
                <el-button size="small" type="success" :disabled="browseStatus" prop="打印" @click=""
                >打印吊牌
                </el-button>
                <el-button size="small" type="success" :disabled="browseStatus" prop="打印" @click="showEditDialog_ss"
                >收货单
                </el-button>
                <el-button size="small" type="warning" :disabled="browseStatus" prop="打印" @click="showEditDialog_s"
                >入库单
                </el-button>
                <el-button
                  size="small"
                  :disabled="browseStatus"
                  style="background-color: #008000; color: #fff"
                  @click="submitForm(6)"
                >请核
                </el-button>
              </div>
            </div>
            <el-table
              :data="dataList"
              tooltip-effect="dark"
              :rules="checkout"
              ref="checkout"
              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="fBsdate"
                header-align="center"
                align="center"
                width="150px"
                label="入库日期"
              >
                <template slot-scope="scope">
                  <el-date-picker
                    v-model="scope.row.fBsdate"
                    style="width: 138px"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    type="date"
                    value-format="timestamp"
                    placeholder="入库日期"
                  >
                  </el-date-picker>
                </template>
              </el-table-column>
              <el-table-column
                prop="fMblno"
                header-align="center"
                align="center"
                width="140px"
                label="提单号"
              >
              </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.fGoodsid"
                    filterable
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    remote
                    @change="changefGoodsid(scope.row)"
                    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="fBusinessType"
                header-align="center"
                width="140px"
                align="center"
                label="*货物属性"
              >
                <template slot-scope="scope">
                  <el-select v-model="scope.row.fBusinessType"
                             filterable
                             size="small"
                             :disabled="browseStatus || scope.row.fBillstatus === 20 || scope.row.fBillstatus === 30 || scope.row.fBillstatus === 40"
                             :remote-method="kqhouseRemoteMethod"
                             placeholder="请选择商品属性"
                  >
                    <el-option
                      v-for="(dict, index) in fStorageTypeOptions"
                      :key="index.dictValue"
                      :label="dict.dictLabel"
                      :value="dict.dictValue"
                    />
                  </el-select>
                </template>
              </el-table-column>
              <el-table-column
                prop="fMarks"
                header-align="center"
                align="center"
                width="140px"
                label="*属性详情"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fMarks"
                    placeholder="请填写属性描述"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>

              <el-table-column
                prop="fWarehouseid"
                header-align="center"
                width="140px"
                align="center"
                label="*库区"
              >
                <template slot-scope="scope">

                <treeselect :disabled="browseStatus" style="width:80%" v-model="scope.row.fWarehouseid" :options="fWarehouseidOptions" :show-count="true" placeholder="请选择归属库区" />
<!--                <treeselect :disabled="browseStatus" style="width:80%" v-model="form.fWarehouseid" :options="warehousesOptions" :show-count="true" placeholder="请选择归属库区" />-->
                </template>
              </el-table-column>

<!--                <el-table-column-->
<!--                prop="fWarehouselocid"-->
<!--                header-align="center"-->
<!--                width="140px"-->
<!--                align="center"-->
<!--                label="*库位"-->
<!--              >-->
<!--                <treeselect :disabled="browseStatus" style="width:80%" v-model="form.fWarehouselocid" :options="warehousesOptions" :show-count="true" placeholder="请选择归属库区" />-->

                <!--                <template slot-scope="scope">-->
<!--                  <el-select-->
<!--                    v-model="scope.row.fWarehouselocid"-->
<!--                    filterable-->
<!--                    remote-->
<!--                    :disabled="-->
<!--                    browseStatus ||-->
<!--                    scope.row.fBillstatus === 20 ||-->
<!--                    scope.row.fBillstatus === 30 ||-->
<!--                    scope.row.fBillstatus === 40-->
<!--                  "-->
<!--                    placeholder="请选择库位"-->
<!--                  >-->
<!--                    <el-option-->
<!--                      v-for="(dict, index) in kqhouseOptions"-->
<!--                      :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
                    v-model="scope.row.fCntrtype"
                    maxlength="4"
                    placeholder="箱型"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    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
                    v-model="scope.row.fCntqty"
                    placeholder="箱量"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fQty"
                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.fQty"
                    @change="qtyChange(scope.row)"
                    placeholder="入库件数"
                    :disabled="browseStatus || scope.row.fBillstatus === 40"
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fGrossweight"
                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.fGrossweight"
                    placeholder="入库毛重"
                    :disabled="browseStatus || scope.row.fBillstatus === 40"
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fNetweight"
                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.fNetweight"
                    placeholder="入库净重"
                    :disabled="browseStatus || scope.row.fBillstatus === 40"
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fPackagespecs"
                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.fPackagespecs"
                    placeholder="包装规格"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fTruckno"
                header-align="center"
                width="130px"
                align="center"
                label="*车号"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fTruckno"
                    placeholder="*车号"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fDriverName"
                header-align="center"
                width="130px"
                align="center"
                label="*司机名"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fDriverName"
                    placeholder="司机名"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>

              <el-table-column
                prop="fDriverTel"
                header-align="center"
                width="200px"
                align="center"
                label="*司机电话"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fDriverTel"
                    placeholder="司机电话"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fDriverIdCar"
                header-align="center"
                width="200px"
                align="center"
                label="*司机身份证"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fDriverIdCar"
                    placeholder="司机身份证"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fSerialNumber"
                header-align="center"
                width="160px"
                align="center"
                label="流水号"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fSerialNumber"
                    placeholder="流水号"
                    disabled
                    show-word-limit
                  />
                </template>
              </el-table-column>

              <el-table-column
                prop="fCntrno"
                header-align="center"
                width="130px"
                align="center"
                label="箱号"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fCntrno"
                    placeholder="箱号"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="fGoodsval"
                header-align="center"
                width="130px"
                align="center"
                label="货值"
              >
                <template slot-scope="scope">
                  <el-input
                    oninput="value=value.replace(/[^\d.]/g,'')"
                    v-model="scope.row.fGoodsval"
                    placeholder="货值"
                    :disabled="
                    browseStatus ||
                    scope.row.fBillstatus === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    show-word-limit
                  />
                </template>
              </el-table-column>

              <el-table-column
                prop="remark"
                header-align="center"
                width="130px"
                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
                prop="fBillstatus"
                header-align="center"
                width="150px"
                align="center"
                label="状态"
              >
                <template slot-scope="scope">
                  <span v-if="scope.row.fBillstatus === 10">计划</span>
                  <span v-if="scope.row.fBillstatus === 20">待入库</span>
                  <span v-if="scope.row.fBillstatus === 30">入库中</span>
                  <span v-if="scope.row.fBillstatus === 40">已入库</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 === 20 ||
                    scope.row.fBillstatus === 30 ||
                    scope.row.fBillstatus === 40
                  "
                    @click.native.prevent="wDeleteRow(scope.$index, dataList)"
                    size="small"
                  >移除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
        </el-collapse-item>


        <el-collapse-item>
          <template slot="title">
            <i class="el-icon-s-order"></i>附件明细
          </template>
          <div
            class="dialogTableTitle flex a-center jlr"
            style="
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin: 10px 0;
            "
          >
            <div>
              <el-button
                size="small"
                type="primary"
                :disabled="browseStatus"
                @click.prevent="addRelevt()"
              >新行
              </el-button>
            </div>
          </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"
              width="250px"
              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"
              width="250px"
              label="上传人"
            >
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.createBy"
                  disabled
                  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="300px"
              label="上传附件"
            >
              <template slot-scope="scope">
                <uploadFile
                  :disabled="browseStatus"
                  @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>
        </el-collapse-item>


        <el-collapse-item>
          <template slot="title">
            <i class="el-icon-circle-plus"></i>收款信息
          </template>
          <div
            class="dialogTableTitle flex a-center jlr"
            style="
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin: 10px 0;
            "
          >
            <div>
              <el-button
                size="small"
                type="primary"
                :disabled="browseStatus"
                @click.prevent="addCollection()"
              >新行
              </el-button>
              <!-- <el-button :disabled="browseStatus" @click.prevent="deleteRow(warehouseDrList)"
              >删除
            </el-button> -->
              <el-button type="primary" size="small" :disabled="browseStatus" @click="submitForm(2)">保 存</el-button>
              <!-- <el-button @click.prevent="addAgreement()" type="warning">仓储费协议</el-button> -->
              <el-button size="small" @click.prevent="addAgreement()" :disabled="browseStatus" type="danger"
              >作业费协议</el-button
              >
            </div>
          </div>
          <el-table
            :data="warehouseDrList"
            ref="table"
            tooltip-effect="dark"
            border
            stripe
            show-summary
            @selection-change="Collectionoptions"
            :summary-method="warehouseDrSummaries"
          >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="序号" type="index" width="80">
            </el-table-column>
            <el-table-column
              prop="fCorpid"
              header-align="center"
              align="center"
              width="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"
                  @change="changeFeeId(scope.row)"
                  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="请选择计价单位"
                  @change="changeFeeUnit(scope.row)"
                  clearable
                  :disabled="browseStatus"
                >
                  <el-option
                    v-for="(dict, index) in jFeetunitOptions"
                    :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="130px"
              label="数量"
            >
              <template slot-scope="scope">
                <el-input
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fQty"
                  placeholder="数量"
                  :disabled="browseStatus"
                  @change="changeContractAmt(scope.row)"
                  show-word-limit
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="fUnitprice"
              header-align="center"
              align="center"
              width="130px"
              label="单价"
            >
              <template slot-scope="scope">
                <el-input
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fUnitprice"
                  placeholder="单价"
                  :disabled="browseStatus"
                  @change="changeContractAmt(scope.row)"
                  show-word-limit
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="fAmount"
              header-align="center"
              align="center"
              width="130px"
              label="金额"
            >
              <template slot-scope="scope">
                <el-input
                  disabled
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  v-model="scope.row.fAmount"
                  placeholder="金额"
                  show-word-limit
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="fStltypeid"
              header-align="center"
              align="center"
              width="130px"
              label="结算方式"
            >
              <template slot-scope="scope">
                <el-select v-model="scope.row.fStltypeid" style="width: 250px" placeholder="请选择结算表票结、月结">
                  <el-option
                    v-for="dict in fStltypeidOptions"
                    :key="dict.dictValue"
                    :label="dict.dictLabel"
                    :value="parseInt(dict.dictValue)"
                  ></el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              prop="fCurrency"
              header-align="center"
              align="center"
              width="130px"
              label="币别"
            >
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.fCurrency"
                  :disabled="browseStatus"
                  placeholder="币别"
                  show-word-limit
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="fExrate"
              header-align="center"
              align="center"
              width="130px"
              label="汇率"
            >
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.fExrate"
                  :disabled="browseStatus"
                  placeholder="汇率"
                  show-word-limit
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="fTaxrate"
              header-align="center"
              align="center"
              width="130px"
              label="税率"
            >
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.fTaxrate"
                  :disabled="browseStatus"
                  placeholder="税率"
                  show-word-limit
                />
              </template>
            </el-table-column>

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

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

            <el-table-column
              prop="fMarks"
              header-align="center"
              align="center"
              width="130px"
              label="品牌"
            >
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.fMarks"
                  :disabled="browseStatus"
                  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
                  @click.native.prevent="deleteRow(scope.$index, warehouseDrList)"
                  size="small"
                  :disabled="browseStatus"
                >移除</el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </el-collapse-item>


        <el-collapse-item>
          <template slot="title">
            <i class="el-icon-remove"></i>付款信息
          </template>
          <div
            class="dialogTableTitle flex a-center jlr"
            style="
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin: 10px 0;
            "
          >
            <div>
              <el-button
                type="primary"
                :disabled="browseStatus"
                @click.prevent="addpayment()"
                size="small"
              >新行
              </el-button>
              <el-button type="primary" size="small" @click="submitForm(2)" :disabled="browseStatus">保 存</el-button>
              <el-button type="danger" size="small" @click.prevent="addAgreements()" :disabled="browseStatus"
              >作业费协议</el-button>
            </div>
          </div>
          <el-table
            :data="warehouseCrList"
            ref="table"
            tooltip-effect="dark"
            border
            stripe
            show-summary
            @selection-change="Paymentoptions"
            :summary-method="warehouseDrSummaries"
          >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="序号" type="index" width="80">
            </el-table-column>
            <el-table-column
              prop="fCorpid"
              header-align="center"
              align="center"
              width="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
                  :disabled="browseStatus"
                  remote
                  :remote-method="fWRemoteMethod"
                  @change="changeFeeId(scope.row)"
                  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
                  @change="changeFeeUnit(scope.row)"
                  :disabled="browseStatus"
                  :remote-method="corpsRemoteMethod"
                  placeholder="计价单位"
                >
                  <el-option
                    v-for="(dict, index) in jFeetunitOptions"
                    :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="fStltypeid"
              header-align="center"
              align="center"
              width="130px"
              label="结算方式"
            >
              <template slot-scope="scope">
                <el-select v-model="scope.row.fStltypeid" style="width: 250px" placeholder="请选择结算表票结、月结">
                  <el-option
                    v-for="dict in fStltypeidOptions"
                    :key="dict.dictValue"
                    :label="dict.dictLabel"
                    :value="parseInt(dict.dictValue)"
                  ></el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              prop="fCurrency"
              header-align="center"
              align="center"
              width="150px"
              label="币别"
            >
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.fCurrency"
                  :disabled="browseStatus"
                  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="fMblno"
                header-align="center"
                align="center"
                width="130px"
                label="提单号"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fMblno"
                    :disabled="browseStatus"
                    placeholder="提单号"
                    show-word-limit
                  />
                </template>
              </el-table-column>
    d
              <el-table-column
                prop="fProductName"
                header-align="center"
                align="center"
                width="140px"
                label="品名"
              >
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.fProductName"
                    :disabled="browseStatus"
                    placeholder="品名"
                    show-word-limit
                  />
                </template>
              </el-table-column>

            <el-table-column
              prop="fMarks"
              header-align="center"
              align="center"
              width="130px"
              label="品牌"
            >
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.fMarks"
                  :disabled="browseStatus"
                  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="deleteRoww(scope.$index, warehouseCrList)"
                  size="small"
                  :disabled="browseStatus"
                >移除</el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </el-collapse-item>
      </el-collapse>



      <div slot="footer" class="dialog-footer">
        <!-- 弹窗, 新增 / 修改 -->
        <add-or-update
          v-if="addOrUpdateVisible"
          ref="addOrUpdate"
          @refreshDataList="getDataList"
        ></add-or-update>
        <approval-comments
          v-if="addOrUpdateVisib"
          ref="ApprovalComments"
          @refreshDataList="returnData"
        ></approval-comments>
        <el-button
          type="primary"
          :disabled="approvalStatus"
          v-if="form.fBillstatus > 3"
          @click="addOrUpdateHandle(form)"
        >查看审批</el-button>
        <el-button
          type="primary"
          v-if="approVal === true"
          @click="addOrUpdateHand(form)"
        >审批</el-button>
        <el-button :disabled="browseStatus" type="success" prop="打印" @click="showEditDialog_ss"
        >收货单
        </el-button>
        <el-button :disabled="browseStatus" type="warning" prop="打印" @click="showEditDialog_s"
        >入库单
        </el-button>
        <el-button @click="discharge" :disabled="browseStatus">卸货</el-button>
        <el-button type="info" :disabled="browseStatus" prop="打印" @click="showEditDialog_sss"
        >作业单
        </el-button>
        <el-button
          :disabled="browseStatus"
          type="primary"
          @click="submitForm(2)"
        >保 存</el-button
        >
        <el-button
          :disabled="browseStatus"
          style="background-color: #008000; color: #fff"
          @click="submitForm(6)"
        >请核</el-button>
        <el-button type="danger" v-if="form.fBillstatus === 6" @click="revoke">撤销请核</el-button>
        <el-button type="danger" v-if="form.fBillstatus === 4 && current == before" :disabled="doNot" @click="revokeTwo">撤销请核</el-button>
        <el-button @click="cancelTwo" v-if="approVal === true">取 消</el-button>
        <el-button @click="cancel" v-else>取 消</el-button>
      </div>
      <!-- 入库新行计划重量导入 -->
      <el-dialog
        title="入库明细"
        :modal="false"
        style="height: 500px"
        height="50%"
        :close-on-click-modal="false"
        :visible.sync="weightList"
        @close="closeDialog"
        width="70%"
      >
        <el-form
          ref="planningList"
          :model="form"
          :rules="rules"
          label-width="120px"
        >
          <el-row>
            <el-col :span="8">
              <el-form-item label="计划件数" prop="fPlanqty">
                <el-input
                  oninput='this.value=this.value.replace(/[^\-?\d]/g,"")'
                  v-model="planningList.fPlanqty"
                  style="width: 80%"
                  laceholder="计划件数"
                  @input="changeList(form)"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="计划净重" prop="fPlannetweight">
                <el-input
                  v-model="planningList.fPlannetweight"
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  style="width: 80%"
                  disabled
                  laceholder="计划毛重"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="计划毛重" prop="fPlangrossweight">
                <el-input
                  v-model="planningList.fPlangrossweight"
                  oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
                  style="width: 80%"
                  disabled
                  laceholder="计划毛重"
                />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="costList">导入库存明细</el-button>
          <el-button @click="weightList = false">取 消</el-button>
        </div>
      </el-dialog>
      <!-- 选择作业费协议数据 -->
      <el-dialog
        title="作业费协议"
        :close-on-click-modal="false"
        :modal="false"
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="warehousingagreement"
        width="70%"
      >
        <el-table
          :data="tasklegList"
          ref="table"
          tooltip-effect="dark"
          width="100%"
          border
          stripe
          @selection-change="whgenlegSelectionChange"
        >
          <el-table-column type="selection" width="55"> </el-table-column>
          <el-table-column label="行号" type="index" width="80">
          </el-table-column>
          <el-table-column
            prop="fCorpname"
            header-align="center"
            align="center"
            label="客户名称"
          >
          </el-table-column>
          <el-table-column
            prop="fName"
            header-align="center"
            align="center"
            label="费用名称"
          >
          </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
                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="fPrice"
            header-align="center"
            align="center"
            label="单价"
          >
          </el-table-column>

          <!-- <el-table-column
            prop="fMarks"
            header-align="center"
            align="center"
            label="唛头"
          >
          </el-table-column> -->
        </el-table>
        <pagination
          v-show="whgenlegTotal > 0"
          :total="whgenlegTotal"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getWhgenlegList"
        />
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="whgenlegData"
          >导入作业费协议</el-button
          >
          <el-button @click="warehousingagreement = false">取 消</el-button>
        </div>
      </el-dialog>
      <!-- 选择作业费协议数据 -->
      <el-dialog
        title="作业费协1议"
        :close-on-click-modal="false"
        :modal="false"
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="warehousingagreements"
        width="70%"
      >
        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
          <el-menu-item index="1">作业费</el-menu-item>
          <el-menu-item index="2">劳务费</el-menu-item>
        </el-menu>

        <el-table
          :data="tasklegList"
          ref="table"
          tooltip-effect="dark"
          width="100%"
          border
          stripe
          @selection-change="whgenlegSelectionChange"
        >
          <el-table-column type="selection" width="55"> </el-table-column>
          <el-table-column label="行号" type="index" width="80">
          </el-table-column>
          <el-table-column
            prop="fCorpname"
            header-align="center"
            align="center"
            label="客户名称"
          >
          </el-table-column>
          <el-table-column
            prop="fName"
            header-align="center"
            align="center"
            label="费用名称"
          >
          </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
                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="fPrice"
            header-align="center"
            align="center"
            label="单价"
          >
          </el-table-column>
        </el-table>
        <pagination
          v-show="whgenlegTotal > 0"
          :total="whgenlegTotal"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getWhgenlegList"
        />
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="zhgenlegData">导入</el-button>
          <el-button @click="warehousingagreements = 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"
        :close-on-click-modal="false"
        @close="closeDialog"
        width="70%"
      >
        <table
          id="print_area2"
          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">
              货权方：{{ form.fCorpidName }}
            </td>
            <td width="450" colspan="2" class="zzss">
              仓库：{{ form.fWarehouseid }}
            </td>
            <td width="450" colspan="3" class="zzss">地址：{{ fAddr }}</td>
          </tr>
          <tr>
            <td width="200" colspan="2" class="zzss">保管方：大木有限公司</td>
            <td width="200" colspan="2" class="zzss">
              联系人：{{ form.fContacts }}
            </td>
            <td width="200" colspan="3" class="zzss">电话：{{ form.fTel }}</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">{{ form.fMblno }}</td>
            <td width="100">{{ form.fProductName }}</td>
            <td width="100">{{ dataList.fCntrtype }}</td>
            <td width="100">{{ form.fMarks }}</td>
            <td width="100">包</td>
            <td width="100">吨</td>
            <td width="100">{{ fPackagespecs }}</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 v-for="(item, indexx) in Printinglist" :key="indexx">
            <td width="100">{{ indexx + 1 }}</td>
            <td width="100">{{ item.fBsdate }}</td>
            <td width="100">{{ item.fCntqty }}</td>
            <td width="100">{{ (item.fGrossweight / 1000).toFixed(2) }}</td>
            <td width="100">{{ item.fPlanqty }}</td>
            <td width="100">{{ (item.fNetweight / 1000).toFixed(2) }}</td>
            <td width="100">{{ item.fQty }}</td>
          </tr>
          <tr>
            <td width="100" colspan="2">合计：</td>
            <td width="100">{{ fCntqty }}</td>
            <td width="100">{{ form.sumFGrossweight }}</td>
            <td width="100">{{ fPlanqty }}</td>
            <td width="100">{{ form.sumFNetweight}}</td>
            <td width="100">{{ fQty }}</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>
        <el-button @click="printSomething1">打印</el-button>
        <el-button @click="editDialogVisible_s = false">取消 </el-button>
      </el-dialog>
      <el-dialog
        title=""
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="editDialogVisible_ss"
        :close-on-click-modal="false"
        width="70%"
        :modal="false"
      >
        <table
          id="print_area3"
          class="biaoge zzss"
          border="1"
          style="border-collapse: collapse; border: none;margin-top:100px;"
        >
          <tr>
            <td
              width="1400"
              colspan="6"
              class="zzss"
              style="font-size: 26px; font-weight: bold; border: none"
            >
              大木国际物流(青岛)有限公司收货单
            </td>
          </tr>
          <!-- <div v-for="{{}}" :key="index"> -->
          <tr>
            <td width="400">车号:</td>
            <td width="400" v-if="Printinglist.length === 0"></td>
            <td width="400" v-else>{{ Printinglist[0].fTruckno }}</td>
            <td
              width="500"
              colspan="4"
              style="padding-bottom: 0px; font-weight: bold; border: none"
              class="zzss"
              v-if="Printinglist.length === 0"
            >
              日期：
            </td>
            <td
              width="500"
              colspan="4"
              style="padding-bottom: 0px; font-weight: bold; border: none"
              class="zzss"
              v-else
            >
              日期：{{ Printinglist[0].fOriginalbilldate }}
            </td>

            <!-- <td
              width="500"
              colspan="2"
              style="padding-bottom: 0px; font-weight: bold; border: none"
              class="zzss"
            >
            </td> -->
          </tr>
          <tr v-for="(item, index) in Printinglist" :key="index">
            <td width="250">货物品名:</td>
             <td width="200" colspan="">{{ item.fGoodsids }}</td>
            <!-- <td width="200" colspan="2">件数: 161件</td> -->
            <!-- <td width="200"></td> -->
            <td width="200" colspan="4" class="zzss">
              件数: {{ item.fQty }}件
            </td>
          </tr>
          <!-- <tr>
            <td width="1400" colspan="6">&nbsp;</td>
          </tr> -->
          <tr>
            <td>备注:</td>
            <td colspan="5">{{ form.remark }}</td>
          </tr>
          <tr>
            <td>司机签字:</td>
            <td></td>
            <td colspan="2">司机电话:</td>
            <td colspan="2" v-if="dataList.length !== 0">{{ dataList[0].fDriverTel }}</td>
            <td colspan="2" v-else>1</td>
          </tr>
          <tr>
            <td>制单人:</td>
            <td>{{ form.createBy }}</td>
            <td colspan="2">收货人:</td>
            <td colspan="2">{{ form.fContacts }}</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">地址：{{ fAddr }}</td>
            <td width="290" class="zzss">电话：{{ form.fTel }}</td>
          </tr>
          <!-- </div> -->
        </table>
        <el-button @click="printSomething">打印</el-button>
        <el-button @click="editDialogVisible_ss = false">取消 </el-button>
      </el-dialog>
      <el-dialog
        title=""
        style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0) !important"
        :visible.sync="editDialogVisible_sss"
        :close-on-click-modal="false"
        width="70%"
        :modal="false"
      >
        <table
          id="print_area1"
          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"
            >
            </td>
            <td
              width="500"
              colspan="2"
              style="padding-bottom: 0px; font-weight: bold; border: none"
              class="zzss"
            >
              入库日期：{{ fBsdates }}
            </td>
          </tr>
          <tr v-for="(item, index) in Printinglist" :key="index">
            <td width="200">车号</td>
            <td width="200">{{ item.fTruckno }}</td>
            <td width="200">货物品名</td>
            <td width="200" class="zzss">
              {{ item.fGoodsids }}
            </td>
            <td width="200">{{item.fBusinessTypes}}</td>
            <td width="200">{{item.fMarks}}</td>
          </tr>
          <tr>
            <td width="1400" colspan="6">&nbsp;</td>
          </tr>
          <tr>
            <td>备注:</td>
            <td colspan="5">{{ form.remark }}</td>
          </tr>
          <tr
            v-for="(item, indexe) in Collectionoptionss"
            :key="indexe + 'index'"
          >
            <td>收费</td>
            <td>{{ item.fFeeids }}</td>
            <td>{{ item.fAmount }} 元</td>
            <!-- <td colspan="4">办单费：5元，过磅费自理</td> -->
          </tr>
          <tr>
            <td>司机签字：</td>
            <td></td>
            <td>电话</td>
            <td>{{ fDriverTel }}</td>
            <td colspan="2" rowspan="2">
              确认货物数量无误，包装于货物完好！<br />出库盖好篷布，如有违背责任自负<br />装卸工是否收小费
            </td>
          </tr>
          <tr>
            <td>制表：</td>
            <td>{{ form.createBy }}</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">地址：{{ fAddr }}</td>
            <td width="290" class="zzss">电话：{{ form.fTel }}</td>
          </tr>
        </table>
        <div>
          <el-button
            type="primary"
            :disabled="browseStatus"
            @click="printSomething2"
          >打印
          </el-button>
          <el-button @click="editDialogVisible_sss = false">取消 </el-button>
        </div>
      </el-dialog>
    </el-dialog>
  </div>
</template>

<script>
import print from "print-js";
import {
  addWhgenleg,
  addJoblist,
  disChargelist,
  updateCredit,
  listWarehousebills,
  getWarehousebills,
  delWarehousebills,
  addWarehousebills,
  addWarehouse,
  updateWarehousebills,
  exportWarehousebills,
  revoke,
  revokeTwo
} from "@/api/warehouseBusiness/warehouseInStock";
import { listAgreement, operationAgreement } from "@/api/agreement/agreement";
import { listCorps } from "@/api/basicdata/corps";

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

import {listWarehouse, treeselect , listWarehousesss } 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 AddOrUpdate from "@/views/viewApproval";
import ApprovalComments from "@/views/startApproval";
import { getCharge } from '@/api/finance/charge'
import Global from '@/layout/components/global';
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
  name: "Warehousebills",
  components: {
    UploadFile,
    AddOrUpdate,
    ApprovalComments,
    Treeselect
  },
  data() {
    return {
      fWarehouseidOptions:[],
      // 部门树选项
      warehousesOptions:[],
      activeNames:['1'],
      isrequired:2,
      isrequired_s:2,
      approval:[],
      doNot:false,
      // 修改查看状态
      browseStatus: false,
      contrOl:false,
      // 审批状态控制
      approvalStatus: false,
      detailsHidden: false,
      warehousingagreement: false,
      warehousingagreements: false,
      formBrowseStatus: false,
      fTruckno: "",
      fBsdates: "",
      fCntrtype: "",
      fGoodsids: "",
      fPlaNnumber: "",
      fPlangNumber: "",
      // fPlannetweight: "",
      fPlanvolumn: "",
      // 司机电话
      fDriverTel: "",
      fPlanqty: "",
      fPlangrossweight: "",
      fPlannetweight: "",
      fFeeUnitid: "",
      fFeeUnitids: "",
      fGrossweight: 0,
      fid: "",
      fCntqty: "",
      fPackagespecs: "",
      fNetweight: 0,
      fQty: 0,
      mum: 0,
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      Collectionoptionss: [],
      userVal: {
        userName: null,
        nickName: null,
        deptId: null,
      },
      closeButton:true,
      //表单校验
      checkout: {
        fGoodsid:[
          { required: true, message: ' ', trigger: 'blur' }
        ],
        fMarks: [
          { required: true, message: ' ', trigger: 'blur' }
        ],
        fWarehouselocid:[
          { required: true, message: ' ', trigger: 'blur'}
        ],
        fGrossweight:[
          { required: true, message: ' ', trigger: 'blur'}
        ],
        fNetweight:[
          { required: true, message: ' ', trigger: 'blur'}
        ],
        fQty:[
          { required: true, message: ' ', trigger: 'blur'}
        ],
        fPackagespecs:[
          { required: true, message: ' ', trigger: 'blur'}
        ],
        fTruckno:[
          { required: true, message: ' ', trigger: 'blur'}
        ],
        fDriverName:[
          { required: true, message: ' ', trigger: 'blur'}
        ],
        fDriverTel:[
          { required: true, message: ' ', trigger: 'blur'}
        ],
        fDriverIdCar:[
          { required: true, message: ' ', trigger: 'blur'}
        ]
      },
      queryForm: {},
      // 新增用户对话框
      editDialogVisible_s: false,
      editDialogVisible_ss: false,
      editDialogVisible_sss: false,
      editDialogClosed_ss: false,
      addOrUpdateVisible: false,
      addOrUpdateVisib: false,
      // 新增计划净重
      weightList: false,
      dataList: [],
      warehouseCrList: [],
      warehouseDrList: [],
      Pledgebank: [],
      relevantAttachments: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 仓库主(出入库)表格数据
      warehousebillsList: [],
      // 弹出层标题
      title: "",
      activeIndex: '1',
      activeIndex2: '1',
      // 是否显示弹出层
      open: false,
      // 货权方(客户数据)
      fMblnoOptions: [],
      // 货权方(客户数据)
      // 客户名称
      KHblnoOptions: [],
      // 作业费协议
      tasklegList: [],
      whgenlegTotal: 0,
      Printinglist: [],
      // 库存明细入账数组
      dataListSelection: [],
      fAddr: "",
      // 库存明细撤回入账数组
      dataWithdrawList: [],
      fSbuOptions: [],
      // 操作员
      userOptions: [],
      // 操作员
      goodsOptions: [],
      // 制单部门
      deptOptions: [],
      // 主表状态
      businessTypeOption: [],
      // 仓库(仓库数据)
      warehouseOptions: [],
      kqhouseOptions: [],
      // 贸易方式(数据字典),对应t_trademodels 字典
      fTrademodeidOptions: [],
      // 仓储类型 入库时选择 产地 规格 品牌 所用,对应storage_type 字典
      fStorageTypeOptions: [],
      // 计费单位(数据字典),下拉选择毛重或净重字典
      fFeetunitOptions: [],
      // 结算方式(数据字典),下拉选择字典
      fStltypeOptions: [],
      // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典
      fIfweighOptions: [],
      // 是否质押(数据字典),默认 F ,质押T 否者F 下拉选择字典
      fIfpledgeOptions: [],
      // 是否破损(数据字典),默认F否则T字典
      fIfdamageOptions: [],
      // 单据类型(数据字典)SJRK字典
      fBilltypeOptions: [],
      // 状态(数据字典),N 入字典
      fBillstatusOptions: [],
      //结算方式对应字典表
      fStltypeidOptions:[],
      // 费用名称
      fWbuOptions: [],
      // 计价单位
      jFeetunitOptions: [
        // { dictLabel: "件数", dictValue: "1" },
        // { dictLabel: "毛重", dictValue: "2" },
        // { dictLabel: "净重", dictValue: "3" },
        // { dictLabel: "尺码", dictValue: "4" },
        // { dictLabel: "固定", dictValue: "5" },
      ],
      current:'',
      before:'',
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        fBillno: null,
        createBy: null,
        createTime: null,
        fCustomsdeclartion: null,
        fOriginalbillno: null,
        fDeptid: null,
        timeInterval: 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,
        fBusinessType: null,
        fCreateby: null,
        fCreatetime: null,
        fGoodsid: null,
        fCntrtype: null,
        fCntqty: null,
      },
      planningList: {
        fPlanqty: null,
        fPlannetweight: null,
        fPlangrossweight: null,
      },
      approVal:false,
      // 表单参数
      form: {
        fLabour:null,
        fFleet:null,
        fBusinessType:null,
        fItemsStatus: null,
        fFeetunit: '2'
      },
      // 表单校验
      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",
          },
        ],
        fFeetunit: [{ required: true, message: " ", trigger: "blur" }],
        fPlanqty: [{ required: true, message: " ", trigger: "blur" }],
        fPlangrossweight: [{ required: true, message: " ", trigger: "blur" }],
        fPlannetweight: [{ required: true, message: " ", trigger: "blur" }],
        fChargedate: [{ required: true, message: " ", trigger: "blur" }],
        fMarks: [{ required: true, message: " ", trigger: "blur" }],
        fBsdate: [{ required: true, message: " ", trigger: "blur" }],
        fTrademodeid: [{ required: true, message: " ", trigger: "blur" }],
        fSbu: [{ required: true, message: " ", trigger: "blur" }],
        fBusinessType:[{ required: true, message: " ", trigger: "blur" }],
        fStorekeeper: {
          required: true,
          message: " ",
          trigger: "blur",
        },
        // fleet:[{required: this.isrequired == '1' ? true : false,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("storage_type").then((response) => {
      this.fStorageTypeOptions = response.data;
    });
    this.getDicts("data_trademodes").then((response) => {
      this.fTrademodeidOptions = response.data;
    });
    this.getDicts("data_stltype_type").then((response) => {
      this.fStltypeOptions = response.data;
    });
    this.getDicts("tax_rate").then((response) => {
      this.fTaxrate = response.data[0].dictValue;
    });
    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;
    });
    this.getDicts("data_unitfees").then((response) => {
      this.fFeetunitOptions = response.data;
    });
    this.getDicts("data_unitfees").then((response) => {
      this.jFeetunitOptions = response.data;
    });
    this.getDicts("st_in_type").then((response) => {
      this.businessTypeOption = response.data;
    });
    this.getDicts("data_stltype_type").then(response => {
      this.fStltypeidOptions = response.data;
    });
  },
  activated() {
    this.adoPt()
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    /** 查询部门下拉树结构 */
    getTreeselect() {
      treeselect(this.form.fWarehouseid).then(response => {
        console.log(response)
        this.fWarehouseidOptions = response.data;
        console.log(this.fWarehouseidOptions)
        // console.log(this.dataList.fWarehouseid)
      });

    },
    // 出库件数的计算
    qtyChange(row) {
      if (!row.fQty || row.fQty === "") {
        this.$set(row, "fNetweight", 0);
        this.$set(row, "fGrossweight", 0);
        return false;
      }

      // 净重 fPlannetweight
      // 毛重 fPlangrossweight
      // let fVolumn = parseFloat(Number(row.fVolumn) / Number(row.fPlanqty)).toFixed(2);
      let netweight = parseFloat(Number(this.form.fPlannetweight) / Number(this.form.fPlanqty)).toFixed(2);
      let grossweigh = parseFloat(Number(this.form.fPlangrossweight) / Number(this.form.fPlanqty)).toFixed(2);
      // this.$set(row, "fVolumn", parseFloat(Number(fVolumn) * Number(row.fQty)).toFixed(2));
      this.$set(row, "fNetweight", parseFloat(Number(netweight) * Number(row.fQty)).toFixed(2));
      this.$set(row, "fGrossweight", parseFloat(Number(grossweigh) * Number(row.fQty)).toFixed(2));
    },
    adoPt(){
      this.approval = this.$route.query.data
      if (this.approval){
        this.getTreeselect()
        this.reset();
        this.doNot = true
        this.closeButton = false
        this.approval = JSON.parse(this.approval)
        this.approVal = true
        this.browseStatus = true;
        this.contrOl = true;
        this.detailsHidden = false;
        this.formBrowseStatus = false;
        this.dataList = [];
        getWarehousebills(this.approval.billId).then((response) => {
          if (response.data.warehousebills) {
            this.form = response.data.warehousebills;
            if (this.form.fBillstatus > 2) {
              this.approvalStatus = false;
            } else {
              this.approvalStatus = true;
            }
          }
          if (response.data.warehouseBillsItem) {
            this.dataList = response.data.warehouseBillsItem;
            for (let list in this.dataList) {
              if (this.dataList[list].fBillstatus > 10) {
                this.formBrowseStatus = true;
              }
            }
          }
          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;
          }
          if (response.data.enclosures) {
            this.relevantAttachments = response.data.enclosures;
          }
          this.$set(this.form, "fStltypeid", this.form.fStltypeid + "");
          this.$set(this.form, "fEta", Date.parse(this.form.fEta));
          this.$set(this.form, "fBsdate", Date.parse(this.form.fBsdate));
          this.$set(this.form, "createTime", Date.parse(this.form.createTime));
          this.$set(this.form, "fTrademodeid", this.form.fTrademodeid + "");
          this.$set(
            this.form,
            "fPlannetweight",
            this.form.fPlannetweight.toFixed(2)
          );
          this.$set(
            this.form,
            "fPlangrossweight",
            this.form.fPlangrossweight.toFixed(2)
          );
          for (let list in this.dataList) {
            this.$set(
              this.dataList[list],
              "fBsdate",
              Date.parse(this.dataList[list].fBsdate)
            );
            this.$set(this.dataList[list], 'fBusinessType', this.dataList[list].fBusinessType + '')
          }
          this.goodsOptions = response.data.goodsList;
          this.kqhouseOptions = response.data.warehouseAreas;
          this.warehouseDrList = response.data.warehousebillsfeesDr;
          for (let dr in this.warehouseDrList) {
            this.$set(this.warehouseDrList[dr], "fFeeUnitid", this.warehouseDrList[dr].fFeeunitid + "");
            this.$set(this.warehouseDrList[dr], "fQty", this.warehouseDrList[dr].fQty.toFixed(2));
            this.$set(this.warehouseDrList[dr], "fAmount", this.warehouseDrList[dr].fAmount.toFixed(2));
          }
          this.warehouseCrList = response.data.warehousebillsfeesCr;
          for (let cr in this.warehouseCrList) {
            this.$set(this.warehouseCrList[cr], "fFeeUnitid", this.warehouseCrList[cr].fFeeunitid + '');
          }
          this.userOptions = response.data.sysUser;
          this.open = true;
          this.title = "修改仓入库";
        });
      }
    },
    //关闭弹框的事件
    addCloseDialog(){
      this.reset()
      this.getList()
    },
    cancelTwo(){
      this.open = false
      let view = {
        fullPath: "/business/inStock",
        hash: "",
        matched: Array(2),
        meta: Object,
        name: "InStock",
        params: Object,
        path: "/business/inStock",
        query: Object,
        title: "入库"
      }
      this.$router.push({ path: '/index'})
      this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
        if (this.isActive(view)) {
          this.toLastView(visitedViews, view)
        }
      })
      Global.$emit("removeCache", "closeSelectedTag", view);
    },
    // 上传成功返回数据
    showFile(row) {
      for (let list in this.relevantAttachments) {
        this.$set(this.relevantAttachments[list], "fUrl", row.url);
        this.$set(this.relevantAttachments[list], "fName", row.fileName);
      }
    },
    revoke(){
      revoke(this.form.fId).then(data=>{
        if (data.code === 200){
          this.reset();
          this.open = false;
          this.contrOl = true
        }
      })
    },
    revokeTwo(){
      let data = {
        actId:110,
        billId:this.form.fId,
        id:this.form.fId
      }
      revokeTwo(data).then(data =>{
        if (data.code === 200) {
          this.msgSuccess("撤销成功");
          this.open = false;
          this.getList()
          this.reset();
        }
      })
    },
    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_area3",
        type: "html",
        style: style, // 亦可使用引入的外部css;
        scanStyles: false,
      });
    },
    printSomething1() {
      // 此处的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_area2",
        type: "html",
        style: style, // 亦可使用引入的外部css;
        scanStyles: false,
      });
    },
    printSomething2() {
      // 此处的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_area1",
        type: "html",
        style: style, // 亦可使用引入的外部css;
        scanStyles: false,
      });
      this.addList();
      this.editDialogVisible_sss = false;
    },
    // 新增附件上传
    addRelevt() {
      this.relevantAttachments.push({
        fUrl: null,
        fName: null,
        createBy: this.form.createBy,
        createTime: Date.parse(new Date()),
      });
    },
    // 新增作业费协议
    addAgreement() {
      if (!this.form.fCorpid) {
        this.$message({
          message: "请维护货权方",
          type: "warning",
        });
      }else if(this.form.fProductName == undefined) {
        this.$message({
          message: "请维护入库明细品名",
          type: "warning",
        });
      }else {
        this.whgenlegList = [];
        this.dialogWhgenlegList = [];
        this.whgenlegTotal = 0;
        this.warehousingagreement = true;
        this.getWhgenlegList();
      }
    },
    // 新增付款作业费协议
    addAgreements() {
      if (!this.form.fCorpid) {
        this.$message({
          message: "请维护货权方",
          type: "warning",
        });
      }else if(this.form.fProductName == undefined) {
        this.$message({
          message: "请维护入库明细品名",
          type: "warning",
        });
      } else {
        this.whgenlegList = [];
        this.dialogWhgenlegList = [];
        this.whgenlegTotal = 0;
        this.warehousingagreements = true;
        this.getWhgenlegList();
      }
    },
    // 新增list
    addRelevant(status) {
      if (!this.form.fPlannetweight || !this.form.fPlangrossweight || !this.form.fPlanqty) {
        this.$message({ message: "请维护计划净重，计划毛重，计划件数", type: "warning", });
        return false;
      }
      this.fPlaNnumber = this.form.fPlannetweight / this.form.fPlanqty;
      this.fPlangNumber = this.form.fPlangrossweight / this.form.fPlanqty;
      this.planningList.fPlanqty = Number(this.form.fPlanqty) - Number(this.mum)
      this.planningList.fPlannetweight = parseFloat(Number(this.fPlaNnumber) * Number(this.planningList.fPlanqty).toFixed(2))
      this.planningList.fPlangrossweight = parseFloat(Number(this.fPlangNumber) * Number(this.planningList.fPlanqty)).toFixed(2)
      this.weightList = true
    },
    // 收货单打印界面
    showEditDialog_s() {
      if (this.Printinglist.length > 0) {
        this.editDialogVisible_s = true;
        let sumFNetweight = 0
        let sumFGrossweight = 0
        for (let aorp in this.Printinglist) {
          sumFNetweight = Number(sumFNetweight) + Number(this.Printinglist[aorp].fNetweight)
          sumFGrossweight = Number(sumFGrossweight) + Number(this.Printinglist[aorp].fGrossweight)
          var date = new Date(this.Printinglist[aorp].fBsdate);
          var Y = date.getFullYear() + "-";
          var M =
            (date.getMonth() + 1 < 10
              ? "0" + (date.getMonth() + 1)
              : date.getMonth() + 1) + "-";
          var D =
            (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
          this.$set(this.Printinglist[aorp], "fBsdate", Y + M + D);
        }
        this.$set(this.form , 'sumFNetweight', parseFloat(Number(sumFNetweight) / 1000).toFixed(2))
        this.$set(this.form , 'sumFGrossweight', parseFloat(Number(sumFGrossweight) / 1000).toFixed(2))
        for (let corp in this.fMblnoOptions) {
          if (this.form.fCorpid === this.fMblnoOptions[corp].fId) {
            this.$set(this.form, "fCorpidName", this.fMblnoOptions[corp].fName);
          }
        }
        for (let sorp in this.warehouseOptions) {
          if (this.form.fWarehouseid === this.warehouseOptions[sorp].fId) {
            this.$set(this.form, "fWarehouseid", this.warehouseOptions[sorp].fName);
          }
        }
      } else {
        this.$message.error("请选择需要打印的明细!");
      }
    },
    closeDialog() {
      for (let aorp in this.Printinglist) {
        this.$set(
          this.Printinglist[aorp],
          "fBsdate",
          Date.parse(this.Printinglist[aorp].fBsdate)
        );
      }
    },
    showEditDialog_ss() {
      if (this.Printinglist.length > 0) {
        for (let li in this.Printinglist) {
          if (this.dataListSelection.length > 0) {
            this.fTruckno = this.dataListSelection[0].fTruckno;
            this.fCntrtype = this.dataListSelection[0].fCntrtype;
            this.fGoodsids = this.dataListSelection[0].fGoodsids;
            this.fPackagespecs = this.dataListSelection[0].fPackagespecs;
            var date = new Date(this.dataListSelection[0].fBsdate);
            var Y = date.getFullYear() + "-";
            var M =
              (date.getMonth() + 1 < 10
                ? "0" + (date.getMonth() + 1)
                : date.getMonth() + 1) + "-";
            var D =
              (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) +
              " ";
            this.fBsdates = Y + M + D;
          }
          for (let list in this.goodsOptions) {
            if (
              this.Printinglist[li].fGoodsid === this.goodsOptions[list].fId
            ) {
              this.$set(
                this.Printinglist[li],
                "fGoodsids",
                this.goodsOptions[list].fName
              );
            }
          }
        }
        this.editDialogVisible_ss = true;
      } else {
        this.$message.error("请选择需要打印的明细!");
      }
    },
    showEditDialog_sss() {
      if (this.Printinglist.length > 0) {
        // if (!this.form.fId) {
        //   this.form.fId = this.fid
        // }
        if(this.form.fFeetunit > 3){
          this.$message.error('请维护主表计费单位为件数、毛重或净重')
          return false
        }
        if (!this.form.fBusinessType) {
          this.$message.error('请选择作业类型!')
          return false
        }
        for (let li in this.Printinglist) {
          if (!this.Printinglist[li].fBsdate) {
            this.$message.error('请选择入库日期')
            return false
          }
          if (!this.Printinglist[li].fGoodsid) {
            this.$message.error('请选择品名')
            return false
          }
          if (!this.Printinglist[li].fWarehouselocid) {
            this.$message.error('请选择库区')
            return false
          }
          if (!this.Printinglist[li].fPackagespecs) {
            this.$message.error('请输入包装规格')
            return false
          }
          if (!this.Printinglist[li].fMarks) {
            this.$message.error('请输入属性详情')
            return false
          }
          if (!this.Printinglist[li].fDriverName) {
            this.$message.error('请输入司机姓名')
            return false
          }
          if (!this.Printinglist[li].fDriverTel) {
            this.$message.error('请输入司机电话')
            return false
          }
          if (!this.Printinglist[li].fTruckno) {
            this.$message.error('请输入车号')
            return false
          }
          if (this.Printinglist[li].fTruckno !== this.Printinglist[0].fTruckno) {
            this.$message.error('请选择车相同车号')
            return false
          }
          if (this.Printinglist[li].fDriverName !== this.Printinglist[0].fDriverName) {
            this.$message.error('请选择相同司机名')
            return false
          }
          if (!this.Printinglist[li].fId) {
            this.$message.error('请先保存!')
            return false
          }
          if (!this.Printinglist[li].fBusinessType) {
            this.$message.error('请先维护业务类型!')
            return false
          }
          if (!this.Printinglist[li].fMarks) {
            this.$message.error('请先维护业务详情!')
            return false
          }
          for (let list in this.goodsOptions) {
            if (this.Printinglist[li].fGoodsid === this.goodsOptions[list].fId) {
              this.$set(this.Printinglist[li], 'fGoodsids', this.goodsOptions[list].fName)
              break
            }
          }
          for (let list in this.fStorageTypeOptions) {
            if (this.Printinglist[li].fBusinessType === this.fStorageTypeOptions[list].dictValue) {
              this.$set(this.Printinglist[li], 'fBusinessTypes', this.fStorageTypeOptions[list].dictLabel)
              break
            }
          }
        }
        if (this.dataListSelection.length > 0) {
          this.fTruckno = this.dataListSelection[0].fTruckno
          this.fCntrtype = this.dataListSelection[0].fCntrtype
          this.fGoodsids = this.dataListSelection[0].fGoodsids
          this.fDriverTel = this.dataListSelection[0].fDriverTel
          this.fPackagespecs = this.dataListSelection[0].fPackagespecs
          var date = new Date(this.dataListSelection[0].fBsdate)
          var Y = date.getFullYear() + '-'
          var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
          var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
          this.fBsdates = Y + M + D
        }
        this.editDialogVisible_sss = true
      } else {
        this.$message.error('请选择需要打印的明细!')
      }
    },
    // 收款信息
    addCollection() {
      this.warehouseDrList.push({
        fCorpid: null,
        fFeeid: null,
        fFeeUnitid: null,
        fQty: null,
        fUnitprice: null,
        fAmount: null,
        fCurrency: "RMB",
        fExrate: "1",
        fTaxrate: this.fTaxrate,
        fCxrate: null,
        fRate: null,
        remarks: null,
        fMblno:this.form.fMblno,
        fProductName:this.form.fProductName,
        fMarks:this.form.fMarks
      });
    },
    addpayment() {
      this.warehouseCrList.push({
        fCorpid: null,
        fFeeid: null,
        fFeeUnitid: null,
        fQty: null,
        fUnitprice: null,
        fAmount: null,
        fCurrency: "RMB",
        fExrate: "1",
        fTaxrate: this.fTaxrate,
        fCxrate: null,
        fRate: null,
        remarks: null,
        fMblno:this.form.fMblno,
        fProductName:this.form.fProductName,
        fMarks:this.form.fMarks
      });
    },
    queryUser() {
      queryUserVal().then((response) => {
        if (response.user !== null) {
          this.userVal = response.user;
          this.$set(this.form, "fDeptid", this.userVal.deptId);
          this.$set(this.form, "createBy", this.userVal.userName);
          this.$set(this.form,"fStorekeeper",this.userVal.nickName)
          this.$set(this.form, "fIfdamage", "1");
          this.$set(this.form, "fIfweigh", "1");
          this.$set(this.form, "fTrademodeid", "1");
          this.$set(this.form, "createTime", Date.parse(new Date()));
        }
        if (response.dept !== null) {
          this.deptOptions = [];
          this.deptOptions.push(response.dept);
        }
      });
    },
    /** 查询仓库主(出入库)列表 */
    getList() {
      this.loading = true;
      listWarehousebills(this.queryParams).then((response) => {
        this.warehousebillsList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 查询作业费信息
    getWhgenlegList() {
      // this.queryParams.fCorpid = this.form.fCorpid;
      // this.queryParams.fLineno = this.form.fCorpid;
      let data = {
        pageNum:1,
        pageSize:10,
        fLineno:this.form.fCorpid,
        fFeeid:this.dataList[0].fGoodsid

      }
      operationAgreement(data).then((response) => {
        this.tasklegList = response.rows;
        for (let li in this.tasklegList) {
          this.$set(
            this.tasklegList[li],
            "fFeeUnitid",
            this.tasklegList[li].fFeeUnitid + ""
          );
        }
        this.whgenlegTotal = response.total;
      });
    },
    // 导入计划重量
    costList() {
      if (Number(this.planningList.fPlanqty) > Number(this.form.fPlanqty)) {
        this.$message({ message: "计划费件数不能大于主表计划费件数！", type: "warning", });
        return false;
      }
      if (Number(this.planningList.fPlanqty === 0)) {
        this.$message({ message: "计划件数不能为0", type: "warning", });
        return false;
      }
      this.getTreeselect()
      let fTruckno = null
      let fDriverTel = null
      let fDriverName = null
      let fDriverIdCar = null
      if (this.form.fTruckno) {
        fTruckno = this.form.fTruckno
      }
      if (this.form.fDriverTel) {
        fDriverTel = this.form.fDriverTel
      }
      if (this.form.fDriverName) {
        fDriverName = this.form.fDriverName
      }
      if (this.form.fDriverIdCar) {
        fDriverIdCar = this.form.fDriverIdCar
      }
      this.dataList.push({
        fBsdate: this.form.fBsdate,
        fGoodsid: null,
        fCntrtype: null,
        fCntqty: 1,
        fNetweight: this.planningList.fPlannetweight,
        fPlanvolumn: 0,
        fGrossweight: this.planningList.fPlangrossweight,
        fQty: this.planningList.fPlanqty,
        fPackagespecs: null,
        fWarehouselocid: null,
        fBoxno: null,
        fMarks: this.form.fMarks,
        fGoodsval: null,
        fTruckno: fTruckno,
        fDriverTel: fDriverTel,
        fDriverName: fDriverName,
        fDriverIdCar: fDriverIdCar,
        remark: null,
        fBillstatus: 10,
        fMblno:this.form.fMblno
      });
      this.weightList = false;
      // this.contrOl = true
      // 查询库区下 所有库位
      // this.warehouseMethod();
    },
    /* 所有库位信息 */
    warehouseMethod() {
      var  fWarehouseid = this.form.fWarehouseid ;
      let queryParams = { pageNum: 1, pageSize: 10, fStatus: 0, delFlag: 0, fWarehouseid : fWarehouseid };
      listWarehouse(queryParams).then((response) => {
        this.kqhouseOptions = response.rows;
      });
    },


    // 导入付款信息
    whgenlegData() {
      if (this.dialogWhgenlegList.length === 0) {
        this.$message({
          message: "请选择需要导入的数据",
          type: "warning",
        });
      } else {
        for (let whgen in this.dialogWhgenlegList) {
          let feeId = this.dialogWhgenlegList[whgen].feeFId;
          getFees(feeId).then((response) => {
            this.fWbuOptions.push(response.data);
          });
          this.warehouseDrList.push({
            fCorpid: this.dialogWhgenlegList[whgen].fCorpid,
            fFeeid: feeId,
            fFeeUnitid: this.dialogWhgenlegList[whgen].fFeeUnitid + "",
            fUnitprice: this.dialogWhgenlegList[whgen].fPrice,
            fCurrency: "RMB",
            fExrate: "1",
            fTaxrate: this.fTaxrate,
            fMblno:this.form.fMblno,
            fProductName:this.form.fProductName,
            fMarks:this.form.fMarks
          });
        }
        for (let list in this.warehouseDrList) {
          if (this.warehouseDrList[list].fFeeUnitid === "1") {
            this.$set(this.warehouseDrList[list], "fQty", this.fQty.toFixed(2));
          } else if (this.warehouseDrList[list].fFeeUnitid === "2") {
            this.$set(this.warehouseDrList[list], "fQty", (this.fGrossweight/1000).toFixed(2));
          } else if (this.warehouseDrList[list].fFeeUnitid === "3") {
            this.$set(this.warehouseDrList[list], "fQty", (this.fNetweight/1000).toFixed(2));
          } else {
            this.$set(this.warehouseDrList[list], "fQty", 0);
          }
          this.$set(this.warehouseDrList[list], "fAmount", (Number(this.warehouseDrList[list].fUnitprice) * Number(this.warehouseDrList[list].fQty)).toFixed(2)
          );
        }
        this.warehousingagreement = false;
      }
    },
    zhgenlegData() {
      if (this.dialogWhgenlegList.length === 0) {
        this.$message({
          message: "请选择需要导入的数据",
          type: "warning",
        });
      } else {
        for (let zhgen in this.dialogWhgenlegList) {
          let feeId = this.dialogWhgenlegList[zhgen].feeFId;
          getFees(feeId).then((response) => {
            this.fWbuOptions.push(response.data);
          });
          this.warehouseCrList.push({
            fCorpid: this.dialogWhgenlegList[zhgen].fCorpid,
            fFeeid: feeId,
            fFeeUnitid: this.dialogWhgenlegList[zhgen].fFeeUnitid + "",
            fUnitprice: this.dialogWhgenlegList[zhgen].fPrice,
            fCurrency: "RMB",
            fExrate: "1",
            fTaxrate: this.fTaxrate,
            fMblno:this.form.fMblno,
            fProductName:this.form.fProductName,
            fMarks:this.form.fMarks
          });
        }
        for (let list in this.warehouseCrList) {
          if (this.warehouseCrList[list].fFeeUnitid === "1") {
            this.$set(this.warehouseCrList[list], "fQty", this.fQty.toFixed(2));
          } else if (this.warehouseCrList[list].fFeeUnitid === "2") {
            this.$set(this.warehouseCrList[list], "fQty", (this.fGrossweight/1000).toFixed(2));
          } else if (this.warehouseCrList[list].fFeeUnitid === "3") {
            this.$set(this.warehouseCrList[list], "fQty", (this.fNetweight/1000).toFixed(2));
          } else {
            this.$set(this.warehouseCrList[list], "fQty", 0);
          }
          this.$set(this.warehouseCrList[list], "fAmount", (Number(this.warehouseCrList[list].fUnitprice) * Number(this.warehouseCrList[list].fQty)).toFixed(2));
        }
        this.warehousingagreements = false;
      }
    },
    // 作业类型(数据字典),对应st_in_type 字典翻译
    fBusinessTypeFormat(row,column){
      return this.selectDictLabel(this.businessTypeOption, row.fBusinessType);
    },
    // 贸易方式(数据字典),对���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);
    },
    // 编号字典翻译
    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.open = false;
      this.reset();
      this.getList()
    },
    // 表单重置
    reset() {
      this.doNot = false
      this.browseStatus = false
      this.approvalStatus = false
      this.detailsHidden = false
      this.warehousingagreement = false
      this.warehousingagreements = false
      this.formBrowseStatus = false
      this.editDialogVisible_s = false
      this.editDialogVisible_ss = false
      this.editDialogVisible_sss = false
      this.editDialogClosed_ss = false
      this.addOrUpdateVisible = false
      this.addOrUpdateVisib = false
      this.weightList = false
      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.fMblnoOptions = []
      this.userOptions = [];
      this.warehouseOptions = [];
      this.fSbuOptions = [];
      this.goodsOptions = [];
      this.kqhouseOptions = [];
      this.relevantAttachments = [];
      this.KHblnoOptions = [];
      this.fWbuOptions = [];
      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;
    },
    // 库存明细多选
    Selectinventory(selection) {
      this.Printinglist = selection;
      this.Printinglists = selection;
      this.dataListSelection = [];
      this.dataWithdrawList = [];
      if (!selection || selection.length === 0) {
        return false;
      } else {
        for (let se in selection) {
          if (!selection[se].fBillstatus || selection[se].fBillstatus !== 40) {
            this.dataListSelection.push(selection[se]);
          } else if (selection[se].fBillstatus && selection[se].fBillstatus === 40) {
            this.dataWithdrawList.push(selection[se]);
          }
        }
      }
      // 打印回显仓库
      for (let corp in this.warehouseOptions) {
        this.fAddr = this.warehouseOptions[corp].fAddr;
      }
    },

    // 收款选
    Collectionoptions(selection) {
      this.Collectionoptionss = selection
      for (let lest in this.fWbuOptions) {
        for (let li in this.Collectionoptionss) {
          if (this.fWbuOptions[lest].fId === this.Collectionoptionss[li].fFeeid) {
            this.$set(this.Collectionoptionss[li], 'fFeeids', this.fWbuOptions[lest].fName)
          }
        }
      }
    },
    // 收款删除
    deleteRow(index, rows) {
      rows.splice(index, 1);
    },
    deleteRoww(index, rows) {
      rows.splice(index, 1);
    },
    // 付款选择
    Paymentoptions(selection) {
    },
    /** 新增按钮操作 */
    handleAdd(status) {
      this.getTreeselect();
      this.form = {
          fItemsStatus: null,
          fFeetunit:"2"
      }
      this.browseStatus = status;
      this.queryUser();
      this.goodsRemoteMethod()
      this.warehousesssMethod()
      this.open = true;
      this.detailsHidden = false;
      this.dataList = [];
      this.warehouseCrList = [];
      this.warehouseDrList = [];
      this.relevantAttachments = [];
      this.mum = 0;
      this.title = "入库单";
      this.contrOl = false
      this.formBrowseStatus = false;
    },
    /** 修改按钮操作 */
    handleUpdate(row, status) {
      this.getTreeselect();
      this.reset();
      // this.contrOl = false
      // if (this.dataList.length === 0){
      //
      // }
      this.browseStatus = status;
      this.detailsHidden = false;
      this.formBrowseStatus = false;
      const fId = row.fId || this.ids;
      this.dataList = [];
      this.goodsRemoteMethod()
      getWarehousebills(fId).then((response) => {
        if (response.data.warehousebills) {
          this.form = response.data.warehousebills;
          this.before = this.form.createBy
          if (this.form.fBillstatus > 2) {
            this.approvalStatus = false;
          } else {
            this.fMblno = true;
          }
        }
        if (response.data.warehouseBillsItem) {
          this.dataList = response.data.warehouseBillsItem;
          for (let list in this.dataList) {
            this.$set(this.dataList[list], 'fBusinessType', this.dataList[list].fBusinessType + '')
            if (this.dataList[list].fBillstatus > 10) {
              this.formBrowseStatus = true;
              this.$set(this.dataList[list], "fBusinessType", this.dataList[list].fBusinessType + '')
            }
            if(this.dataList[list].fBillstatus === 40){
              this.contrOl = true
            }
          }
        }
        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.dataList[list].fBillstatus > 10) {
              this.formBrowseStatus = true;
            }
          }
        }
        if (response.data.enclosures) {
          this.relevantAttachments = response.data.enclosures;
        }
        this.$set(this.form, "fEta", Date.parse(this.form.fEta));
        this.$set(this.form, "fStltypeid", this.form.fStltypeid + "");
        this.$set(this.form, "fBsdate", Date.parse(this.form.fBsdate));
        this.$set(this.form, "fTrademodeid", this.form.fTrademodeid + "");
        this.$set(this.form, "createTime", Date.parse(this.form.createTime));
        this.$set(this.form, "fFeeUnitid", this.form.fFeeunitid + "");
        this.$set(this.form, "fPlannetweight", this.form.fPlannetweight.toFixed(2));
        this.$set(this.form, "fPlangrossweight", this.form.fPlangrossweight.toFixed(2));
        for (let list in this.dataList) {
          this.$set(this.dataList[list], "fBsdate", Date.parse(this.dataList[list].fBsdate));
        }
        this.kqhouseOptions = response.data.warehouseAreas;
        this.warehouseDrList = response.data.warehousebillsfeesDr;
        for (let dr in this.warehouseDrList) {
          this.$set(this.warehouseDrList[dr], "fFeeUnitid", this.warehouseDrList[dr].fFeeunitid + "");
          this.$set(this.warehouseDrList[dr], "fQty", this.warehouseDrList[dr].fQty.toFixed(2));
          this.$set(this.warehouseDrList[dr], "fAmount", this.warehouseDrList[dr].fAmount.toFixed(2));
        }
        this.warehouseCrList = response.data.warehousebillsfeesCr;
        for (let cr in this.warehouseCrList) {
          this.$set(this.warehouseCrList[cr], "fFeeUnitid", this.warehouseCrList[cr].fFeeunitid + "");
        }
        this.userOptions = response.data.sysUser;
        this.open = true;
        this.title = "修改仓入库";
      });
      queryUserVal().then((response)=>{
        this.current = response.user.userName
      })
    },
    // 库存总账多选框
    whgenlegSelectionChange(selection) {
      this.dialogWhgenlegList = selection;
    },
    // 合计
    getSummaries(param) {
      const { columns, data } = param;
      const sums = [];
      var values = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = "";
          return;
        }
        if (column.property === "fPlanvolumn") {
          values = data.map((item) => Number(item["fPlanvolumn"]));
        }
        if (column.property === "fGrossweight") {
          values = data.map((item) => Number(item["fGrossweight"]));
        }
        if (column.property === "fNetweight") {
          values = data.map((item) => Number(item["fNetweight"]));
        }
        if (column.property === "fQty") {
          values = data.map((item) => Number(item["fQty"]));
        }
        if (column.property === "fCntqty") {
          values = data.map((item) => Number(item["fCntqty"]));
        }
        if (
          column.property === "fPlanvolumn" ||
          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 === "fPlanvolumn") {
                this.fPlanvolumn = prev + curr;
              }
              if (column.property === "fGrossweight") {
                this.fGrossweight = prev + curr;
              }
              if (column.property === "fNetweight") {
                this.fNetweight = prev + curr;
              }
              if (column.property === "fQty") {
                this.fQty = prev + curr;
                this.mum = prev + curr;
              }
              if (column.property === "fCntqty") {
                this.fCntqty = prev + curr;
              }
              return prev + curr;
            } else {
              if (column.property === "fQty") {
                this.fQty = prev;
                this.mum = prev;
              }
              return prev;
            }
          }, 0);
          sums[index] = sums[index].toFixed(2);
        }
      });
      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] = sums[index].toFixed(2);
        }
      });
      return sums;
    },
    // 计划废用导入计算
    changeList(row) {
      this.fPlaNnumber = this.form.fPlannetweight / this.form.fPlanqty;
      this.fPlangNumber = this.form.fPlangrossweight / this.form.fPlanqty;
      this.planningList.fPlannetweight = (
        Number(this.planningList.fPlanqty) * Number(this.fPlaNnumber)
      ).toFixed(2);
      this.planningList.fPlangrossweight = (
        Number(this.planningList.fPlanqty) * Number(this.fPlangNumber)
      ).toFixed(2);
    },
    // 数量计算
    changeContractAmt(row) {
      let fQty = 0;
      let fUnitprice = 0;
      if (row.fUnitprice) {
        fUnitprice = row.fUnitprice;
      }
      if (row.fQty) {
        fQty = row.fQty;
      }
      this.$set(row, "fAmount", Number(fUnitprice) * Number(fQty)).toFixed(2);
    },
    changefCorpid(row) {
      this.$set(row, "fSbu", row.fCorpid);
      for (let corp in this.fMblnoOptions) {
        if (row.fCorpid === this.fMblnoOptions[corp].fId) {
          this.$set(
            this.form,
            "fStltypeid",
            this.fMblnoOptions[corp].fStltypeid + ""
          );
        }
      }
    },
    // 品名改变
    changefGoodsid(row) {
      for (let corp in this.goodsOptions) {
        if (row.fGoodsid === this.goodsOptions[corp].fId) {
          this.$set(row, "fGoodsids", this.goodsOptions[corp].fName);
          this.$set(row, "fPackagespecs", this.goodsOptions[corp].fPackagespecs);
        }
      }
    },
    // 变更计价单位
    changeFeeUnit(row) {
      if (!row.fFeeUnitid) {
        return false;
      }
      if (row.fFeeUnitid === "2") {
        this.$set(row, "fQty", (this.fGrossweight/1000).toFixed(2));
      } else if (row.fFeeUnitid === "1") {
        this.$set(row, "fQty", this.fQty.toFixed(2));
      } else if (row.fFeeUnitid === "3") {
        this.$set(row, "fQty", (this.fNetweight/1000).toFixed(2));
      } else {
        this.$set(row, "fQty", 0);
      }
      if (row.fUnitprice) {
        this.$set(
          row,
          "fAmount",
          parseFloat(Number(row.fUnitprice) * Number(row.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);
        }
      }
    },
    // 入账
    creditClick() {
      this.$refs['form'].validate((valid) => {
        for (let warehouseCr in this.Printinglist) {
          if(this.form.fFeetunit > 3){
            this.$message.error('请维护主表计费单位为件数、毛重或净重')
            return false
          }
          if (!this.Printinglist[warehouseCr].fQty || this.Printinglist[warehouseCr].fQty === 0) {
            this.$message.error("请维护入库件数");
            return false;
          }
          if (!this.Printinglist[warehouseCr].fNetweight || this.Printinglist[warehouseCr].fNetweight === 0) {
            this.$message.error("请维护入库净重");
            return false;
          }
          if (!this.Printinglist[warehouseCr].fGrossweight || this.Printinglist[warehouseCr].fGrossweight === 0) {
            this.$message.error("请维护入库毛重");
            return false;
          }
        }
        for (let warehouseCr in this.dataListSelection) {
          if (this.dataListSelection[warehouseCr].fBillstatus === 20) {
            this.$message.error('请先卸货')
            return false
          }
          if (this.dataListSelection[warehouseCr].fBillstatus !== 30) {
            this.$message.error('请先打印作业单')
            return false
          }
          if (!this.dataListSelection[warehouseCr].fBusinessType) {
            this.$message.error('请维护业务类型')
            return false
          }
          if (!this.dataListSelection[warehouseCr].fMarks) {
            this.$message.error('请维护业务详情')
            return false
          }
          if (!this.dataListSelection[warehouseCr].fWarehouselocid) {
            this.$message.error('请选择库区')
            return false
          }
          if (!this.dataListSelection[warehouseCr].fGoodsid) {
            this.$message.error('请选择品名')
            return false
          }
          if (!this.dataListSelection[warehouseCr].fGrossweight) {
            this.$message.error('请选择入库毛重')
            return false
          }
          if (!this.dataListSelection[warehouseCr].fNetweight) {
            this.$message.error('请选择入库净重')
            return false
          }
          if (!this.dataListSelection[warehouseCr].fQty) {
            this.$message.error('请选择入库件数')
            return false
          }
          if (!this.dataListSelection[warehouseCr].fDriverName) {
            this.$message.error('请输入司机姓名')
            return false
          }
        }
        if (valid) {
          let formData = new window.FormData()
          formData.append('warehouseBills', JSON.stringify(this.form))
          formData.append('warehousebillsitems', JSON.stringify(this.dataListSelection))
          formData.append('warehousebillsfeesDr', JSON.stringify(this.warehouseDrList))
          formData.append('warehousebillsfeesCr', JSON.stringify(this.warehouseCrList))
          formData.append('tEnclosure', JSON.stringify(this.relevantAttachments))
          formData.append('whgenleg', JSON.stringify(this.relevantAttachments))
          addWhgenleg(formData).then((response) => {
            this.fid = response.data
            this.formBrowseStatus = true
            let warehouseItem = response.data.warehousebillsitems
            for (let item in warehouseItem) {
              for (let li in this.dataList) {
                if (warehouseItem[item].fId === this.dataList[li].fId) {
                  this.$set(this.dataList[li], 'fBillstatus', warehouseItem[item].fBillstatus)
                  this.$set(this.dataList[li], 'fIsInventory', warehouseItem[item].fIsInventory)
                  break
                }
              }
            }
            this.msgSuccess('入账成功')
            this.$refs.checkout.clearSelection()
            this.contrOl = true
          })
        }
      })
    },
    // 打印作业单
    addList() {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          let formData = new window.FormData();
          formData.append("warehouseBills", JSON.stringify(this.form));
          formData.append("warehousebillsitems", JSON.stringify(this.dataListSelection));
          formData.append("warehousebillsfeesDr", JSON.stringify(this.warehouseDrList));
          formData.append("warehousebillsfeesCr", JSON.stringify(this.warehouseCrList));
          formData.append("tEnclosure", JSON.stringify(this.relevantAttachments));
          addJoblist(formData).then((response) => {
            this.formBrowseStatus = true
            let dataSelection = response.data.warehousebillsitems
            for (let li in dataSelection) {
              for (let i in this.dataList) {
                if (dataSelection[li].fId === this.dataList[i].fId && this.dataList[i].fBillstatus === 10) {
                  this.$set(this.dataList[i], 'fBillstatus', dataSelection[li].fBillstatus)
                  this.$set(this.dataList[i], 'fSerialNumber', dataSelection[li].fSerialNumber)
                  break
                }
              }
            }
            this.$refs.checkout.clearSelection()
          })
        }
      });
    },
    // 撤回入账
    withdrawClick() {
      // 撤回入库
      let formData = new window.FormData();
      formData.append("warehouseBills", JSON.stringify(this.form));
      formData.append("warehousebillsitems", JSON.stringify(this.dataWithdrawList));
      formData.append("warehousebillsfeesDr", JSON.stringify(this.warehouseDrList));
      formData.append("warehousebillsfeesCr", JSON.stringify(this.warehouseCrList));
      formData.append("tEnclosure", JSON.stringify(this.relevantAttachments));
      updateCredit(formData).then((response) => {
        this.fid = response.data;
        this.formBrowseStatus = false;
        this.msgSuccess("撤销入账成功");
        for (let li in this.dataWithdrawList) {
          for (let i in this.dataList) {
            if (this.dataWithdrawList[li].fId === this.dataList[i].fId) {
              this.$set(this.dataList[i], "fBillstatus", 10);
              break
            }
          }
        }
        this.$refs.checkout.clearSelection();
      });
    },
    // 仓库发生变化时
    changeWarehouse () {
      for (let ware in this.warehouseOptions) {
        if (this.form.fWarehouseid === this.warehouseOptions[ware].fId) {
          this.$set(this.form, 'fTel', this.warehouseOptions[ware].fTel)
          this.$set(this.form, 'fContacts', this.warehouseOptions[ware].fContacts)
        }
      }
    },
    // 卸货按钮
    discharge() {
      if (this.Printinglist.length > 0) {
        for (let warehouseCr in this.Printinglist) {
          if (this.Printinglist[warehouseCr].fBillstatus === 10) {
            this.$message.error("请先打印作业单");
            return false;
          }
          if (this.Printinglist[warehouseCr].fBillstatus >= 30) {
            this.$message.error("请勿重复卸货");
            return false;
          }
          // if (!this.Printinglist[warehouseCr].fQty || this.Printinglist[warehouseCr].fQty === 0) {
          //   this.$message.error("请维护入库件数");
          //   return false;
          // }
          // if (!this.Printinglist[warehouseCr].fNetweight || this.Printinglist[warehouseCr].fNetweight === 0) {
          //   this.$message.error("请维护入库净重");
          //   return false;
          // }
          // if (!this.Printinglist[warehouseCr].fGrossweight || this.Printinglist[warehouseCr].fGrossweight === 0) {
          //   this.$message.error("请维护入库毛重");
          //   return false;
          // }
        }
        this.$refs["form"].validate((valid) => {
          if (valid) {
            let dataSelection = JSON.parse(JSON.stringify(this.dataListSelection))
            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("warehousebillsfeesDr", JSON.stringify(this.warehouseDrList));
            formData.append("warehousebillsfeesCr", JSON.stringify(this.warehouseCrList));
            if (!this.form.fId) {
              this.form.fId = this.fid;
            }
            disChargelist(formData).then((response) => {
              this.dataList = response.data.warehousebillsitems
              for (let li in this.dataList) {
                this.$set(this.dataList[li], "fBsdate", Date.parse(this.dataList[li].fBsdate));
                this.$set(this.dataList[li], "fBusinessType", this.dataList[li].fBusinessType + '')
              }
              this.msgSuccess("卸货成功");
              this.$refs.checkout.clearSelection();
            });
          }
        });
      } else {
        this.$message.error("请选择需要卸货的明细!");
      }
    },
    /** 提交按钮 */
    submitForm(status) {
      this.updateDeduplication()
      if (status === 2) {
        this.preservation();
      } else {
        this.pleaseCheck();
      }
    },
    // 更新主表唛头、品名并去重
    updateDeduplication: function() {
      if (this.dataList.length === 0) {
        return false
      }
      let fMarks = []
      let fGoodsid = []
      for (let li in this.dataList) {
        if (this.dataList[li].fMarks) {
          fMarks.push(this.dataList[li].fMarks)
        }
        fGoodsid.push(this.dataList[li].fGoodsids)
      }
      this.$set(this.form, 'fMarks', Array.from(new Set(fMarks)).join(","))
      this.$set(this.form, 'fProductName', Array.from(new Set(fGoodsid)).join(","))
    },
    //作业类型校验
    educationChange() {
      console.log(this.form.fBusinessType)
      if (this.form.fBusinessType === '1' || this.form.fBusinessType === '2') {
        console.log("111")
        console.log("走这")
        this.isrequired = 1
        this.isrequired_s = 2
      }else if(this.form.fBusinessType === '3' || this.form.fBusinessType === '4'){
        console.log("333")
        this.isrequired_s = 1
        this.isrequired = 2
      }else{
        this.isrequired = 2
        this.isrequired_s = 2
      }
    },
    // 提交保存保存成功
    preservation() {
      this.$refs['form'].validate((valid) => {
        if (valid) {
          this.form.fBillstatus = status
          this.form.fNetweight = this.fNetweight
          this.form.fPlanvolumn = this.fPlanvolumn
          this.form.fGrossweight = this.fGrossweight
          this.form.fQty = this.fQty
          // if (!this.form.fId) {
          //   this.form.fId = this.fid
          // }
          // if (!this.form.fBusinessType) {
          //   this.$message.error('请选择货物属性!')
          //   return false
          // }
          for (let list in this.dataList) {
            if (!this.dataList[list].fBusinessType) {
              this.$message.error('请输入库存明细的货物属性!')
              return false
            }
          }
          let formDatae = new window.FormData()
          // 附件数据
          this.form.fBillingway = this.form.fFeetunit
          console.log(this.form)
          formDatae.append('tWarehouseBills', JSON.stringify(this.form))
          // 库存明细
          formDatae.append('tWarehousebillsitems', JSON.stringify(this.dataList))
          // 附件数据
          formDatae.append('tEnclosure', JSON.stringify(this.relevantAttachments))
          // 费用明细付款
          formDatae.append('tWarehousebillsfeesCr', JSON.stringify(this.warehouseCrList))
          // 收款
          formDatae.append('tWarehousebillsfeesDr', JSON.stringify(this.warehouseDrList))
          console.log(this.form)
          addWarehousebills(formDatae).then((response) => {
            this.msgSuccess('保存成功')
            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, 'fBsdate', Date.parse(this.form.fBsdate))
            this.$set(this.form, 'fTrademodeid', this.form.fTrademodeid + '')
            this.$set(this.form, 'createTime', Date.parse(this.form.createTime))
            this.dataList = response.data.warehousebillsitems
            for (let list in this.dataList) {
              this.$set(this.dataList[list], 'fBsdate', Date.parse(this.dataList[list].fBsdate))
              this.$set(this.dataList[list], 'fBusinessType', this.dataList[list].fBusinessType + '')
            }
            this.fid = response.data.warehouseBills.fId
            this.getList()
          })
        }
      })
    },
    // 请核成功
    pleaseCheck() {
      this.updateDeduplication()
      this.$refs['form'].validate((valid) => {
        if (this.dataList.length === 0) {
          this.$message.error('请新增库存明细!')
          return false
        }
        if (!this.form.fBusinessType) {
          this.$message.error('请选择货物属性!')
          return false
        }
        for (let list in this.dataList) {
          if (!this.dataList[list].fGoodsid) {
            this.$message.error('请输入品名!')
            return false
          }
          if (!this.dataList[list].fWarehouselocid) {
            this.$message.error('请输入库区!')
            return false
          }
          if (this.dataList[list].fBillstatus !== 40) {
            this.$message.error('请入账库存明细!')
            return false
          }
        }
        if (valid) {
          this.form.fBillstatus = status
          this.form.fNetweight = this.fNetweight
          this.form.fPlanvolumn = this.fPlanvolumn
          this.form.fGrossweight = this.fGrossweight
          this.form.fQty = this.fQty
          if (!this.form.fId) {
            this.form.fId = this.fid
          }
          let formData = new window.FormData()
          // 附件数据
          this.form.fBillingway = this.form.fFeetunit
          formData.append('tWarehouseBills', JSON.stringify(this.form))
          // 库存明细
          formData.append('tWarehousebillsitems', JSON.stringify(this.dataList))
          // 附件数据
          formData.append('tEnclosure', JSON.stringify(this.relevantAttachments))
          // 费用明细付款
          formData.append('tWarehousebillsfeesCr', JSON.stringify(this.warehouseCrList))
          // 收款
          formData.append('tWarehousebillsfeesDr', JSON.stringify(this.warehouseDrList))
          addWarehouse(formData).then((response) => {
            this.msgSuccess('提交成功')
            this.open = false
            this.getList()
            this.reset()
          })
        }
      })
    },

    /** 删除按钮操作 */
    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)
        })
    },
    wDeleteRow(index, rows) {
      rows.splice(index, 1)
      let sum = 0
      for (let li in this.dataList) {
        if (this.dataList[li].fQty) {
          sum = Number(sum) + Number(this.dataList[li].fQty)
        }
        if (this.dataList[li].fBillstatus > 10) {
          this.formBrowseStatus = true
        }
      }
      this.mum = sum

      if (this.dataList.length === 0) {
        this.formBrowseStatus = false
        this.contrOl = false
        return false
      }
    },
    // 查看审批流
    getDataList() {
      this.addOrUpdateVisible = false
    },
    returnData() {
      this.addOrUpdateVisib = false
      this.open = false
      this.cancelTwo()
    },
    addOrUpdateHandle(form) {
      this.addOrUpdateVisible = true
      let id = '448'
      let actId = '110'
      this.$nextTick(() => {
        this.$refs.addOrUpdate.init(form.fId, actId)
      })
    },
    addOrUpdateHand(form) {
      this.addOrUpdateVisib = true;
      this.$nextTick(() => {
        this.$refs.ApprovalComments.init(form.fId, 110);
      });
    },
    /* 远程模糊查询用户 */
    corpsRemoteMethod(name) {
      if (name == null || name === "") {
        return false;
      }
      let queryParams = { pageNum: 1, pageSize: 10, fName: name, type: 1 };
      listCorps(queryParams).then((response) => {
        this.fMblnoOptions = response.rows;
        this.KHblnoOptions = response.rows;
      });
    },
    /* 远程模糊查询质押银行 */
    corpsRemoteMethodd(name) {
      if (name == null || name === "") {
        return false;
      }
      let queryParams = { pageNum: 1, pageSize: 10, fName: name, type: 5 };
      listCorps(queryParams).then((response) => {
        this.Pledgebank = response.rows;
      });
    },
    /* 弹窗获取所有商品信息 */
    goodsRemoteMethod() {
      let queryParams = { pageNum: 1, pageSize: 10, fStatus: 0, delFlag: 0 };
      listGoods(queryParams).then((response) => {
        this.goodsOptions = response.rows;
      });
    },
    /* 获取所有仓库信息 */
    warehousesssMethod() {
      let queryParams = { pageNum: 1, pageSize: 10, fStatus: 0, delFlag: 0 };
      listWarehousesss(queryParams).then((response) => {
        this.warehouseOptions = response.rows;
      });
    },
    // 选择费用信息时获取计价单位
    changeFeeId (row) {
      for (let li in this.fWbuOptions) {
        if (row.fFeeid === this.fWbuOptions[li].fId) {
          this.$set(row, 'fFeeUnitid', this.fWbuOptions[li].fFeeunitid + '')
          this.changeFeeUnit(row)
          break
        }
      }
    },
    // 远程模糊查询费用名称
    fWRemoteMethod(name) {
      if (name == null || name === "") {
        return false;
      }
      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
      listFees(queryParams).then((response) => {
        this.fWbuOptions = response.rows;
      });
    },
    /* 远程模糊查询劳务公司 */
    flabourRemoteMethod(name) {
      if (name == null || name === "") {
        return false;
      }
      let queryParams = { pageNum: 1, pageSize: 10, fName: name, fTypeid: 6};
      listCorps(queryParams).then((response) => {
        this.fSbuOptions = response.rows;
      });
    },
    /* 远程模糊查询车队 */
    fleetRemoteMethod(name) {
      if (name == null || name === "") {
        return false;
      }
      let queryParams = { pageNum: 1, pageSize: 10, fName: name, fTypeid: 2};
      listCorps(queryParams).then((response) => {
        this.fSbuOptions = 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) => {
        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: 50px;
  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;
}

 .el-collapse-item__header{
   font-size: 16px;
   font-weight: bolder;
   padding-left: 5px;
 }
 .el-icon-s-home,.el-icon-s-order,.el-icon-circle-plus,.el-icon-remove{
   padding-right: 5px;
 }
</style>