From 07ac335de2d71c4f86f56757dd7f121effe039c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=88=E5=AD=A6=E5=9D=A4?= <1107410514@qq.com>
Date: Thu, 26 Sep 2019 22:14:12 +0800
Subject: [PATCH] kun

---
 src/views/InformationQuery.vue | 78 +++++++++++++++++++++-------------
 1 file changed, 49 insertions(+), 29 deletions(-)

diff --git a/src/views/InformationQuery.vue b/src/views/InformationQuery.vue
index f5e3ab1..057c883 100644
--- a/src/views/InformationQuery.vue
+++ b/src/views/InformationQuery.vue
@@ -14,21 +14,21 @@
       </div>
       <!-- 分类搜索 -->
       <div class="select-box">
-        <select name="type">
-          <option value>社会</option>
-          <option value>团体</option>
+        <select name="type" v-model="screeOut.type" @change="scree()">
+          <option value="社会">社会</option>
+          <option value="团体">团体</option>
         </select>
-        <select name="time">
-          <option value>09-18</option>
-          <option value>09-19</option>
+        <select name="time" v-model="screeOut.date_time" @change="scree()">
+          <option value="09-18">09-18</option>
+          <option value="09-19">09-19</option>
         </select>
-        <select name="year">
-          <option value>2017</option>
-          <option value>2019</option>
+        <select name="year" v-model="screeOut.date_year" @change="scree()">
+          <option value="2017">2017</option>
+          <option value="2019">2019</option>
         </select>
-        <select name="condition">
-          <option value>good</option>
-          <option value>bad</option>
+        <select name="condition" v-model="screeOut.zt" @change="scree()">
+          <option value="0">good</option>
+          <option value="1">bad</option>
         </select>
       </div>
       <!-- 搜索记录 -->
@@ -71,7 +71,7 @@
               <td>{{item.credit}}</td>
               <td>{{item.type}}</td>
               <td>{{item.representative}}</td>
-              <td>{{item.date}}</td>
+              <td>{{item.date_year + '-' + item.date_time}}</td>
               <td v-if="item.zt == 0" style="color:#2fd63f">正常</td>
               <td v-if="item.zt == 1" style="color:#e13232">异常</td>
             </tr>
@@ -82,12 +82,12 @@
               :key="index"
               :class="index % 2 == 0 ? 'bgcbz' : 'bgcz'"
             >
-              <td v-html="item.id">{{item.id}}</td>
-              <td v-html="item.organization">{{item.organization}}</td>
-              <td v-html="item.credit">{{item.credit}}</td>
-              <td v-html="item.type">{{item.type}}</td>
-              <td v-html="item.representative">{{item.representative}}</td>
-              <td v-html="item.date">{{item.date}}</td>
+              <td>{{item.id}}</td>
+              <td>{{item.organization}}</td>
+              <td>{{item.credit}}</td>
+              <td>{{item.type}}</td>
+              <td>{{item.representative}}</td>
+              <td>{{item.date_year + '-' + item.date_time}}</td>
               <td v-if="item.zt == 0" style="color:#2fd63f">正常</td>
               <td v-if="item.zt == 1" style="color:#e13232">异常</td>
             </tr>
@@ -120,7 +120,12 @@ export default {
       },
       searchVal: "",
       searchValue: [],
-      screeOut: [],
+      screeOut: {
+        type: '',
+        date_time: '',
+        date_year: '',
+        zt: '',
+      },
       sData: [
         {
           id: 1,
@@ -128,7 +133,8 @@ export default {
           credit: "51100000MJ000035X2",
           type: "团体",
           representative: "王五",
-          date: "2019-01-14",
+          date_time: "09-18",
+          date_year: '2019',
           zt: 0
         },
         {
@@ -137,16 +143,18 @@ export default {
           credit: "51100000MJ000035X2",
           type: "社会",
           representative: "李四",
-          date: "2019-10-14",
+          date_time: "09-19",
+          date_year: '2017',
           zt: 1
         },
         {
           id: 4,
           organization: "华为",
           credit: "51100000MJ000035X2",
-          type: "社会",
+          type: "团体",
           representative: "李四",
-          date: "2019-10-14",
+          date_time: "09-19",
+          date_year: '2019',
           zt: 1
         },
         {
@@ -155,7 +163,8 @@ export default {
           credit: "51100000MJ000035X2",
           type: "社会",
           representative: "李四",
-          date: "2019-10-14",
+          date_time: "09-18",
+          date_year: '2017',
           zt: 1
         },
         {
@@ -164,7 +173,8 @@ export default {
           credit: "51100000MJ000035X2",
           type: "社会",
           representative: "李四",
-          date: "2019-10-14",
+          date_time: "09-19",
+          date_year: '2019',
           zt: 1
         },
         {
@@ -173,7 +183,8 @@ export default {
           credit: "51100000MJ000035X2",
           type: "手机",
           representative: "张三",
-          date: "2019-11-14",
+          date_time: "09-18",
+          date_year: "2017",
           zt: 0
         }
       ]
@@ -182,6 +193,15 @@ export default {
   computed: {},
   watch: {},
   methods: {
+    /** 筛选函数 */
+    scree() {
+      let gData = this.$tool.multiFilter(this.sData, this.screeOut)
+      if (gData != undefined && gData != '') {
+        this.searchValue = gData
+      } else {
+        this.$message('您搜索的内容暂无~')
+      }
+    },
     /** 搜索函数 */
     getSearch() {
       this.searchValue = [];
@@ -211,13 +231,13 @@ export default {
       //   }
       // });
     },
-
+    /** 名单切换 */
     btn(index) {
       let s = this.sub;
       s = index;
       this.sub = s;
     },
-
+    /** 获取后台数据 */
     getData() { }
   },
   created() {