[CODE]: 跟新库存总账筛选条件

src/views/reportManagement/whgenleg/index.vue

@@ -1,100 +1,114 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="入库件数" prop="fQtyd">
-        <el-input
-          v-model="queryParams.fQtyd"
-          placeholder="请输入入库件数"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="入库尺码" prop="fVolumnd">
-        <el-input
-          v-model="queryParams.fVolumnd"
-          placeholder="请输入入库尺码"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="入库毛重" prop="fGrossweightd">
-        <el-input
-          v-model="queryParams.fGrossweightd"
-          placeholder="请输入入库毛重"
+      <el-form-item label="仓库" prop="fwarehouseid">
+        <el-select
+          v-model="queryParams.fWarehouseid"
+          filterable
+          :disabled="browseStatus"
+          remote
           clearable
           size="small"
+          :remote-method="warehouseRemoteMethod"
           @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="入库净重" prop="fNetweightd">
-        <el-input
-          v-model="queryParams.fNetweightd"
-          placeholder="请输入入库净重"
-          clearable
-          size="small"
-          @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="fVolumnc">
-        <el-input
-          v-model="queryParams.fVolumnc"
-          placeholder="请输入出口尺码"
-          clearable
+      <el-form-item label="库区" prop="fWarehouseLocationid">
+        <el-select
+          v-model="queryParams.fWarehouseLocationid"
+          filterable
+          remote
           size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="出库件数" prop="fQtyc">
-        <el-input
-          v-model="queryParams.fQtyc"
-          placeholder="请输入出库件数"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
+          :disabled="browseStatus"
+          :remote-method="kqhouseRemoteMethod"
+          placeholder="请选择库区"
+        >
+          <el-option
+            v-for="(dict, index) in kqhouseOptions"
+            :key="index.fId"
+            :label="dict.fName"
+            :value="dict.fId"
+          ></el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="结余件数" prop="fQtyblc">
-        <el-input
-          v-model="queryParams.fQtyblc"
-          placeholder="请输入结余件数"
+      <el-form-item label="货物名称" prop="fgoodsid">
+        <el-select
+          v-model="queryParams.fGoodsid"
+          filterable
+          remote
           clearable
           size="small"
+          :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="fGrossweightc">
-        <el-input
-          v-model="queryParams.fGrossweightc"
-          placeholder="请输入出库毛重"
+      <el-form-item label="入库日期" prop="createTime">
+        <el-date-picker
+          v-model="queryParams.timeInterval"
+          type="daterange"
+          value-format="yyyy-MM-dd"
           clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          @keyup.enter.native="handleQuery">
+        </el-date-picker>
       </el-form-item>
-      <el-form-item label="出库净重" prop="fNetweightc">
-        <el-input
-          v-model="queryParams.fNetweightc"
-          placeholder="请输入出库净重"
+      <el-form-item label="贸易方式" prop="fTrademodeid">
+        <el-select
+          v-model="queryParams.fTrademodeid"
+          placeholder="请选择贸易方式"
           clearable
           size="small"
           @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="fGrossweightblc">
-        <el-input
-          v-model="queryParams.fGrossweightblc"
-          placeholder="请输入结余毛重"
+      <el-form-item label="货权方" prop="fCorpid">
+        <el-select
+          v-model="queryParams.fCorpid"
+          filterable
+          remote
           clearable
           size="small"
           @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="fNetweightblc">
+      <el-form-item label="提单号" prop="fMblno">
         <el-input
-          v-model="queryParams.fNetweightblc"
-          placeholder="请输入结余净重"
+          v-model="queryParams.fMblno"
+          placeholder="请输入提单号"
           clearable
           size="small"
           @keyup.enter.native="handleQuery"
@@ -109,20 +123,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="状态" prop="fStatus">
-        <el-select v-model="queryParams.fStatus" placeholder="请选择状态" clearable size="small">
-          <el-option label="请选择字典生成" value="" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="唛头" prop="fMarks">
-        <el-input
-          v-model="queryParams.fMarks"
-          placeholder="请输入唛头"
-          clearable
-          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>
@@ -296,6 +296,10 @@
 
 <script>
 import { listWhgenleg, getWhgenleg, delWhgenleg, addWhgenleg, updateWhgenleg, exportWhgenleg } from "@/api/reportManagement/whgenleg";
+import {listWarehouse} from "@/api/basicdata/warehouse";
+import {listArea} from "@/api/basicdata/area";
+import {listGoods} from "@/api/basicdata/goods";
+import {listCorps} from "@/api/basicdata/corps";
 
 export default {
   name: "Whgenleg",
@@ -303,6 +307,15 @@ export default {
   },
   data() {
     return {
+      // 货权方(客户数据)
+      fMblnoOptions: [],
+      // 贸易方式(数据字典),对应t_trademodels 字典
+      fTrademodeidOptions: [],
+      // 货物
+      goodsOptions: [],
+      // 仓库(仓库数据)
+      warehouseOptions: [],
+      kqhouseOptions: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -356,8 +369,62 @@ export default {
   },
   created() {
     this.getList();
+    this.getDicts("data_trademodes").then((response) => {
+      this.fTrademodeidOptions = response.data;
+    });
   },
   methods: {
+    /* 远程模糊查询仓库 */
+    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.queryParams.fWarehouseid) {
+        this.$message.error("请输入仓库!");
+        return false;
+      }
+
+      let queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        fWarehouseid: this.queryParams.fWarehouseid,
+        fName: name,
+      };
+      listArea(queryParams).then((response) => {
+        this.kqhouseOptions = 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;
+      });
+    },
+    /* 远程模糊查询用户 */
+    corpsRemoteMethod(name) {
+      if (name == null || name === "") {
+        return false;
+      }
+      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
+      listCorps(queryParams).then((response) => {
+        this.fMblnoOptions = response.rows;
+        this.KHblnoOptions = response.rows;
+      });
+    },
     /** 查询库存总账列表 */
     getList() {
       this.loading = true;