| | |
| | | <template> |
| | | <div> |
| | | <avue-form |
| | | v-model="form" |
| | | :option="option" |
| | | v-loading="loading" |
| | | ref="form" |
| | | :style="{ minHeight: loading ? '300px' : '' }" |
| | | :key="updateIndex" |
| | | ref="form" |
| | | v-model="form" |
| | | v-loading="loading" |
| | | :option="option" |
| | | :style="{ minHeight: loading ? '300px' : '' }" |
| | | > |
| | | <template :slot="item.prop + 'Label'" v-for="item in slotColumnList"> |
| | | <template v-for="item in slotColumnList" :slot="item.prop + 'Label'"> |
| | | <span> |
| | | <span>{{ item.label }} </span> |
| | | <el-tooltip |
| | | v-if="item.keyAttr" |
| | | class="item" |
| | | effect="dark" |
| | | content="该属性为关键属性" |
| | | effect="dark" |
| | | placement="top-start" |
| | | > |
| | | <i class="el-icon-star-on key_attr_icon"></i> |
| | | </el-tooltip> |
| | | </span> |
| | | </template> |
| | | <template :slot="item.prop + ''" v-for="item in slotColumnList"> |
| | | <template v-for="item in slotColumnList" :slot="item.prop + ''"> |
| | | <vciWebRefer |
| | | :key="item.dataKey" :data-key="item.dataKey" |
| | | v-if="item.type == 'refer'" |
| | | :referConfig="item.referConfig || {}" |
| | | :value="form[item.referConfig.field] || item.value" |
| | | :text="form[item.referConfig.showField]" |
| | | v-if="item.type == 'refer'" :key="item.dataKey" |
| | | :data-key="item.dataKey" |
| | | :disabled="item.disabled" |
| | | :display="item.display" |
| | | :referConfig="item.referConfig || {}" |
| | | :reloadData="item.referConfig.reloadData || false" |
| | | :text="form[item.referConfig.showField]" |
| | | :value="form[item.referConfig.field] || item.value" |
| | | @setReferValue="setReferValue" |
| | | ></vciWebRefer> |
| | | </template> |
| | |
| | | import { getFormDetail } from "@/api/formTemplate"; |
| | | import { getEnumDictionary } from "../../api/system/dict"; |
| | | import vciWebRefer from "../refer/vciWebRefer.vue"; |
| | | |
| | | export default { |
| | | name: "FormTemplate", |
| | | components: { vciWebRefer }, |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | attrList: [], |
| | | add:'', |
| | | codeattrsecValue:'', |
| | | ValidataValue:false, |
| | |
| | | immediate: true, |
| | | handler(newV) { |
| | | this.$emit("getFormData", newV); |
| | | // console.log("getFormData", newV) |
| | | }, |
| | | }, |
| | | |
| | | attrList: { |
| | | deep: true, |
| | | immediate: true, |
| | | handler(newVal, oldVal) { |
| | | if (newVal) { |
| | | this.$emit("attrList", newVal) |
| | | } |
| | | } |
| | | }, |
| | | TreeValue:{ |
| | | handler(newval,oldval){ |
| | |
| | | formItemList.forEach((formItem) => { |
| | | // console.log('formItem',formItem) |
| | | formItem = this.resetFormConfig(formItem); |
| | | // if(formItem.type === "datetime"){ |
| | | // return; |
| | | // } |
| | | if (formItem.secType === "codeattrsec") { |
| | | this.attrList.push(formItem); |
| | | } |
| | | if (formItem.type === "line") { |
| | | group.push({ |
| | | label: formItem.text, |