Sfoglia il codice sorgente

附件上传方法(待优化)

阿伏兔 4 anni fa
parent
commit
d545b86f2e
1 ha cambiato i file con 859 aggiunte e 844 eliminazioni
  1. 859 844
      src/views/warehouseBusiness/inStock/index.vue

+ 859 - 844
src/views/warehouseBusiness/inStock/index.vue

@@ -79,7 +79,7 @@
           clearable
           size="small"
         >
-          <el-option label="请选择字典生成" value="" />
+          <el-option label="请选择字典生成" value=""/>
         </el-select>
       </el-form-item>
       <el-form-item label="仓库" prop="fwarehouseid">
@@ -97,10 +97,10 @@
           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>
@@ -113,7 +113,7 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['warehouseBusiness:warehousebills:add']"
-          >新增
+        >新增
         </el-button>
       </el-col>
       <el-col :span="1.5">
@@ -124,7 +124,7 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['warehouseBusiness:warehousebills:edit']"
-          >修改
+        >修改
         </el-button>
       </el-col>
       <el-col :span="1.5">
@@ -135,7 +135,7 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['warehouseBusiness:warehousebills:remove']"
-          >删除
+        >删除
         </el-button>
       </el-col>
       <el-col :span="1.5">
@@ -145,7 +145,7 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['warehouseBusiness:warehousebills:export']"
-          >导出
+        >导出
         </el-button>
       </el-col>
       <right-toolbar
@@ -159,18 +159,19 @@
       :data="warehousebillsList"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column type="index" label="行号" align="center" />
-      <el-table-column label="货权方" align="center" prop="fCorpid" />
-      <el-table-column label="提单号" align="center" prop="fMblno" />
-      <el-table-column label="经营单位" align="center" prop="fSbu" />
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column type="index" label="行号" align="center"/>
+      <el-table-column label="货权方" align="center" prop="fCorpid"/>
+      <el-table-column label="提单号" align="center" prop="fMblno"/>
+      <el-table-column label="经营单位" align="center" prop="fSbu"/>
       <el-table-column
         label="入库日期"
         align="center"
         prop="fcreatetime"
         width="180"
-        ><template slot-scope="scope">
-          <span>{{ parseTime(scope.row.fcreatetime, "{y}-{m}-{d}") }}</span>
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.fcreatetime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -179,14 +180,14 @@
         prop="fTrademodeid"
         :formatter="fTrademodeidFormat"
       />
-      <el-table-column label="仓库" align="center" prop="fWarehouseid" />
+      <el-table-column label="仓库" align="center" prop="fWarehouseid"/>
 
-      <el-table-column label="入库件数" align="center" prop="fQty" />
+      <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="fgrossweight"/>
 
-      <el-table-column label="净重" align="center" prop="fNetweight" />
+      <el-table-column label="净重" align="center" prop="fNetweight"/>
 
       <el-table-column
         label="操作"
@@ -201,7 +202,7 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['warehouseBusiness:warehousebills:edit']"
-            >修改
+          >修改
           </el-button>
           <el-button
             size="mini"
@@ -209,7 +210,7 @@
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['warehouseBusiness:warehousebills:remove']"
-            >删除
+          >删除
           </el-button>
         </template>
       </el-table-column>
@@ -300,7 +301,7 @@
 
           <el-col :span="8">
             <el-form-item label="仓管员" prop="fStorekeeper">
-               <el-select
+              <el-select
                 v-model="form.fStorekeeper"
                 filterable
                 remote
@@ -607,7 +608,7 @@
       <div class="dialogTableTitle flex a-center jlr">
         <h2>库存明细</h2>
         <el-button :disabled="browseStatus" @click.prevent="addRelevant()"
-          >添加
+        >添加
         </el-button>
       </div>
       <el-table
@@ -896,7 +897,8 @@
             <el-button
               @click.native.prevent="deleteRow(scope.$index, dataList)"
               size="small"
-              >移除</el-button
+            >移除
+            </el-button
             >
           </template>
         </el-table-column>
@@ -904,7 +906,7 @@
       <div class="dialogTableTitle flex a-center jlr">
         <h2>附件上传</h2>
         <el-button :disabled="browseStatus" @click.prevent="addRelevt()"
-          >添加
+        >添加
         </el-button>
       </div>
       <el-table
@@ -979,34 +981,26 @@
                 target="_blank"
                 class="buttonText"
                 style="float: left; margin-left: 1px"
-                >查看</a
+              >查看</a
               >
             </el-button>
-            <el-upload
-              class="upload-demo"
-              ref="upload"
-              action="node"
-              :on-change="checkType"
-              :disabled="browseStatus"
-              :show-file-list="false"
-              :auto-upload="false"
-              style="float: left"
+            <el-table-column
+              prop="attachId"
+              header-align="center"
+              align="center"
+              width="250PX"
+              label="上传附件"
             >
-              <el-button
-                slot="trigger"
-                @click="clickAttachId(scope.$index)"
-                size="small"
-                type="primary"
-                style="margin-left: 5px"
-                >上传
-              </el-button>
-            </el-upload>
+              <template slot-scope="scope">
+                <uploadImage @input="showFile" v-model="scope.row.fUrl"/>
+              </template>
+            </el-table-column>
             <el-button
               style="margin-left: 5px"
               @click.native.prevent="deleteAttach(scope.row)"
               :disabled="browseStatus"
               size="small"
-              >删除
+            >删除
             </el-button>
           </template>
         </el-table-column>
@@ -1023,7 +1017,7 @@
               "
               :disabled="browseStatus"
               size="small"
-              >移除
+            >移除
             </el-button>
           </template>
         </el-table-column>
@@ -1031,7 +1025,7 @@
       <div class="dialogTableTitle flex a-center jlr">
         <h2>收款信息</h2>
         <el-button :disabled="browseStatus" @click.prevent="addCollection()"
-          >添加
+        >添加
         </el-button>
       </div>
       <el-table
@@ -1059,19 +1053,19 @@
               show-word-limitfMblnoOptions
             /> -->
             <el-select
-                v-model="scope.row.fCorpid"
-                filterable
-                remote
-                :remote-method="corpsRemoteMethod"
-                placeholder="客户名称"
-              >
-                <el-option
-                  v-for="dict in KHblnoOptions"
-                  :key="dict.fId"
-                  :label="dict.fName"
-                  :value="dict.fId"
-                ></el-option>
-              </el-select>
+              v-model="scope.row.fCorpid"
+              filterable
+              remote
+              :remote-method="corpsRemoteMethod"
+              placeholder="客户名称"
+            >
+              <el-option
+                v-for="dict in KHblnoOptions"
+                :key="dict.fId"
+                :label="dict.fName"
+                :value="dict.fId"
+              ></el-option>
+            </el-select>
           </template>
         </el-table-column>
         <el-table-column
@@ -1088,19 +1082,19 @@
               show-word-limit
             /> -->
             <el-select
-                v-model="scope.row.fCorpid"
-                filterable
-                remote
-                :remote-method="fWRemoteMethod"
-                placeholder="费用名称"
-              >
-                <el-option
-                  v-for="dict in fWbuOptions"
-                  :key="dict.fId"
-                  :label="dict.fName"
-                  :value="dict.fId"
-                ></el-option>
-              </el-select>
+              v-model="scope.row.fCorpid"
+              filterable
+              remote
+              :remote-method="fWRemoteMethod"
+              placeholder="费用名称"
+            >
+              <el-option
+                v-for="dict in fWbuOptions"
+                :key="dict.fId"
+                :label="dict.fName"
+                :value="dict.fId"
+              ></el-option>
+            </el-select>
           </template>
         </el-table-column>
         <el-table-column
@@ -1117,17 +1111,17 @@
               show-word-limit
             /> -->
             <el-select
-                v-model="scope.row.fFeeUnitid"
-                placeholder="请选择计费单位"
-                clearable
-              >
-                <el-option
-                  v-for="dict in jFeetunitOptions"
-                  :key="dict.dictValue"
-                  :label="dict.dictLabel"
-                  :value="dict.dictValue"
-                />
-              </el-select>
+              v-model="scope.row.fFeeUnitid"
+              placeholder="请选择计费单位"
+              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
@@ -1256,7 +1250,8 @@
             <el-button
               @click.native.prevent="deleteRow(scope.$index, warehouseDrList)"
               size="small"
-              >移除</el-button
+            >移除
+            </el-button
             >
           </template>
         </el-table-column>
@@ -1264,7 +1259,7 @@
       <div class="dialogTableTitle flex a-center jlr">
         <h2>付款信息</h2>
         <el-button :disabled="browseStatus" @click.prevent="addpayment()"
-          >添加
+        >添加
         </el-button>
       </div>
       <el-table
@@ -1292,19 +1287,19 @@
               show-word-limit
             /> -->
             <el-select
-                v-model="scope.row.fCorpid"
-                filterable
-                remote
-                :remote-method="corpsRemoteMethod"
-                placeholder="客户名称"
-              >
-                <el-option
-                  v-for="dict in KHblnoOptions"
-                  :key="dict.fId"
-                  :label="dict.fName"
-                  :value="dict.fId"
-                ></el-option>
-              </el-select>
+              v-model="scope.row.fCorpid"
+              filterable
+              remote
+              :remote-method="corpsRemoteMethod"
+              placeholder="客户名称"
+            >
+              <el-option
+                v-for="dict in KHblnoOptions"
+                :key="dict.fId"
+                :label="dict.fName"
+                :value="dict.fId"
+              ></el-option>
+            </el-select>
           </template>
         </el-table-column>
         <el-table-column
@@ -1321,19 +1316,19 @@
               show-word-limit
             /> -->
             <el-select
-                v-model="scope.row.fCorpid"
-                filterable
-                remote
-                :remote-method="fWRemoteMethod"
-                placeholder="费用名称"
-              >
-                <el-option
-                  v-for="dict in fWbuOptions"
-                  :key="dict.fId"
-                  :label="dict.fName"
-                  :value="dict.fId"
-                ></el-option>
-              </el-select>
+              v-model="scope.row.fCorpid"
+              filterable
+              remote
+              :remote-method="fWRemoteMethod"
+              placeholder="费用名称"
+            >
+              <el-option
+                v-for="dict in fWbuOptions"
+                :key="dict.fId"
+                :label="dict.fName"
+                :value="dict.fId"
+              ></el-option>
+            </el-select>
           </template>
         </el-table-column>
         <el-table-column
@@ -1350,17 +1345,17 @@
               show-word-limit
             /> -->
             <el-select
-                v-model="scope.row.fFeeUnitid"
-                placeholder="请选择计费单位"
-                clearable
-              >
-                <el-option
-                  v-for="dict in jFeetunitOptions"
-                  :key="dict.dictValue"
-                  :label="dict.dictLabel"
-                  :value="dict.dictValue"
-                />
-              </el-select>
+              v-model="scope.row.fFeeUnitid"
+              placeholder="请选择计费单位"
+              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
@@ -1489,7 +1484,8 @@
             <el-button
               @click.native.prevent="deleteRow(scope.$index, warehouseCrList)"
               size="small"
-              >移除</el-button
+            >移除
+            </el-button
             >
           </template>
         </el-table-column>
@@ -1500,14 +1496,14 @@
           size="mini"
           prop="打印"
           @click="showEditDialog_ss"
-          >收货单
+        >收货单
         </el-button>
         <el-button
           type="danger"
           size="mini"
           prop="打印"
           @click="showEditDialog_s"
-          >入库单
+        >入库单
         </el-button>
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -1753,7 +1749,7 @@
             <td>电话</td>
             <td>15896154516</td>
             <td colspan="2" rowspan="2">
-              确认货物数量无误,包装于货物完好!<br />出库盖好篷布,如有违背责任自负<br />装卸工是否收小费
+              确认货物数量无误,包装于货物完好!<br/>出库盖好篷布,如有违背责任自负<br/>装卸工是否收小费
             </td>
           </tr>
           <tr>
@@ -1781,749 +1777,768 @@
 </template>
 
 <script>
-import print from "print-js";
-import {
-  listWarehousebills,
-  getWarehousebills,
-  delWarehousebills,
-  addWarehousebills,
-  updateWarehousebills,
-  exportWarehousebills,
-} from "@/api/warehouseBusiness/warehouseInStock";
+  import print from 'print-js'
+  import {
+    listWarehousebills,
+    getWarehousebills,
+    delWarehousebills,
+    addWarehousebills,
+    updateWarehousebills,
+    exportWarehousebills
+  } from '@/api/warehouseBusiness/warehouseInStock'
 
-import { listCorps } from "@/api/basicdata/corps";
+  import UploadImage from '@/components/UploadImage'
 
-import { listFees } from "@/api/basicdata/fees";
+  import { listCorps } from '@/api/basicdata/corps'
 
-import { listWarehouse } from "@/api/basicdata/warehouse";
+  import { listFees } from '@/api/basicdata/fees'
 
-import { listGoods } from "@/api/basicdata/goods";
+  import { listWarehouse } from '@/api/basicdata/warehouse'
 
-import { listUser, queryUserVal } from "@/api/system/user";
+  import { listGoods } from '@/api/basicdata/goods'
 
-export default {
-  name: "Warehousebills",
-  components: {},
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      userVal: {
-        userName: null,
-        nickName: null,
-        deptId: null,
-      },
-      queryForm: {},
-      // 添加用户对话框
-      editDialogVisible_s: false,
-      editDialogVisible_ss: false,
-      editDialogClosed_ss: false,
-      dataList: [],
-      warehouseCrList: [],
-      warehouseDrList: [],
-      browseStatus: false,
-      relevantAttachments: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 仓库主(出入库)表格数据
-      warehousebillsList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 货权方(客户数据)
-      fMblnoOptions: [],
-      // 货权方(客户数据)
-      // 客户名称
-      KHblnoOptions: [],
-      fSbuOptions: [],
-      // 操作员
-      userOptions: [],
-      // 操作员
-      goodsOptions: [],
-      // 制单部门
-      deptOptions: [],
-      // 仓库(仓库数据)
-      warehouseOptions: [],
-      // 贸易方式(数据字典),对应t_trademodels 字典
-      fTrademodeidOptions: [],
-      // 计费单位(数据字典),下拉选择毛重或净重字典
-      fFeetunitOptions: [],
-      // 结算方式(数据字典),下拉选择字典
-      fStltypeOptions: [],
-      // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典
-      fIfweighOptions: [],
-      // 是否质押(数据字典),默认 F ,质押T 否者F 下拉选择字典
-      fIfpledgeOptions: [],
-      // 是否破损(数据字典),默认F否则T字典
-      fIfdamageOptions: [],
-      // 单据类型(数据字典)SJRK字典
-      fBilltypeOptions: [],
-      // 状态(数据字典),N 入字典
-      fBillstatusOptions: [],
-      // 费用名称
-      fWbuOptions:[],
-      // 计价单位
-      jFeetunitOptions:[],
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        fBillno: null,
-        createBy: null,
-        createTime: null,
-        fCustomsdeclartion: null,
-        fOriginalbillno: null,
-        fDeptid: null,
-        fBsdeptid: null,
-        fContacts: null,
-        fTel: null,
-        fCorpid: null,
-        fTocorpid: null,
-        fStltypeid: null,
-        fBscorpno: null,
-        fWarehouseid: null,
-        fStorekeeper: null,
-        fBsdate: null,
-        fPlanqty: null,
-        fPlangrossweight: null,
-        fPlannetweight: null,
-        fPlanvolumn: null,
-        fQty: null,
-        fGrossweight: null,
-        fNetweight: null,
-        fVolumn: null,
-        fTrademodeid: null,
-        fSbu: null,
-        fFeetunit: null,
-        fMblno: null,
-        fVslvoy: null,
-        fEta: null,
-        fCustomno: null,
-        fIfweigh: null,
-        fIfpledge: null,
-        fIfdamage: null,
-        fBankcorpid: null,
-        fBilltype: null,
-        fBillstatus: null,
-        fCreateby: null,
-        fCreatetime: null,
-        fGoodsid: null,
-        fCntrtype: null,
-        fCntqty: null,
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        fDeptid: [
-          { required: true, message: "制单部门不能为空", trigger: "blur" },
-        ],
-        fMblno: [{ required: true, message: "请输入提单号", trigger: "blur" }],
-        fBsdeptid: [
-          { required: true, message: "业务所属部门不能为空", trigger: "blur" },
-        ],
-        fCorpid: [
-          {
-            required: true,
-            message: "请选择货权方",
-            trigger: "blur",
-          },
-        ],
-        fBsdate: [
-          { required: true, message: "请选择业务日期", trigger: "blur" },
-        ],
-        fStorekeeper: {
-          required: true,
-          message: "请输入仓管员",
-          trigger: "blur",
+  import { listUser, queryUserVal } from '@/api/system/user'
+
+  export default {
+    name: 'Warehousebills',
+    components: {
+      UploadImage
+    },
+    data() {
+      return {
+        // 遮罩层
+        loading: true,
+        // 选中数组
+        ids: [],
+        userVal: {
+          userName: null,
+          nickName: null,
+          deptId: null
         },
-        fWarehouseid: [
-          { required: true, message: "请选择仓库", trigger: "blur" },
-        ],
-        fBscorpno: [
-          { required: true, message: "请输入存货编号", trigger: "blur" },
-        ],
-        fbillingway: [
-          {
-            required: true,
-            message: "请选择结算方式",
-            trigger: "blur",
-          },
-        ],
-        fTocorpid: [
-          {
+        queryForm: {},
+        // 添加用户对话框
+        editDialogVisible_s: false,
+        editDialogVisible_ss: false,
+        editDialogClosed_ss: false,
+        dataList: [],
+        warehouseCrList: [],
+        warehouseDrList: [],
+        browseStatus: false,
+        relevantAttachments: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 仓库主(出入库)表格数据
+        warehousebillsList: [],
+        // 弹出层标题
+        title: '',
+        // 是否显示弹出层
+        open: false,
+        // 货权方(客户数据)
+        fMblnoOptions: [],
+        // 货权方(客户数据)
+        // 客户名称
+        KHblnoOptions: [],
+        fSbuOptions: [],
+        // 操作员
+        userOptions: [],
+        // 操作员
+        goodsOptions: [],
+        // 制单部门
+        deptOptions: [],
+        // 仓库(仓库数据)
+        warehouseOptions: [],
+        // 贸易方式(数据字典),对应t_trademodels 字典
+        fTrademodeidOptions: [],
+        // 计费单位(数据字典),下拉选择毛重或净重字典
+        fFeetunitOptions: [],
+        // 结算方式(数据字典),下拉选择字典
+        fStltypeOptions: [],
+        // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典
+        fIfweighOptions: [],
+        // 是否质押(数据字典),默认 F ,质押T 否者F 下拉选择字典
+        fIfpledgeOptions: [],
+        // 是否破损(数据字典),默认F否则T字典
+        fIfdamageOptions: [],
+        // 单据类型(数据字典)SJRK字典
+        fBilltypeOptions: [],
+        // 状态(数据字典),N 入字典
+        fBillstatusOptions: [],
+        // 费用名称
+        fWbuOptions: [],
+        // 计价单位
+        jFeetunitOptions: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          fBillno: null,
+          createBy: null,
+          createTime: null,
+          fCustomsdeclartion: null,
+          fOriginalbillno: null,
+          fDeptid: null,
+          fBsdeptid: null,
+          fContacts: null,
+          fTel: null,
+          fCorpid: null,
+          fTocorpid: null,
+          fStltypeid: null,
+          fBscorpno: null,
+          fWarehouseid: null,
+          fStorekeeper: null,
+          fBsdate: null,
+          fPlanqty: null,
+          fPlangrossweight: null,
+          fPlannetweight: null,
+          fPlanvolumn: null,
+          fQty: null,
+          fGrossweight: null,
+          fNetweight: null,
+          fVolumn: null,
+          fTrademodeid: null,
+          fSbu: null,
+          fFeetunit: null,
+          fMblno: null,
+          fVslvoy: null,
+          fEta: null,
+          fCustomno: null,
+          fIfweigh: null,
+          fIfpledge: null,
+          fIfdamage: null,
+          fBankcorpid: null,
+          fBilltype: null,
+          fBillstatus: null,
+          fCreateby: null,
+          fCreatetime: null,
+          fGoodsid: null,
+          fCntrtype: null,
+          fCntqty: null
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+          fDeptid: [
+            { required: true, message: '制单部门不能为空', trigger: 'blur' }
+          ],
+          fMblno: [{ required: true, message: '请输入提单号', trigger: 'blur' }],
+          fBsdeptid: [
+            { required: true, message: '业务所属部门不能为空', trigger: 'blur' }
+          ],
+          fCorpid: [
+            {
+              required: true,
+              message: '请选择货权方',
+              trigger: 'blur'
+            }
+          ],
+          fBsdate: [
+            { required: true, message: '请选择业务日期', trigger: 'blur' }
+          ],
+          fStorekeeper: {
             required: true,
-            message:
-              "货转客户名称,t_corps 中的no或 name,模糊查找选择后,存储id,显示name,自有在货权转移是该字段有效不能为空",
-            trigger: "blur",
+            message: '请输入仓管员',
+            trigger: 'blur'
           },
-        ],
-      },
-    };
-  },
-  created() {
-    this.getList();
-    this.getDicts("data_trademodes").then((response) => {
-      this.fTrademodeidOptions = response.data;
-    });
-    this.getDicts("data_unitfees").then((response) => {
-      this.fFeetunitOptions = response.data;
-      this.jFeetunitOptions = response.data;
-    });
-    this.getDicts("data_stltype_type").then((response) => {
-      this.fStltypeOptions = response.data;
-    });
-    this.getDicts("data_ifweigh_status").then((response) => {
-      this.fIfweighOptions = response.data;
-    });
-    this.getDicts("data_ifpledge_status").then((response) => {
-      this.fIfpledgeOptions = response.data;
-    });
-    this.getDicts("data_ifdamage_status").then((response) => {
-      this.fIfdamageOptions = response.data;
-    });
-    this.getDicts("data_billtype_type").then((response) => {
-      this.fBilltypeOptions = response.data;
-    });
-    this.getDicts("sys_common_status").then((response) => {
-      this.fBillstatusOptions = response.data;
-    });
-  },
-  methods: {
-    printSomething() {
-      // 此处的style即为打印时的样式
-      const style =
-        "@media print { .print-div{ padding:8px;background-color:#cccccc;line-height:12px } .red{ color:#f00} .green{color:green} td{text-align: center}}";
-      print({
-        printable: "print_area",
-        type: "html",
-        style: style, // 亦可使用引入的外部css;
-        scanStyles: false,
-      });
-    },
-    // 添加list
-    addRelevant() {
-      console.log(JSON.stringify(this.dataList));
-      this.dataList.push({
-        fbsdate: null,
-        fgoodsid: null,
-        fcntrtype: null,
-        fCntqty: null,
-        fplangrossweight: null,
-        fplanvolumn: null,
-        fplanqty: null,
-        fgrossweight: null,
-        fqty: null,
-        fPackagespecs: null,
-        fwarehouselocid: null,
-        fBoxno: null,
-        fGoodsval: null,
-        ftruckno: null,
-        remark: null,
-      });
-    },
-    // 收货单打印界面
-    showEditDialog_s() {
-      this.editDialogVisible_s = true;
-    },
-    showEditDialog_ss() {
-      this.editDialogVisible_ss = true;
-    },
-    // 收款信息
-    addCollection() {
-      console.log(this.warehouseDrList);
-      this.warehouseDrList.push({
-        fcorpid: null,
-        ffeeid: null,
-        ffeeUnitid: null,
-        fQty: null,
-        funitprice: null,
-        fAmount: null,
-        fCurrency: null,
-        fCxrate: null,
-        fRate: null,
-        remarks: null,
-      });
-    },
-    addpayment() {
-      this.warehouseCrList.push({
-        fcorpid: null,
-        ffeeid: null,
-        ffeeUnitid: null,
-        fQty: null,
-        funitprice: null,
-        fAmount: null,
-        fCurrency: null,
-        fCxrate: null,
-        fRate: null,
-        remarks: null,
-      });
-    },
-    queryUser() {
-      queryUserVal().then((response) => {
-        if (response.user !== null) {
-          this.userVal = response.user;
-          this.$set(this.form, "fDeptid", this.userVal.deptId);
-          this.$set(this.form, "createBy", this.userVal.userName);
-          this.$set(this.form, "createTime", Date.parse(new Date()));
+          fWarehouseid: [
+            { required: true, message: '请选择仓库', trigger: 'blur' }
+          ],
+          fBscorpno: [
+            { required: true, message: '请输入存货编号', trigger: 'blur' }
+          ],
+          fbillingway: [
+            {
+              required: true,
+              message: '请选择结算方式',
+              trigger: 'blur'
+            }
+          ],
+          fTocorpid: [
+            {
+              required: true,
+              message:
+                '货转客户名称,t_corps 中的no或 name,模糊查找选择后,存储id,显示name,自有在货权转移是该字段有效不能为空',
+              trigger: 'blur'
+            }
+          ]
         }
-        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;
-      });
-    },
-    // 贸易方式(数据字典),对应t_trademodels 字典翻译
-    fTrademodeidFormat(row, column) {
-      return this.selectDictLabel(this.fTrademodeidOptions, row.fTrademodeid);
-    },
-    // 计费单位(数据字典),下拉选择毛重或净重字典翻译
-    fFeetunitFormat(row, column) {
-      return this.selectDictLabel(this.fFeetunitOptions, row.fFeetunit);
-    },
-    // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典翻译
-    fIfweighFormat(row, column) {
-      return this.selectDictLabel(this.fIfweighOptions, row.fIfweigh);
-    },
-    // 是否质押(数据字典),默认 F ,质押T 否者F 下拉选择字典翻译
-    fIfpledgeFormat(row, column) {
-      return this.selectDictLabel(this.fIfpledgeOptions, row.fIfpledge);
-    },
-    // 是否破损(数据字典),默认F否则T字典翻译
-    fIfdamageFormat(row, column) {
-      return this.selectDictLabel(this.fIfdamageOptions, row.fIfdamage);
-    },
-    // 单据类型(数据字典)SJRK字典翻译
-    fBilltypeFormat(row, column) {
-      return this.selectDictLabel(this.fBilltypeOptions, row.fBilltype);
-    },
-    // 状态(数据字典),N 入字典翻译
-    fBillstatusFormat(row, column) {
-      return this.selectDictLabel(this.fBillstatusOptions, row.fBillstatus);
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        fId: null,
-        fBillno: null,
-        fCustomsdeclartion: null,
-        fOriginalbillno: null,
-        fDeptid: null,
-        fBsdeptid: null,
-        fContacts: null,
-        fTel: null,
-        fCorpid: null,
-        fTocorpid: null,
-        fStltypeid: null,
-        fBscorpno: null,
-        fWarehouseid: null,
-        fStorekeeper: null,
-        fBsdate: null,
-        fPlanqty: null,
-        fPlangrossweight: null,
-        fPlannetweight: null,
-        fPlanvolumn: null,
-        fQty: null,
-        fGrossweight: null,
-        fNetweight: null,
-        fVolumn: null,
-        fTrademodeid: null,
-        fSbu: null,
-        fFeetunit: null,
-        fMblno: null,
-        fVslvoy: null,
-        fEta: null,
-        fCustomno: null,
-        fIfweigh: null,
-        fIfpledge: null,
-        fIfdamage: null,
-        fBankcorpid: null,
-        fBilltype: null,
-        fBillstatus: null,
-        delFlag: null,
-        createBy: null,
-        createTime: null,
-        updateBy: null,
-        updateTime: null,
-        remark: null,
-        fCreateby: null,
-        fCreatetime: null,
-        fGoodsid: null,
-        fCntrtype: null,
-        fCntqty: null,
-      };
-      this.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;
+      }
     },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.queryUser();
-      this.open = true;
-      this.dataList = [];
-      this.warehouseCrList = [];
-      this.warehouseDrList = [];
-      this.title = "入库单";
+    created() {
+      this.getList()
+      this.getDicts('data_trademodes').then((response) => {
+        this.fTrademodeidOptions = response.data
+      })
+      this.getDicts('data_unitfees').then((response) => {
+        this.fFeetunitOptions = response.data
+        this.jFeetunitOptions = response.data
+      })
+      this.getDicts('data_stltype_type').then((response) => {
+        this.fStltypeOptions = response.data
+      })
+      this.getDicts('data_ifweigh_status').then((response) => {
+        this.fIfweighOptions = response.data
+      })
+      this.getDicts('data_ifpledge_status').then((response) => {
+        this.fIfpledgeOptions = response.data
+      })
+      this.getDicts('data_ifdamage_status').then((response) => {
+        this.fIfdamageOptions = response.data
+      })
+      this.getDicts('data_billtype_type').then((response) => {
+        this.fBilltypeOptions = response.data
+      })
+      this.getDicts('sys_common_status').then((response) => {
+        this.fBillstatusOptions = response.data
+      })
     },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const fId = row.fid || this.ids;
-      getWarehousebills(row.fid).then((response) => {
-        this.form = response.data.warehousebills;
-        this.$set(this.form, "fCorpid", response.data.warehousebills.fcorpid);
-        this.$set(
-          this.form,
-          "fWarehouseid",
-          response.data.warehousebills.fwarehouseid
-        );
-        this.$set(
-          this.form,
-          "fContacts",
-          response.data.warehousebills.fcontacts
-        );
-        this.$set(this.form, "fTel", response.data.warehousebills.ftel);
-        this.$set(this.form, "fMblno", response.data.warehousebills.fmblno);
-        this.$set(
-          this.form,
-          "fBsdate",
-          Date.parse(response.data.warehousebills.fbsdate)
-        );
-        this.$set(
-          this.form,
-          "fStorekeeper",
-          response.data.warehousebills.fstorekeeper
-        );
-        this.$set(this.form, "createBy", response.data.warehousebills.createBy);
-        this.$set(this.form, "fDeptid", response.data.warehousebills.fdeptid);
-        this.$set(
-          this.form,
-          "fDilldate",
-          Date.parse(response.data.warehousebills.fbilldate)
-        );
-        this.$set(this.form, "fVslvoy", response.data.warehousebills.fvslvoy);
-        this.$set(
-          this.form,
-          "fEta",
-          Date.parse(response.data.warehousebills.feta)
-        );
-        this.$set(
-          this.form,
-          "createTime",
-          Date.parse(response.data.warehousebills.createTime)
-        );
-        this.$set(
-          this.form,
-          "fTrademodeid",
-          response.data.warehousebills.ftrademodeid + ""
-        );
-        this.$set(
-          this.form,
-          "fBillingway",
-          response.data.warehousebills.fbillingway + ""
-        );
-        this.$set(
-          this.form,
-          "fFeetunit",
-          response.data.warehousebills.ffeetunit + ""
-        );
-        this.$set(
-          this.form,
-          "fBscorpno",
-          response.data.warehousebills.fbscorpno
-        );
-        this.$set(
-          this.form,
-          "fCustomno",
-          response.data.warehousebills.fcustomno
-        );
-        this.$set(
-          this.form,
-          "fStltypeid",
-          response.data.warehousebills.fstltypeid + ""
-        );
-        this.$set(
-          this.form,
-          "fIfweigh",
-          response.data.warehousebills.fifweigh + ""
-        );
-        this.$set(
-          this.form,
-          "fIfdamage",
-          response.data.warehousebills.fifdamage + ""
-        );
-        this.$set(this.form, "fSbu", response.data.warehousebills.fsbu);
-        this.$set(
-          this.form,
-          "fIfpledge",
-          response.data.warehousebills.fifpledge + ""
-        );
-        this.$set(
-          this.form,
-          "fBankcorpid",
-          response.data.warehousebills.fbankcorpid
-        );
-        this.$set(this.form, "remark", response.data.warehousebills.remark);
-        this.deptOptions = [];
-        this.deptOptions.push(response.data.dept);
-        this.fMblnoOptions = [];
-        this.fMblnoOptions.push(response.data.fCorps);
-        if (response.data.fSbu !== null) {
-          this.fSbuOptions = [];
-          this.fSbuOptions.push(response.data.fSbu);
+    methods: {
+      showFile (row) {
+        alert()
+        console.log(JSON.stringify(row))
+      },
+      printSomething() {
+        // 此处的style即为打印时的样式
+        const style =
+          '@media print { .print-div{ padding:8px;background-color:#cccccc;line-height:12px } .red{ color:#f00} .green{color:green} td{text-align: center}}'
+        print({
+          printable: 'print_area',
+          type: 'html',
+          style: style, // 亦可使用引入的外部css;
+          scanStyles: false
+        })
+      },
+      // 添加list
+      addRelevant() {
+        this.dataList.push({
+          fbsdate: null,
+          fgoodsid: null,
+          fcntrtype: null,
+          fCntqty: null,
+          fplangrossweight: null,
+          fplanvolumn: null,
+          fplanqty: null,
+          fgrossweight: null,
+          fqty: null,
+          fPackagespecs: null,
+          fwarehouselocid: null,
+          fBoxno: null,
+          fGoodsval: null,
+          ftruckno: null,
+          remark: null
+        })
+      },
+      // 添加附件上传
+      addRelevt() {
+        this.relevantAttachments.push({
+          fUrl: null,
+          attachNameL: null,
+          opUserName: this.queryParams.createBy,
+          opDate: Date.parse(new Date()),
+          attachId: null
+        })
+      },
+      // 收货单打印界面
+      showEditDialog_s() {
+        this.editDialogVisible_s = true
+      },
+      showEditDialog_ss() {
+        this.editDialogVisible_ss = true
+      },
+      // 收款信息
+      addCollection() {
+        console.log(this.warehouseDrList)
+        this.warehouseDrList.push({
+          fcorpid: null,
+          ffeeid: null,
+          ffeeUnitid: null,
+          fQty: null,
+          funitprice: null,
+          fAmount: null,
+          fCurrency: null,
+          fCxrate: null,
+          fRate: null,
+          remarks: null
+        })
+      },
+      addpayment() {
+        this.warehouseCrList.push({
+          fcorpid: null,
+          ffeeid: null,
+          ffeeUnitid: null,
+          fQty: null,
+          funitprice: null,
+          fAmount: null,
+          fCurrency: null,
+          fCxrate: null,
+          fRate: null,
+          remarks: null
+        })
+      },
+      queryUser() {
+        queryUserVal().then((response) => {
+          if (response.user !== null) {
+            this.userVal = response.user
+            this.$set(this.form, 'fDeptid', this.userVal.deptId)
+            this.$set(this.form, 'createBy', this.userVal.userName)
+            this.$set(this.form, 'createTime', Date.parse(new Date()))
+          }
+          if (response.dept !== null) {
+            this.deptOptions = []
+            this.deptOptions.push(response.dept)
+          }
+        })
+      },
+      /** 查询仓库主(出入库)列表 */
+      getList() {
+        this.loading = true
+        listWarehousebills(this.queryParams).then((response) => {
+          this.warehousebillsList = response.rows
+          this.total = response.total
+          this.loading = false
+        })
+      },
+      // 贸易方式(数据字典),对应t_trademodels 字典翻译
+      fTrademodeidFormat(row, column) {
+        return this.selectDictLabel(this.fTrademodeidOptions, row.fTrademodeid)
+      },
+      // 计费单位(数据字典),下拉选择毛重或净重字典翻译
+      fFeetunitFormat(row, column) {
+        return this.selectDictLabel(this.fFeetunitOptions, row.fFeetunit)
+      },
+      // 是否过磅(数据字典)默认 F ,过磅T 否者F 下拉选择字典翻译
+      fIfweighFormat(row, column) {
+        return this.selectDictLabel(this.fIfweighOptions, row.fIfweigh)
+      },
+      // 是否质押(数据字典),默认 F ,质押T 否者F 下拉选择字典翻译
+      fIfpledgeFormat(row, column) {
+        return this.selectDictLabel(this.fIfpledgeOptions, row.fIfpledge)
+      },
+      // 是否破损(数据字典),默认F否则T字典翻译
+      fIfdamageFormat(row, column) {
+        return this.selectDictLabel(this.fIfdamageOptions, row.fIfdamage)
+      },
+      // 单据类型(数据字典)SJRK字典翻译
+      fBilltypeFormat(row, column) {
+        return this.selectDictLabel(this.fBilltypeOptions, row.fBilltype)
+      },
+      // 状态(数据字典),N 入字典翻译
+      fBillstatusFormat(row, column) {
+        return this.selectDictLabel(this.fBillstatusOptions, row.fBillstatus)
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false
+        this.reset()
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+          fId: null,
+          fBillno: null,
+          fCustomsdeclartion: null,
+          fOriginalbillno: null,
+          fDeptid: null,
+          fBsdeptid: null,
+          fContacts: null,
+          fTel: null,
+          fCorpid: null,
+          fTocorpid: null,
+          fStltypeid: null,
+          fBscorpno: null,
+          fWarehouseid: null,
+          fStorekeeper: null,
+          fBsdate: null,
+          fPlanqty: null,
+          fPlangrossweight: null,
+          fPlannetweight: null,
+          fPlanvolumn: null,
+          fQty: null,
+          fGrossweight: null,
+          fNetweight: null,
+          fVolumn: null,
+          fTrademodeid: null,
+          fSbu: null,
+          fFeetunit: null,
+          fMblno: null,
+          fVslvoy: null,
+          fEta: null,
+          fCustomno: null,
+          fIfweigh: null,
+          fIfpledge: null,
+          fIfdamage: null,
+          fBankcorpid: null,
+          fBilltype: null,
+          fBillstatus: null,
+          delFlag: null,
+          createBy: null,
+          createTime: null,
+          updateBy: null,
+          updateTime: null,
+          remark: null,
+          fCreateby: null,
+          fCreatetime: null,
+          fGoodsid: null,
+          fCntrtype: null,
+          fCntqty: null
+        }
+        this.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
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset()
+        this.queryUser()
+        this.open = true
+        this.dataList = []
+        this.warehouseCrList = []
+        this.warehouseDrList = []
+        this.title = '入库单'
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset()
+        const fId = row.fid || this.ids
+        getWarehousebills(row.fid).then((response) => {
+          this.form = response.data.warehousebills
+          this.$set(this.form, 'fCorpid', response.data.warehousebills.fcorpid)
+          this.$set(
+            this.form,
+            'fWarehouseid',
+            response.data.warehousebills.fwarehouseid
+          )
+          this.$set(
+            this.form,
+            'fContacts',
+            response.data.warehousebills.fcontacts
+          )
+          this.$set(this.form, 'fTel', response.data.warehousebills.ftel)
+          this.$set(this.form, 'fMblno', response.data.warehousebills.fmblno)
+          this.$set(
+            this.form,
+            'fBsdate',
+            Date.parse(response.data.warehousebills.fbsdate)
+          )
+          this.$set(
+            this.form,
+            'fStorekeeper',
+            response.data.warehousebills.fstorekeeper
+          )
+          this.$set(this.form, 'createBy', response.data.warehousebills.createBy)
+          this.$set(this.form, 'fDeptid', response.data.warehousebills.fdeptid)
+          this.$set(
+            this.form,
+            'fDilldate',
+            Date.parse(response.data.warehousebills.fbilldate)
+          )
+          this.$set(this.form, 'fVslvoy', response.data.warehousebills.fvslvoy)
+          this.$set(
+            this.form,
+            'fEta',
+            Date.parse(response.data.warehousebills.feta)
+          )
+          this.$set(
+            this.form,
+            'createTime',
+            Date.parse(response.data.warehousebills.createTime)
+          )
+          this.$set(
+            this.form,
+            'fTrademodeid',
+            response.data.warehousebills.ftrademodeid + ''
+          )
+          this.$set(
+            this.form,
+            'fBillingway',
+            response.data.warehousebills.fbillingway + ''
+          )
+          this.$set(
+            this.form,
+            'fFeetunit',
+            response.data.warehousebills.ffeetunit + ''
+          )
+          this.$set(
+            this.form,
+            'fBscorpno',
+            response.data.warehousebills.fbscorpno
+          )
+          this.$set(
+            this.form,
+            'fCustomno',
+            response.data.warehousebills.fcustomno
+          )
+          this.$set(
+            this.form,
+            'fStltypeid',
+            response.data.warehousebills.fstltypeid + ''
+          )
+          this.$set(
+            this.form,
+            'fIfweigh',
+            response.data.warehousebills.fifweigh + ''
+          )
+          this.$set(
+            this.form,
+            'fIfdamage',
+            response.data.warehousebills.fifdamage + ''
+          )
+          this.$set(this.form, 'fSbu', response.data.warehousebills.fsbu)
+          this.$set(
+            this.form,
+            'fIfpledge',
+            response.data.warehousebills.fifpledge + ''
+          )
+          this.$set(
+            this.form,
+            'fBankcorpid',
+            response.data.warehousebills.fbankcorpid
+          )
+          this.$set(this.form, 'remark', response.data.warehousebills.remark)
+          this.deptOptions = []
+          this.deptOptions.push(response.data.dept)
+          this.fMblnoOptions = []
+          this.fMblnoOptions.push(response.data.fCorps)
+          if (response.data.fSbu !== null) {
+            this.fSbuOptions = []
+            this.fSbuOptions.push(response.data.fSbu)
+          }
+          if (response.data.warehouse !== null) {
+            this.warehouseOptions = []
+            this.warehouseOptions.push(response.data.warehouse)
+          }
+          if (
+            typeof response.data.warehouseBillsItem !== 'undefined' &&
+            response.data.warehouseBillsItem !== null
+          ) {
+            this.dataList = response.data.warehouseBillsItem
+            if (response.data.goodsList !== null) {
+              this.goodsOptions = []
+              this.goodsOptions = response.data.goodsList
+            }
+          }
+          this.open = true
+          this.title = '修改仓库主(出入库)'
+        })
+      },
+      // 数量计算
+      changeContractAmt(row) {
+        console.log(row)
+        if (row.fUnitprice !== '') {
+          if (row.fQty !== '') {
+            this.$set(
+              row,
+              'fAmount',
+              Number(row.fUnitprice) * Number(row.fQty)
+            ).toFixed(2)
+          } else {
+            this.$set(row, 'fAmount', row.fUnitprice)
+          }
         }
-        if (response.data.warehouse !== null) {
-          this.warehouseOptions = [];
-          this.warehouseOptions.push(response.data.warehouse);
+      },
+      changeEstmateAmt(row) {
+        console.log(row)
+        if (row.fUnitprice !== '') {
+          if (row.fQty !== '') {
+            this.$set(
+              row,
+              'fAmount',
+              Number(row.fUnitprice) * Number(row.fQty)
+            ).toFixed(2)
+          } else {
+            this.$set(row, 'fAmount', row.fUnitprice)
+          }
         }
-        if (
-          typeof response.data.warehouseBillsItem !== "undefined" &&
-          response.data.warehouseBillsItem !== null
-        ) {
-          this.dataList = response.data.warehouseBillsItem;
-          if (response.data.goodsList !== null) {
-            this.goodsOptions = [];
-            this.goodsOptions = response.data.goodsList;
+      },
+      changefBsdate(row) {
+        if (this.dataList.length > 0) {
+          for (var i = 0; i < this.dataList.length; i++) {
+            this.$set(this.dataList[i], 'fBsdate', row)
           }
         }
-        this.open = true;
-        this.title = "修改仓库主(出入库)";
-      });
-    },
-    // 数量计算
-    changeContractAmt(row) {
-      console.log(row);
-      if (row.fUnitprice !== "") {
-        if (row.fQty !== "") {
-          this.$set(
-            row,
-            "fAmount",
-            Number(row.fUnitprice) * Number(row.fQty)
-          ).toFixed(2);
-        } else {
-          this.$set(row, "fAmount", row.fUnitprice);
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs['form'].validate((valid) => {
+          console.log(valid)
+          console.log(this.form)
+          console.log(this.warehouseCrList)
+          console.log(this.warehouseDrList)
+          console.log(this.dataList)
+          if (valid) {
+            let formData = new window.FormData()
+            // 附件数据
+            formData.append('tWarehouseBills', JSON.stringify(this.form))
+            // 附件数据
+            formData.append('tWhgenleg', null)
+            // // 费用明细付款
+            formData.append(
+              'tWarehousebillsfeesCr',
+              JSON.stringify(this.warehouseCrList)
+            )
+            // // 收款
+            formData.append(
+              'tWarehousebillsfeesDr',
+              JSON.stringify(this.warehouseDrList)
+            )
+            // // 库存明细
+            formData.append(
+              'tWarehousebillsitems',
+              JSON.stringify(this.dataList)
+            )
+            addWarehousebills(formData).then((response) => {
+              console.log(response)
+              this.msgSuccess('新增成功')
+              this.open = false
+              this.getList()
+            })
+          }
+        })
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const fIds = row.fId || this.ids
+        this.$confirm(
+          '是否确认删除仓库主(出入库)编号为"' + fIds + '"的数据项?',
+          '警告',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        )
+          .then(function() {
+            return delWarehousebills(fIds)
+          })
+          .then(() => {
+            this.getList()
+            this.msgSuccess('删除成功')
+          })
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        const queryParams = this.queryParams
+        this.$confirm('是否确认导出所有仓库主(出入库)数据项?', '警告', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(function() {
+            return exportWarehousebills(queryParams)
+          })
+          .then((response) => {
+            this.download(response.msg)
+          })
+      },
+      deleteRow(index, rows) {
+        rows.splice(index, 1)
+      },
+      /* 远程模糊查询用户 */
+      corpsRemoteMethod(name) {
+        if (name == null || name === '') {
+          return false
         }
-      }
-    },
-    changeEstmateAmt(row) {
-      console.log(row);
-      if (row.fUnitprice !== "") {
-        if (row.fQty !== "") {
-          this.$set(
-            row,
-            "fAmount",
-            Number(row.fUnitprice) * Number(row.fQty)
-          ).toFixed(2);
-        } else {
-          this.$set(row, "fAmount", row.fUnitprice);
+        let queryParams = { pageNum: 1, pageSize: 10, fName: name }
+        listCorps(queryParams).then((response) => {
+          console.log(response)
+          this.fMblnoOptions = response.rows
+          this.KHblnoOptions = response.rows
+        })
+      },
+      /* 远程模糊查询商品 */
+      goodsRemoteMethod(name) {
+        if (name == null || name === '') {
+          return false
         }
-      }
-    },
-    changefBsdate(row) {
-      if (this.dataList.length > 0) {
-        for (var i = 0; i < this.dataList.length; i++) {
-          this.$set(this.dataList[i], "fBsdate", row);
+        let queryParams = { pageNum: 1, pageSize: 10, fName: name }
+        listGoods(queryParams).then((response) => {
+          this.goodsOptions = response.rows
+        })
+      },
+      // 远程模糊查询费用名称
+      fWRemoteMethod(name) {
+        if (name == null || name === '') {
+          return false
         }
-      }
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        console.log(valid);
-        console.log(this.form);
-        console.log(this.warehouseCrList);
-        console.log(this.warehouseDrList);
-        console.log(this.dataList);
-        if (valid) {
-          let formData = new window.FormData();
-          // 附件数据
-          formData.append("tWarehouseBills", JSON.stringify(this.form));
-          // 附件数据
-          formData.append("tWhgenleg", null);
-          // // 费用明细付款
-          formData.append(
-            "tWarehousebillsfeesCr",
-            JSON.stringify(this.warehouseCrList)
-          );
-          // // 收款
-          formData.append(
-            "tWarehousebillsfeesDr",
-            JSON.stringify(this.warehouseDrList)
-          );
-          // // 库存明细
-          formData.append(
-            "tWarehousebillsitems",
-            JSON.stringify(this.dataList)
-          );
-          addWarehousebills(formData).then((response) => {
-            console.log(response);
-            this.msgSuccess("新增成功");
-            this.open = false;
-            this.getList();
-          });
+        let queryParams = { pageNum: 1, pageSize: 10, fName: name }
+        listFees(queryParams).then((response) => {
+          this.fWbuOptions = response.rows
+          console.log(response)
+        })
+      },
+      /* 远程模糊查询经营单位 */
+      fSbuRemoteMethod(name) {
+        if (name == null || name === '') {
+          return false
         }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const fIds = row.fId || this.ids;
-      this.$confirm(
-        '是否确认删除仓库主(出入库)编号为"' + fIds + '"的数据项?',
-        "警告",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        let queryParams = { pageNum: 1, pageSize: 10, fName: name }
+        listCorps(queryParams).then((response) => {
+          this.fSbuOptions = response.rows
+        })
+      },
+      /* 远程模糊查询仓库 */
+      warehouseRemoteMethod(name) {
+        if (name == null || name === '') {
+          return false
         }
-      )
-        .then(function () {
-          return delWarehousebills(fIds);
+        let queryParams = { pageNum: 1, pageSize: 10, fName: name }
+        listWarehouse(queryParams).then((response) => {
+          this.warehouseOptions = response.rows
         })
-        .then(() => {
-          this.getList();
-          this.msgSuccess("删除成功");
-        });
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm("是否确认导出所有仓库主(出入库)数据项?", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(function () {
-          return exportWarehousebills(queryParams);
+      },
+      /* 远程模糊查询操作用户 */
+      userRemoteMethod(name) {
+        if (name == null || name === '') {
+          return false
+        }
+        let queryParams = { pageNum: 1, pageSize: 10, userName: name }
+        listUser(queryParams).then((response) => {
+          this.userOptions = response.rows
+          console.log(response.rows)
         })
-        .then((response) => {
-          this.download(response.msg);
-        });
-    },
-    deleteRow(index, rows) {
-      rows.splice(index, 1);
-    },
-    /* 远程模糊查询用户 */
-    corpsRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
-      }
-      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
-      listCorps(queryParams).then((response) => {
-        console.log(response)
-        this.fMblnoOptions = response.rows;
-        this.KHblnoOptions = response.rows;
-      });
-    },
-    /* 远程模糊查询商品 */
-    goodsRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
-      }
-      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
-      listGoods(queryParams).then((response) => {
-        this.goodsOptions = response.rows;
-      });
-    },
-    // 远程模糊查询费用名称
-    fWRemoteMethod(name) { 
-     if (name == null || name === "") {
-        return false;
-      }
-      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
-      listFees(queryParams).then((response) => {
-        this.fWbuOptions = response.rows;
-        console.log(response)
-      });
-    },
-    /* 远程模糊查询经营单位 */
-    fSbuRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
-      }
-      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
-      listCorps(queryParams).then((response) => {
-        this.fSbuOptions = response.rows;
-      });
-    },
-    /* 远程模糊查询仓库 */
-    warehouseRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
-      }
-      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
-      listWarehouse(queryParams).then((response) => {
-        this.warehouseOptions = response.rows;
-      });
-    },
-    /* 远程模糊查询操作用户 */
-    userRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
       }
-      let queryParams = { pageNum: 1, pageSize: 10, userName: name };
-      listUser(queryParams).then((response) => {
-        this.userOptions = response.rows;
-        console.log(response.rows)
-      });
-    },
-  },
-};
+    }
+  }
 </script>
 <style lang="scss">
-.juzhong > th {
-  text-align: center;
-}
-.biaoge > tr > td {
-  height: 30px;
-  text-align: center;
-  border-right: 1px solid #dfe6ec !important;
-  order-bottom: 1px solid #dfe6ec !important;
-  border-bottom: 1px solid #dfe6ec !important;
-}
-.el-table thead th {
-  background: #1890ff;
-  color: #fff;
-}
+  .juzhong > th {
+    text-align: center;
+  }
+
+  .biaoge > tr > td {
+    height: 30px;
+    text-align: center;
+    border-right: 1px solid #dfe6ec !important;
+    order-bottom: 1px solid #dfe6ec !important;
+    border-bottom: 1px solid #dfe6ec !important;
+  }
+
+  .el-table thead th {
+    background: #1890ff;
+    color: #fff;
+  }
 
-.upload-demo {
-  margin-left: 50px;
-}
+  .upload-demo {
+    margin-left: 50px;
+  }
 </style>