centaline-data-driven 1.2.53 → 1.2.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/Form.vue +3 -3
- package/src/centaline/css/common.css +4 -0
- package/src/centaline/dynamicBtn/src/dynamicBtn.vue +23 -16
- package/src/centaline/dynamicContact/src/dynamicContact.vue +3 -3
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +5 -4
- package/src/centaline/dynamicDetail/src/dynamicPropertySimpleDetailRET.vue +10 -8
- package/src/centaline/dynamicForm/src/dynamicForm.vue +6 -2
- package/src/centaline/loader/src/ctl/Detail.js +5 -1
- package/src/main.js +2 -3
- package/wwwroot/static/centaline/centaline-data-driven.js +1 -1
- package/wwwroot/static/centaline/centaline-data-driven.js.map +1 -1
package/package.json
CHANGED
package/src/Form.vue
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="app-form" class="data-driven" style="width:100%;height:100%;overflow:auto">
|
|
3
3
|
<!-- <ct-form :api="'/api/third-dept-tran/profit-return/applyUI'" :apiParam="apiParam"></ct-form> -->
|
|
4
|
-
<ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form>
|
|
4
|
+
<!-- <ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form> -->
|
|
5
5
|
<!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
|
|
6
|
-
|
|
6
|
+
<ct-form :api="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"></ct-form>
|
|
7
7
|
<!--<ct-form :api="'api/Form/formdata'"></ct-form>-->
|
|
8
8
|
<ct-dialog-list></ct-dialog-list>
|
|
9
9
|
</div>
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
// apiParam: {profitReturnId: "1504359257134055426", actionType: 1, pageStyle: 2, pageTitle: "查看返利", pageOnly: true} ,
|
|
18
18
|
// apiParam: {headerParam: {}, urlParam: {contractID: "06cad32e-4d0d-4b6f-bd24-16a28629a550", actionType: "0"}}
|
|
19
19
|
// apiParam: {originalTraId: "1475658732246241281", actionType: 2, chanceID: "1"} ,
|
|
20
|
-
apiParam: {
|
|
20
|
+
apiParam: {originalTraId: "1516290587463507969", actionType: "3", pageStyle: "2", pageTitle: "成交报告",pageOnly: "true"}
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
methods: {
|
|
@@ -34,30 +34,31 @@
|
|
|
34
34
|
<div>{{model.label}}</div>
|
|
35
35
|
<div style="color:red;font-weight:700;">{{model.subText}}</div>
|
|
36
36
|
</el-button>
|
|
37
|
-
<el-button v-else-if="model.isCallTel"
|
|
37
|
+
<el-button v-else-if="model.isCallTel" :id="model.id"
|
|
38
38
|
:type="model.isHyperLink ? 'text' : 'primary'"
|
|
39
39
|
v-bind="model.attrs" @click="clickHandle"
|
|
40
|
-
:style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
|
|
40
|
+
:style="{color:model.textColor,backgroundColor:model.imgUrl?'transparent':model.bgColor,borderColor:model.imgUrl?'transparent':model.borderColor,padding:model.imgUrl?'0px':null}"
|
|
41
41
|
:icon="model.icon"
|
|
42
42
|
:disabled="model.disabled || model.locked">
|
|
43
|
-
<el-popover :ref="'popover'+model.id" :append-to-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
<el-popover :ref="'popover'+model.id" :append-to-body="false"
|
|
44
|
+
class="Stats-popover" :popper-class="flagAbsolute?'el-popoverabsolute':'el-popover1'" :placement="option.placement?option.placement:'left'"
|
|
45
|
+
v-model="visible" :trigger="option.trigger?option.trigger:''">
|
|
46
|
+
<div style="border-bottom:none">
|
|
47
|
+
<div style="color: #388cd3;text-align: center;">{{message}}</div>
|
|
48
|
+
<img v-show="qrCode" :src="qrCode" style="margin-top: 5px;" :style="{'width':width+'px','height':height+'px'}" />
|
|
49
|
+
</div>
|
|
50
|
+
<img v-if="model.imgUrl" slot="reference" :title="model.label" :src="tellImgUrl?tellImgUrl:model.imgUrl" height="24px" />
|
|
51
|
+
<span v-else slot="reference">{{model.label}}</span>
|
|
52
|
+
</el-popover>
|
|
53
53
|
</el-button>
|
|
54
54
|
<el-button v-else
|
|
55
55
|
:type="model.isHyperLink ? 'text' : 'primary'"
|
|
56
56
|
v-bind="model.attrs" @click="$emit('click',model)"
|
|
57
|
-
:style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
|
|
57
|
+
:style="{color:model.textColor,backgroundColor:model.imgUrl?'transparent':model.bgColor,borderColor:model.imgUrl?'transparent':model.borderColor,padding:model.imgUrl?'0px':null}"
|
|
58
58
|
:icon="model.icon"
|
|
59
59
|
:disabled="model.disabled || model.locked">
|
|
60
|
-
|
|
60
|
+
<img v-if="model.imgUrl" :title="model.label" :src="model.imgUrl" height="24px"/>
|
|
61
|
+
<span v-else>{{model.label}}</span>
|
|
61
62
|
</el-button>
|
|
62
63
|
</template>
|
|
63
64
|
<script>
|
|
@@ -68,6 +69,7 @@
|
|
|
68
69
|
vmodel: Object,
|
|
69
70
|
fileData: Object,
|
|
70
71
|
optionApi:String,
|
|
72
|
+
flagAbsolute:Boolean,
|
|
71
73
|
},
|
|
72
74
|
mixins: [dynamicElement],
|
|
73
75
|
data: function () {
|
|
@@ -77,10 +79,11 @@
|
|
|
77
79
|
qrCode:'',
|
|
78
80
|
width:300,
|
|
79
81
|
height:300,
|
|
82
|
+
tellImgUrl:'',
|
|
80
83
|
option: {
|
|
81
84
|
isHidden: true,//是否开启操作栏隐藏设置,默认开启
|
|
82
85
|
showNum: 3,//如果isHidden为true时,个数大于3就会隐藏,默认是3
|
|
83
|
-
appendId: '',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
|
|
86
|
+
appendId: '.el-button',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
|
|
84
87
|
trigger: 'manual',//触发方式,传值可查看Popper UI组件trigger属性
|
|
85
88
|
placement: 'bottom-start',//方向,传值可查看Popper UI组件placement属性
|
|
86
89
|
},
|
|
@@ -138,6 +141,7 @@
|
|
|
138
141
|
if(this.model.isCallTel){
|
|
139
142
|
if(this.visible){
|
|
140
143
|
this.visible=false;
|
|
144
|
+
this.tellImgUrl='';
|
|
141
145
|
}
|
|
142
146
|
else{
|
|
143
147
|
this.$emit('click',this.model);
|
|
@@ -150,16 +154,19 @@
|
|
|
150
154
|
callTelClick(data){
|
|
151
155
|
this.message='';
|
|
152
156
|
this.qrCode='';
|
|
157
|
+
this.tellImgUrl='';
|
|
153
158
|
if(data.content.actionType=='显示消息'){
|
|
154
159
|
this.visible=true;
|
|
155
160
|
this.message=data.content.message;
|
|
161
|
+
if(data.content.imgUrl)this.tellImgUrl=data.content.imgUrl;
|
|
156
162
|
}
|
|
157
163
|
else if(data.content.actionType=='扫码拨号'){
|
|
158
164
|
this.visible=true;
|
|
159
165
|
this.message=data.content.message;
|
|
160
|
-
this.qrCode=
|
|
166
|
+
this.qrCode = data.content.qrCode;
|
|
161
167
|
if(data.content.width)this.width=data.content.width;
|
|
162
168
|
if(data.content.height)this.height=data.content.height;
|
|
169
|
+
if(data.content.imgUrl)this.tellImgUrl=data.content.imgUrl;
|
|
163
170
|
}
|
|
164
171
|
},
|
|
165
172
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div v-if="apiRouter!=={} && model && model.listData.length>0" style="border: 1px solid #ECEFF2;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);border-radius: 6px;
|
|
3
3
|
padding-bottom: 10px;padding-top: 10px;padding-left: 10px;display: flex;font-size: 12px;">
|
|
4
|
-
<div class="ct-so" style="width:
|
|
4
|
+
<div class="ct-so" style="width:auto;margin-right: 10px;">
|
|
5
5
|
<el-popover ref="pop" placement="bottom-start" v-model="showDrop" trigger="click">
|
|
6
6
|
<div>
|
|
7
7
|
<ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
</span>
|
|
19
19
|
</div>
|
|
20
20
|
<div style="margin-left: 5px;display: flex;">
|
|
21
|
-
<component v-for="(router, index) in model.rowRouter" :key="index" :ref="'router'+router.id"
|
|
22
|
-
v-if="!router.rightField || model.listData[model.value][router.rightField] == 1"
|
|
21
|
+
<component v-for="(router, index) in model.rowRouter" :key="index" :ref="'router'+router.id" :flagAbsolute="true"
|
|
22
|
+
v-if="!router.rightField || model.listData[model.value][router.rightField] == 1" :style="{position: router.isCallTel ?'relative':null}"
|
|
23
23
|
:is="router.is" :vmodel="router" :api="model.optionApi" @click="fieldClickHandler(router)">
|
|
24
24
|
</component>
|
|
25
25
|
</div>
|
|
@@ -177,9 +177,10 @@
|
|
|
177
177
|
<div class="t-item">
|
|
178
178
|
<span class="i">{{col.operationName}}</span>
|
|
179
179
|
</div>
|
|
180
|
-
<div class="t-item"><span class="i" :class="'operation'+col.flagKey">{{col.desc}}</span></div>
|
|
180
|
+
<div class="t-item"><span class="i" :class="'operation'+col.flagKey" :style="{color:col.descColor}">{{col.desc}}</span></div>
|
|
181
181
|
<div class="t-item" style="min-height: 50px;">
|
|
182
|
-
<component
|
|
182
|
+
<component v-for="(router, routerIndex) in col.routers" :key="routerIndex" :is="router.is" :vmodel="router" :api="model.optionApi"
|
|
183
|
+
@click="fieldClickHandler(router,$event)" class="el-button t-but el-button--info max-info"></component>
|
|
183
184
|
</div>
|
|
184
185
|
</div>
|
|
185
186
|
</div>
|
|
@@ -594,10 +595,10 @@
|
|
|
594
595
|
}
|
|
595
596
|
</script>
|
|
596
597
|
<style lang="scss" scoped>
|
|
597
|
-
.operation0{
|
|
598
|
+
.operation0,.operation20,.operation-1000{
|
|
598
599
|
color: #000000;
|
|
599
600
|
}
|
|
600
|
-
.operation1{
|
|
601
|
+
.operation1,.operation10{
|
|
601
602
|
color: #388cd3;
|
|
602
603
|
}
|
|
603
604
|
.operation2{
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
<span>{{model.fields1Dic.DistrictName.value}}</span>
|
|
28
28
|
<span>{{model.fields1Dic.AreaName.value}}</span>
|
|
29
29
|
</div>
|
|
30
|
-
<div style="
|
|
31
|
-
<div v-for="(tag, index) in model.actionRouterLabel" :key="index" class="t-tag"
|
|
30
|
+
<div style="display: flex;flex-wrap: wrap;">
|
|
31
|
+
<div v-for="(tag, index) in model.actionRouterLabel" :key="index" class="t-tag" style="margin-top: 7px;"
|
|
32
32
|
:style="{color:tag.textColor,backgroundColor:tag.bgColor,borderColor:tag.borderColor}">
|
|
33
33
|
{{tag.label}}
|
|
34
34
|
</div>
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
<div style="margin-top: 7px;font-size: 14px;font-weight: Bold;color: #EE6B6B;">{{model.fields1Dic.FloorName.value}}</div>
|
|
49
49
|
</div>
|
|
50
50
|
</div>
|
|
51
|
-
<div ref="contact" style="margin-top: 16px;" v-if="model.contactApiRouter!==null" >
|
|
51
|
+
<div ref="contact" id="contact" style="margin-top: 16px;" v-if="model.contactApiRouter!==null" >
|
|
52
52
|
<ct-contact :apiRouter="model.contactApiRouter" :api="model.contactApiRouter.action" :apiParam="model.contactApiRouter.getSearchPara()"></ct-contact>
|
|
53
53
|
</div>
|
|
54
54
|
<div ref="routers" style="margin-top: 16px;display: flex;">
|
|
@@ -152,11 +152,13 @@
|
|
|
152
152
|
let moreWidth = 20;
|
|
153
153
|
self.model.actionRoutersSimple.forEach((v,i) => {
|
|
154
154
|
if(!v.rightField || (self.model.fields1Dic[v.rightField] && self.model.fields1Dic[v.rightField].value == 1)){
|
|
155
|
-
if(
|
|
156
|
-
self.showIndex
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
155
|
+
if(self.$refs['routers'+i][0] && self.$refs['routers'+i][0].$el){
|
|
156
|
+
if(sumWidth+self.$refs['routers'+i][0].$el.offsetWidth+moreWidth+10>totalWidth && self.showIndex===0){
|
|
157
|
+
self.showIndex=i;
|
|
158
|
+
}
|
|
159
|
+
else{
|
|
160
|
+
sumWidth=sumWidth+self.$refs['routers'+i][0].$el.offsetWidth+(i>0?10:0);
|
|
161
|
+
}
|
|
160
162
|
}
|
|
161
163
|
}
|
|
162
164
|
});
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
var self = this;
|
|
106
106
|
return {
|
|
107
107
|
loading: true,
|
|
108
|
-
activeName: '
|
|
108
|
+
activeName: '-1',
|
|
109
109
|
collapse: [],//分组数组
|
|
110
110
|
collapseActiveNames: [],//默认展开的分组name
|
|
111
111
|
collapseFieldsRow: [],//分组数组对应的行列布局
|
|
@@ -172,6 +172,9 @@
|
|
|
172
172
|
}
|
|
173
173
|
else if (v.is === 'ct-group') {
|
|
174
174
|
self.collapse.push(v);
|
|
175
|
+
if(v.isExpand && self.activeName=='-1'){
|
|
176
|
+
self.activeName=(self.collapse.length-1).toString();
|
|
177
|
+
}
|
|
175
178
|
if (v.lock || v.isExpand) {
|
|
176
179
|
realCollapseActiveNames.push(self.collapse.length - 1);
|
|
177
180
|
}
|
|
@@ -186,10 +189,11 @@
|
|
|
186
189
|
collapseItem.push(v);
|
|
187
190
|
}
|
|
188
191
|
});
|
|
192
|
+
if(self.activeName==='-1')self.activeName='0';
|
|
189
193
|
if (collapseItem.length > 0) {
|
|
190
194
|
collapseItemArr.push(collapseItem);
|
|
191
195
|
}
|
|
192
|
-
|
|
196
|
+
|
|
193
197
|
//遍历分组里的组件,计算行列布局
|
|
194
198
|
for (var i = 0; i < collapseItemArr.length; i++) {
|
|
195
199
|
var myFilter = collapseItemArr[i];
|
|
@@ -306,6 +306,7 @@ const Detail = function (source,para ,callBack) {
|
|
|
306
306
|
rtn._operationList=response.content;
|
|
307
307
|
if(rtn._operationList && rtn._operationList.length>0){
|
|
308
308
|
rtn._operationList.forEach((v,i) => {
|
|
309
|
+
rtn._operationList[i].routers=[];
|
|
309
310
|
if (v.modelRouters) {
|
|
310
311
|
v.modelRouters.forEach((f,i2) => {
|
|
311
312
|
var router = Router(f);
|
|
@@ -314,7 +315,10 @@ const Detail = function (source,para ,callBack) {
|
|
|
314
315
|
if(router.rightField){
|
|
315
316
|
router.show=v[router.rightField];
|
|
316
317
|
}
|
|
317
|
-
if(router.show)
|
|
318
|
+
if(router.show){
|
|
319
|
+
// rtn._operationList[i].router=router;
|
|
320
|
+
rtn._operationList[i].routers.push(router);
|
|
321
|
+
}
|
|
318
322
|
rtn._operationRouters.push(router);
|
|
319
323
|
});
|
|
320
324
|
}
|
package/src/main.js
CHANGED
|
@@ -13,8 +13,7 @@ Vue.use(ElementUI, { size: 'mini'});
|
|
|
13
13
|
Vue.config.productionTip = false;
|
|
14
14
|
Vue.use(centaline, {
|
|
15
15
|
baseUrl: "http://10.88.22.46:7070/v1/form/router",
|
|
16
|
-
// baseUrl: "http://tjcptest.centaline.com.cn/",
|
|
17
|
-
// baseUrl: "http://10.88.22.46:7070/",
|
|
16
|
+
// baseUrl: "http://tjcptest.centaline.com.cn/",
|
|
18
17
|
// flagRouterSelf: true,
|
|
19
18
|
zindex: 999,
|
|
20
19
|
showRequestErrorMessage: true,
|
|
@@ -36,7 +35,7 @@ Vue.use(centaline, {
|
|
|
36
35
|
// 获取请求头
|
|
37
36
|
getRequestHeaders: function () {
|
|
38
37
|
return {
|
|
39
|
-
oldToken: '
|
|
38
|
+
oldToken: '1c37d6b7-9259-4835-88f6-a389900244f7',
|
|
40
39
|
estateId: '20210729104021C49F04B55C50F6AF58',
|
|
41
40
|
originalRequestURL: 'http://10.88.22.67:8080',
|
|
42
41
|
Authorization:'Bearer eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjE0NmU5ZjEzLTVjMmYtNGVlMy1hM2U5LWIxM2QyZThjZTBhZSJ9.Gl8K5lbG7t5DyCqouu7Ux7Oh9xuAxqdOXr4JnoHCN-YwC3b2zPO-C2sHbYJUZHYQPa7kTNRmg1xJiwugpVo5Xw',
|