| | |
| | | <template> |
| | | <vciWebReferTree v-if="refertype=='tree'" @setValue="setValue" :value="value" :text="text" :title="title" :referConfig="referConfig"></vciWebReferTree> |
| | | <vciWebReferTable v-else-if="refertype=='table'" @setValue="setValue" :value="value" :text="text" :title="title" :referConfig="referConfig"></vciWebReferTable> |
| | | <vciWebReferDefalut v-else @setValue="setValue" :value="value" :text="text" :title="title" :referConfig="referConfig"></vciWebReferDefalut> |
| | | <div v-if="display"> |
| | | <vciWebReferTree ref="vciWebReferTree" v-if="refertype=='tree'" @setValue="setValue" :value="value" :text="text" :title="title" :disabled="disabled" :referConfig="referConfig"></vciWebReferTree> |
| | | <vciWebReferTable v-else-if="refertype=='table'" @setValue="setValue" :value="value" :text="text" :title="title" :disabled="disabled" :referConfig="referConfig"></vciWebReferTable> |
| | | <vciWebReferDefalut v-else @setValue="setValue" :value="value" :text="text" :title="title" :disabled="disabled" :referConfig="referConfig"></vciWebReferDefalut> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | import vciWebReferDefalut from "./vciWebReferDefalut.vue"; |
| | | export default { |
| | | name: "vciWebRefer", |
| | | props: ["referConfig","value","text"], |
| | | props: ["referConfig","value","text","disabled","display"], |
| | | components: {vciWebReferTree, vciWebReferTable, vciWebReferDefalut}, |
| | | data() { |
| | | return { |
| | | reterTypeLeavl:'213', |
| | | refertype: this.referConfig.options.type, |
| | | emitData:{}, |
| | | title:'' |
| | | title:'', |
| | | display:this.display || true, |
| | | disabled:this.disabled || false |
| | | }; |
| | | }, |
| | | created() {}, |
| | | created() { |
| | | console.log('referer') |
| | | if (!this.referConfig.options) { |
| | | this.referConfig.options = { |
| | | isMuti: false |
| | | } |
| | | } |
| | | }, |
| | | mounted() { |
| | | var title = this.referConfig.title || ''; |
| | | title = title.replace(":", ""); |
| | | title = title ? ('为【' + title + '】选取值') : ('为【' + this.referConfig.showField + '】选取值'); |
| | | |
| | | this.title=title; |
| | | }, |
| | | methods: { |
| | |
| | | deep: true, |
| | | immediate: true, |
| | | handler(newV) { |
| | | if(newV.isTreeMuti){ |
| | | //树参照多选,text没有值,在这里处理text的值 |
| | | } |
| | | this.text=newV.text; |
| | | this.value=newV.value; |
| | | this.$emit("setReferValue", newV); |
| | | }, |
| | | } |
| | | } |
| | | }, |
| | | } |
| | | } |
| | | </script> |