From f7bcb8cc856629d7db66bb6009612070a6ebf027 Mon Sep 17 00:00:00 2001
From: x_z <zrhdyxa@163.com>
Date: Tue, 11 Apr 2023 10:50:39 +0800
Subject: [PATCH] =?UTF-8?q?1.=E5=90=8C=E6=AD=A5=E5=BA=93=E5=AD=98=E9=A2=84?=
 =?UTF-8?q?=E8=AD=A6=E8=AE=BE=E7=BD=AE=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/invRemindSet.js                |  16 +
 src/views/inventory/InvProducts.vue           |  40 ++-
 src/views/inventory/addInvRemindSetDialog.vue | 212 +++++++++++
 src/views/remind/addInvRemindSetDialog.vue    | 335 ++++++++++++++++++
 src/views/remind/invRemindSet.vue             | 174 +++++----
 src/views/remind/invRemindSetModify.vue       | 108 ++----
 6 files changed, 745 insertions(+), 140 deletions(-)
 create mode 100644 src/views/inventory/addInvRemindSetDialog.vue
 create mode 100644 src/views/remind/addInvRemindSetDialog.vue

diff --git a/src/api/system/invRemindSet.js b/src/api/system/invRemindSet.js
index 47659f93..6ff6bc2c 100644
--- a/src/api/system/invRemindSet.js
+++ b/src/api/system/invRemindSet.js
@@ -23,3 +23,19 @@ export function deleteInvRemindSet(data){
     data: data
   });
 }
+
+export function getInfoByInvId(params) {
+  return axios({
+    url: "/udiwms/inv/remind/set/getInfoByInvId",
+    method: "get",
+    params: params
+  });
+}
+
+export function batchAddInvRemindSet(data) {
+  return axios({
+    url: "/udiwms/inv/remind/set/batchAddInvRemindSet",
+    method: "post",
+    data: data
+  });
+}
diff --git a/src/views/inventory/InvProducts.vue b/src/views/inventory/InvProducts.vue
index 92ab5360..f61cddbc 100644
--- a/src/views/inventory/InvProducts.vue
+++ b/src/views/inventory/InvProducts.vue
@@ -143,6 +143,13 @@
         <el-table-column label="注册/备案号" prop="zczbhhzbapzbh" width="160" show-overflow-tooltip></el-table-column>
         <el-table-column label="操作" width="110" fixed="right">
           <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="invRemindSet(scope.row)"
+            >添加预警设置
+            </el-button
+            >
             <el-button
               type="text"
               size="small"
@@ -183,6 +190,20 @@
       ></invProductsDetail>
     </el-dialog>
 
+    <el-dialog
+      title="添加库存预警设置"
+      :visible.sync="addInvRemindSetDialogVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="60%"
+      v-if="addInvRemindSetDialogVisible"
+    >
+      <addInvRemindSetDialog
+        :invId="invId"
+        :closeDialog="closeRemindSetDialog"
+      ></addInvRemindSetDialog>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -192,6 +213,8 @@ import {getInvProduct, deleteInvProduct, getProduct} from "@/api/inventory/invPo
 import {getBasicUnitMaintains} from "@/api/basic/basicUnitMaintain";
 import {isBlank} from "@/utils/strUtil";
 import invProductsDetail from "@/views/inventory/InvProductsDetail.vue";
+import addInvRemindSetDialog from "@/views/inventory/addInvRemindSetDialog.vue";
+
 
 export default {
   name: "InvProducts",
@@ -234,7 +257,9 @@ export default {
         supId: null,
         deptCode: null,
         invCode: null
-      }
+      },
+      addInvRemindSetDialogVisible: false,
+      invId: null
     };
   },
   methods: {
@@ -372,10 +397,19 @@ export default {
       }).catch((error) => {
         this.$message.error(error.message);
       });
-    }
+    },
+    invRemindSet(row) {
+      this.invId = row.id;
+      this.addInvRemindSetDialogVisible = true;
+    },
+    closeRemindSetDialog() {
+      this.invId = null;
+      this.addInvRemindSetDialogVisible = false;
+    },
   },
   components: {
-    invProductsDetail
+    invProductsDetail,
+    addInvRemindSetDialog
   },
   mounted() {
     document.body.ondrop = function (event) {
diff --git a/src/views/inventory/addInvRemindSetDialog.vue b/src/views/inventory/addInvRemindSetDialog.vue
new file mode 100644
index 00000000..cd7da558
--- /dev/null
+++ b/src/views/inventory/addInvRemindSetDialog.vue
@@ -0,0 +1,212 @@
+<template>
+  <div>
+    <el-form :model="formData" label-width="200px" style="margin-bottom: -15px">
+      <el-row>
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="仓库：">
+            <el-input v-model="formData.invName" disabled></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="货位：">
+            <el-input v-model="formData.invSpaceName" disabled></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="产品名称：">
+            <el-input v-model="formData.productName" disabled></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="规格型号：">
+            <el-input v-model="formData.ggxh" disabled></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+
+      <el-row>
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="低库存预警数量：">
+            <el-input v-model="formData.lowStockNum" disabled></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="库存积压预警数量：">
+            <el-input v-model="formData.overStockNum" disabled></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="近效期预警时间：">
+            <el-input v-model="formData.recentDateTime" disabled></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="近效期预警时间单位：">
+            <el-input v-show="formData.isDateBy == 1" value="天" disabled></el-input>
+            <el-input v-show="formData.isDateBy == 2" value="小时" disabled></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-divider></el-divider>
+
+      <el-row>
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="是否开启低库存预警">
+            <el-select v-model="formData.lowStock">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="是否开启负库存预警">
+            <el-select v-model="formData.lackStock">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="是否开启库存积压预警">
+            <el-select v-model="formData.overStock">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="是否开启产品过期预警">
+            <el-select v-model="formData.expireDate">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="10">
+          <el-form-item class="query-form-item" label="是否开启近效期预警">
+            <el-select v-model="formData.recentDate">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click.native="closeDialog">取消</el-button>
+      <el-button type="primary" @click.native="addInvRemindSet()" :loading="formLoading"
+      >提交
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import {getInfoByInvId, saveInvRemindSet} from "@/api/system/invRemindSet";
+
+export default {
+  name: "addInvRemindSetDialog",
+  props: {
+    invId: {
+      type: String,
+      required: true
+    },
+    closeDialog: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    return {
+      formData: {
+        relId: null,
+        ggxh: null,
+        deptCode: null,
+        invCode: null,
+        invSpaceCode: null,
+        lowStock: false,
+        lackStock: false,
+        overStock: false,
+        expireDate: false,
+        recentDate: false,
+        lowStockNum: null,
+        overStockNum: null,
+        recentDateTime: null,
+        isDateBy: null,
+        invName: null,
+        invSpaceName: null,
+        productName: null
+      },
+      formLoading: false
+    };
+  },
+  methods: {
+    getRemindSetInfo() {
+      getInfoByInvId({invId: this.invId}).then((res) => {
+        if (res.code === 20000) {
+          this.formData = res.data;
+          this.formData.lowStock = false;
+          this.formData.lackStock = false;
+          this.formData.overStock = false;
+          this.formData.expireDate = false;
+          this.formData.recentDate = false;
+        } else {
+          this.$message.error(res.meesage);
+        }
+      }).catch((error) => {
+        this.$message.error(error.message);
+      })
+    },
+    addInvRemindSet() {
+      if (!this.formData.lowStock && !this.formData.lackStock && !this.formData.overStock && !this.formData.expireDate && !this.formData.recentDate) {
+        this.$message.warning("至少开启一项预警！");
+        return;
+      }
+      saveInvRemindSet(this.formData, "add").then((res) => {
+        if (res.code === 20000) {
+          this.closeDialog();
+        } else {
+          this.$message.error(res.message);
+        }
+      }).catch((error) => {
+        this.$message.error(error.message);
+        this.closeDialog();
+      })
+    },
+  },
+  mounted() {
+    document.body.ondrop = function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+  },
+  created() {
+    this.getRemindSetInfo();
+  },
+};
+</script>
+
+<style type="text/scss" lang="scss">
+</style>
+
diff --git a/src/views/remind/addInvRemindSetDialog.vue b/src/views/remind/addInvRemindSetDialog.vue
new file mode 100644
index 00000000..0669992b
--- /dev/null
+++ b/src/views/remind/addInvRemindSetDialog.vue
@@ -0,0 +1,335 @@
+<template>
+  <div>
+    <el-form :model="formData" label-width="200px">
+      <el-card>
+        <el-row>
+          <el-col :span="10">
+            <el-form-item class="query-form-item" label="是否开启低库存预警">
+              <el-select v-model="formData.lowStock">
+                <el-option :value="true" label="开启"></el-option>
+                <el-option :value="false" label="关闭"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="10">
+            <el-form-item class="query-form-item" label="是否开启负库存预警">
+              <el-select v-model="formData.lackStock">
+                <el-option :value="true" label="开启"></el-option>
+                <el-option :value="false" label="关闭"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="10">
+            <el-form-item class="query-form-item" label="是否开启库存积压预警">
+              <el-select v-model="formData.overStock">
+                <el-option :value="true" label="开启"></el-option>
+                <el-option :value="false" label="关闭"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="10">
+            <el-form-item class="query-form-item" label="是否开启产品过期预警">
+              <el-select v-model="formData.expireDate">
+                <el-option :value="true" label="开启"></el-option>
+                <el-option :value="false" label="关闭"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="10">
+            <el-form-item class="query-form-item" label="是否开启近效期预警">
+              <el-select v-model="formData.recentDate">
+                <el-option :value="true" label="开启"></el-option>
+                <el-option :value="false" label="关闭"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-card>
+
+      <el-divider></el-divider>
+
+      <el-form v-model="productQuery" label-width="100px" v-show="showSearch">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="仓库名称:">
+              <el-select v-model="productQuery.invCode" placeholder="请选择所属仓库"
+                         @change="invChange"
+                         style="width: 90%"
+              >
+                <el-option
+                  v-for="item in invList"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.code">
+                  <span style="float: left">{{ item.name }}</span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="货位名称:">
+              <el-select v-model="productQuery.invSpaceCode" placeholder="请选择货位"
+                         @change="invSpaceChange"
+                         clearable
+                         style="width: 90%"
+              >
+                <el-option
+                  v-for="item in spaceList"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.code">
+                  <span style="float: left">{{ item.name }}</span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="物资名称:">
+              <el-input v-model="productQuery.cpmctymc" clearable style="width: 90%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="产品DI:">
+              <el-input v-model="productQuery.nameCode" clearable style="width: 90%"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="供应商名称:">
+              <el-input v-model="productQuery.supName" clearable style="width: 90%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+      <div class="top-right-btn">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+          <el-button type="primary" @click.native="queryProductList" icon="el-icon-search">搜索</el-button>
+          <el-button type="primary" @click.native="formSubmit" icon="el-icon-check">选入</el-button>
+        </el-button-group>
+      </div>
+
+      <el-table v-loading="loading" :data="productList" style="width: 100%" border ref="multipleTable"
+                @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55"></el-table-column>
+        <el-table-column type="index" label="序号" width="50"></el-table-column>
+        <el-table-column label="物资名称" prop="cpmctymc" show-overflow-tooltip></el-table-column>
+        <el-table-column label="规格型号" prop="ggxh" width="200" show-overflow-tooltip></el-table-column>
+        <el-table-column label="仓库名称" prop="invName" width="200"></el-table-column>
+        <el-table-column label="供应商名称" prop="supName" width="200" show-overflow-tooltip></el-table-column>
+        <el-table-column label="生产企业" prop="ylqxzcrbarmc" show-overflow-tooltip></el-table-column>
+        <el-table-column label="注册备案号" prop="zczbhhzbapzbh" show-overflow-tooltip></el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="productTotal>0"
+        :total="productTotal"
+        :page.sync="productQuery.page"
+        :limit.sync="productQuery.limit"
+        @pagination="getInvProductList"
+      />
+    </el-form>
+
+  </div>
+</template>
+
+<script>
+import {getInvListByUser} from "@/api/system/invWarehouse";
+import {getInvSpaceList} from "@/api/inventory/invSpace";
+import {isBlank} from "@/utils/strUtil";
+import {batchAddInvRemindSet} from "@/api/system/invRemindSet";
+import {getInvProduct} from "@/api/inventory/invPorduct";
+
+export default {
+  props: {
+    closeDialog: {
+      type: Function,
+      required: true
+    }
+  },
+  name: "addInvRemindSetDialog",
+  data() {
+    return {
+      formData: {
+        deptCode: this.$store.getters.locDeptCode,
+        invCode: this.$store.getters.locInvCode,
+        invSpaceCode: null,
+        lowStock: false,
+        lackStock: false,
+        overStock: false,
+        expireDate: false,
+        recentDate: false
+      },
+      invList: [],
+      spaceList: [],
+      productList: [],
+      formLoading: false,
+      productVisible: false,
+      loading: false,
+      productQuery: {
+        invCode: this.$store.getters.locInvCode,
+        invSpaceCode: null,
+        cpmctymc: null,
+        nameCode: null,
+        page: 1,
+        limit: 10
+      },
+      productTotal: 0,
+      multipleSelection: [],
+      showSearch: true
+    };
+  },
+  methods: {
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
+    invChange() {
+      this.multipleSelection = [];
+      this.spaceList = [];
+      this.formData.invSpaceCode = null;
+      this.formData.relId = null;
+      this.formData.ggxh = null;
+      this.getInvProductList();
+      this.getSpaceList();
+    },
+    getInvList() {
+      getInvListByUser()
+        .then((response) => {
+          this.invList = response.data || [];
+          this.getSpaceList();
+          this.getInvProductList();
+        })
+        .catch(() => {
+        });
+    },
+    getSpaceList() {
+      let params = {invWarehouseCode: this.formData.invCode, status: 1};
+      getInvSpaceList(params).then((res) => {
+        this.spaceList = res.data.list || [];
+      })
+    },
+    invSpaceChange() {
+      this.multipleSelection = [];
+    },
+    formSubmit() {
+      let message = this.verifyFormData();
+      if (message !== "success") {
+        this.$message.error(message);
+        return;
+      }
+
+
+      let relIdList = [];
+      if (this.multipleSelection.length > 0) {
+        this.multipleSelection.forEach((item) => {
+          relIdList.push(item.relIdFk);
+        });
+      } else {
+        this.$message.error("请选择需要预警的产品");
+        return;
+      }
+
+      //添加预警设置
+      let params = {
+        lowStock: this.formData.lowStock,
+        lackStock: this.formData.lackStock,
+        overStock: this.formData.overStock,
+        expireDate: this.formData.expireDate,
+        recentDate: this.formData.recentDate,
+        deptCode: this.formData.deptCode,
+        invCode: this.formData.invCode,
+        invSpaceCode: this.formData.invSpaceCode,
+        relIdList: relIdList
+      };
+      batchAddInvRemindSet(params).then((res) => {
+        if (res.code === 20000) {
+          this.$message.success("添加成功");
+          this.closeDialog();
+        } else {
+          this.$message.error(res.message);
+        }
+      }).catch((error) => {
+        this.$message.error(error.message);
+        this.closeDialog();
+      })
+    },
+    verifyFormData() {
+      if (isBlank(this.formData.invCode)) {
+        return "请选择预警仓库";
+      }
+      if (this.formData.lowStock === false && this.formData.lackStock === false && this.formData.overStock === false && this.formData.expireDate === false && this.formData.recentDate === false) {
+        return "至少开启一项预警";
+      }
+      return "success";
+    },
+    selectProduct() {
+      this.productVisible = true;
+      this.getInvProductList();
+      this.productQuery = {
+        invCode: this.formData.invCode,
+        invSpaceCode: this.formData.invSpaceCode,
+        page: 1,
+        limit: 10
+      };
+      this.productTotal = 0;
+    },
+    getInvProductList() {
+      getInvProduct(this.productQuery).then((res) => {
+        if (res.code === 20000) {
+          this.productList = res.data.list || [];
+          this.productTotal = res.data.total || 0;
+        } else {
+          this.productList = [];
+          this.productTotal = 0;
+        }
+      }).catch((error) => {
+        this.$message.error(error.message);
+        this.productList = [];
+        this.productTotal = 0;
+      })
+    },
+    onReset() {
+      this.productQuery = {
+        invCode: this.formData.invCode,
+        invSpaceCode: this.formData.invSpaceCode,
+        cpmctymc: null,
+        nameCode: null,
+        page: 1,
+        limit: 10
+      };
+      this.productTotal = 0;
+      this.productList = [];
+      this.getInvProductList()
+    },
+    queryProductList() {
+      this.getInvProductList();
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+  },
+  created() {
+    this.getInvList();
+  },
+};
+</script>
+<style type="text/scss" lang="scss">
+.el-radio {
+  width: 20%;
+}
+</style>
diff --git a/src/views/remind/invRemindSet.vue b/src/views/remind/invRemindSet.vue
index e445901e..01b53978 100644
--- a/src/views/remind/invRemindSet.vue
+++ b/src/views/remind/invRemindSet.vue
@@ -1,53 +1,81 @@
 <template>
   <div>
     <el-card class="el-card">
-      <el-form :inline="true" :model="filterQuery" class="query-form" size="mini">
-        <el-form-item class="query-form-item" label="仓库:">
-          <el-select v-model="filterQuery.invCode" placeholder="请选择所属仓库" clearable="true"
-                     @change="invChange"
-                     style="width: 90%"
-          >
-            <el-option
-              v-for="item in invList"
-              :key="item.name"
-              :label="item.name"
-              :value="item.code">
-              <span style="float: left">{{ item.name }}</span>
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item class="query-form-item" label="货位:">
-          <el-select v-model="filterQuery.invSpaceCode" placeholder="请选择货位" clearable="true"
-                     @change="invSpaceChange"
-          >
-            <el-option
-              v-for="item in spaceList"
-              :key="item.name"
-              :label="item.name"
-              :value="item.code">
-              <span style="float: left">{{ item.name }}</span>
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item class="query-form-item" label="产品名称:">
-          <el-autocomplete
-            class="inline-input"
-            v-model="queryName"
-            :fetch-suggestions="queryProductName"
-            placeholder="请输入内容"
-            clearable
-            @select="handleSelect"
-            @clear="clearQueryProduct"
-          ></el-autocomplete>
-        </el-form-item>
-        <el-form-item>
-          <el-button-group>
-            <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
-            <el-button type="primary" @click.native="search" icon="el-icon-search">搜索</el-button>
-            <el-button type="primary" @click.native="addSet" icon="el-icon-plus">新增库存预警设置</el-button>
-          </el-button-group>
-        </el-form-item>
+      <el-form :model="filterQuery" class="query-form" size="mini" label-width="100px" v-show="showSearch">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="仓库:">
+              <el-select v-model="filterQuery.invCode" placeholder="请选择所属仓库" clearable="true"
+                         @change="invChange"
+                         style="width: 90%"
+              >
+                <el-option
+                  v-for="item in invList"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.code">
+                  <span style="float: left">{{ item.name }}</span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="货位:">
+              <el-select v-model="filterQuery.invSpaceCode" placeholder="请选择货位" clearable="true"
+                         style="width: 90%"
+                         @change="invSpaceChange"
+              >
+                <el-option
+                  v-for="item in spaceList"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.code">
+                  <span style="float: left">{{ item.name }}</span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="产品名称:">
+              <el-autocomplete
+                class="inline-input"
+                v-model="queryName"
+                :fetch-suggestions="queryProductName"
+                placeholder="请输入内容"
+                clearable
+                @select="handleSelect"
+                @clear="clearQueryProduct"
+                style="width: 90%"
+              ></el-autocomplete>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="状态:">
+              <el-select v-model="filterQuery.status" clearable style="width: 90%">
+                <el-option :value="0" label="未启用"></el-option>
+                <el-option :value="1" label="已启用"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
+
+      <div class="top-right-btn">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+          <el-button type="primary" @click.native="search" icon="el-icon-search">搜索</el-button>
+          <el-button type="primary" @click.native="addSet" icon="el-icon-plus">新增库存预警设置</el-button>
+        </el-button-group>
+      </div>
+
+      <el-divider style="margin: 15px"></el-divider>
+
       <el-table v-loading="loading" :data="list" style="width: 120%" border>
         <el-table-column type="index" label="序号" width="50"></el-table-column>
         <el-table-column label="仓库名称" prop="invName" width="200"></el-table-column>
@@ -80,7 +108,7 @@
           </template>
         </el-table-column>
         <el-table-column label="备注" prop="remark" show-overflow-tooltip></el-table-column>
-        <el-table-column label="操作" width="120">
+        <el-table-column label="操作" width="120" fixed="right">
           <template slot-scope="scope">
             <el-button
               type="text"
@@ -105,16 +133,29 @@
         @pagination="getList"
       />
 
+      <!--表单-->
+      <el-dialog
+        v-if="addVisible"
+        title="新增预警设置"
+        :visible.sync="addVisible"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :before-close="closeAddDialog"
+        width="60%"
+      >
+        <addInvRemindSetDialog
+          :closeDialog="closeAddDialog"
+        ></addInvRemindSetDialog>
+      </el-dialog>
+
       <!--表单-->
       <el-dialog
         v-if="formVisible"
-        :title="formMap[formName]"
+        title="编辑预警设置"
         :visible.sync="formVisible"
         :close-on-click-modal="false"
         :close-on-press-escape="false"
-        :before-close="closeDialog"
         width="60%"
-        top="5vh"
       >
         <invRemindSetModify
           :invRemindSetData="formData"
@@ -136,6 +177,7 @@ import {getInvListByUser} from "@/api/system/invWarehouse";
 import {getInvSpaceList} from "@/api/inventory/invSpace";
 import {filterProductNames} from "@/api/inventory/invPorduct";
 import invRemindSetModify from "@/views/remind/invRemindSetModify.vue";
+import addInvRemindSetDialog from "@/views/remind/addInvRemindSetDialog.vue";
 
 export default {
   name: "invRemindSet",
@@ -145,6 +187,7 @@ export default {
         relId: null,
         invCode: this.$store.getters.locInvCode,
         invSpaceCode: null,
+        status: 1,
         page: 1,
         limit: 20,
       },
@@ -181,10 +224,14 @@ export default {
       invList: [],
       spaceList: [],
       queryName: null,
-
+      addVisible: false,
+      showSearch: true
     };
   },
   methods: {
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
     onReset() {
       this.$router.push({
         path: "",
@@ -193,10 +240,12 @@ export default {
         relId: null,
         invCode: this.$store.getters.locInvCode,
         invSpaceCode: null,
+        status: 1,
         page: 1,
         limit: 20,
       };
       this.getList();
+      this.queryName=null;
     },
     search() {
       this.filterQuery.page = 1;
@@ -232,22 +281,8 @@ export default {
       }
     },
     addSet() {
-      this.formData = {
-        id: null,
-        relId: null,
-        ggxh: null,
-        deptCode: this.$store.getters.locDeptCode,
-        invCode: this.$store.getters.locInvCode,
-        invSpaceCode: null,
-        lowStock: false,
-        lackStock: false,
-        overStock: false,
-        expireDate: false,
-        recentDate: false,
-        remark: null
-      };
       this.formName = "add";
-      this.formVisible = true;
+      this.addVisible = true;
     },
 
     deleteSet(id) {
@@ -348,6 +383,10 @@ export default {
       };
       this.getList();
     },
+    closeAddDialog() {
+      this.addVisible = false;
+      this.getList();
+    },
     // 显示表单
     handleForm(index, row) {
       this.formData = row;
@@ -356,7 +395,8 @@ export default {
     },
   },
   components: {
-    invRemindSetModify
+    invRemindSetModify,
+    addInvRemindSetDialog
   },
   created() {
     this.getInvList();
diff --git a/src/views/remind/invRemindSetModify.vue b/src/views/remind/invRemindSetModify.vue
index f5f3ad0f..742c9c11 100644
--- a/src/views/remind/invRemindSetModify.vue
+++ b/src/views/remind/invRemindSetModify.vue
@@ -1,118 +1,87 @@
 <template>
   <div>
-    <el-form :model="setData" label-width="200px" style="margin-bottom: -15px">
+    <el-form :model="setData" label-width="200px">
       <el-row>
         <el-col :span="10">
           <el-form-item class="query-form-item" label="仓库:">
-            <el-select v-model="setData.invCode" placeholder="请选择所属仓库"
-                       @change="invChange"
-                       style="width: 90%"
-            >
-              <el-option
-                v-for="item in invList"
-                :key="item.name"
-                :label="item.name"
-                :value="item.code">
-                <span style="float: left">{{ item.name }}</span>
-              </el-option>
-            </el-select>
-
+            <el-input v-model="setData.invName" style="width: 90%" :disabled="true"></el-input>
           </el-form-item>
         </el-col>
 
         <el-col :span="10">
           <el-form-item class="query-form-item" label="货位:">
-            <el-select v-model="setData.invSpaceCode" placeholder="请选择货位"
-                       @change="invSpaceChange"
-                       style="width: 90%"
-            >
-              <el-option
-                v-for="item in spaceList"
-                :key="item.name"
-                :label="item.name"
-                :value="item.code">
-                <span style="float: left">{{ item.name }}</span>
-              </el-option>
-            </el-select>
+            <el-input v-model="setData.invSpaceName" style="width: 90%" :disabled="true"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
 
       <el-row>
         <el-col :span="10">
-          <el-form-item class="query-form-item" label="产品名称:">
-            <el-select v-model="setData.relId" placeholder="请选择货位"
-                       style="width: 90%"
-                       @change="handleSelectProduct"
-            >
-              <el-option
-                v-for="item in productList"
-                :key="item.cpmctymc"
-                :label="item.cpmctymc"
-                :value="item.relIdFk"
-              >
-                <span style="float: left">{{ item.cpmctymc }}</span>
-                <span style="float: right">{{ item.ggxh }}</span>
-              </el-option>
-            </el-select>
+          <el-form-item class="query-form-item" label="物资名称:">
+            <el-input v-model="setData.productName" style="width: 90%" :disabled="true"></el-input>
           </el-form-item>
         </el-col>
 
         <el-col :span="10">
           <el-form-item class="query-form-item" label="规格型号:">
-            <el-input
-              placeholder="规格型号"
-              v-model="setData.ggxh"
-              :disabled="true"
-              style="width: 90%"
-            >
-            </el-input>
+            <el-input v-model="setData.ggxh" style="width: 90%" :disabled="true"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
 
+      <el-divider></el-divider>
+
       <el-row>
-        <el-col :span="20">
+        <el-col :span="10">
           <el-form-item class="query-form-item" label="是否开启低库存预警">
-            <el-radio v-model="setData.lowStock" :label="true" border>开启</el-radio>
-            <el-radio v-model="setData.lowStock" :label="false" border>关闭</el-radio>
+            <el-select v-model="setData.lowStock">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="20">
+
+        <el-col :span="10">
           <el-form-item class="query-form-item" label="是否开启负库存预警">
-            <el-radio v-model="setData.lackStock" :label="true" border>开启</el-radio>
-            <el-radio v-model="setData.lackStock" :label="false" border>关闭</el-radio>
+            <el-select v-model="setData.lackStock">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
+
       <el-row>
-        <el-col :span="20">
+        <el-col :span="10">
           <el-form-item class="query-form-item" label="是否开启库存积压预警">
-            <el-radio v-model="setData.overStock" :label="true" border>开启</el-radio>
-            <el-radio v-model="setData.overStock" :label="false" border>关闭</el-radio>
+            <el-select v-model="setData.overStock">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="20">
+
+        <el-col :span="10">
           <el-form-item class="query-form-item" label="是否开启产品过期预警">
-            <el-radio v-model="setData.expireDate" :label="true" border>开启</el-radio>
-            <el-radio v-model="setData.expireDate" :label="false" border>关闭</el-radio>
+            <el-select v-model="setData.expireDate">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
+
       <el-row>
-        <el-col :span="20">
+        <el-col :span="10">
           <el-form-item class="query-form-item" label="是否开启近效期预警">
-            <el-radio v-model="setData.recentDate" :label="true" border>开启</el-radio>
-            <el-radio v-model="setData.recentDate" :label="false" border>关闭</el-radio>
+            <el-select v-model="setData.recentDate">
+              <el-option :value="true" label="开启"></el-option>
+              <el-option :value="false" label="关闭"></el-option>
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
 
-      </el-row>
     </el-form>
 
     <div slot="footer" class="dialog-footer">
@@ -128,7 +97,6 @@
 import {getInvListByUser} from "@/api/system/invWarehouse";
 import {getInvSpaceList} from "@/api/inventory/invSpace";
 import {filterProductNames} from "@/api/inventory/invPorduct";
-import {getGgxhList} from "@/api/basic/product/udiRelevance";
 import {isBlank} from "@/utils/strUtil";
 import {saveInvRemindSet} from "@/api/system/invRemindSet";
 
@@ -261,6 +229,6 @@ export default {
 </script>
 <style type="text/scss" lang="scss">
 .el-radio {
-  width: 10%;
+  width: 20%;
 }
 </style>