You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
13 KiB
1 line
13 KiB
{"version":3,"sources":["webpack:///src/views/butler/page/src/views/butler/page/subjectManagement.vue"],"names":[],"mappings":"AACA,uBACA,WAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,wBACA","file":"chunk-374cf033.224e1ea7.css","sourcesContent":["<style scoped>\n.tips {\n margin: 20px;\n height: 38px;\n line-height: 38px;\n background: #fafafa;\n border-radius: 4px;\n opacity: 0.8;\n border: 1px solid #e8e8e8;\n}\n</style>\n<template>\n <div class=\"main-content\">\n <div class=\"main-titel\">\n <span>动态管理</span>\n </div>\n <div class=\"content\">\n <div class=\"\">\n <VueTable ref=\"table\"\n :config='config'\n @tableCheck=\"tableCheck\">\n <template slot=\"footer\">\n <div class=\"table-footer\">\n <button @click=\"detail(table_row)\">详情</button>\n <button @click=\"recovery(table_row)\">恢复</button>\n <button @click=\"del(table_row)\">删除</button>\n <button @click=\"opensubmit(table_row)\">开启/停止用户动态发布功能</button>\n <button @click=\"opencomment(table_row)\">开启/停止用户评论功能</button>\n <!-- 开启/停止用户动态发布功能 -->\n <!-- 开启/停止用户评论功能 -->\n </div>\n </template>\n </VueTable>\n </div>\n <Drawer :drawerVrisible='drawer_details' @drawerClose='getClose' drawerTitle=\"动态详情\">\n <div style=\"padding: 30px\">\n <FromCard>\n <template slot=\"title\">详情信息</template>\n <div style=\"fontSize:16px;lineheight:20px\">\n <el-row style=\"marginTop:10px\">\n <el-col :span=\"5\" style=\"color:#999999;\">发布人</el-col>\n <el-col :span=\"19\">{{detailList.gambitName}}</el-col>\n </el-row>\n <el-row style=\"marginTop:10px\">\n <el-col :span=\"5\" style=\"color:#999999\">动态内容</el-col>\n <el-col :span=\"19\">{{detailList.gambitContent}}</el-col>\n </el-row>\n <el-row style=\"marginTop:10px\">\n <el-col :span=\"5\" style=\"color:#999999\">附带图片</el-col>\n <el-col :span=\"19\">{{detailList.gambitName}}</el-col>\n </el-row>\n <el-row style=\"marginTop:10px\">\n <el-col :span=\"5\" style=\"color:#999999\">显示状态</el-col>\n <el-col :span=\"19\">{{detailList.isDelete=1?'正常':'已删除'}}</el-col>\n </el-row>\n <el-row style=\"marginTop:10px\">\n <el-col :span=\"5\" style=\"color:#999999\">点赞人数</el-col>\n <el-col :span=\"7\">{{detailList.likeNum}}</el-col>\n <el-col :span=\"5\" style=\"color:#999999\">评论人数</el-col>\n <el-col :span=\"7\">{{detailList.commentNum}}</el-col>\n </el-row>\n <el-row style=\"marginTop:10px\">\n <el-col :span=\"5\" style=\"color:#999999\">关联话题</el-col>\n <el-col :span=\"19\">{{detailList.summary}}</el-col>\n </el-row>\n </div>\n </FromCard>\n <FromCard style=\"marginTop:20px\">\n <template slot=\"title\">评论列表</template>\n <el-table :data=\"gambitThemeFindCommentByTheme\">\n <el-table-column prop=\"createName\" label=\"评论人\" width=\"200px\"></el-table-column>\n <el-table-column prop=\"createDate\" label=\"评论时间\"></el-table-column>\n <el-table-column prop=\"content\" label=\"评论内容\"></el-table-column>\n <el-table-column\n label=\"删除评论\">\n <template slot-scope=\"scope\">\n <el-button\n size=\"mini\"\n type=\"danger\"\n @click=\"handleDelete(scope.row)\">Delete</el-button>\n </template>\n </el-table-column>\n </el-table>\n </FromCard>\n </div>\n <div slot=\"footer\">\n <button class=\"btn-gray\" @click=\"getClose\">\n <span>取消</span>\n </button>\n </div>\n </Drawer>\n </div>\n\n </div>\n</template>\n<script>\nimport { gambitThemeRecovery,gambitThemeEnableComment, gambitThemeEnableTheme,gambitThemeList,gambitThemeFindCommentByThemeId,gambitThemeDeleteCommentByCommentId} from '@/api/butler'\nexport default {\n data () {\n return {\n drawer_details: false,\n gambitThemeFindCommentByTheme:[],// 评论列表 table data\n detailList:{ //详情数据\n gambitName:null,\n gambitContent:null,\n img:[],\n isDelete:null,\n likeNum:null,\n commentNum:null,\n summary:null,\n themeContent:null,\n themeCreateDate:null,\n themeName:null\n },\n config: {\n thead: [\n { label: '序号', type: 'index', width: '80' },\n { label: '动态内容', prop: 'gambitContent', width: '780' },\n // { label: '照片', prop: 'gambitContent', width: '780' },\n // { label: '发布人昵称', prop: 'gambitNickName', width: '180' },\n { label: '发布人姓名', prop: 'gambitName', width: '180' },\n { label: '显示状态', prop: 'isDelete', width: 'auto' ,\n type:\"function\",\n callback:(row,prop)=>{\n switch(row.isDelete){\n case 1:\n return '正常'\n break\n case 0:\n return '已删除'\n break\n }\n }},\n { label: '话题标题', prop: 'title', width: '380' },\n { label: '话题摘要', prop: 'summary', width: '180' },\n { label: '点赞人数', prop: 'likeNum', width: '180', sortable: true },\n { label: '评论人数', prop: 'commentNum', width: '180', sortable: true },\n { label: '发布时间', prop: 'gambitCreateDate', width: '180', sortable: true },\n ],\n url: 'gambitThemeList',\n table_data: [],\n search_item: [\n {\n type: 'startDate',\n label: '发布开始时间',\n placeholder: '请选择开始日期',\n prop: 'beginDate'\n },\n {\n type: 'startDate',\n label: '发布结束时间',\n placeholder: '请选择结束日期',\n prop: 'endDate'\n },\n {\n type: 'Input',\n label: '话题标题',\n placeholder: '请输入',\n prop: 'title'\n },\n {\n type: 'Input',\n label: '发布人姓名',\n placeholder: '请输入',\n prop: 'gambitName'\n },\n {\n type: 'Input',\n label: '发布人昵称',\n placeholder: '请输入',\n prop: 'nickName'\n }, {\n type: 'select',\n label: '状态',\n value: null,\n options: [\n { value: 0, label: '删除' },\n { value: 1, label: '正常' }\n ],\n placeholder: '请输入',\n prop: 'isDelete'\n },\n // {\n // type: 'Input',\n // label: '话题摘要',\n // placeholder: '请输入',\n // prop: 'summary',\n // width: '50%',\n // inputWidth: '658px'\n // },\n // {\n // type: 'Input',\n // label: '发布内容',\n // placeholder: '请输入',\n // prop: 'gambitContent',\n // width: '50%',\n // inputWidth: '658px'\n // },\n // {\n // type: 'Input',\n // label: '评论内容',\n // placeholder: '请输入',\n // width: '50%',\n // prop: 'content',\n // inputWidth: '658px'\n // }\n ],\n data: {\n pageNum: 1,\n size: 10\n },\n },\n }\n },\n methods: {\n // 获取评论\n getList(id){\n gambitThemeFindCommentByThemeId({themeId:id}).then(res=>{\n console.log(res);\n this.gambitThemeFindCommentByTheme = res.data\n // console.log(this.gambitThemeFindCommentByTheme);\n })\n },\n // 删除评论\n handleDelete(that){\n console.log(that.id);\n gambitThemeDeleteCommentByCommentId({commentId:that.id}).then(res=>{\n if(res.status){\n this.$message({type:'success',message:res.message})\n // console.log(this.table_row);\n // 删除评论后再获取一次评论\n this.getList(this.table_row[0].id)\n }\n })\n },\n tableCheck (arr) {\n this.table_row = arr\n\n },\n // 查看详情\n detail(data){\n if(data.length!=1){\n this.$message({message:'请选择一条数据查看'})\n return\n }\n this.drawer_details = true\n gambitThemeList().then(res=>{\n res.tableList&&res.tableList.forEach(ele => {\n if (data[0].id == ele.id) {\n console.log(ele);\n this.detailList.gambitName = ele.gambitName\n this.detailList.gambitContent = ele.gambitContent\n this.detailList.isDelete = ele.isDelete\n this.detailList.likeNum = ele.likeNum\n this.detailList.commentNum = ele.commentNum\n this.detailList.summary = ele.summary\n this.detailList.themeContent = ele.themeContent\n this.detailList.themeCreateDate = ele.themeCreateDate\n this.detailList.themeName = ele.themeName\n // this.detailList.img = ele.length\n }\n });\n })\n // 获取评论\n this.getList(data[0].id)\n },\n // 开启停用动态发布\n opensubmit(){\n gambitThemeEnableTheme().then(res=>{\n if (res.status) {\n this.$message({\n message: res.message,\n type: 'success'\n })\n this.$refs.table.loadData()\n }\n })\n },\n // 开启停用评论发布\n opencomment(){\n gambitThemeEnableComment().then(res=>{\n if (res.status) {\n this.$message({\n message: res.message,\n type: 'success'\n })\n this.$refs.table.loadData()\n }\n })\n },\n getClose(data) {\n this.drawer_details = false\n },\n // 恢复\n recovery (data) {\n if (data.length) {\n let arr = []\n for (let i = 0; i < this.table_row.length; i++) {\n arr.push(this.table_row[i].id)\n }\n let resData = {\n ids: arr\n }\n this.$confirm('是否批量恢复主题明细？', '恢复', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n confirmButtonClass: 'confirmButton',\n cancelButtonClass: 'cancelButton'\n }).then(() => {\n gambitThemeRecovery(resData).then((res) => {\n if (res.status) {\n this.$message({\n message: res.message,\n type: 'success'\n })\n this.$refs.table.loadData()\n }\n })\n }).catch(action => { });\n } else {\n this.$message.error('请选择');\n }\n },\n // 删除\n del (data) {\n if (data.length) {\n let arr = []\n for (let i = 0; i < this.table_row.length; i++) {\n arr.push(this.table_row[i].id)\n }\n this.$confirm('是否确认删除？删除不可恢复', '删除', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n confirmButtonClass: 'confirmButton',\n cancelButtonClass: 'cancelButton'\n }).then(() => {\n this.$refs.table.tableDelete(arr)\n }).catch(action => { });\n } else {\n this.$message.error('请选中需要删除的数据');\n }\n },\n\n },\n}\n</script>\n"]} |