new

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

@@ -43,4 +43,13 @@ export function updateInfo(data) {
     method: 'post',
     data
   })
+}
+
+/* 根据地址筛选信息 */
+export function searchInfo(data) {
+  return request({
+    url: '/searchaddressid',
+    method: 'post',
+    data
+  })
 }

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

@@ -5,7 +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 prop="jrid" label="信息ID"> </el-table-column>
       <el-table-column prop="jraddressesid" label="地址ID"> </el-table-column>
@@ -38,19 +48,22 @@
 </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:[]
-    }
+  data() {
+    return {
+      tableData: [],
+      addressValue: "",
+      addressList:[]
+    };
   },
   methods: {
     /* 获取信息列表 */
-    getMessageList(){
-      getMessage().then((res)=>{
-        this.tableData = res.data
-      })
+    getMessageList() {
+      getMessage().then((res) => {
+        this.tableData = res.data;
+      });
     },
     /* 移除等级 */
     deleteRow(row) {
@@ -63,16 +76,17 @@ export default {
         .then(() => {
           delMessage({
             id: row.jrid,
-          }).then((res) => {
-            this.$message({
-              type: "success",
-              message: "删除成功!",
-            });
-            this.getMessageList()
-            
-          }).catch((err)=>{
-            console.log(err)
           })
+            .then((res) => {
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              this.getMessageList();
+            })
+            .catch((err) => {
+              console.log(err);
+            });
         })
         .catch(() => {
           this.$message({
@@ -82,25 +96,57 @@ 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,
+        },
+      });
+    },
+    getLocationList(){
+      getLocation().then((res)=>{
+        this.addressList = res.data
+        console.log(this.addressList)
+      })
+    },
+    /* 根据地址进行搜索 */
+    searchMessage(){
+      console.log(this.addressValue)
+
+      let _addressName = ''
+      this.addressList.forEach((val)=>{
+        if(val.addressid == this.addressValue){
+          _addressName = val.addressname
         }
       })
+      searchInfo({
+        searchid: this.addressValue
+      }).then((res)=>{
+        console.log(res.data)
+        let _data = res.data
+        this.tableData = _data.map((val)=>{
+          val.addressname = _addressName
+          val.levelname = '查无此项'
+          return val
+        })
+      })
+    },
+    reset(){
+
     }
   },
-  created(){
-    this.getMessageList()
-  }
+  created() {
+    this.getMessageList();
+    this.getLocationList()
+  },
 };
 </script>
 
 <style scoped>
-.message-list{
+.message-list {
   width: 90%;
-  margin: 100px auto 0
+  margin: 100px auto 0;
 }
 </style>