{"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"]}]}