admin

10-vuecli/vueapp/vueadmin/src/views/message/MessageList.vue

@@ -11,17 +11,19 @@
         <el-table-column prop="levelName" label="用户等级"> </el-table-column>
         <el-table-column prop="addressName" label="用户地址"> </el-table-column>
         <el-table-column label="操作">
-      <template slot-scope="scope">
-        <el-button
-          size="mini"
-          @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-        <el-button
-          size="mini"
-          type="danger"
-          @click="handleDelete(scope.$index, scope.row)">删除</el-button>
-      </template>
-    </el-table-column>
-    </el-table>
+          <template slot-scope="scope">
+            <el-button size="mini" @click="handleEdit(scope.$index, scope.row)"
+              >编辑</el-button
+            >
+            <el-button
+              size="mini"
+              type="danger"
+              @click="handleDelete(scope.$index, scope.row)"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
   </div>
 </template>
@@ -56,6 +58,35 @@ export default {
   },
   // methods 内部放置都是事件处理函数、自定义函数
   methods: {
+    // 删除信息
+    handleDelete(index, row) {
+      console.log(row);
+      axios({
+        method: "delete",
+        url: "http://39.105.160.25:18080/messageController/deleteMessage",
+        data: [row.jrid],
+      })
+        .then(() => {
+          this.$message({
+            message: "删除成功",
+            type: "success",
+          });
+          let message = this.getMessageList();
+          // 将获取到的等级列表的promise对象放到level变量中
+          let level = this.getLevelList();
+          // 将获取到的地址列表的promise对象放到address变量中
+          let address = this.getAddressList();
+          Promise.all([message, level, address]).then(() => {
+            this.handleData();
+          });
+        })
+        .catch(() => {
+          this.$message({
+            message: "删除失败",
+            type: "error",
+          });
+        });
+    },
     // 通过等级ID获取等级名称
     getLevelById(id) {
       let levelName = "";
@@ -86,6 +117,7 @@ export default {
         let levelName = this.getLevelById(item.jrlevel);
         let addressName = this.getAddressById(item.jraddressesid);
         let obj = {
+          jrid: item.jrid,
           levelName: levelName,
           addressName: addressName,
           userName: item.jrname,
@@ -156,7 +188,7 @@ export default {
 // 3. 处理数据 ，将等级ID和地址ID换成等级名称和地址名称 将最终的结果拼接成一个新数组
 </script>
 <style scoped>
-    .message-list{
-        padding:30px;
-    }
+.message-list {
+  padding: 30px;
+}
 </style>