admin

10_vuecli/bankpro/src/api/message.js

@@ -18,10 +18,19 @@ export function addOrUpdateMessage(data) {
 // get 方式传参数 格式 params: { jraddressesid: "1" }
 // 也可以在url 拼接地址 url:"/messageController/getMessageByAddrId?jraddressesid=1"
 // 两种方式均可 
-export function getMessageByAddressId(params){
+export function getMessageByAddressId(params) {
     return request({
-        url:"/messageController/getMessageByAddrId",
-        method:"get",
+        url: "/messageController/getMessageByAddrId",
+        method: "get",
         params
     })
+}
+
+// 删除消息
+export function deleteMessage(data) {
+    return request({
+        url:"/messageController/deleteMessage",
+        method:"delete",
+        data
+    })
 }

10_vuecli/bankpro/src/views/message/MessageList.vue

@@ -43,7 +43,7 @@
 </template>
 <script>
 // 引入请求接口
-import { getMessageList, getMessageByAddressId } from '@/api/message';
+import { getMessageList, getMessageByAddressId,deleteMessage } from '@/api/message';
 import { getAddressList } from '@/api/address';
 import { getLevelList } from '@/api/level';
 export default {
@@ -63,6 +63,19 @@ export default {
         }
     },
     methods: {
+        // 删除表格数据
+        deleteConfirm(row){
+            // 调用删除消息接口
+            deleteMessage([row.messageId]).then((res) => {
+                // 处理成功响应
+                this.$message({
+                    message: "删除成功",
+                    type: "success",
+                })
+                // 刷新表格数据
+                this.getTableData();
+            })
+        },
         // 根据地址筛选
         searchMessage() {
             // 获取选中地址的ID