From 35305bce74bdb5d0deb1c38c56b67cd00cb2703a Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期三, 27 三月 2024 16:44:54 +0800
Subject: [PATCH] UI上下文展示引擎
---
Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 104 insertions(+), 8 deletions(-)
diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue
index 15b6d0b..40c33d6 100644
--- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue
+++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue
@@ -1,23 +1,119 @@
<template>
- <div></div>
+ <div class="UI-dynamic" :id="'UI-dynamic-'+areasName+componentVO.oid">
+ <div v-if="isError" style="color: #F56C6C">杩欎釜鑷畾涔夐〉闈㈢殑鍦板潃鏍煎紡涓嶆纭�傛帹鑽愪娇鐢║I:type#content?param=xxx杩欑褰㈠紡</div>
+ <component v-else :is="currentComponent"
+ :customOptions="customOptions"
+ :inDialog="inDialog"
+ :key="areasName+'customCom-'+componentVO.oid"
+ :componentVO="componentVO"
+ :sourceData="sourceData"
+ :areasName="areasName"
+ :paramVOS="paramVOS"></component>
+ </div>
</template>
<script>
export default {
name: "dynamic-custom",
+ components:{
+ 'UI':()=>import('@/views/base/UIContentViewerInDialog'),
+ 'test':()=>import('@/components/custom-ui/test'),
+ 'test2':()=>import('@/components/custom-ui/test2'),
+ },
props:{
componentVO:{
- type: Object,
- default: {},
- },
- sourceData:{
- //涓婁竴鍖哄煙閫変腑鏁版嵁
type:Object,
default: {}
- }
+ },
+ inDialog: {
+ type: Boolean,
+ default: false
+ },
+ areasName:{
+ type:String,
+ default:''
+ },
+ sourceData:{
+ //鑿滃崟婧愭暟鎹垨鑰呭脊绐楁椂鎸夐挳鎵�灞炲尯鍩熺殑涓婁竴鍖哄煙閫変腑鏁版嵁
+ type:Object,
+ default: {}
+ },
+ paramVOS:{
+ type:Object,
+ default: {}
+ },
+ isShow: {
+ //鎵�鍦ㄥ尯鍩熸槸鍚﹀凡鏄剧ず锛岄拡瀵箃ab鍜宑ollapse
+ type: Boolean,
+ default: true
+ },
},
data() {
- return {}
+ return {
+ height:'300px',
+ customClass:this.componentVO.customClass, //UI:type#content?param=xxx鎴栬�� 缁勪欢name:type#content?param=xxx
+ isError:false, //璺緞瑙ｆ瀽澶辫触
+ currentComponent: 'UI',//缁勪欢name
+ }
+ },
+ computed:{
+ customOptions() {
+ if(this.customClass.indexOf(":") <0){
+ this.isError=true;
+ return ;
+ }
+
+ if(this.customClass.split(':')[0]!='UI' && this.customClass.split(':')[0]!='ui'){
+ this.currentComponent=this.customClass.split(':')[0];
+ }
+ let urlParams={};
+ let btmType=''
+ let content=''
+ if(this.customClass.split(':')[1].indexOf("?") <0){
+ btmType=this.customClass.split(':')[1].split('#')[0];
+ content=this.customClass.split(':')[1].split('#')[1];
+ }else {
+ let split1 = this.customClass.split(':')[1].split('?')[0];
+ let split2 = this.customClass.split(':')[1].split('?')[1];
+ btmType=split1.split('#')[0];
+ content=split1.split('#')[1];
+ let paramsArray = split2.split("&");
+ paramsArray.forEach(item=>{
+ var preParam =item.split("=");
+ if(preParam[0]=='btmname'){
+ urlParams['btmType']=preParam[1];
+ }else if(preParam[0]=='imagetype'){
+ urlParams['imageType']=preParam[1];
+ if(preParam[1]=='fileobject'){
+
+ }
+ }else{
+ urlParams[preParam[0]] = preParam[1];
+ }
+ })
+ }
+
+ return {
+ btmType:btmType,
+ content:content,
+ urlParams: urlParams
+ }
+ }
+ },
+ created() {
+
+ },
+ mounted() {
+ //this.getHeight(this.$parent);
+ },
+ methods:{
+ getHeight(el){
+ if(el.$el.clientHeight>50){
+ this.height=el.$el.clientHeight+'px';
+ }else {
+ this.getHeight(el.$parent);
+ }
+ }
}
}
</script>
--
Gitblit v1.9.3