new

vue-admin-template-master/src/api/location.js

@@ -24,4 +24,5 @@ export function delLocation(params) {
     method: 'get',
     params
   })
-}
+}
+

vue-admin-template-master/src/api/message.js

@@ -41,4 +41,12 @@ export function upMessage(data) {
     method: 'post',
     data
   })
+}
+//根据地址查询信息列表
+export function searchInfo(data) {
+  return request({
+    url: '/searchaddressid',
+    method: 'post',
+    data
+  })
 }

vue-admin-template-master/src/views/message/addMessage.vue

@@ -191,7 +191,7 @@ export default {
     // console.log(this.$route.query.id)
     if(this.$route.query.id){
       let _id = this.$route.query.id
-      this.showMessageList(_id),
+      this.showMessageList(_id)
       this.isUpdate = true
     }
   },

vue-admin-template-master/src/views/message/messageList.vue

@@ -5,6 +5,17 @@
  */
 <template>
   <div class="message-list">
+    <el-select v-model="addressValue" placeholder="请选择">
+      <el-option
+        v-for="item in addressList"
+        :key="item.addressid"
+        :label="item.addressname"
+        :value="item.addressid"
+      >
+      </el-option>
+    </el-select>
+    <el-button type="primary" @click="searchMessage">筛选</el-button>
+    <el-button type="info" @click="reset">重置</el-button>
     <el-table :data="tableData" style="width: 100%">
       <el-table-column type="index" width="50"> </el-table-column>
       <el-table-column prop="jrid" label="信息" width="180"> </el-table-column>
@@ -41,11 +52,14 @@
 </template>
 
 <script>
-import { getMessage, delMessage } from "@/api/message";
+import { getMessage, delMessage, searchInfo } from "@/api/message";
+import { getLocation } from "@/api/location";
 export default {
   data() {
     return {
       tableData: [],
+      addressList: [],
+      addressValue: "",
     };
   },
   methods: {
@@ -55,6 +69,12 @@ export default {
         this.tableData = res.data;
       });
     },
+    getLocationList() {
+      getLocation().then((res) => {
+        this.addressList = res.data;
+        console.log(res.data);
+      });
+    },
     //删除信息
     deleteRow(row) {
       console.log(row.jrid);
@@ -87,18 +107,44 @@ export default {
         });
     },
     //修改信息
-    updateRow(row){
-      console.log(row)
+    updateRow(row) {
+      console.log(row);
       this.$router.push({
-        path:"/message/addMessage",
-        query:{
-          id:row.jrid
+        path: "/message/addMessage",
+        query: {
+          id: row.jrid,
+        },
+      });
+    },
+    //搜索信息
+    searchMessage() {
+      let _addressName = "";
+      this.addressList.forEach((val) => {
+        if (val.addressid == this.addressValue) {
+          _addressName = val.addressname;
         }
-      })
+      });
+      searchInfo({
+        searchid: this.addressValue,
+      }).then((res) => {
+        console.log(res);
+        let _data = res.data
+        this.tableData = _data.map((val)=>{
+          val.addressname = _addressName
+          val.levelname = '查无此项'
+          return val
+        })
+      });
+    },
+    //重置
+    reset(){
+      this.addressValue = ''
+      this.getMessageList()
     }
   },
   created() {
     this.getMessageList();
+    this.getLocationList();
   },
 };
 </script>