| 1 |
- {"remainingRequest":"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\\notice\\notice-add-or-update.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\HTC\\program\\善行少年\\security-enterprise-admin\\src\\views\\modules\\notice\\notice-add-or-update.vue","mtime":1581948666000},{"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":["\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 ['image'],\r\n [{ 'list': 'ordered' }, { 'list': 'bullet' }],\r\n [{ 'size': ['small', false, 'large', 'huge'] }],\r\n [{ 'color': [] }, { 'background': [] }],\r\n ['clean']\r\n ],\r\n uploadUrl: '',\r\n deptList: [],\r\n dataForm: {\r\n id: '',\r\n type: 0,\r\n title: '',\r\n content: '',\r\n receiverType: 0,\r\n receiverTypeIds: '',\r\n receiverTypeList: [],\r\n status: '',\r\n senderName: '',\r\n senderDate: '',\r\n creator: '',\r\n createDate: ''\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 type: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\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 receiverType: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n receiverTypeIds: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n status: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n senderName: [\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 Promise.all([\r\n this.getDeptList()\r\n ]).then(() => {\r\n if (this.dataForm.id) {\r\n this.getInfo()\r\n }\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(this.$t('upload.tip', { 'format': '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 getDeptList () {\r\n return this.$http.get('/sys/dept/list').then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.deptList = res.data\r\n }).catch(() => {})\r\n },\r\n // 获取信息\r\n getInfo () {\r\n this.$http.get(`/sys/notice/${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 = {\r\n ...this.dataForm,\r\n ...res.data\r\n }\r\n\r\n this.quillEditor.root.innerHTML = this.dataForm.content\r\n\r\n // 接受者为部门\r\n if (this.dataForm.receiverType === 1) {\r\n this.$refs.deptListTree.setCheckedKeys(res.data.receiverTypeIds.split(','))\r\n }\r\n }).catch(() => {})\r\n },\r\n // 表单提交\r\n dataFormSubmitHandle: debounce(function (status) {\r\n this.$refs['dataForm'].validate((valid) => {\r\n if (!valid) {\r\n return false\r\n }\r\n // 接受者为部门\r\n if (this.dataForm.receiverType === 1) {\r\n this.dataForm.receiverTypeIds = this.$refs.deptListTree.getCheckedKeys().join(',')\r\n this.dataForm.receiverTypeList = this.$refs.deptListTree.getCheckedKeys()\r\n } else {\r\n this.dataForm.receiverTypeIds = ''\r\n }\r\n this.dataForm.status = status\r\n this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/notice/', this.dataForm).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",{"version":3,"sources":["notice-add-or-update.vue"],"names":[],"mappings":";AAgDA;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;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","file":"notice-add-or-update.vue","sourceRoot":"src/views/modules/notice","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\" :label-width=\"$i18n.locale === 'en-US' ? '120px' : '80px'\">\r\n <el-form-item :label=\"$t('notice.type')\" prop=\"type\">\r\n <ren-radio-group v-model=\"dataForm.type\" dict-type=\"notice_type\"></ren-radio-group>\r\n </el-form-item>\r\n <el-form-item :label=\"$t('notice.title')\" prop=\"title\">\r\n <el-input v-model=\"dataForm.title\" :placeholder=\"$t('notice.title')\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"content\" :label=\"$t('notice.content')\">\r\n <!-- 富文本编辑器, 容器 -->\r\n <div id=\"J_quillEditor\" style=\"height:280px\"></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 :label=\"$t('notice.receiverType')\" prop=\"\">\r\n <el-radio-group v-model=\"dataForm.receiverType\">\r\n <el-radio :label=\"0\">{{ $t('notice.receiverType0') }}</el-radio>\r\n <el-radio :label=\"1\">{{ $t('notice.receiverType1') }}</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item v-show=\"dataForm.receiverType == 1\" size=\"mini\" :label=\"$t('notice.selectDept')\">\r\n <el-tree\r\n :data=\"deptList\"\r\n :props=\"{ label: 'name', children: 'children' }\"\r\n node-key=\"id\"\r\n ref=\"deptListTree\"\r\n accordion\r\n show-checkbox>\r\n </el-tree>\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=\"danger\" @click=\"dataFormSubmitHandle(0)\">{{ $t('notice.draft') }}</el-button>\r\n <el-button type=\"primary\" @click=\"dataFormSubmitHandle(1)\">{{ $t('notice.release') }}</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 ['image'],\r\n [{ 'list': 'ordered' }, { 'list': 'bullet' }],\r\n [{ 'size': ['small', false, 'large', 'huge'] }],\r\n [{ 'color': [] }, { 'background': [] }],\r\n ['clean']\r\n ],\r\n uploadUrl: '',\r\n deptList: [],\r\n dataForm: {\r\n id: '',\r\n type: 0,\r\n title: '',\r\n content: '',\r\n receiverType: 0,\r\n receiverTypeIds: '',\r\n receiverTypeList: [],\r\n status: '',\r\n senderName: '',\r\n senderDate: '',\r\n creator: '',\r\n createDate: ''\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 type: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\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 receiverType: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n receiverTypeIds: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n status: [\r\n { required: true, message: this.$t('validate.required'), trigger: 'blur' }\r\n ],\r\n senderName: [\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 Promise.all([\r\n this.getDeptList()\r\n ]).then(() => {\r\n if (this.dataForm.id) {\r\n this.getInfo()\r\n }\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(this.$t('upload.tip', { 'format': '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 getDeptList () {\r\n return this.$http.get('/sys/dept/list').then(({ data: res }) => {\r\n if (res.code !== 0) {\r\n return this.$message.error(res.msg)\r\n }\r\n this.deptList = res.data\r\n }).catch(() => {})\r\n },\r\n // 获取信息\r\n getInfo () {\r\n this.$http.get(`/sys/notice/${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 = {\r\n ...this.dataForm,\r\n ...res.data\r\n }\r\n\r\n this.quillEditor.root.innerHTML = this.dataForm.content\r\n\r\n // 接受者为部门\r\n if (this.dataForm.receiverType === 1) {\r\n this.$refs.deptListTree.setCheckedKeys(res.data.receiverTypeIds.split(','))\r\n }\r\n }).catch(() => {})\r\n },\r\n // 表单提交\r\n dataFormSubmitHandle: debounce(function (status) {\r\n this.$refs['dataForm'].validate((valid) => {\r\n if (!valid) {\r\n return false\r\n }\r\n // 接受者为部门\r\n if (this.dataForm.receiverType === 1) {\r\n this.dataForm.receiverTypeIds = this.$refs.deptListTree.getCheckedKeys().join(',')\r\n this.dataForm.receiverTypeList = this.$refs.deptListTree.getCheckedKeys()\r\n } else {\r\n this.dataForm.receiverTypeIds = ''\r\n }\r\n this.dataForm.status = status\r\n this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/notice/', this.dataForm).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"]}]}
|
