| 1 |
- {"ast":null,"code":"export default {\n name: \"Comment\",\n data() {\n return {\n tableData: [],\n // 所有的数据\n pageNum: 1,\n // 当前的页码\n pageSize: 10,\n // 每页显示的个数\n total: 0,\n content: null,\n userName: null,\n acceptName: null,\n orderNo: null,\n fromVisible: false,\n form: {},\n user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n rules: {},\n ids: []\n };\n },\n created() {\n this.load(1);\n },\n methods: {\n del(id) {\n // 单个删除\n this.$confirm('您确定删除吗？', '确认删除', {\n type: \"warning\"\n }).then(response => {\n this.$request.delete('/comment/delete/' + id).then(res => {\n if (res.code === '200') {\n // 表示操作成功\n this.$message.success('操作成功');\n this.load(1);\n } else {\n this.$message.error(res.msg); // 弹出错误的信息\n }\n });\n }).catch(() => {});\n },\n handleSelectionChange(rows) {\n // 当前选中的所有的行数据\n this.ids = rows.map(v => v.id); // [1,2]\n },\n\n delBatch() {\n // 批量删除\n if (!this.ids.length) {\n this.$message.warning('请选择数据');\n return;\n }\n this.$confirm('您确定批量删除这些数据吗？', '确认删除', {\n type: \"warning\"\n }).then(response => {\n this.$request.delete('/comment/delete/batch', {\n data: this.ids\n }).then(res => {\n if (res.code === '200') {\n // 表示操作成功\n this.$message.success('操作成功');\n this.load(1);\n } else {\n this.$message.error(res.msg); // 弹出错误的信息\n }\n });\n }).catch(() => {});\n },\n load(pageNum) {\n // 分页查询\n if (pageNum) this.pageNum = pageNum;\n this.$request.get('/comment/selectPage', {\n params: {\n pageNum: this.pageNum,\n pageSize: this.pageSize,\n content: this.content,\n userName: this.userName,\n acceptName: this.acceptName,\n orderNo: this.orderNo\n }\n }).then(res => {\n this.tableData = res.data?.list;\n this.total = res.data?.total;\n });\n },\n reset() {\n this.content = null;\n this.userName = null;\n this.acceptName = null;\n this.orderNo = null;\n this.load(1);\n },\n handleCurrentChange(pageNum) {\n this.load(pageNum);\n }\n }\n};","map":{"version":3,"names":["name","data","tableData","pageNum","pageSize","total","content","userName","acceptName","orderNo","fromVisible","form","user","JSON","parse","localStorage","getItem","rules","ids","created","load","methods","del","id","$confirm","type","then","response","$request","delete","res","code","$message","success","error","msg","catch","handleSelectionChange","rows","map","v","delBatch","length","warning","get","params","list","reset","handleCurrentChange"],"sources":["src/views/manager/Comment.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div class=\"search\">\r\n <el-input placeholder=\"请输入评价内容称查询\" style=\"width: 200px\" v-model=\"content\"></el-input>\r\n <el-input placeholder=\"请输入用户名称查询\" style=\"width: 200px; margin: 0 10px\" v-model=\"userName\"></el-input>\r\n <el-input placeholder=\"请输入骑手名称查询\" style=\"width: 200px; margin-right: 10px\" v-model=\"acceptName\"></el-input>\r\n <el-input placeholder=\"请输入订单编号查询\" style=\"width: 200px\" v-model=\"orderNo\"></el-input>\r\n <el-button type=\"info\" plain style=\"margin-left: 10px\" @click=\"load(1)\">查询</el-button>\r\n <el-button type=\"warning\" plain style=\"margin-left: 10px\" @click=\"reset\">重置</el-button>\r\n </div>\r\n\r\n <div class=\"operation\">\r\n <el-button type=\"danger\" plain @click=\"delBatch\">批量删除</el-button>\r\n </div>\r\n\r\n <div class=\"table\">\r\n <el-table :data=\"tableData\" strip @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"55\" align=\"center\"></el-table-column>\r\n <el-table-column prop=\"id\" label=\"序号\" width=\"70\" align=\"center\" sortable></el-table-column>\r\n <el-table-column prop=\"content\" label=\"评论\"></el-table-column>\r\n <el-table-column prop=\"star\" label=\"评分\">\r\n <template v-slot=\"scope\">\r\n <el-rate v-model=\"scope.row.star\" disabled></el-rate><!-显示评分组件https://element.eleme.cn/#/zh-CN/component/rate#events->\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"userName\" label=\"用户\"></el-table-column>\r\n <el-table-column prop=\"acceptName\" label=\"骑手\"></el-table-column>\r\n <el-table-column prop=\"orderId\" label=\"订单ID\"></el-table-column>\r\n <el-table-column prop=\"orderNo\" label=\"订单编号\"></el-table-column>\r\n <el-table-column prop=\"time\" label=\"时间\"></el-table-column>\r\n <el-table-column label=\"操作\" align=\"center\" width=\"180\">\r\n <template v-slot=\"scope\">\r\n <el-button size=\"mini\" type=\"danger\" plain @click=\"del(scope.row.id)\">删除</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n\r\n <div class=\"pagination\">\r\n <el-pagination\r\n background\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"pageNum\"\r\n :page-sizes=\"[5, 10, 20]\"\r\n :page-size=\"pageSize\"\r\n layout=\"total, prev, pager, next\"\r\n :total=\"total\">\r\n </el-pagination>\r\n </div>\r\n </div>\r\n\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"Comment\",\r\n data() {\r\n return {\r\n tableData: [], // 所有的数据\r\n pageNum: 1, // 当前的页码\r\n pageSize: 10, // 每页显示的个数\r\n total: 0,\r\n content: null,\r\n userName: null,\r\n acceptName: null,\r\n orderNo: null,\r\n fromVisible: false,\r\n form: {},\r\n user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\r\n rules: {\r\n },\r\n ids: []\r\n }\r\n },\r\n created() {\r\n this.load(1)\r\n },\r\n methods: {\r\n del(id) { // 单个删除\r\n this.$confirm('您确定删除吗？', '确认删除', {type: \"warning\"}).then(response => {\r\n this.$request.delete('/comment/delete/' + id).then(res => {\r\n if (res.code === '200') { // 表示操作成功\r\n this.$message.success('操作成功')\r\n this.load(1)\r\n } else {\r\n this.$message.error(res.msg) // 弹出错误的信息\r\n }\r\n })\r\n }).catch(() => {\r\n })\r\n },\r\n handleSelectionChange(rows) { // 当前选中的所有的行数据\r\n this.ids = rows.map(v => v.id) // [1,2]\r\n },\r\n delBatch() { // 批量删除\r\n if (!this.ids.length) {\r\n this.$message.warning('请选择数据')\r\n return\r\n }\r\n this.$confirm('您确定批量删除这些数据吗？', '确认删除', {type: \"warning\"}).then(response => {\r\n this.$request.delete('/comment/delete/batch', {data: this.ids}).then(res => {\r\n if (res.code === '200') { // 表示操作成功\r\n this.$message.success('操作成功')\r\n this.load(1)\r\n } else {\r\n this.$message.error(res.msg) // 弹出错误的信息\r\n }\r\n })\r\n }).catch(() => {\r\n })\r\n },\r\n load(pageNum) { // 分页查询\r\n if (pageNum) this.pageNum = pageNum\r\n this.$request.get('/comment/selectPage', {\r\n params: {\r\n pageNum: this.pageNum,\r\n pageSize: this.pageSize,\r\n content: this.content,\r\n userName: this.userName,\r\n acceptName: this.acceptName,\r\n orderNo: this.orderNo,\r\n }\r\n }).then(res => {\r\n this.tableData = res.data?.list\r\n this.total = res.data?.total\r\n })\r\n },\r\n reset() {\r\n this.content = null\r\n this.userName = null\r\n this.acceptName = null\r\n this.orderNo = null\r\n this.load(1)\r\n },\r\n handleCurrentChange(pageNum) {\r\n this.load(pageNum)\r\n },\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>"],"mappings":"AAuDA;EACAA,IAAA;EACAC,KAAA;IACA;MACAC,SAAA;MAAA;MACAC,OAAA;MAAA;MACAC,QAAA;MAAA;MACAC,KAAA;MACAC,OAAA;MACAC,QAAA;MACAC,UAAA;MACAC,OAAA;MACAC,WAAA;MACAC,IAAA;MACAC,IAAA,EAAAC,IAAA,CAAAC,KAAA,CAAAC,YAAA,CAAAC,OAAA;MACAC,KAAA,GACA;MACAC,GAAA;IACA;EACA;EACAC,QAAA;IACA,KAAAC,IAAA;EACA;EACAC,OAAA;IACAC,IAAAC,EAAA;MAAA;MACA,KAAAC,QAAA;QAAAC,IAAA;MAAA,GAAAC,IAAA,CAAAC,QAAA;QACA,KAAAC,QAAA,CAAAC,MAAA,sBAAAN,EAAA,EAAAG,IAAA,CAAAI,GAAA;UACA,IAAAA,GAAA,CAAAC,IAAA;YAAA;YACA,KAAAC,QAAA,CAAAC,OAAA;YACA,KAAAb,IAAA;UACA;YACA,KAAAY,QAAA,CAAAE,KAAA,CAAAJ,GAAA,CAAAK,GAAA;UACA;QACA;MACA,GAAAC,KAAA,QACA;IACA;IACAC,sBAAAC,IAAA;MAAA;MACA,KAAApB,GAAA,GAAAoB,IAAA,CAAAC,GAAA,CAAAC,CAAA,IAAAA,CAAA,CAAAjB,EAAA;IACA;;IACAkB,SAAA;MAAA;MACA,UAAAvB,GAAA,CAAAwB,MAAA;QACA,KAAAV,QAAA,CAAAW,OAAA;QACA;MACA;MACA,KAAAnB,QAAA;QAAAC,IAAA;MAAA,GAAAC,IAAA,CAAAC,QAAA;QACA,KAAAC,QAAA,CAAAC,MAAA;UAAA5B,IAAA,OAAAiB;QAAA,GAAAQ,IAAA,CAAAI,GAAA;UACA,IAAAA,GAAA,CAAAC,IAAA;YAAA;YACA,KAAAC,QAAA,CAAAC,OAAA;YACA,KAAAb,IAAA;UACA;YACA,KAAAY,QAAA,CAAAE,KAAA,CAAAJ,GAAA,CAAAK,GAAA;UACA;QACA;MACA,GAAAC,KAAA,QACA;IACA;IACAhB,KAAAjB,OAAA;MAAA;MACA,IAAAA,OAAA,OAAAA,OAAA,GAAAA,OAAA;MACA,KAAAyB,QAAA,CAAAgB,GAAA;QACAC,MAAA;UACA1C,OAAA,OAAAA,OAAA;UACAC,QAAA,OAAAA,QAAA;UACAE,OAAA,OAAAA,OAAA;UACAC,QAAA,OAAAA,QAAA;UACAC,UAAA,OAAAA,UAAA;UACAC,OAAA,OAAAA;QACA;MACA,GAAAiB,IAAA,CAAAI,GAAA;QACA,KAAA5B,SAAA,GAAA4B,GAAA,CAAA7B,IAAA,EAAA6C,IAAA;QACA,KAAAzC,KAAA,GAAAyB,GAAA,CAAA7B,IAAA,EAAAI,KAAA;MACA;IACA;IACA0C,MAAA;MACA,KAAAzC,OAAA;MACA,KAAAC,QAAA;MACA,KAAAC,UAAA;MACA,KAAAC,OAAA;MACA,KAAAW,IAAA;IACA;IACA4B,oBAAA7C,OAAA;MACA,KAAAiB,IAAA,CAAAjB,OAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
