From 0d26e7d7cbc8c0b834d950120ceb9c5d86301ab4 Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期五, 16 六月 2023 11:38:02 +0800 Subject: [PATCH] 修改参照组件的禁用与显示 --- Source/UBCS-WEB/src/components/FormTemplate/FormTempalte.vue | 68 +++++++++++++++------------------- 1 files changed, 30 insertions(+), 38 deletions(-) diff --git a/Source/UBCS-WEB/src/components/FormTemplate/FormTempalte.vue b/Source/UBCS-WEB/src/components/FormTemplate/FormTempalte.vue index 1c1f9bc..acb2ed6 100644 --- a/Source/UBCS-WEB/src/components/FormTemplate/FormTempalte.vue +++ b/Source/UBCS-WEB/src/components/FormTemplate/FormTempalte.vue @@ -24,18 +24,22 @@ </span> </template> <template :slot="item.prop + ''" v-for="item in slotColumnList"> - <!-- <vciWebRefer + <vciWebRefer v-if="item.type == 'refer'" - :value="item.value" - :options="item.referConfig || {}" - ></vciWebRefer> --> + :referConfig="item.referConfig || {}" + :value="form[item.referConfig.field] || item.value" + :text="form[item.referConfig.showField]" + :disabled="item.disabled" + :display="item.display" + @setReferValue="setReferValue" + ></vciWebRefer> </template> </avue-form> </div> </template> <script> -import { getFormTemplate, getFormDetail } from "@/api/formTemplate"; +import { getFormDetail } from "@/api/formTemplate"; import { getDictionary } from "../../api/system/dict"; import vciWebRefer from "../refer/vciWebRefer.vue"; export default { @@ -497,31 +501,6 @@ this.handleResize(); }, methods: { - // 鍒濆鍖� - init(columnList) { - if (Array.isArray(columnList)) { - this.templateRender(columnList); - } else { - this.getFormTemplate(); - } - }, - // 鎺ュ彛鑾峰彇琛ㄥ崟鏁版嵁 - getFormTemplate() { - getFormTemplate({ - templateOid: this.templateOid, - codeClassifyOid: this.codeClassifyOid, - }) - .then((res) => { - if (res.status === 200) { - this.$emit('getFormTemplateEnd', res.data) - this.templateRender(res.data.formDefineVO.items); - } - }) - .catch((err) => { - this.loading = false; - console.log(err); - }); - }, // 娓叉煋琛ㄥ崟妯℃澘 templateRender(formItemList) { // 鏃犻渶鍒嗙粍鏁版嵁 @@ -580,7 +559,13 @@ display: !formItem.hidden, maxlength: formItem.maxlength, filterable: true, - referConfig: formItem.referConfig, + referConfig:formItem.type=='refer'?{ + title:formItem.text , + showField:formItem.showField || formItem.field, + field: formItem.field, + placeholder: formItem.inputTip, + options:formItem.referConfig + }:{}, span: formItem.type === "textarea" ? 24 : this.trendsSpan, rules: [ { @@ -611,7 +596,9 @@ this.$set(this.option, "column", column); this.$set(this.option, "group", group); this.formIndex++; - this.loading = false; + if (this.type === 'add') { + this.loading = false; + } this.geDictData(dictKeys); this.getFormDetail(); }, @@ -701,8 +688,7 @@ // 琛ㄥ崟鏍¢獙 validate() { return new Promise((resolve) => { - this.$refs.form.validate((valid, done, msg) => { - console.error(msg, valid); + this.$refs.form.validate((valid, done) => { if (valid) { done(); resolve(true); @@ -714,15 +700,21 @@ }, // 鑾峰彇琛ㄥ崟璇︽儏鏁版嵁 getFormDetail() { - if (this.type === 'add') return - if (this.type === "add") return; + if (this.type === 'add') return getFormDetail({ templateOid: this.templateOid, oid: this.rowOid }).then( (res) => { - this.form = Object.assign(this.form, res.obj) - console.log(res, "res"); + this.form = Object.assign(this.form, res.data.data[0]) + this.loading = false; } ); }, + setReferValue(data){ + if(data.field){ + this.form[data.field]=data.value || ''; + this.form[data.showField]=data.text || ''; + this.$emit("getFormData", this.form); + } + } }, watch: { // 琛ㄥ崟鏁版嵁淇敼鍙嶉鍒扮埗缁勪欢 -- Gitblit v1.9.3