123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <template>
- <div class="layui-form-item layui-form-text" :style="cssStyle">
- <label :class="{'layui-form-label': true, 'layui-required': layVerify != ''}" style="margin-bottom: 0;">{{ label }}</label>
- <div class="layui-input-block">
- <ue :config="ueConfig" v-model="content" :readonly="readonly" ref="ue"></ue>
- </div>
- <input type="hidden" name="">
- </div>
- </template>
- <script>
- import ue from '@/components/UeAndImg'
- export default {
- components:{ue},
- data () {
- return {
- content: this.value || '',
- }
- },
- props: {
- label: {
- type: String,
- default: ''
- },
- ueConfig: {
- type: Object,
- default: function() {
- return {
- initialFrameHeight: 400,
- }
- }
- },
- value: {
- type: String,
- default: ''
- },
- cssStyle: {
- type: Object,
- default: function() {
- return {
- width: '100%'
- };
- }
- },
- layVerify: {
- type: String,
- default: ''
- },
- readonly: {
- type: Boolean,
- default: false
- }
- },
- watch: {
- value() {
- this.content = this.value || '';
- },
- content() {
- this.$emit('input', this.content);
- }
- },
- methods: {
- getContent: function() {
- return this.$refs.ue.getUEContent();
- },
- getPlainTxt: function() {
- return this.$refs.ue.getPlainTxt();
- },
- getUe: function () {
- return this.$refs.ue;
- },
- empty: function () {
- this.content = ""
- }
- }
- }
- </script>
|