From 9057e04efad1b7d61c77a72e5c37a504d0aee935 Mon Sep 17 00:00:00 2001 From: doum <doum> Date: 星期五, 26 九月 2025 09:24:03 +0800 Subject: [PATCH] H5静态化 --- admin/src/components/system/dict/OperaDictDataWindow.vue | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 112 insertions(+), 0 deletions(-) diff --git a/admin/src/components/system/dict/OperaDictDataWindow.vue b/admin/src/components/system/dict/OperaDictDataWindow.vue new file mode 100644 index 0000000..3681a95 --- /dev/null +++ b/admin/src/components/system/dict/OperaDictDataWindow.vue @@ -0,0 +1,112 @@ +<template> + <GlobalWindow + :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.remark" placeholder="璇疯緭鍏ユ暟鎹鏄�" v-trim/> + </el-form-item> + <el-form-item label="鏁版嵁鏍囩" prop="label" required> + <el-input v-model="form.label" placeholder="璇疯緭鍏ユ暟鎹爣绛�" v-trim/> + </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-input v-if="!form.istext" v-model="form.code" placeholder="璇疯緭鍏ユ暟鎹��" v-trim/> + <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"/> + <span class="status-text">{{form.disabled | disabledText}}</span> + </el-form-item> + </el-form> + </GlobalWindow> +</template> + +<script> +import BaseOpera from '@/components/base/BaseOpera' +import GlobalWindow from '@/components/common/GlobalWindow' +import RichEditor from '@/components/common/RichEditor' +export default { + name: 'OperaDictDataWindow', + extends: BaseOpera, + components: { GlobalWindow,RichEditor }, + data () { + return { + // 琛ㄥ崟鏁版嵁 + styleEditor:'border: 1px solid #ccc;display: inline-block;', + form: { + id: null, + dictId: null, + code: '', + label: '', + disabled: false, + istext: false, + remark:'' + }, + // 楠岃瘉瑙勫垯 + rules: { + label: [ + { required: true, message: '璇疯緭鍏ユ暟鎹爣绛�' } + ], + code: [ + { required: true, message: '璇疯緭鍏ユ暟鎹��' } + ] + } + } + }, + methods: { + getWangedditor(val){ + this.form.code =val + }, + /** + * @title 绐楀彛鏍囬 + * @dict 鎵�灞炲瓧鍏窱D + * @target 缂栬緫鐨勫瓧鍏告暟鎹璞� + */ + open (title, dictId, target) { + this.title = title + this.visible = true + // 鏂板缓 + if (target == null) { + this.$nextTick(() => { + this.$refs.form.resetFields() + this.form.id = null + this.form.dictId = dictId + this.form.istext=false + }) + return + } + // 缂栬緫 + this.$nextTick(() => { + for (const key in this.form) { + this.form[key] = target[key] + this.form.dictId = dictId + this.form.istext=false + } + }) + } + }, + created () { + this.config({ + api: '/system/dictData' + }) + } +} +</script> + +<style scoped lang="scss"> +.form-item-status { + .status-text { + color: #999; + margin-left: 6px; + font-size: 13px; + vertical-align: middle; + } +} +</style> -- Gitblit v1.9.3