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
19 KiB
1 line
19 KiB
{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\forum\\detail.vue?vue&type=style&index=0&id=d59927fa&rel=stylesheet%2Fscss&lang=scss&scoped=true","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\forum\\detail.vue","mtime":1709633805000},{"path":"D:\\code\\vue\\front\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5zZWN0aW9uIHsKCXdpZHRoOiA5MDBweDsKCW1hcmdpbjogMCBhdXRvOwp9Cgouc2VjdGlvbi1jb250ZW50IHsKCW1hcmdpbi10b3A6IDMwcHg7Cn0KLmNvbnRlbnQtdGl0bGUgewoJdGV4dC1hbGlnbjogY2VudGVyOwoJZm9udC1zaXplOiAyMnB4OwoJZm9udC13ZWlnaHQ6IGJvbGQ7Cn0KLmNvbnRlbnQtc3ViLXRpdGxlIHsKCXRleHQtYWxpZ246IGNlbnRlcjsKCW1hcmdpbi10b3A6IDIwcHg7Cgljb2xvcjogIzg4ODg4ODsKCWZvbnQtc2l6ZTogMTRweDsKfQouY2xlYXJmaXg6YmVmb3JlLAouY2xlYXJmaXg6YWZ0ZXIgewoJZGlzcGxheTogdGFibGU7Cgljb250ZW50OiAiIjsKfQouY2xlYXJmaXg6YWZ0ZXIgewoJY2xlYXI6IGJvdGgKfQouaGVhZGVyLWJsb2NrIHsKCWhlaWdodDogNTBweDsKCWxpbmUtaGVpZ2h0OiA1MHB4OwoJZGlzcGxheTogZmxleDsKfQoudXNlcmluZm8gewoJYWxpZ24tc2VsZjogY2VudGVyOwoJbWFyZ2luLWxlZnQ6IDE1cHg7Cn0KLmNvbnRlbnQtYmxvY2stYXNrIHsKCW1hcmdpbjogMTVweCAwIDIwcHggNjVweDsKfQouY29udGVudC1kZXRhaWwgaW1nIHsKCW1heC13aWR0aDogOTAwcHg7CgloZWlnaHQ6IGF1dG87Cn0KLm9wZXJhdGV7CglkaXNwbGF5OiBmbGV4OwoJYWxpZ24taXRlbXM6IGNlbnRlcjsKCWp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsKCXBhZGRpbmc6IDAgNDBweDsKfQo="},{"version":3,"sources":["detail.vue"],"names":[],"mappings":";AAuWA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"detail.vue","sourceRoot":"src/pages/forum","sourcesContent":["<template>\r\n <div :style='{\"width\":\"100%\",\"padding\":\"0px 7%\",\"margin\":\"20px auto 40px\",\"position\":\"relative\",\"background\":\"rgb(255, 255, 255)\"}'>\r\n <div :style='{\"width\":\"100%\",\"lineHeight\":\"54px\",\"textAlign\":\"center\",\"background\":\"#333\",\"height\":\"54px\"}'>\r\n\t\t<div :style='{\"padding\":\"0 20px\",\"color\":\"#fff\",\"textAlign\":\"center\",\"background\":\"none\",\"display\":\"inline-block\",\"width\":\"auto\",\"fontSize\":\"20px\"}'>互动交流</div>\r\n\t</div>\r\n\t<div :style='{\"padding\":\"20px 7%\",\"margin\":\"0px auto\",\"borderColor\":\"#ddd\",\"borderRadius\":\"0px\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"width\":\"100%\",\"borderStyle\":\"solid\"}'>\r\n\t\t<el-button size=\"mini\" @click=\"backClick\">返回</el-button>\r\n\t</div>\r\n <div class=\"section-content\" :style='{\"width\":\"100%\",\"margin\":\"20px auto\",\"position\":\"relative\",\"background\":\"none\"}'>\r\n <div class=\"content-title\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 10px\",\"color\":\"#333\",\"textAlign\":\"center\",\"width\":\"100%\",\"lineHeight\":\"32px\",\"fontSize\":\"18px\",\"height\":\"32px\"}'>{{detail.title}}</div>\r\n\t <div :style='{\"width\":\"100%\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"display\":\"flex\"}'>\r\n\t <div :style='{\"color\":\"#999\",\"textAlign\":\"right\",\"fontSize\":\"14px\"}'>发布人：{{detail.username}}</div>\r\n\t <div :style='{\"color\":\"#999\",\"textAlign\":\"left\",\"fontSize\":\"14px\"}'>发布时间：{{detail.addtime}}</div>\r\n\t </div>\r\n\t <div class=\"operate\" :style='{\"padding\":\"0px\",\"alignItems\":\"center\",\"textAlign\":\"right\",\"background\":\"none\",\"display\":\"flex\",\"width\":\"100%\",\"justifyContent\":\"flex-end\"}'>\r\n\t <div @click=\"zanClick\" :style='{\"padding\":\"0 15px\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"display\":\"flex\"}'>\r\n\t <span class=\"icon iconfont icon-guanzhu-zhihui\" :style='{\"margin\":\"0 2px 0 0\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"color\":\"#333\"}'></span>\r\n\t <span :style='{\"color\":\"#333\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\"}'>{{zanType?'取消赞':'点赞'}}({{allZan}})</span>\r\n\t </div>\r\n\t </div>\r\n <div :style='{\"border\":\"1px solid #ddd\",\"padding\":\"20px\"}' class=\"content-detail\" v-html=\"detail.content\"></div>\r\n \r\n\t \r\n\t\t<div :style='{\"border\":\"1px solid #eee\",\"width\":\"100%\",\"padding\":\"20px\",\"margin\":\"20px auto\",\"background\":\"#fcfcfc\"}'>\r\n\t\t\t<div :style='{\"padding\":\"0 0 20px 0\",\"borderColor\":\"#efefef\",\"alignItems\":\"center\",\"borderWidth\":\"0 0 1px 0\",\"display\":\"flex\",\"width\":\"100%\",\"borderStyle\":\"solid\",\"justifyContent\":\"space-between\"}'>\r\n\t\t\t\t<div :style='{\"color\":\"#333\",\"fontSize\":\"16px\"}'>评论列表</div>\r\n\t\t\t\t<el-button class=\"pub\" type=\"primary\" :style='{\"cursor\":\"pointer\",\"border\":\"0\",\"padding\":\"0px 15px\",\"margin\":\"0 10px 0 0\",\"outline\":\"none\",\"color\":\"#fff\",\"borderRadius\":\"4px\",\"background\":\"#F5BB00\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"32px\",\"height\":\"32px\"}' @click=\"addComment\">\r\n\t\t\t\t\t<span class=\"icon iconfont icon-xiugai10\" :style='{\"color\":\"#fff\",\"margin\":\"0 4px 0 0\",\"fontSize\":\"14px\"}'></span>\r\n\t\t\t\t\t点击评论\r\n\t\t\t\t</el-button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"comment\" :style='{\"width\":\"100%\",\"padding\":\"0px\",\"background\":\"none\"}'>\r\n\t\t\t\t<template v-if=\"commentList && commentList.length\">\r\n\t\t\t\t<div class=\"item\" :style='{\"border\":\"1px solid #eee\",\"padding\":\"10px\",\"margin\":\"20px 0\",\"alignItems\":\"center\",\"color\":\"#666\",\"background\":\"#fff\",\"width\":\"100%\",\"height\":\"auto\"}' v-for=\"item in commentList\" :key=\"item.id\" @mouseenter=\"commentEnter(item.id)\" @mouseleave=\"commentLeave\">\r\n\t\t\t\t\t<div class=\"user\" :style='{\"width\":\"100%\",\"alignItems\":\"center\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t\t\t\t\t\t<img v-if=\"item.avatarurl\" :style='{\"width\":\"40px\",\"margin\":\"0 10px 0 0\",\"borderRadius\":\"100%\",\"objectFit\":\"cover\",\"height\":\"40px\"}' :src=\"baseUrl + item.avatarurl\">\r\n\t\t\t\t\t\t<img v-if=\"!item.avatarurl\" :style='{\"width\":\"40px\",\"margin\":\"0 10px 0 0\",\"borderRadius\":\"100%\",\"objectFit\":\"cover\",\"height\":\"40px\"}' :src=\"require('@/assets/touxiang.png')\">\r\n\t\t\t\t\t\t<div :style='{\"color\":\"#666\",\"fontSize\":\"16px\"}' class=\"name\">用户：{{item.username}}</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div :style='{\"border\":\"1px solid #eee\",\"padding\":\"10px\",\"margin\":\"10px 0px 0px\",\"color\":\"#666\",\"borderRadius\":\"4px\",\"background\":\"none\",\"lineHeight\":\"24px\",\"fontSize\":\"14px\"}' v-html=\"item.content\"></div>\r\n\t\t\t\t\t<div class=\"btn\" :style='{\"width\":\"100%\",\"margin\":\"12px 0 0 0\",\"alignItems\":\"center\",\"justifyContent\":\"flex-end\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 20px\",\"margin\":\"0 10px\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#F5BB00\",\"width\":\"auto\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\",\"height\":\"32px\"}' v-if=\"showIndex==item.id&&showIndex1 == -1\" @click=\"replyClick(item.id)\">回复</el-button>\r\n\t\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 20px\",\"margin\":\"0 10px\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#333\",\"width\":\"auto\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\",\"height\":\"32px\"}' v-if=\"showIndex==item.id&&userid==item.userid&&showIndex1 == -1\" @click=\"commentDel(item.id)\">删除</el-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<template v-if=\"item.childs && item.childs.length\">\r\n\t\t\t\t\t<div class=\"comment\" :style='{\"width\":\"100%\",\"padding\":\"0 20px\"}'>\r\n\t\t\t\t\t\t<div class=\"item\" :style='{\"padding\":\"8px 0\",\"margin\":\"20px 0 0 0\",\"borderColor\":\"#efefef\",\"alignItems\":\"center\",\"color\":\"#666\",\"background\":\"#fff\",\"borderWidth\":\"1px 0 0 0\",\"width\":\"100%\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' v-for=\"items in item.childs\" :key=\"items.id\" @mouseenter=\"commentEnter1(items.id)\" @mouseleave=\"commentLeave1\">\r\n\t\t\t\t\t\t\t<div class=\"user\" :style='{\"width\":\"100%\",\"alignItems\":\"center\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t\t\t\t\t\t\t\t<img v-if=\"items.avatarurl\" :style='{\"width\":\"40px\",\"margin\":\"0 10px 0 0\",\"borderRadius\":\"100%\",\"objectFit\":\"cover\",\"height\":\"40px\"}' :src=\"baseUrl + items.avatarurl\">\r\n\t\t\t\t\t\t\t\t<img v-if=\"!items.avatarurl\" :style='{\"width\":\"40px\",\"margin\":\"0 10px 0 0\",\"borderRadius\":\"100%\",\"objectFit\":\"cover\",\"height\":\"40px\"}' :src=\"require('@/assets/touxiang.png')\">\r\n\t\t\t\t\t\t\t\t<div :style='{\"color\":\"#333\",\"fontSize\":\"16px\"}' class=\"name\">用户：{{items.username}}</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div :style='{\"padding\":\"0px\",\"margin\":\"4px 0 0\",\"color\":\"#666\",\"borderRadius\":\"4px\",\"background\":\"none\",\"lineHeight\":\"30px\",\"fontSize\":\"14px\"}' v-html=\"items.content\"></div>\r\n\t\t\t\t\t\t\t<div class=\"btn\" :style='{\"width\":\"100%\",\"margin\":\"0px 0 0 0\",\"alignItems\":\"center\",\"justifyContent\":\"flex-end\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t\t\t\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 20px\",\"margin\":\"0 10px\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#333\",\"width\":\"auto\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\",\"height\":\"32px\"}' v-if=\"showIndex==item.id&&userid==items.userid&&showIndex1==items.id\" @click=\"commentDel(items.id)\">删除</el-button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t</div>\r\n\t\t\t\t</template>\r\n\t\t\t</div>\r\n\t\t</div>\r\n </div>\r\n\t\r\n <el-dialog title=\"添加评论\" :visible.sync=\"dialogFormVisible\">\r\n <el-form :model=\"form\" :rules=\"rules\" ref=\"form\">\r\n <el-form-item label=\"评论\" label-width=\"60px\" prop=\"content\">\r\n\t\t\t<editor\r\n\t\t\t :style='{\"minHeight\":\"200px\",\"border\":\"0\",\"outline\":\"none\",\"color\":\"#333\",\"borderRadius\":\"4px\",\"width\":\"100%\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\"}'\r\n\t\t\t v-model=\"form.content\" \r\n\t\t\t class=\"editor\" \r\n\t\t\t action=\"file/upload\">\r\n\t\t\t</editor>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"addForum('form')\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n //数据集合\r\n data() {\r\n return {\r\n baseUrl: '',\r\n\t\tid: '',\r\n detail: {},\r\n commentList: [],\r\n dialogFormVisible: false,\r\n form: {\r\n content: '',\r\n parentid: '',\r\n userid: localStorage.getItem('frontUserid'),\r\n username: localStorage.getItem('username'),\r\n avatarurl: '',\r\n },\r\n\t\tuserid: localStorage.getItem('frontUserid'),\r\n\t\teditorOption: {\r\n\t\t modules: {\r\n\t\t toolbar: [\r\n\t\t [\"bold\", \"italic\", \"underline\", \"strike\"],\r\n\t\t [\"blockquote\", \"code-block\"],\r\n\t\t [{ header: 1 }, { header: 2 }],\r\n\t\t [{ list: \"ordered\" }, { list: \"bullet\" }],\r\n\t\t [{ script: \"sub\" }, { script: \"super\" }],\r\n\t\t [{ indent: \"-1\" }, { indent: \"+1\" }],\r\n\t\t [{ direction: \"rtl\" }],\r\n\t\t [{ size: [\"small\", false, \"large\", \"huge\"] }],\r\n\t\t [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n\t\t [{ color: [] }, { background: [] }],\r\n\t\t [{ font: [] }],\r\n\t\t [{ align: [] }],\r\n\t\t [\"clean\"],\r\n\t\t [\"image\", \"video\"]\r\n\t\t ]\r\n\t\t }\r\n\t\t},\r\n rules: {\r\n content: [\r\n { required: true, message: '请输入评论', trigger: 'blur' }\r\n ]\r\n },\r\n\t\tzanType:false,\r\n\t\tzanForm:{},\r\n\t\tshowIndex: -1,\r\n\t\tshowIndex1: -1,\r\n\t\tallZan: 0\r\n }\r\n },\r\n created() {\r\n\t\tthis.baseUrl = this.$config.baseUrl;\r\n\t\tthis.id = this.$route.query.id\r\n\t\tthis.getDetail()\r\n },\r\n //方法集合\r\n methods: {\r\n\t\t// 返回按钮\r\n\t\tbackClick(){\r\n\t\t\thistory.back()\r\n\t\t},\r\n\t\tonEditorReady(editor) {\r\n\t\t\teditor.root.setAttribute('data-placeholder', \"请输入内容...\");\r\n\t\t},\r\n\t\tgetDetail() {\r\n\t\t\tthis.$http.get(`forum/list/${this.id}`).then(res => {\r\n\t\t\t\tif (res.data.code == 0) {\r\n\t\t\t\t\tres.data.data.content = res.data.data.content.replace(/img src/gi,\"img style=\\\"width:100%;\\\" src\");\r\n\t\t\t\t\tthis.detail = res.data.data\r\n\t\t\t\t\tthis.commentList = res.data.data.childs;\r\n\t\t\t\t\tthis.getZan()\r\n\t\t\t\t\tthis.getAllZan()\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tgetZan() {\r\n\t\t\tthis.$http.get('storeup/list', {\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tpage: 1,\r\n\t\t\t\t\tlimit: 1,\r\n\t\t\t\t\ttype: 21,\r\n\t\t\t\t\tuserid: localStorage.getItem('frontUserid'),\r\n\t\t\t\t\ttablename: 'forum',\r\n\t\t\t\t\trefid: this.id\r\n\t\t\t\t}\r\n\t\t\t}).then(res=>{\r\n\t\t\t\tif(res.data&&res.data.code==0){\r\n\t\t\t\t\tif(res.data.data.list.length){\r\n\t\t\t\t\t\tthis.zanType = true\r\n\t\t\t\t\t\tthis.zanForm = res.data.data.list[0]\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tthis.zanType = false\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tgetAllZan() {\r\n\t\t\tthis.$http.get('storeup/list', {\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tpage: 1,\r\n\t\t\t\t\ttype: 21,\r\n\t\t\t\t\ttablename: 'forum',\r\n\t\t\t\t\trefid: this.id\r\n\t\t\t\t}\r\n\t\t\t}).then(res => {\r\n\t\t\t\tif (res.data && res.data.code == 0) {\r\n\t\t\t\t\tthis.allZan = Number(res.data.data.total)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tzanClick() {\r\n\t\t\tif(this.zanType){\r\n\t\t\t\tthis.$http.post('storeup/delete', [this.zanForm.id]).then(res => {\r\n\t\t\t\t\tif (res.data && res.data.code == 0) {\r\n\t\t\t\t\t\tthis.$message.success('取消成功')\r\n\t\t\t\t\t\tthis.getZan()\r\n\t\t\t\t\t\tthis.getAllZan()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}else{\r\n\t\t\t\tlet data = {\r\n\t\t\t\t\tname: this.detail.title,\r\n\t\t\t\t\tpicture: '1',\r\n\t\t\t\t\trefid: this.detail.id,\r\n\t\t\t\t\ttype: 21,\r\n\t\t\t\t\ttablename: 'forum',\r\n\t\t\t\t\tuserid: localStorage.getItem('frontUserid')\r\n\t\t\t\t}\r\n\t\t\t\tthis.$http.post('storeup/add', data).then(res => {\r\n\t\t\t\t\tif (res.data && res.data.code == 0) {\r\n\t\t\t\t\t\tthis.$message.success('点赞成功')\r\n\t\t\t\t\t\tthis.getZan()\r\n\t\t\t\t\t\tthis.getAllZan()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 新增评论\r\n\t\taddComment(){\r\n\t\t\tthis.form.parentid = this.detail.id\r\n\t\t\tthis.dialogFormVisible = true\r\n\t\t},\r\n\t\t// 鼠标移入\r\n\t\tcommentEnter(index){\r\n\t\t\tthis.showIndex = index\r\n\t\t},\r\n\t\t// 鼠标移出\r\n\t\tcommentLeave(){\r\n\t\t\tthis.showIndex = -1\r\n\t\t},\r\n\t\t// 二级评论鼠标移入\r\n\t\tcommentEnter1(index){\r\n\t\t\tthis.showIndex1 = index\r\n\t\t},\r\n\t\t// 二级评论鼠标移出\r\n\t\tcommentLeave1(){\r\n\t\t\tthis.showIndex1 = -1\r\n\t\t},\r\n\t\t// 删除评论\r\n\t\tcommentDel(id){\r\n\t\t\tthis.$confirm('是否删除此评论？')\r\n\t\t\t .then(_ => {\r\n\t\t\t this.$http.post('forum/delete',[id]).then(res=>{\r\n\t\t\t\t if(res.data&&res.data.code==0){\r\n\t\t\t\t\t this.$message({\r\n\t\t\t\t\t\ttype: 'success',\r\n\t\t\t\t\t\tmessage: '删除成功!',\r\n\t\t\t\t\t\tduration: 1500,\r\n\t\t\t\t\t\tonClose: () => {\r\n\t\t\t\t\t\t\tthis.getDetail();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t });\r\n\t\t\t\t }\r\n\t\t\t })\r\n\t\t }).catch(_ => {});\r\n\t\t},\r\n\t\t// 回复评论\r\n\t\treplyClick(id){\r\n\t\t\tthis.form.parentid = id\r\n\t\t\tthis.dialogFormVisible = true\r\n\t\t},\r\n addForum(formName) {\r\n let sensitiveWords = \"\";\r\n let sensitiveWordsArr = [];\r\n if(sensitiveWords) {\r\n sensitiveWordsArr = sensitiveWords.split(\",\");\r\n }\r\n for(var i=0; i<sensitiveWordsArr.length; i++){\r\n //全局替换\r\n var reg = new RegExp(sensitiveWordsArr[i],\"g\");\r\n //判断内容中是否包括敏感词\r\n if (this.form.content.indexOf(sensitiveWordsArr[i]) > -1) {\r\n // 将敏感词替换为 **\r\n this.form.content = this.form.content.replace(reg,\"**\");\r\n }\r\n }\r\n this.$refs[formName].validate((valid) => {\r\n if (valid) {\r\n this.form.avatarurl = localStorage.getItem('frontHeadportrait')?localStorage.getItem('frontHeadportrait'):'';\r\n this.$http.post('forum/add', this.form).then(res => {\r\n if (res.data.code == 0) {\r\n this.$message({\r\n type: 'success',\r\n message: '评论成功!',\r\n duration: 1500,\r\n onClose: () => {\r\n this.form.content = '';\r\n this.getDetail();\r\n this.dialogFormVisible = false;\r\n }\r\n });\r\n }\r\n });\r\n } else {\r\n return false;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n\t.section {\r\n\t\twidth: 900px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\r\n\t.section-content {\r\n\t\tmargin-top: 30px;\r\n\t}\r\n\t.content-title {\r\n\t\ttext-align: center;\r\n\t\tfont-size: 22px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\t.content-sub-title {\r\n\t\ttext-align: center;\r\n\t\tmargin-top: 20px;\r\n\t\tcolor: #888888;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t.clearfix:before,\r\n\t.clearfix:after {\r\n\t\tdisplay: table;\r\n\t\tcontent: \"\";\r\n\t}\r\n\t.clearfix:after {\r\n\t\tclear: both\r\n\t}\r\n\t.header-block {\r\n\t\theight: 50px;\r\n\t\tline-height: 50px;\r\n\t\tdisplay: flex;\r\n\t}\r\n\t.userinfo {\r\n\t\talign-self: center;\r\n\t\tmargin-left: 15px;\r\n\t}\r\n\t.content-block-ask {\r\n\t\tmargin: 15px 0 20px 65px;\r\n\t}\r\n\t.content-detail img {\r\n\t\tmax-width: 900px;\r\n\t\theight: auto;\r\n\t}\r\n\t.operate{\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-start;\r\n\t\tpadding: 0 40px;\r\n\t}\r\n</style>\r\n"]}]} |