| 1 |
- {"remainingRequest":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\babel-loader\\lib\\index.js!D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\HTC\\program\\善行少年\\security-enterprise-admin\\src\\views\\modules\\demo\\news-add-or-update.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\src\\views\\modules\\demo\\news-add-or-update.vue","mtime":1581948666000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\babel.config.js","mtime":1581948662000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import Cookies from 'js-cookie';\nimport debounce from 'lodash/debounce';\nimport 'quill/dist/quill.snow.css';\nimport Quill from 'quill';\nexport default {\n data: function data() {\n return {\n visible: false,\n quillEditor: null,\n quillEditorToolbarOptions: [['bold', 'italic', 'underline', 'strike'], ['blockquote', 'code-block', 'image'], [{\n 'header': 1\n }, {\n 'header': 2\n }], [{\n 'list': 'ordered'\n }, {\n 'list': 'bullet'\n }], [{\n 'script': 'sub'\n }, {\n 'script': 'super'\n }], [{\n 'indent': '-1'\n }, {\n 'indent': '+1'\n }], [{\n 'direction': 'rtl'\n }], [{\n 'size': ['small', false, 'large', 'huge']\n }], [{\n 'header': [1, 2, 3, 4, 5, 6, false]\n }], [{\n 'color': []\n }, {\n 'background': []\n }], [{\n 'font': []\n }], [{\n 'align': []\n }], ['clean']],\n uploadUrl: '',\n dataForm: {\n id: '',\n title: '',\n content: '',\n pubDate: ''\n }\n };\n },\n computed: {\n dataRule: function dataRule() {\n var _this = this;\n var validateContent = function validateContent(rule, value, callback) {\n if (_this.quillEditor.getLength() <= 1) {\n return callback(new Error(_this.$t('validate.required')));\n }\n callback();\n };\n return {\n title: [{\n required: true,\n message: this.$t('validate.required'),\n trigger: 'blur'\n }],\n content: [{\n required: true,\n message: this.$t('validate.required'),\n trigger: 'blur'\n }, {\n validator: validateContent,\n trigger: 'blur'\n }],\n pubDate: [{\n required: true,\n message: this.$t('validate.required'),\n trigger: 'blur'\n }]\n };\n }\n },\n methods: {\n init: function init() {\n var _this2 = this;\n this.visible = true;\n this.$nextTick(function () {\n if (_this2.quillEditor) {\n _this2.quillEditor.deleteText(0, _this2.quillEditor.getLength());\n } else {\n _this2.quillEditorHandle();\n }\n _this2.$refs['dataForm'].resetFields();\n if (_this2.dataForm.id) {\n _this2.getInfo();\n }\n });\n },\n // 富文本编辑器\n quillEditorHandle: function quillEditorHandle() {\n var _this3 = this;\n this.quillEditor = new Quill('#J_quillEditor', {\n modules: {\n toolbar: this.quillEditorToolbarOptions\n },\n theme: 'snow'\n });\n // 自定义上传图片功能 (使用element upload组件)\n this.uploadUrl = \"\".concat(window.SITE_CONFIG['apiURL'], \"/sys/oss/upload?token=\").concat(Cookies.get('token'));\n this.quillEditor.getModule('toolbar').addHandler('image', function () {\n _this3.$refs.uploadBtn.$el.click();\n });\n // 监听内容变化,动态赋值\n this.quillEditor.on('text-change', function () {\n _this3.dataForm.content = _this3.quillEditor.root.innerHTML;\n });\n },\n // 上传图片之前\n uploadBeforeUploadHandle: function uploadBeforeUploadHandle(file) {\n if (file.type !== 'image/jpg' && file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {\n this.$message.error('只支持jpg、png、gif格式的图片!');\n return false;\n }\n },\n // 上传图片成功\n uploadSuccessHandle: function uploadSuccessHandle(res, file, fileList) {\n if (res.code !== 0) {\n return this.$message.error(res.msg);\n }\n this.quillEditor.insertEmbed(this.quillEditor.getSelection().index, 'image', res.data.src);\n },\n // 获取信息\n getInfo: function getInfo() {\n var _this4 = this;\n this.$http.get(\"/demo/news/\".concat(this.dataForm.id)).then(function (_ref) {\n var res = _ref.data;\n if (res.code !== 0) {\n return _this4.$message.error(res.msg);\n }\n _this4.dataForm = res.data;\n _this4.quillEditor.root.innerHTML = _this4.dataForm.content;\n }).catch(function () {});\n },\n // 表单提交\n dataFormSubmitHandle: debounce(function () {\n var _this5 = this;\n this.$refs['dataForm'].validate(function (valid) {\n if (!valid) {\n return false;\n }\n _this5.$http[!_this5.dataForm.id ? 'post' : 'put']('/demo/news', _this5.dataForm, {\n headers: {\n 'content-type': 'application/x-www-form-urlencoded'\n }\n }).then(function (_ref2) {\n var res = _ref2.data;\n if (res.code !== 0) {\n return _this5.$message.error(res.msg);\n }\n _this5.$message({\n message: _this5.$t('prompt.success'),\n type: 'success',\n duration: 500,\n onClose: function onClose() {\n _this5.visible = false;\n _this5.$emit('refreshDataList');\n }\n });\n }).catch(function () {});\n });\n }, 1000, {\n 'leading': true,\n 'trailing': false\n })\n }\n};",{"version":3,"names":["Cookies","debounce","Quill","data","visible","quillEditor","quillEditorToolbarOptions","uploadUrl","dataForm","id","title","content","pubDate","computed","dataRule","_this","validateContent","rule","value","callback","getLength","Error","$t","required","message","trigger","validator","methods","init","_this2","$nextTick","deleteText","quillEditorHandle","$refs","resetFields","getInfo","_this3","modules","toolbar","theme","concat","window","SITE_CONFIG","get","getModule","addHandler","uploadBtn","$el","click","on","root","innerHTML","uploadBeforeUploadHandle","file","type","$message","error","uploadSuccessHandle","res","fileList","code","msg","insertEmbed","getSelection","index","src","_this4","$http","then","_ref","catch","dataFormSubmitHandle","_this5","validate","valid","headers","_ref2","duration","onClose","$emit"],"sources":["src/views/modules/demo/news-add-or-update.vue"],"sourcesContent":["<template>\r\n <el-dialog :visible.sync=\"visible\" :title=\"!dataForm.id ? $t('add') : $t('update')\" :close-on-click-modal=\"false\" :close-on-press-escape=\"false\">\r\n <el-form :model=\"dataForm\" :rules=\"dataRule\" ref=\"dataForm\" @keyup.enter.native=\"dataFormSubmitHandle()\" label-width=\"120px\">\r\n <el-form-item prop=\"title\" :label=\"$t('news.title')\">\r\n <el-input v-model=\"dataForm.title\" :placeholder=\"$t('news.title')\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"content\" :label=\"$t('news.content')\">\r\n <!-- 富文本编辑器, 容器 -->\r\n <div id=\"J_quillEditor\"></div>\r\n <!-- 自定义上传图片功能 (使用element upload组件) -->\r\n <el-upload\r\n :action=\"uploadUrl\"\r\n :show-file-list=\"false\"\r\n :before-upload=\"uploadBeforeUploadHandle\"\r\n :on-success=\"uploadSuccessHandle\"\r\n style=\"display: none;\">\r\n <el-button ref=\"uploadBtn\" type=\"primary\" size=\"small\">{{ $t('upload.button') }}</el-button>\r\n </el-upload>\r\n </el-form-item>\r\n <el-form-item prop=\"pubDate\" :label=\"$t('news.pubDate')\">\r\n <el-date-picker v-model=\"dataForm.pubDate\" type=\"datetime\" value-format=\"yyyy-MM-dd HH:mm:ss\" :placeholder=\"$t('news.pubDate')\"></el-date-picker>\r\n </el-form-item>\r\n </el-form>\r\n <template slot=\"footer\">\r\n <el-button @click=\"visible = false\">{{ $t('cancel') }}</el-button>\r\n <el-button type=\"primary\" @click=\"dataFormSubmitHandle()\">{{ $t('confirm') }}</el-button>\r\n </template>\r\n </el-dialog>\r\n</template>\r\n\r\n<script>\r\nimport Cookies from 'js-cookie'\r\nimport debounce from 'lodash/debounce'\r\nimport 'quill/dist/quill.snow.css'\r\nimport Quill from 'quill'\r\nexport default {\r\n data () {\r\n return {\r\n visible: false,\r\n quillEditor: null,\r\n quillEditorToolbarOptions: [\r\n ['bold', 'italic', 'underline', 'strike'],\r\n ['blockquote', 'code-block', 'image'],\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 ],\r\n uploadUrl: '',\r\n dataForm: {\r\n id: '',\r\n title: '',\r\n content: '',\r\n pubDate: ''\r\n }\r\n }\r\n },\r\n computed: {\r\n dataRule () {\r\n var validateContent = (rule, value, callback) => {\r\n if (this.quillEditor.getLength() <= 1) {\r\n return callback(new Error(this.$t('validate.required')))\r\n }\r\n callback()\r\n }\r\n return {\r\n title: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n content: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' },\r\n { validator: validateContent, trigger: 'blur' }\r\n ],\r\n pubDate: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ]\r\n }\r\n }\r\n },\r\n methods: {\r\n init () {\r\n this.visible = true\r\n this.$nextTick(() => {\r\n if (this.quillEditor) {\r\n this.quillEditor.deleteText(0, this.quillEditor.getLength())\r\n } else {\r\n this.quillEditorHandle()\r\n }\r\n this.$refs['dataForm'].resetFields()\r\n if (this.dataForm.id) {\r\n this.getInfo()\r\n }\r\n })\r\n },\r\n // 富文本编辑器\r\n quillEditorHandle () {\r\n this.quillEditor = new Quill('#J_quillEditor', {\r\n modules: {\r\n toolbar: this.quillEditorToolbarOptions\r\n },\r\n theme: 'snow'\r\n })\r\n // 自定义上传图片功能 (使用element upload组件)\r\n this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/sys/oss/upload?token=${Cookies.get('token')}`\r\n this.quillEditor.getModule('toolbar').addHandler('image', () => {\r\n this.$refs.uploadBtn.$el.click()\r\n })\r\n // 监听内容变化,动态赋值\r\n this.quillEditor.on('text-change', () => {\r\n this.dataForm.content = this.quillEditor.root.innerHTML\r\n })\r\n },\r\n // 上传图片之前\r\n uploadBeforeUploadHandle (file) {\r\n if (file.type !== 'image/jpg' && file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {\r\n this.$message.error('只支持jpg、png、gif格式的图片!')\r\n return false\r\n }\r\n },\r\n // 上传图片成功\r\n uploadSuccessHandle (res, file, fileList) {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.quillEditor.insertEmbed(this.quillEditor.getSelection().index, 'image', res.data.src)\r\n },\r\n // 获取信息\r\n getInfo () {\r\n this.$http.get(`/demo/news/${this.dataForm.id}`).then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.dataForm = res.data\r\n this.quillEditor.root.innerHTML = this.dataForm.content\r\n }).catch(() => {})\r\n },\r\n // 表单提交\r\n dataFormSubmitHandle: debounce(function () {\r\n this.$refs['dataForm'].validate((valid) => {\r\n if (!valid) {\r\n return false\r\n }\r\n this.$http[!this.dataForm.id ? 'post' : 'put'](\r\n '/demo/news',\r\n this.dataForm,\r\n { headers: { 'content-type': 'application/x-www-form-urlencoded' } }\r\n ).then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.$message({\r\n message: this.$t('prompt.success'),\r\n type: 'success',\r\n duration: 500,\r\n onClose: () => {\r\n this.visible = false\r\n this.$emit('refreshDataList')\r\n }\r\n })\r\n }).catch(() => {})\r\n })\r\n }, 1000, { 'leading': true, 'trailing': false })\r\n }\r\n}\r\n</script>\r\n"],"mappings":"AA+BA,OAAAA,OAAA;AACA,OAAAC,QAAA;AACA;AACA,OAAAC,KAAA;AACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,OAAA;MACAC,WAAA;MACAC,yBAAA,GACA,2CACA,uCACA;QAAA;MAAA;QAAA;MAAA,IACA;QAAA;MAAA;QAAA;MAAA,IACA;QAAA;MAAA;QAAA;MAAA,IACA;QAAA;MAAA;QAAA;MAAA,IACA;QAAA;MAAA,IACA;QAAA;MAAA,IACA;QAAA;MAAA,IACA;QAAA;MAAA;QAAA;MAAA,IACA;QAAA;MAAA,IACA;QAAA;MAAA,IACA,UACA;MACAC,SAAA;MACAC,QAAA;QACAC,EAAA;QACAC,KAAA;QACAC,OAAA;QACAC,OAAA;MACA;IACA;EACA;EACAC,QAAA;IACAC,QAAA,WAAAA,SAAA;MAAA,IAAAC,KAAA;MACA,IAAAC,eAAA,YAAAA,gBAAAC,IAAA,EAAAC,KAAA,EAAAC,QAAA;QACA,IAAAJ,KAAA,CAAAV,WAAA,CAAAe,SAAA;UACA,OAAAD,QAAA,KAAAE,KAAA,CAAAN,KAAA,CAAAO,EAAA;QACA;QACAH,QAAA;MACA;MACA;QACAT,KAAA,GACA;UAAAa,QAAA;UAAAC,OAAA,OAAAF,EAAA;UAAAG,OAAA;QAAA,EACA;QACAd,OAAA,GACA;UAAAY,QAAA;UAAAC,OAAA,OAAAF,EAAA;UAAAG,OAAA;QAAA,GACA;UAAAC,SAAA,EAAAV,eAAA;UAAAS,OAAA;QAAA,EACA;QACAb,OAAA,GACA;UAAAW,QAAA;UAAAC,OAAA,OAAAF,EAAA;UAAAG,OAAA;QAAA;MAEA;IACA;EACA;EACAE,OAAA;IACAC,IAAA,WAAAA,KAAA;MAAA,IAAAC,MAAA;MACA,KAAAzB,OAAA;MACA,KAAA0B,SAAA;QACA,IAAAD,MAAA,CAAAxB,WAAA;UACAwB,MAAA,CAAAxB,WAAA,CAAA0B,UAAA,IAAAF,MAAA,CAAAxB,WAAA,CAAAe,SAAA;QACA;UACAS,MAAA,CAAAG,iBAAA;QACA;QACAH,MAAA,CAAAI,KAAA,aAAAC,WAAA;QACA,IAAAL,MAAA,CAAArB,QAAA,CAAAC,EAAA;UACAoB,MAAA,CAAAM,OAAA;QACA;MACA;IACA;IACA;IACAH,iBAAA,WAAAA,kBAAA;MAAA,IAAAI,MAAA;MACA,KAAA/B,WAAA,OAAAH,KAAA;QACAmC,OAAA;UACAC,OAAA,OAAAhC;QACA;QACAiC,KAAA;MACA;MACA;MACA,KAAAhC,SAAA,MAAAiC,MAAA,CAAAC,MAAA,CAAAC,WAAA,sCAAAF,MAAA,CAAAxC,OAAA,CAAA2C,GAAA;MACA,KAAAtC,WAAA,CAAAuC,SAAA,YAAAC,UAAA;QACAT,MAAA,CAAAH,KAAA,CAAAa,SAAA,CAAAC,GAAA,CAAAC,KAAA;MACA;MACA;MACA,KAAA3C,WAAA,CAAA4C,EAAA;QACAb,MAAA,CAAA5B,QAAA,CAAAG,OAAA,GAAAyB,MAAA,CAAA/B,WAAA,CAAA6C,IAAA,CAAAC,SAAA;MACA;IACA;IACA;IACAC,wBAAA,WAAAA,yBAAAC,IAAA;MACA,IAAAA,IAAA,CAAAC,IAAA,oBAAAD,IAAA,CAAAC,IAAA,qBAAAD,IAAA,CAAAC,IAAA,oBAAAD,IAAA,CAAAC,IAAA;QACA,KAAAC,QAAA,CAAAC,KAAA;QACA;MACA;IACA;IACA;IACAC,mBAAA,WAAAA,oBAAAC,GAAA,EAAAL,IAAA,EAAAM,QAAA;MACA,IAAAD,GAAA,CAAAE,IAAA;QACA,YAAAL,QAAA,CAAAC,KAAA,CAAAE,GAAA,CAAAG,GAAA;MACA;MACA,KAAAxD,WAAA,CAAAyD,WAAA,MAAAzD,WAAA,CAAA0D,YAAA,GAAAC,KAAA,WAAAN,GAAA,CAAAvD,IAAA,CAAA8D,GAAA;IACA;IACA;IACA9B,OAAA,WAAAA,QAAA;MAAA,IAAA+B,MAAA;MACA,KAAAC,KAAA,CAAAxB,GAAA,eAAAH,MAAA,MAAAhC,QAAA,CAAAC,EAAA,GAAA2D,IAAA,WAAAC,IAAA;QAAA,IAAAX,GAAA,GAAAW,IAAA,CAAAlE,IAAA;QACA,IAAAuD,GAAA,CAAAE,IAAA;UACA,OAAAM,MAAA,CAAAX,QAAA,CAAAC,KAAA,CAAAE,GAAA,CAAAG,GAAA;QACA;QACAK,MAAA,CAAA1D,QAAA,GAAAkD,GAAA,CAAAvD,IAAA;QACA+D,MAAA,CAAA7D,WAAA,CAAA6C,IAAA,CAAAC,SAAA,GAAAe,MAAA,CAAA1D,QAAA,CAAAG,OAAA;MACA,GAAA2D,KAAA;IACA;IACA;IACAC,oBAAA,EAAAtE,QAAA;MAAA,IAAAuE,MAAA;MACA,KAAAvC,KAAA,aAAAwC,QAAA,WAAAC,KAAA;QACA,KAAAA,KAAA;UACA;QACA;QACAF,MAAA,CAAAL,KAAA,EAAAK,MAAA,CAAAhE,QAAA,CAAAC,EAAA,mBACA,cACA+D,MAAA,CAAAhE,QAAA,EACA;UAAAmE,OAAA;YAAA;UAAA;QAAA,CACA,EAAAP,IAAA,WAAAQ,KAAA;UAAA,IAAAlB,GAAA,GAAAkB,KAAA,CAAAzE,IAAA;UACA,IAAAuD,GAAA,CAAAE,IAAA;YACA,OAAAY,MAAA,CAAAjB,QAAA,CAAAC,KAAA,CAAAE,GAAA,CAAAG,GAAA;UACA;UACAW,MAAA,CAAAjB,QAAA;YACA/B,OAAA,EAAAgD,MAAA,CAAAlD,EAAA;YACAgC,IAAA;YACAuB,QAAA;YACAC,OAAA,WAAAA,QAAA;cACAN,MAAA,CAAApE,OAAA;cACAoE,MAAA,CAAAO,KAAA;YACA;UACA;QACA,GAAAT,KAAA;MACA;IACA;MAAA;MAAA;IAAA;EACA;AACA","ignoreList":[]}]}
|