From bd305e527234bf1af5ed0f23b1c9f940083a23bc Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期三, 12 六月 2024 09:25:51 +0800 Subject: [PATCH] 最新版本 --- admin/src/components/system/dict/OperaDictDataWindow.vue | 92 +++++++++++----------------------------------- 1 files changed, 22 insertions(+), 70 deletions(-) diff --git a/admin/src/components/system/dict/OperaDictDataWindow.vue b/admin/src/components/system/dict/OperaDictDataWindow.vue index b9ebd40..c544b59 100644 --- a/admin/src/components/system/dict/OperaDictDataWindow.vue +++ b/admin/src/components/system/dict/OperaDictDataWindow.vue @@ -1,21 +1,21 @@ <template> <GlobalWindow - :title="title" - :visible.sync="visible" - :confirm-working="isWorking.create" - @confirm="confirm" + :title="title" + :visible.sync="visible" + :confirm-working="isWorking.create" + @confirm="confirm" > <el-form :model="form" ref="form" :rules="rules"> <el-form-item label="鏁版嵁鏍囩" prop="label" required> <el-input v-model="form.label" placeholder="璇疯緭鍏ユ暟鎹爣绛�" v-trim maxlength="50"/> </el-form-item> + <el-form-item label="鏄惁瀵屾枃鏈�" prop="istext" > + <el-switch v-model="form.istext" :active-value="true" :inactive-value="false"/> + <span class="status-text">{{form.istext | disabledText1}}</span> + </el-form-item> <el-form-item label="鏁版嵁鍊�" prop="code" required> - <el-tiptap - v-if="[175].includes(form.id)" - v-model="form.code" - :extensions="extensions" - /> - <el-input v-else v-model="form.code" placeholder="璇疯緭鍏ユ暟鎹��" v-trim /> + <el-input v-if="!form.istext" v-model="form.code" placeholder="璇疯緭鍏ユ暟鎹��" v-trim maxlength="50"/> + <RichEditor v-else :richData="form.code" :styleEditor="styleEditor" @getWangedditor="getWangedditor" :readonly="false"/> </el-form-item> <el-form-item label="鐘舵��" prop="disabled" required class="form-item-status"> <el-switch v-model="form.disabled" :active-value="false" :inactive-value="true"/> @@ -28,44 +28,22 @@ <script> import BaseOpera from '@/components/base/BaseOpera' import GlobalWindow from '@/components/common/GlobalWindow' -import { upload } from '@/api/system/common' -import { - // necessary extensions - Doc, - Text, - Paragraph, - Heading, - Bold, - Underline, - Italic, - Strike, - ListItem, - BulletList, - OrderedList, - Image, - Blockquote, - TextAlign, - Indent, - Table, - TableHeader, - TableCell, - TableRow, - TextColor, - HorizontalRule -} from 'element-tiptap' +import RichEditor from '@/components/common/RichEditor' export default { name: 'OperaDictDataWindow', extends: BaseOpera, - components: { GlobalWindow }, + components: { GlobalWindow,RichEditor }, data () { return { // 琛ㄥ崟鏁版嵁 + styleEditor:'border: 1px solid #ccc;display: inline-block;', form: { id: null, dictId: null, code: '', label: '', - disabled: false + disabled: false, + istext: false }, // 楠岃瘉瑙勫垯 rules: { @@ -75,42 +53,13 @@ code: [ { required: true, message: '璇疯緭鍏ユ暟鎹��' } ] - }, - extensions: [ - new Doc(), - new Text(), - new Paragraph(), - new Heading({ level: 5 }), - new Bold({ bubble: true }), - new Underline({ bubble: true, menubar: false }), - new Italic(), - new Strike(), - new ListItem(), - new BulletList(), - new OrderedList(), - new Image({ - uploadRequest (file) { - const fd = new FormData() - fd.append('folder', 'visit') - fd.append('file', file) - return upload(fd).then(res => { - return res.url - }) - } - }), - new Blockquote(), - new TextAlign(), - new Indent(), - new Table(), - new TableHeader(), - new TableCell(), - new TableRow(), - new HorizontalRule(), - new TextColor() - ] + } } }, methods: { + getWangedditor(val){ + this.form.code =val + }, /** * @title 绐楀彛鏍囬 * @dict 鎵�灞炲瓧鍏窱D @@ -125,6 +74,7 @@ this.$refs.form.resetFields() this.form.id = null this.form.dictId = dictId + this.form.istext=false }) return } @@ -132,6 +82,8 @@ this.$nextTick(() => { for (const key in this.form) { this.form[key] = target[key] + this.form.dictId = dictId + this.form.istext=false } }) } -- Gitblit v1.9.3