| | |
| | | @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 maxlength="50"/> |
| | | <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-model="form.code" placeholder="请输入数据值" v-trim maxlength="50"/> |
| | | <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"/> |
| | |
| | | <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 }, |
| | | 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, |
| | | remark:'' |
| | | }, |
| | | // 验证规则 |
| | | rules: { |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | getWangedditor(val){ |
| | | this.form.code =val |
| | | }, |
| | | /** |
| | | * 打开窗口 |
| | | * |
| | | * @param title 窗口标题 |
| | | * @param dictId 所属字典ID |
| | | * @param target 行对象(仅编辑需该参数) |
| | | * @title 窗口标题 |
| | | * @dict 所属字典ID |
| | | * @target 编辑的字典数据对象 |
| | | */ |
| | | open (title, dictId, target) { |
| | | this.title = title |
| | |
| | | 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 |
| | | } |
| | | }) |
| | | } |
| | |
| | | |
| | | <style scoped lang="scss"> |
| | | .form-item-status { |
| | | .el-form-item__content > * { |
| | | width: auto !important; |
| | | } |
| | | .status-text { |
| | | color: #999; |
| | | margin-left: 6px; |