| | |
| | | <avue-form ref="formRef" :option="option" v-model="form"> |
| | | <template v-for="item in allColumn" :slot="item.prop+ ''"> |
| | | <vciWebRefer |
| | | v-if="item.propType === 'refer' || item.type === 'refer'" |
| | | v-if="item.type === 'refer'" |
| | | :key="item.prop" |
| | | referType="master" |
| | | :data-key="item.prop" |
| | |
| | | @setReferValue="setReferValue" |
| | | ></vciWebRefer> |
| | | <!-- 富文本控件 --> |
| | | <rich-text v-if="item.type === 'richText'" :value="form[subitemName]" @input="form[subitemName] = $event"></rich-text> |
| | | <rich-text v-else-if="item.type === 'richText'" |
| | | :key="item.prop" |
| | | :data-key="item.prop" |
| | | :disabled="item.disabled || false" |
| | | :display="item.display || true" |
| | | :value="form[subitemName]" @input="form[subitemName] = $event"></rich-text> |
| | | <!-- 表单上传文件组件 --> |
| | | <form-upload v-if="item.type === 'upload'"></form-upload> |
| | | <form-upload v-else-if="item.type === 'upload'" |
| | | :key="item.prop" |
| | | :data-key="item.prop" |
| | | :disabled="item.disabled || false" |
| | | :display="item.display || true"></form-upload> |
| | | </template> |
| | | </avue-form> |
| | | </template> |
| | |
| | | type:Boolean, |
| | | default:false |
| | | }, |
| | | isEdit:{ |
| | | //表单是否可编辑 |
| | | type:Boolean, |
| | | default:true |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | handler(val) { |
| | | for (let code of this.option.column) { |
| | | if ( |
| | | (code.propType == "refer" || code.type == 'refer' )&& |
| | | code.type == 'refer' && |
| | | code.referConfig && |
| | | code.referConfig.useFormKey |
| | | ) { |
| | |
| | | for (let code of this.option.group) { |
| | | for (let col of code.column) { |
| | | if ( |
| | | (col.propType == "refer" || col.type == 'refer')&& |
| | | col.type == 'refer'&& |
| | | col.referConfig && |
| | | col.referConfig.useFormKey |
| | | ) { |
| | |
| | | this.option.group = group; |
| | | }, |
| | | initItem(item){ |
| | | const type=this.columnType[item.type] || item.type |
| | | const type=this.columnType[item.type] || item.type; |
| | | const col= { |
| | | ...item, |
| | | label: item.text, |
| | |
| | | suffixIcon: item.prefix, |
| | | tip: item.tooltips, |
| | | dictCode: item.comboxKey, |
| | | rules: [{ |
| | | rules: this.isEdit?[{ |
| | | required: item.required, |
| | | message: `请输入${item.text}!`, |
| | | trigger: "blur" |
| | | }] |
| | | }]:[] |
| | | }; |
| | | if(!this.isEdit){ |
| | | col.placeholder=col.label; |
| | | } |
| | | if(col.type === 'richText'){ |
| | | this.subitemName = col.field; |
| | |
| | | }); |
| | | } |
| | | } |
| | | if (col.propType === "refer"|| col.type==='refer') { |
| | | if (col.type==='refer') { |
| | | if (col.referConfig && col.referConfig.useFormKey) { |
| | | if (validatenull(col.referConfig.formValuesKey)) { |
| | | col.referConfig.formValuesKey = "form"; |