kun 19/10/11 17

src/views/InformationQuery.vue

@@ -14,25 +14,25 @@
       </div>
       <!-- 分类搜索 -->
       <div class="select-box">
-        <select name="type" @change="scree()">
-          <template v-for="(list,index) in society_type">
-            <option :key="index" :value="index">{{list}}</option>
+
+        <select name="type" v-model="type_value" @change="scree()">
+          <option selected>全部</option>
+          <template v-for="(type,index) in types">
+            <option :key="index" :value="index">{{type}}</option>
           </template>
         </select>
-        <select name="time" v-model="reg_time0" @change="scree()">
-          <option value="登记时间" disabled style="display:none;">登记时间</option>
-          <option value="09-18">09-18</option>
-          <option value="09-19">09-19</option>
+
+        <select name="year" v-model="year_value" @change="scree()">
+          <option selected>全部</option>
+          <template v-for="(year,index) in years">
+            <option :key="index" :value="index">{{year}}</option>
+          </template>
         </select>
-        <select name="year" v-model="reg_time1" @change="scree()">
-          <option value="年检年份" disabled style="display:none;">年检年份</option>
-          <option value="2017">2017</option>
-          <option value="2019">2019</option>
-        </select>
-        <select name="condition" v-model="status" @change="scree()">
-          <option value="年检情况" disabled style="display:none;">年检情况</option>
-          <option value="正常">正常</option>
-          <option value="异常">异常</option>
+
+        <select name="condition" v-model="year_status" @change="scree()">
+          <option selected>全部</option>
+          <option value="0">不合格</option>
+          <option value="1">合格</option>
         </select>
       </div>
       <!-- 搜索记录 -->
@@ -76,8 +76,8 @@
               <td>{{info.society_type}}</td>
               <td>{{info.legal_person}}</td>
               <td>{{info.reg_time}}</td>
-              <td v-if="info.status == '正常'" style="color:#2fd63f">正常</td>
-              <td v-if="info.status == '异常'" style="color:#e13232">异常</td>
+              <td v-if="info.status == '白名单'" style="color:#2fd63f">正常</td>
+              <td v-if="info.status == '黑名单'" style="color:#e13232">异常</td>
             </tr>
           </template>
           <template v-if="searchValue.length > 0">
@@ -92,8 +92,8 @@
               <td>{{info.society_type}}</td>
               <td>{{info.legal_person}}</td>
               <td>{{info.reg_time}}</td>
-              <td v-if="info.status == '正常'" style="color:#2fd63f">正常</td>
-              <td v-if="info.status == '异常'" style="color:#e13232">异常</td>
+              <td v-if="info.status == '白名单'" style="color:#2fd63f">正常</td>
+              <td v-if="info.status == '黑名单'" style="color:#e13232">异常</td>
             </tr>
           </template>
         </table>
@@ -117,7 +117,7 @@ export default {
   data() {
     return {
       index_num: 1,
-      text: ["全部", "黑名单", "信用良好名录"],
+      text: ["全部", "异常名录", "信用良好名录"],
       sub: 0,
       imgUrl: {
         xa: require("../../static/img/xa.png")
@@ -125,10 +125,11 @@ export default {
       searchVal: "",
       searchValue: [],
       record: [],
-      society_type: [],
-      reg_time0: [],
-      reg_time1: [],
-      status: [],
+      types: [],
+      years: '',
+      year_status: '全部',
+      type_value:'全部',
+      year_value:'全部',
       bgData: [],
       arr1: [],
       arr0: [],
@@ -199,12 +200,14 @@ export default {
         }
         _this.bgData = res.data.data.data.info
         _this.conversion = _this.bgData
+
       })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
           console.log(err)
         })
     },
+    /** 获取类型 */
     getDataG() {
       let _this = this
       this.$http({
@@ -215,14 +218,15 @@ export default {
         if (res.data.code !== 200) {
           return;
         }
-        console.log(res)
-        _this.society_type = res.data.data
+        _this.types = res.data.data.type
+        _this.years = res.data.data.year
       })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
           console.log(err)
         })
     },
+    /** 获取异常名单 */
     getDataZ() {
       let _this = this
       this.$http({
@@ -234,6 +238,7 @@ export default {
       }).then(res => {
         if (res.data.data.code !== 200) {
           alert('数据请求失败！')
+          return
         }
         _this.bgData = res.data.data.data.info
         _this.conversion = _this.bgData
@@ -243,6 +248,7 @@ export default {
           console.log(err)
         })
     },
+    /** 获取正常名单 */
     getDataO() {
       let _this = this
       this.$http({
@@ -263,7 +269,9 @@ export default {
           console.log(err)
         })
     },
-    scree() { }
+    scree() {
+      console.log(this.type_value,this.year_value,this.year_status)
+    }
   },
   created() {
     this.getData()