| | |
| | | trendsSpan: { |
| | | type: Number, |
| | | default: 8, |
| | | }, |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | methods: { |
| | | // 渲染表单模板 |
| | | templateRender(formItemList) { |
| | | console.log(formItemList, "formItemList"); |
| | | // 无需分组数据 |
| | | let column = []; |
| | | let group = []; |
| | | let dictKeys = []; |
| | | let slotColumnList = []; |
| | | let value='' |
| | | formItemList.forEach((formItem) => { |
| | | formItem = this.resetFormConfig(formItem); |
| | | if( formItem.type === "combox" && formItem.dicData){ |
| | | value=formItem.dicData[0].key |
| | | } |
| | | // console.log('formItem',formItem) |
| | | // console.log('formItem.dicData[0].value',formItem.dicData[0].key) |
| | | // console.log('formItem.dicData[0].value',formItem.dicData[0].id) |
| | | if (formItem.type === "line") { |
| | | group.push({ |
| | | label: formItem.text, |
| | |
| | | append: this.preOrSufFixShow("text", formItem.suffix), |
| | | prefixIcon: this.preOrSufFixShow("icon", formItem.prefix), |
| | | suffixIcon: this.preOrSufFixShow("icon", formItem.suffix), |
| | | valueFormat: formItem.dateFormate, |
| | | valueFormat:formItem.dateFormate, |
| | | format: formItem.dateFormate, |
| | | keyAttr: formItem.keyAttr, |
| | | value: formItem.defaultValue, |
| | | value: value, |
| | | placeholder: formItem.inputTip, |
| | | comboxKey: formItem.comboxKey, |
| | | tip: formItem.tooltips, |
| | | readonly:true, |
| | | display: !formItem.hidden, |
| | | maxlength: formItem.maxlength, |
| | | filterable: true, |
| | |
| | | rules: [ |
| | | { |
| | | required: formItem.required, |
| | | message: `请${message}${formItem.text}`, |
| | | message: `${message}${formItem.text}`, |
| | | trigger, |
| | | }, |
| | | { |
| | |
| | | value: "key", |
| | | }, |
| | | }; |
| | | // if(columnItem.type == "select"){ |
| | | // columnItem.value=value |
| | | // } |
| | | // console.log('columnItem',columnItem) |
| | | slotColumnList.push(columnItem); |
| | | if (group.length === 0) { |
| | | column.push(columnItem); |
| | |
| | | } |
| | | }); |
| | | this.slotColumnList = slotColumnList; |
| | | console.log(column, "column"); |
| | | this.$set(this.option, "column", column); |
| | | this.$set(this.option, "group", group); |
| | | this.updateIndex++; |
| | |
| | | |
| | | this.geDictData(dictKeys); |
| | | this.getFormDetail(); |
| | | |
| | | }, |
| | | // 使用传入的表单数据配置 |
| | | resetFormConfig(formItem) { |