| | |
| | | |
| | | <script> |
| | | import { getFormDetail } from "@/api/formTemplate"; |
| | | import { getDictionary } from "../../api/system/dict"; |
| | | import { getEnumDictionary } from "../../api/system/dict"; |
| | | import vciWebRefer from "../refer/vciWebRefer.vue"; |
| | | export default { |
| | | name: "FormTemplate", |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | add:'', |
| | | codeattrsecValue:'', |
| | | ValidataValue:false, |
| | | eventFlag:{}, |
| | | TreeValueForm:'', |
| | |
| | | immediate: true, |
| | | handler(newV) { |
| | | this.$emit("getFormData", newV); |
| | | // console.log("getFormData", newV) |
| | | }, |
| | | }, |
| | | TreeValue:{ |
| | |
| | | let dictKeys = []; |
| | | let slotColumnList = []; |
| | | formItemList.forEach((formItem) => { |
| | | console.log('formItem',formItem) |
| | | formItem = this.resetFormConfig(formItem); |
| | | if(formItem.type === "datetime"){ |
| | | return; |
| | | } |
| | | if (formItem.type === "line") { |
| | | group.push({ |
| | | label: formItem.text, |
| | |
| | | formItem.fieldMap[fieldMapKey]='id' |
| | | formItem.fieldMap[formItem.field+'id']='id' |
| | | } |
| | | |
| | | |
| | | let columnItem = { |
| | | change:(val)=>{ |
| | | if(val.column.field === "drawingno"){ |
| | | this.codeattrsecValue=val.value; |
| | | } |
| | | // console.log(this.codeattrsecValue) |
| | | }, |
| | | dataKey:formItem.dataKey || formItem.field, |
| | | label: formItem.text, |
| | | labelslot: true, |
| | |
| | | append: this.preOrSufFixShow("text", formItem.suffix), |
| | | prefixIcon: this.preOrSufFixShow("icon", formItem.prefix), |
| | | suffixIcon: this.preOrSufFixShow("icon", formItem.suffix), |
| | | valueFormat:formItem.dateFormate, |
| | | valueFormat:formItem.dateFormate || "yyyy-MM-dd", |
| | | format: formItem.dateFormate, |
| | | keyAttr: formItem.keyAttr, |
| | | value: (formItem.dicData && formItem.dicData.length > 0 && formItem.secType == "codefixedsec" ? formItem.dicData[0].id : null) || |
| | | (formItem.secType == "codedatesec"?formItem.codeDateValue: null) || ( TreeValue&& formItem.secType == "codelevelsec" ? TreeValue : null) , |
| | | (formItem.secType == "codedatesec" ? formItem.codeDateValue: null) || ( TreeValue && formItem.secType == "codelevelsec" ? TreeValue : null) || |
| | | (formItem.secType == "codeattrsec" ? this.add : null), |
| | | placeholder: formItem.inputTip, |
| | | comboxKey: formItem.comboxKey, |
| | | tip: formItem.tooltips, |
| | |
| | | value: "key", |
| | | }, |
| | | }; |
| | | // console.log('formItem',formItem) |
| | | // console.log('columnItem',columnItem) |
| | | slotColumnList.push(columnItem); |
| | | if (group.length === 0) { |
| | | column.push(columnItem); |
| | |
| | | let that=this; |
| | | items.forEach((item) => { |
| | | let formItem = this.resetFormConfig(item); |
| | | |
| | | if (formItem.field == "lcstatus") { |
| | | formItem.field = formItem.field + "_text"; |
| | | formItem.readOnly = true; |
| | |
| | | formItem.fieldMap[formItem.field + 'id'] = 'id' |
| | | } |
| | | let columnItem = { |
| | | change:(val)=>{ |
| | | console.log('1',val) |
| | | }, |
| | | label: formItem.text, |
| | | labelslot: true, |
| | | prop: this.$utilFunc.isValuableObj(formItem.referConfig) |
| | |
| | | append: this.preOrSufFixShow("text", formItem.suffix), |
| | | prefixIcon: this.preOrSufFixShow("icon", formItem.prefix), |
| | | suffixIcon: this.preOrSufFixShow("icon", formItem.suffix), |
| | | valueFormat: formItem.dateFormate, |
| | | valueFormat: formItem.dateFormate || "yyyy-MM-dd", |
| | | format: formItem.dateFormate, |
| | | keyAttr: formItem.keyAttr, |
| | | value: (formItem.dicData && formItem.dicData.length > 0 && formItem.secType == "codefixedsec" ? formItem.dicData[0].id : null) || |
| | |
| | | if (Object.hasOwnProperty.call(element, newAttr)) { |
| | | const oldAttr = element[newAttr]; |
| | | formItem[newAttr] = formItem[oldAttr]; |
| | | |
| | | } |
| | | } |
| | | } else if (configType === "directVoluation") { |
| | |
| | | // 异步获取字典数据 |
| | | geDictData(dictKeys) { |
| | | dictKeys.forEach((dictObj) => { |
| | | getDictionary({ code: dictObj.dictKey }).then((res) => { |
| | | getEnumDictionary({ code: dictObj.dictKey }).then((res) => { |
| | | if (res.data && res.data.code === 200) { |
| | | this.option.column = this.option.column.map((item) => { |
| | | if (item.field === dictObj.field) { |
| | | let dictData = (res.data.data || []).map((itm) => { |
| | | itm.value = itm.dictValue; |
| | | itm.key = itm.dictKey; |
| | | itm.value = itm.itemName; |
| | | itm.key = itm.itemValue; |
| | | return itm; |
| | | }); |
| | | item.dicData = dictData; |