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
14 KiB
1 line
14 KiB
{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\forum\\add.vue?vue&type=style&index=0&id=2bf4b75f&rel=stylesheet%2Fscss&lang=scss&scoped=true","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\forum\\add.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:Ci5hZGQtdXBkYXRlLXByZXZpZXcgLmVsLWZvcm0taXRlbSAvZGVlcC8gLmVsLWZvcm0taXRlbV9fbGFiZWwgewogICAgICBwYWRkaW5nOiAwIDEwcHggMCAwOwogICAgICBjb2xvcjogIzY2NjsKICAgICAgZm9udC13ZWlnaHQ6IDUwMDsKICAgICAgd2lkdGg6IDE4MHB4OwogICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4OwogICAgICB0ZXh0LWFsaWduOiByaWdodDsKICAgIH0KCi5hZGQtdXBkYXRlLXByZXZpZXcgLmVsLWZvcm0taXRlbSAvZGVlcC8gLmVsLWZvcm0taXRlbV9fY29udGVudCB7CiAgbWFyZ2luLWxlZnQ6IDE4MHB4Owp9CgouYWRkLXVwZGF0ZS1wcmV2aWV3IC5lbC1pbnB1dCAvZGVlcC8gLmVsLWlucHV0X19pbm5lciB7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7CiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsKICAgICAgcGFkZGluZzogMCAxMnB4OwogICAgICBib3gtc2hhZG93OiAwIDAgMHB4IHJnYmEoNjQsIDE1OCwgMjU1LCAuNSk7CiAgICAgIG91dGxpbmU6IG5vbmU7CiAgICAgIGNvbG9yOiAjNjY2OwogICAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgICB3aWR0aDogNDAwcHg7CiAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgaGVpZ2h0OiA0MHB4OwogICAgfQoKLmFkZC11cGRhdGUtcHJldmlldyAuZWwtc2VsZWN0IC9kZWVwLyAuZWwtaW5wdXRfX2lubmVyIHsKICAgICAgYm9yZGVyOiAxcHggc29saWQgI2RkZDsKICAgICAgYm9yZGVyLXJhZGl1czogNHB4OwogICAgICBwYWRkaW5nOiAwIDEwcHg7CiAgICAgIGJveC1zaGFkb3c6IDAgMCAwcHggcmdiYSg2NCwgMTU4LCAyNTUsIC41KTsKICAgICAgb3V0bGluZTogbm9uZTsKICAgICAgY29sb3I6ICM2NjY7CiAgICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICAgIHdpZHRoOiAyMDBweDsKICAgICAgZm9udC1zaXplOiAxNHB4OwogICAgICBoZWlnaHQ6IDQwcHg7CiAgICB9CgouYWRkLXVwZGF0ZS1wcmV2aWV3IC5lbC1kYXRlLWVkaXRvciAvZGVlcC8gLmVsLWlucHV0X19pbm5lciB7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7CiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsKICAgICAgcGFkZGluZzogMCAxMHB4IDAgMzBweDsKICAgICAgYm94LXNoYWRvdzogMCAwIDBweCByZ2JhKDY0LCAxNTgsIDI1NSwgLjUpOwogICAgICBvdXRsaW5lOiBub25lOwogICAgICBjb2xvcjogIzY2NjsKICAgICAgYmFja2dyb3VuZDogI2ZmZjsKICAgICAgd2lkdGg6IDIwMHB4OwogICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgIGhlaWdodDogNDBweDsKICAgIH0KCi5hZGQtdXBkYXRlLXByZXZpZXcgL2RlZXAvIC5lbC11cGxvYWQtLXBpY3R1cmUtY2FyZCB7CgliYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKCWJvcmRlcjogMDsKCWJvcmRlci1yYWRpdXM6IDA7Cgl3aWR0aDogYXV0bzsKCWhlaWdodDogYXV0bzsKCWxpbmUtaGVpZ2h0OiBpbml0aWFsOwoJdmVydGljYWwtYWxpZ246IG1pZGRsZTsKfQoKLmFkZC11cGRhdGUtcHJldmlldyAvZGVlcC8gLnVwbG9hZCAudXBsb2FkLWltZyB7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7CiAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgYm9yZGVyLXJhZGl1czogNnB4OwogICAgICBjb2xvcjogIzk5OTsKICAgICAgYmFja2dyb3VuZDogI2ZmZjsKICAgICAgd2lkdGg6IDIwMHB4OwogICAgICBmb250LXNpemU6IDMycHg7CiAgICAgIGxpbmUtaGVpZ2h0OiAxMDBweDsKICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICBoZWlnaHQ6IDEwMHB4OwogICAgfQoKLmFkZC11cGRhdGUtcHJldmlldyAvZGVlcC8gLmVsLXVwbG9hZC1saXN0IC5lbC11cGxvYWQtbGlzdF9faXRlbSB7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7CiAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgYm9yZGVyLXJhZGl1czogNnB4OwogICAgICBjb2xvcjogIzk5OTsKICAgICAgYmFja2dyb3VuZDogI2ZmZjsKICAgICAgd2lkdGg6IDIwMHB4OwogICAgICBmb250LXNpemU6IDMycHg7CiAgICAgIGxpbmUtaGVpZ2h0OiAxMDBweDsKICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICBoZWlnaHQ6IDEwMHB4OwogICAgfQoKLmFkZC11cGRhdGUtcHJldmlldyAvZGVlcC8gLmVsLXVwbG9hZCAuZWwtaWNvbi1wbHVzIHsKICAgICAgYm9yZGVyOiAxcHggc29saWQgI2RkZDsKICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICBib3JkZXItcmFkaXVzOiA2cHg7CiAgICAgIGNvbG9yOiAjOTk5OwogICAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgICB3aWR0aDogMjAwcHg7CiAgICAgIGZvbnQtc2l6ZTogMzJweDsKICAgICAgbGluZS1oZWlnaHQ6IDEwMHB4OwogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgIGhlaWdodDogMTAwcHg7CiAgICB9CgouYWRkLXVwZGF0ZS1wcmV2aWV3IC5lbC10ZXh0YXJlYSAvZGVlcC8gLmVsLXRleHRhcmVhX19pbm5lciB7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7CiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsKICAgICAgcGFkZGluZzogMTJweDsKICAgICAgYm94LXNoYWRvdzogMCAwIDBweCByZ2JhKDY0LCAxNTgsIDI1NSwgLjUpOwogICAgICBvdXRsaW5lOiBub25lOwogICAgICBjb2xvcjogIzY2NjsKICAgICAgYmFja2dyb3VuZDogI2ZmZjsKICAgICAgd2lkdGg6IDQwMHB4OwogICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgIGhlaWdodDogMTIwcHg7CiAgICB9Cg=="},{"version":3,"sources":["add.vue"],"names":[],"mappings":";AAsPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"add.vue","sourceRoot":"src/pages/forum","sourcesContent":["<template>\r\n <div :style='{\"width\":\"100%\",\"padding\":\"30px 7% 40px\",\"margin\":\"0px auto\",\"position\":\"relative\",\"background\":\"#fff\"}'>\r\n <div class=\"section-title\" :style='{\"margin\":\"10px 0\",\"color\":\"#fff\",\"textAlign\":\"center\",\"background\":\"#333\",\"width\":\"100%\",\"fontSize\":\"20px\",\"lineHeight\":\"54px\"}'>互动交流</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 <el-form class=\"add-update-preview\" :model=\"form\" :rules=\"rules\" ref=\"form\" label-width=\"180px\">\r\n <el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"none\"}' label=\"标题\" prop=\"title\">\r\n <el-input v-model=\"form.title\" placeholder=\"请输入标题\"></el-input>\r\n </el-form-item>\r\n <el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"none\"}' label=\"类型\" prop=\"isdone\">\r\n <el-radio-group v-model=\"form.isdone\">\r\n <el-radio label=\"开放\">公开</el-radio>\r\n <el-radio label=\"关闭\">私人</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item :style='{\"padding\":\"10px\",\"margin\":\"0 0 10px\",\"background\":\"none\"}' label=\"内容\" prop=\"content\">\r\n <editor\r\n :style='{\"minHeight\":\"200px\",\"border\":\"0\",\"outline\":\"none\",\"color\":\"#333\",\"borderRadius\":\"4px\",\"width\":\"100%\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\"}'\r\n v-model=\"form.content\" \r\n class=\"editor\" \r\n action=\"file/upload\">\r\n </editor>\r\n </el-form-item>\r\n <el-form-item :style='{\"padding\":\"0\",\"margin\":\"0\"}'>\r\n <el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0\",\"margin\":\"0 20px 0 0\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"#F5BB00\",\"width\":\"128px\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' type=\"primary\" @click=\"submitForm('form')\">{{this.isEdit ? '修改' : '发布帖子'}} </el-button>\r\n <el-button :style='{\"border\":\"0px solid rgba(64, 158, 255, 1)\",\"cursor\":\"pointer\",\"padding\":\"0\",\"margin\":\"0\",\"outline\":\"none\",\"color\":\"#fff\",\"borderRadius\":\"4px\",\"background\":\"#333\",\"width\":\"128px\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' @click=\"resetForm('form')\">重置</el-button>\r\n </el-form-item>\r\n </el-form>\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 form: {\r\n title: '',\r\n isdone: '开放',\r\n content: '',\r\n parentid: 0,\r\n userid: localStorage.getItem('frontUserid'),\r\n username: localStorage.getItem('username'),\r\n\t\t toptime: ''\r\n },\r\n editorOption: {\r\n modules: {\r\n toolbar: [\r\n [\"bold\", \"italic\", \"underline\", \"strike\"],\r\n [\"blockquote\", \"code-block\"],\r\n [{ header: 1 }, { header: 2 }],\r\n [{ list: \"ordered\" }, { list: \"bullet\" }],\r\n [{ script: \"sub\" }, { script: \"super\" }],\r\n [{ indent: \"-1\" }, { indent: \"+1\" }],\r\n [{ direction: \"rtl\" }],\r\n [{ size: [\"small\", false, \"large\", \"huge\"] }],\r\n [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n [{ color: [] }, { background: [] }],\r\n [{ font: [] }],\r\n [{ align: [] }],\r\n [\"clean\"],\r\n [\"image\", \"video\"]\r\n ]\r\n }\r\n },\r\n isEdit: false,\r\n rules: {\r\n title: [\r\n { required: true, message: '请输入标题', trigger: 'blur' }\r\n ]\r\n }\r\n }\r\n },\r\n created() {\r\n if (this.$route.query.id != undefined) {\r\n this.isEdit = true;\r\n this.$http.get('forum/detail/' + this.$route.query.id,{}).then(res=>{\r\n\t\t\tif(res.data.code==0){\r\n\t\t\t\tthis.form = res.data.data\r\n\t\t\t}\r\n\t\t})\r\n }\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 onEditorReady(editor) {\r\n editor.root.setAttribute('data-placeholder', \"请输入内容...\");\r\n },\r\n submitForm(formName) {\r\n this.$refs[formName].validate((valid) => {\r\n if (valid) {\r\n\t\t\tif(!this.isEdit){\r\n\t\t\t\tthis.form.toptime = this.getCurDateTime()\r\n\t\t\t}\r\n this.$http.post(`forum/${this.isEdit ? 'update' : 'add'}`, this.form).then(res => {\r\n if (res.data.code === 0) {\r\n this.$message({\r\n message: `${this.isEdit ? '修改' : '发布'}成功`,\r\n type: 'success',\r\n duration: 1500,\r\n onClose: () => {\r\n if (this.isEdit) {\r\n this.$router.push('/index/myForumList');\r\n } else {\r\n this.$router.push('/index/forum');\r\n }\r\n }\r\n });\r\n } else {\r\n this.$message.error(res.data.msg);\r\n }\r\n });\r\n } else {\r\n return false;\r\n }\r\n });\r\n },\r\n resetForm(formName) {\r\n this.$refs[formName].resetFields();\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n .add-update-preview .el-form-item /deep/ .el-form-item__label {\r\n padding: 0 10px 0 0;\r\n color: #666;\r\n font-weight: 500;\r\n width: 180px;\r\n font-size: 14px;\r\n line-height: 40px;\r\n text-align: right;\r\n }\r\n \r\n .add-update-preview .el-form-item /deep/ .el-form-item__content {\r\n margin-left: 180px;\r\n }\r\n \r\n .add-update-preview .el-input /deep/ .el-input__inner {\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n padding: 0 12px;\r\n box-shadow: 0 0 0px rgba(64, 158, 255, .5);\r\n outline: none;\r\n color: #666;\r\n background: #fff;\r\n width: 400px;\r\n font-size: 14px;\r\n height: 40px;\r\n }\r\n \r\n .add-update-preview .el-select /deep/ .el-input__inner {\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n padding: 0 10px;\r\n box-shadow: 0 0 0px rgba(64, 158, 255, .5);\r\n outline: none;\r\n color: #666;\r\n background: #fff;\r\n width: 200px;\r\n font-size: 14px;\r\n height: 40px;\r\n }\r\n \r\n .add-update-preview .el-date-editor /deep/ .el-input__inner {\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n padding: 0 10px 0 30px;\r\n box-shadow: 0 0 0px rgba(64, 158, 255, .5);\r\n outline: none;\r\n color: #666;\r\n background: #fff;\r\n width: 200px;\r\n font-size: 14px;\r\n height: 40px;\r\n }\r\n \r\n .add-update-preview /deep/ .el-upload--picture-card {\r\n \tbackground: transparent;\r\n \tborder: 0;\r\n \tborder-radius: 0;\r\n \twidth: auto;\r\n \theight: auto;\r\n \tline-height: initial;\r\n \tvertical-align: middle;\r\n }\r\n \r\n .add-update-preview /deep/ .upload .upload-img {\r\n border: 1px solid #ddd;\r\n cursor: pointer;\r\n border-radius: 6px;\r\n color: #999;\r\n background: #fff;\r\n width: 200px;\r\n font-size: 32px;\r\n line-height: 100px;\r\n text-align: center;\r\n height: 100px;\r\n }\r\n \r\n .add-update-preview /deep/ .el-upload-list .el-upload-list__item {\r\n border: 1px solid #ddd;\r\n cursor: pointer;\r\n border-radius: 6px;\r\n color: #999;\r\n background: #fff;\r\n width: 200px;\r\n font-size: 32px;\r\n line-height: 100px;\r\n text-align: center;\r\n height: 100px;\r\n }\r\n \r\n .add-update-preview /deep/ .el-upload .el-icon-plus {\r\n border: 1px solid #ddd;\r\n cursor: pointer;\r\n border-radius: 6px;\r\n color: #999;\r\n background: #fff;\r\n width: 200px;\r\n font-size: 32px;\r\n line-height: 100px;\r\n text-align: center;\r\n height: 100px;\r\n }\r\n \r\n .add-update-preview .el-textarea /deep/ .el-textarea__inner {\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n padding: 12px;\r\n box-shadow: 0 0 0px rgba(64, 158, 255, .5);\r\n outline: none;\r\n color: #666;\r\n background: #fff;\r\n width: 400px;\r\n font-size: 14px;\r\n height: 120px;\r\n }\r\n</style>\r\n"]}]} |