kun 19/10/9/23:20

src/views/InformationQuery.vue

@@ -14,22 +14,22 @@
       </div>
       <!-- 分类搜索 -->
       <div class="select-box">
-        <select name="type" v-model="screeOut.society_type" @change="scree()">
-          <option value="类型" disabled style="display:none;">类型</option>
-          <option value="社会">社会</option>
-          <option value="团体">团体</option>
+        <select name="type" @change="scree()">
+          <template v-for="(list,index) in society_type">
+            <option :key="index" :value="index">{{list}}</option>
+          </template>
         </select>
-        <select name="time" v-model="screeOut.reg_time0" @change="scree()">
+        <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>
-        <select name="year" v-model="screeOut.reg_time1" @change="scree()">
+        <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="screeOut.status" @change="scree()">
+        <select name="condition" v-model="status" @change="scree()">
           <option value="年检情况" disabled style="display:none;">年检情况</option>
           <option value="正常">正常</option>
           <option value="异常">异常</option>
@@ -125,12 +125,10 @@ export default {
       searchVal: "",
       searchValue: [],
       record: [],
-      screeOut: {
-        society_type: '类型',
-        reg_time0: '登记时间',
-        reg_time1: '年检年份',
-        status: '年检情况'
-      },
+      society_type: [],
+      reg_time0: [],
+      reg_time1: [],
+      status: [],
       bgData: [],
       arr1: [],
       arr0: [],
@@ -207,6 +205,24 @@ export default {
           console.log(err)
         })
     },
+    getDataG() {
+      let _this = this
+      this.$http({
+        method: 'get',
+        url: 'v1/society/get-type',
+        params: {}
+      }).then(res => {
+        if (res.data.code !== 200) {
+          return;
+        }
+        console.log(res)
+        _this.society_type = res.data.data
+      })
+        // eslint-disable-next-line handle-callback-err
+        .catch(err => {
+          console.log(err)
+        })
+    },
     getDataZ() {
       let _this = this
       this.$http({
@@ -217,7 +233,7 @@ export default {
         }
       }).then(res => {
         if (res.data.data.code !== 200) {
-         alert('数据请求失败！')
+          alert('数据请求失败！')
         }
         _this.bgData = res.data.data.data.info
         _this.conversion = _this.bgData
@@ -246,10 +262,12 @@ export default {
         .catch(err => {
           console.log(err)
         })
-    }
+    },
+    scree() { }
   },
   created() {
     this.getData()
+    this.getDataG()
   },
   mounted() {
   }
@@ -479,9 +497,9 @@ export default {
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url("../../static/img/xa.png") 90px center no-repeat;
+          background: url("../../static/img/xa.png") 126px center no-repeat;
           background-size: 14px 8px;
-          width: 134px;
+          width: 170px;
           height: 38px;
           background-color: #f9f8f8;
           border-radius: 4px;