From 197a03ea2d5e38496d5495ee8bc0d4e127f233cf Mon Sep 17 00:00:00 2001
From: ludc
Date: 星期一, 08 四月 2024 11:31:43 +0800
Subject: [PATCH] 工具类添加
---
Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue | 80 ++++++++++++++++++++-------------------
1 files changed, 41 insertions(+), 39 deletions(-)
diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue
index e2e0d21..4ed2338 100644
--- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue
+++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue
@@ -2,15 +2,15 @@
<div class="UI-dynamic" :id="'UI-dynamic-'+areasName+componentVO.oid">
<div v-if="isError" style="color: #F56C6C">杩欎釜鑷畾涔夐〉闈㈢殑鍦板潃鏍煎紡涓嶆纭�傛帹鑽愪娇鐢╞s=?type=xxx&context=yyy&pparam=zzz杩欑褰㈠紡</div>
<component v-else :is="currentComponent"
- :btmType="customOptions.btmType"
- :content="customOptions.content"
+ :btmType="btmType"
+ :content="content"
:inDialog="true"
:key="areasName+'customCom-'+componentVO.oid"
:componentVO="componentVO"
:sourceData="sourceData"
:dataStore="dataStore"
:areasName="areasName"
- :paramVOS="customOptions.paramVOS"></component>
+ :paramVOS="urlParams"></component>
</div>
</template>
@@ -19,8 +19,8 @@
name: "dynamic-custom",
components:{
'UI':()=>import('@/views/base/UIContentViewerInDialog'),
- 'test':()=>import('@/components/custom-ui/test'),
- 'test2':()=>import('@/components/custom-ui/test2'),
+ 'test':()=>import('@/views/custom-ui/test'),
+ 'test2':()=>import('@/views/custom-ui/test2'),
},
props:{
componentVO:{
@@ -57,6 +57,9 @@
},
data() {
return {
+ btmType:'',
+ content:'',
+ urlParams:{},
height:'300px',
customClass:this.componentVO.customClass, //bs=?type=xxx&context=yyy¶m=zzz 鎴栬�� bs=缁勪欢name?type=xxx&context=yyy¶m=zzz
isError:false, //璺緞瑙f瀽澶辫触
@@ -73,46 +76,45 @@
}
},
computed:{
- customOptions() {
- if(this.customClass.indexOf("bs=") <0){
- this.isError=true;
- return ;
- }
- this.customClass=this.componentVO.customClass.split("bs=")[1];
- if(this.customClass.indexOf("?") <0 || this.customClass.indexOf("type=") <0 || this.customClass.indexOf("context=") <0){
- this.isError=true;
- return ;
- }
- if(this.customClass.split('?')[0]!='' && this.customClass.split('?')[0]!='UI' && this.customClass.split('?')[0]!='ui'){
- this.currentComponent=this.customClass.split('?')[0];
- }
- this.customClass=this.componentVO.customClass.split("?")[1].split('&');
- let urlParams={};
- let btmType=''
- let content=''
- this.customClass.forEach(item=>{
- var preParam =item.split("=");
- if(preParam[0]=='type'){
- btmType=preParam[1];
- }else if(preParam[0]=='context'){
- content=preParam[1];
- }else{
- urlParams[preParam[0]] = preParam[1];
- }
- })
- return {
- btmType:btmType,
- content:content,
- paramVOS:Object.assign(this.paramVOS,urlParams)
- }
- }
},
created() {
},
mounted() {
+ if(this.customClass.indexOf("bs=") <0){
+ this.isError=true;
+ return ;
+ }
+ this.customClass=this.componentVO.customClass.split("bs=")[1];
+ if(this.customClass.indexOf("?") <0 || this.customClass.indexOf("type=") <0 || this.customClass.indexOf("context=") <0){
+ this.isError=true;
+ return ;
+ }
+ if(this.customClass.split('?')[0]!='' && this.customClass.split('?')[0]!='UI' && this.customClass.split('?')[0]!='ui'){
+ this.currentComponent=this.customClass.split('?')[0];
+ }
+ this.customClass=this.componentVO.customClass.split("?")[1].split('&');
+ let urlParams={};
+ let btmType=''
+ let content=''
+ this.customClass.forEach(item=>{
+ var preParam =item.split("=");
+ if(preParam[0]=='type'){
+ btmType=preParam[1];
+ }else if(preParam[0]=='context'){
+ content=preParam[1];
+ }else{
+ urlParams[preParam[0]] = preParam[1];
+ }
+ })
+
+
+ this.btmType=btmType,
+ this.content=content,
+ this.urlParams=Object.assign(this.paramVOS,urlParams)
+
//this.getHeight(this.$parent);
- },
+ },
methods:{
getHeight(el){
if(el.$el.clientHeight>50){
--
Gitblit v1.9.3