标准预警--加筛选条件

src/pages/localTool/standardWarning.vue

@@ -11,25 +11,51 @@
                 <h5>实施预警</h5>
                 <div class="more">
                   <el-form :inline="true" :model="dynamic" class="demo-form-inline">
+                    <el-form-item label="标准编号">
+                      <el-input clearable size="small"
+                                v-model="dynamic.standCode"
+                                placeholder="根据标准编号查找">
+                      </el-input>
+                    </el-form-item>
+                    <el-form-item label="标准名称">
+                      <el-input clearable size="small"
+                                v-model="dynamic.standName"
+                                placeholder="根据标准名称查找">
+                      </el-input>
+                    </el-form-item>
+                    <el-form-item label="实施日期" class="choose-time-area">
+                      <el-datePicker
+                                clearable size="small"
+                                v-model="dynamic.putTime"
+                                value-format="yyyy-MM-dd"
+                                placeholder="根据实施日期查找">
+                      </el-datePicker>
+                    </el-form-item>
                     <el-form-item label="适用车型">
                       <el-input clearable size="small"
-                                v-model="dynamic.keyword"
+                                v-model="dynamic.applyType"
                                 placeholder="根据适用车型查找">
                       </el-input>
                     </el-form-item>
                     <el-form-item>
                       <el-button
-                        icon="el-icon-search"
                         type="primary"
                         size="small"
                         @click="searchBtnClick"
                         class="common-button-primary">
+                        查询
+                      </el-button>
+                      <el-button
+                          size="small"
+                          @click="clearBtnClick"
+                          class="common-button-primary">
+                        清空
                       </el-button>
                     </el-form-item>
                   </el-form>
                 </div>
                 <div class="content" style="height: 100%; padding-top: 5px; ">
-                  <el-divider content-position="left" class="dynamic-child-title"></el-divider>
+                  <el-divider content-position="left" class="dynamic-child-title">新车型实施日期预警</el-divider>
                   <el-table
                     :data="newItems"
                     :height="height"
@@ -410,7 +436,14 @@ export default {
       activeName: "STANDARD",   //tab 默认选中值
       // 头部搜索框
       dynamic: {
-        keyWord: "",
+        //标准编号
+        standCode: "",
+        //标准名称
+        standName: "",
+        //实施日期
+        putTime: "",
+        //适用车型
+        applyType: "",
       },
       height: null,
       // 新车型实施日期预警
@@ -549,7 +582,14 @@ export default {
     searchBtnClick() {
         this.$http.get('sys/EarlyWarning/StandWarning', {
           ...this.pageConfig,
-          applyType: this.dynamic.keyword
+          //标准编号
+          standCode: this.dynamic.standCode,
+          //标准名称
+          standName: this.dynamic.standName,
+          //实施日期
+          putTime: this.dynamic.putTime,
+          //适用车型
+          applyType: this.dynamic.applyType
         },{
            _this: this,
         }, res => {
@@ -567,6 +607,19 @@ export default {
           console.log(e)
         })
     },
+    clearBtnClick() {
+      this.dynamic = {
+        //标准编号
+        standCode: "",
+        //标准名称
+        standName: "",
+        //实施日期
+        putTime: "",
+        //适用车型
+        applyType: "",
+      }
+      this.searchBtnClick()
+    },
     //取消预警
     cancelWarning (index, row) {
       console.log(index, row)
@@ -882,6 +935,16 @@ export default {
         }
 
         .more {
+
+          /deep/ .el-input__inner {
+            width: 155px;
+          }
+          .choose-time-area {
+            /deep/ .el-input__inner {
+              width: 220px;
+            }
+          }
+
           cursor: pointer;
           color: #12508e;
           position: absolute;