|
|
@@ -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>
|
