centaline-data-driven 1.3.21 → 1.3.22
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/centaline/css/common.css +4 -0
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailOFI.vue +12 -25
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +28 -90
- package/src/centaline/loader/src/ctl/Detail.js +54 -13
- package/wwwroot/static/centaline/centaline-data-driven.js +3 -3
- package/wwwroot/static/centaline/centaline-data-driven.js.map +1 -1
package/package.json
CHANGED
|
@@ -101,31 +101,23 @@
|
|
|
101
101
|
/>
|
|
102
102
|
<div class="info-row mb20 mt5">
|
|
103
103
|
<div class="row-i">
|
|
104
|
-
<span>{{ model.fields1Dic.Price.label }}</span
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
}}</span>
|
|
112
|
-
<img src="../../../assets/jsq.png" class="img-jsq" alt="" />
|
|
104
|
+
<span>{{ model.fields1Dic.Price.label }}</span>
|
|
105
|
+
<span class="base-clolr expand-f" v-html="model.fields1Dic.Price.value"></span>
|
|
106
|
+
<span class="base-clolr">{{model.fields1Dic.Price.unitName}}</span>
|
|
107
|
+
<component v-if="model.actionRouterPrice" class="ml10" style="display: flex;"
|
|
108
|
+
:is="model.actionRouterPrice.is" :vmodel="model.actionRouterPrice" :api="model.optionApi"
|
|
109
|
+
@click="fieldClickHandler(model.actionRouterPrice, $event)">
|
|
110
|
+
</component>
|
|
113
111
|
</div>
|
|
114
112
|
<div class="row-i">
|
|
115
|
-
<span>{{ model.fields1Dic.PriceUnit.label }}</span
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
v-html="model.fields1Dic.PriceUnit.value"
|
|
119
|
-
></span
|
|
120
|
-
><span class="base-clolr">{{
|
|
121
|
-
model.fields1Dic.PriceUnit.unitName
|
|
122
|
-
}}</span>
|
|
113
|
+
<span>{{ model.fields1Dic.PriceUnit.label }}</span>
|
|
114
|
+
<span class="base-clolr expand-f" v-html="model.fields1Dic.PriceUnit.value"></span>
|
|
115
|
+
<span class="base-clolr">{{model.fields1Dic.PriceUnit.unitName}}</span>
|
|
123
116
|
</div>
|
|
124
117
|
<div v-if="model.fields1Dic.PriceLine" class="row-i">
|
|
125
118
|
<span>{{ model.fields1Dic.PriceLine.label }}</span>
|
|
126
119
|
<div>
|
|
127
|
-
{{ model.fields1Dic.PriceLine.value
|
|
128
|
-
}}{{ model.fields1Dic.PriceLine.unitName }}
|
|
120
|
+
{{ model.fields1Dic.PriceLine.value}}{{ model.fields1Dic.PriceLine.unitName }}
|
|
129
121
|
</div>
|
|
130
122
|
</div>
|
|
131
123
|
</div>
|
|
@@ -691,14 +683,9 @@ export default {
|
|
|
691
683
|
var self = this;
|
|
692
684
|
var callBack = null;
|
|
693
685
|
let submitData = {};
|
|
694
|
-
var router = this.model.
|
|
686
|
+
var router = this.model.actionRoutersAll.find((v) => {
|
|
695
687
|
return v.id === field.id;
|
|
696
688
|
});
|
|
697
|
-
if (router == undefined && this.model.actionRoutersMoreList) {
|
|
698
|
-
router = this.model.actionRoutersMoreList.find((v) => {
|
|
699
|
-
return v.id === field.id;
|
|
700
|
-
});
|
|
701
|
-
}
|
|
702
689
|
if (router == undefined && this.model.otherTradeActionRouter) {
|
|
703
690
|
if (field.id === this.model.otherTradeActionRouter.id) {
|
|
704
691
|
router = this.model.otherTradeActionRouter;
|
|
@@ -19,16 +19,9 @@
|
|
|
19
19
|
<img :src="model.fields1Dic.LocationUrl.value" alt="" class="location"/>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="title-tags">
|
|
22
|
-
<div
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
:key="index"
|
|
26
|
-
:style="{
|
|
27
|
-
color: tag.textColor,
|
|
28
|
-
backgroundColor: tag.bgColor,
|
|
29
|
-
borderColor: tag.borderColor,
|
|
30
|
-
}"
|
|
31
|
-
>
|
|
22
|
+
<div class="t-tag"
|
|
23
|
+
v-for="(tag, index) in model.actionRouterLabel" :key="index"
|
|
24
|
+
:style="{ color: tag.textColor, backgroundColor: tag.bgColor,borderColor: tag.borderColor,}">
|
|
32
25
|
{{ tag.label }}
|
|
33
26
|
</div>
|
|
34
27
|
</div>
|
|
@@ -38,49 +31,21 @@
|
|
|
38
31
|
</div>
|
|
39
32
|
<div class="head-but">
|
|
40
33
|
<div>
|
|
41
|
-
<component
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
:class="{ domDisabled: flagDisabledPrev }"
|
|
52
|
-
@click="clickPrevHandler"
|
|
53
|
-
src="../../../assets/T.png"
|
|
54
|
-
alt=""
|
|
55
|
-
style="
|
|
56
|
-
width: 26px;
|
|
57
|
-
height: 26px;
|
|
58
|
-
vertical-align: bottom;
|
|
59
|
-
margin-left: 20px;
|
|
60
|
-
cursor: pointer;
|
|
61
|
-
"
|
|
62
|
-
/>
|
|
63
|
-
<img
|
|
64
|
-
:class="{ domDisabled: flagDisabledNext }"
|
|
65
|
-
@click="clickNextHandler"
|
|
66
|
-
src="../../../assets/B.png"
|
|
67
|
-
alt=""
|
|
68
|
-
style="
|
|
69
|
-
width: 26px;
|
|
70
|
-
height: 26px;
|
|
71
|
-
vertical-align: bottom;
|
|
72
|
-
margin-left: 15px;
|
|
73
|
-
margin-right: 13px;
|
|
74
|
-
cursor: pointer;
|
|
75
|
-
"
|
|
76
|
-
/>
|
|
34
|
+
<component v-if="model.otherTradeActionRouter !== null" v-bind="model.otherTradeActionRouter" class="max-default w93"
|
|
35
|
+
:is="model.otherTradeActionRouter.is" :vmodel="model.otherTradeActionRouter" :api="model.optionApi"
|
|
36
|
+
@click="fieldClickHandler(model.otherTradeActionRouter, $event)">
|
|
37
|
+
</component>
|
|
38
|
+
<img :class="{ domDisabled: flagDisabledPrev }" @click="clickPrevHandler"
|
|
39
|
+
src="../../../assets/T.png" alt=""
|
|
40
|
+
style=" width: 26px; height: 26px;vertical-align: bottom; margin-left: 20px;cursor: pointer;"/>
|
|
41
|
+
<img :class="{ domDisabled: flagDisabledNext }" @click="clickNextHandler"
|
|
42
|
+
src="../../../assets/B.png" alt=""
|
|
43
|
+
style=" width: 26px; height: 26px;vertical-align: bottom; margin-left: 15px; margin-right: 13px; cursor: pointer;"/>
|
|
77
44
|
</div>
|
|
78
45
|
<div class="mt5">
|
|
79
46
|
<component
|
|
80
47
|
class="max-report w93"
|
|
81
|
-
v-if="
|
|
82
|
-
model.actionRouters !== null && model.actionRouters[0] !== null
|
|
83
|
-
"
|
|
48
|
+
v-if=" model.actionRouters !== null && model.actionRouters[0] !== null"
|
|
84
49
|
:is="model.actionRouters[0].is"
|
|
85
50
|
:vmodel="model.actionRouters[0]"
|
|
86
51
|
:api="model.optionApi"
|
|
@@ -98,26 +63,14 @@
|
|
|
98
63
|
></component>
|
|
99
64
|
</div>
|
|
100
65
|
<div class="mt5">
|
|
101
|
-
<button
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
el-button el-button--info el-button--mini
|
|
105
|
-
max-report
|
|
106
|
-
rel
|
|
107
|
-
w93
|
|
108
|
-
"
|
|
109
|
-
v-if="
|
|
110
|
-
model.actionRoutersMoreList !== null &&
|
|
111
|
-
model.actionRoutersMoreList.length > 0
|
|
112
|
-
"
|
|
113
|
-
>
|
|
66
|
+
<button type="button"
|
|
67
|
+
class="el-button el-button--info el-button--mini max-report rel w93"
|
|
68
|
+
v-if=" model.actionRoutersMoreList !== null && model.actionRoutersMoreList.length > 0">
|
|
114
69
|
<img src="../../../assets/dian.png" alt="" class="report" />
|
|
115
70
|
<ul class="report-cont">
|
|
116
|
-
<li
|
|
117
|
-
v-for="(col, index) in model.actionRoutersMoreList"
|
|
71
|
+
<li v-for="(col, index) in model.actionRoutersMoreList"
|
|
118
72
|
:key="index"
|
|
119
|
-
v-if="col.show !== false"
|
|
120
|
-
>
|
|
73
|
+
v-if="col.show !== false">
|
|
121
74
|
<component
|
|
122
75
|
class="max-report w93"
|
|
123
76
|
:is="col.is"
|
|
@@ -129,9 +82,7 @@
|
|
|
129
82
|
</ul>
|
|
130
83
|
</button>
|
|
131
84
|
<component
|
|
132
|
-
v-else-if="
|
|
133
|
-
model.actionRouters !== null && model.actionRouters.length === 3
|
|
134
|
-
"
|
|
85
|
+
v-else-if=" model.actionRouters !== null && model.actionRouters.length === 3 "
|
|
135
86
|
class="max-report w93"
|
|
136
87
|
:is="model.actionRouters[2].is"
|
|
137
88
|
:vmodel="model.actionRouters[2]"
|
|
@@ -158,7 +109,10 @@
|
|
|
158
109
|
<span>{{ model.fields1Dic.Price.label }}</span>
|
|
159
110
|
<span class="base-clolr expand-f" v-html="model.fields1Dic.Price.value"></span>
|
|
160
111
|
<span class="base-clolr">{{ model.fields1Dic.Price.unitName}}</span>
|
|
161
|
-
<
|
|
112
|
+
<component v-if="model.actionRouterPrice" class="ml10" style="display: flex;"
|
|
113
|
+
:is="model.actionRouterPrice.is" :vmodel="model.actionRouterPrice" :api="model.optionApi"
|
|
114
|
+
@click="fieldClickHandler(model.actionRouterPrice, $event)">
|
|
115
|
+
</component>
|
|
162
116
|
</div>
|
|
163
117
|
<div class="row-i">
|
|
164
118
|
<span>{{ model.fields1Dic.PriceUnit.label }}</span>
|
|
@@ -242,17 +196,8 @@
|
|
|
242
196
|
<div style="position: relative">
|
|
243
197
|
<div ref="tabsbox" style="position: absolute; left: -10000px">
|
|
244
198
|
<el-tabs>
|
|
245
|
-
<el-tab-pane
|
|
246
|
-
v-
|
|
247
|
-
:key="col.appID"
|
|
248
|
-
:index="index.toString()"
|
|
249
|
-
:name="index.toString()"
|
|
250
|
-
>
|
|
251
|
-
<div
|
|
252
|
-
slot="label"
|
|
253
|
-
v-html="col.appName"
|
|
254
|
-
:ref="'StatisticsItem' + index"
|
|
255
|
-
></div>
|
|
199
|
+
<el-tab-pane v-for="(col, index) in model.tags1" :key="col.appID" :index="index.toString()" :name="index.toString()">
|
|
200
|
+
<div slot="label" v-html="col.appName" :ref="'StatisticsItem' + index"></div>
|
|
256
201
|
</el-tab-pane>
|
|
257
202
|
</el-tabs>
|
|
258
203
|
</div>
|
|
@@ -869,14 +814,9 @@ export default {
|
|
|
869
814
|
var self = this;
|
|
870
815
|
var callBack = null;
|
|
871
816
|
let submitData = {};
|
|
872
|
-
var router = this.model.
|
|
817
|
+
var router = this.model.actionRoutersAll.find((v) => {
|
|
873
818
|
return v.id === field.id;
|
|
874
819
|
});
|
|
875
|
-
if (router == undefined && this.model.actionRoutersMoreList) {
|
|
876
|
-
router = this.model.actionRoutersMoreList.find((v) => {
|
|
877
|
-
return v.id === field.id;
|
|
878
|
-
});
|
|
879
|
-
}
|
|
880
820
|
if (router == undefined && this.model.otherTradeActionRouter) {
|
|
881
821
|
if (field.id === this.model.otherTradeActionRouter.id) {
|
|
882
822
|
router = this.model.otherTradeActionRouter;
|
|
@@ -1007,9 +947,7 @@ export default {
|
|
|
1007
947
|
else if (field.isSearchPageInTab) {
|
|
1008
948
|
// 外部框架tab页打开
|
|
1009
949
|
submitData = field.getActionPara(submitData).para;
|
|
1010
|
-
self.$common
|
|
1011
|
-
.getDataDrivenOpts()
|
|
1012
|
-
.handler.openTabSearch(field, submitData);
|
|
950
|
+
self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
|
|
1013
951
|
}
|
|
1014
952
|
else if (field.isBrowserNewTab) {
|
|
1015
953
|
// 浏览器打开
|
|
@@ -12,6 +12,8 @@ const Detail = function (source, para, callBack) {
|
|
|
12
12
|
_fields2Dic: null,//数组,方便遍历
|
|
13
13
|
_actionRouterLabel: null,//标签
|
|
14
14
|
_otherTradeActionRouter: null,//对应另外种交易的 router 如:本盘出售 则可能对应的出租的交易,没有则为空
|
|
15
|
+
_actionRoutersAll: null,//页面上的动作行为
|
|
16
|
+
_actionRoutersShow: null,//页面上的动作行为
|
|
15
17
|
_actionRouters: null,//页面上的动作行为
|
|
16
18
|
_actionRoutersMoreList: null,//页面上的更多动作行为
|
|
17
19
|
_actionRoutersSimple: null,//页面上的动作行为
|
|
@@ -187,23 +189,65 @@ const Detail = function (source, para, callBack) {
|
|
|
187
189
|
return rtn._contactApiRouter;
|
|
188
190
|
}
|
|
189
191
|
},
|
|
192
|
+
get actionRoutersAll() {
|
|
193
|
+
if (rtn._actionRoutersAll !== null) {
|
|
194
|
+
return rtn._actionRoutersAll;
|
|
195
|
+
}
|
|
196
|
+
else {
|
|
197
|
+
if (data.actionRouters) {
|
|
198
|
+
rtn._actionRoutersAll = [];
|
|
199
|
+
data.actionRouters.forEach((v, i) => {
|
|
200
|
+
var router = Router(v);
|
|
201
|
+
router.is = "ct-btn";
|
|
202
|
+
router.attrs = { size: "mini" }
|
|
203
|
+
rtn._actionRoutersAll.push(router);
|
|
204
|
+
});
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
return rtn._actionRoutersAll;
|
|
208
|
+
},
|
|
209
|
+
get actionRoutersShow() {
|
|
210
|
+
if (rtn._actionRoutersShow !== null) {
|
|
211
|
+
return rtn._actionRoutersShow;
|
|
212
|
+
}
|
|
213
|
+
else {
|
|
214
|
+
if (data.actionRouters) {
|
|
215
|
+
rtn._actionRoutersShow = [];
|
|
216
|
+
data.actionRouters.forEach((v, i) => {
|
|
217
|
+
var router = Router(v);
|
|
218
|
+
router.is = "ct-btn";
|
|
219
|
+
router.attrs = { size: "mini" }
|
|
220
|
+
if (router.show) {
|
|
221
|
+
rtn._actionRoutersShow.push(router);
|
|
222
|
+
}
|
|
223
|
+
});
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
return rtn._actionRoutersShow;
|
|
227
|
+
},
|
|
228
|
+
get actionRouterPrice() {
|
|
229
|
+
let routerPrice=null;
|
|
230
|
+
if (rtn.actionRoutersAll) {
|
|
231
|
+
rtn.actionRoutersAll.forEach((v, i) => {
|
|
232
|
+
if(v.id=='PropertyPriceLog') routerPrice=v;
|
|
233
|
+
});
|
|
234
|
+
}
|
|
235
|
+
return routerPrice;
|
|
236
|
+
},
|
|
190
237
|
get actionRouters() {
|
|
191
238
|
if (rtn._actionRouters !== null) {
|
|
192
239
|
return rtn._actionRouters;
|
|
193
240
|
}
|
|
194
241
|
else {
|
|
195
|
-
if (
|
|
242
|
+
if (rtn.actionRoutersShow) {
|
|
196
243
|
rtn._actionRouters = [];
|
|
197
244
|
let indexMore = 1;
|
|
198
|
-
if (
|
|
245
|
+
if (rtn.actionRoutersShow.length <= 3) {
|
|
199
246
|
indexMore = 2;
|
|
200
247
|
}
|
|
201
|
-
|
|
248
|
+
rtn.actionRoutersShow.forEach((v, i) => {
|
|
202
249
|
if (i <= indexMore) {
|
|
203
|
-
|
|
204
|
-
router.is = "ct-btn";
|
|
205
|
-
router.attrs = { size: "mini" }
|
|
206
|
-
rtn._actionRouters.push(router);
|
|
250
|
+
rtn._actionRouters.push(v);
|
|
207
251
|
}
|
|
208
252
|
});
|
|
209
253
|
}
|
|
@@ -215,14 +259,11 @@ const Detail = function (source, para, callBack) {
|
|
|
215
259
|
return rtn._actionRoutersMoreList;
|
|
216
260
|
}
|
|
217
261
|
else {
|
|
218
|
-
if (
|
|
262
|
+
if (rtn.actionRoutersShow && rtn.actionRoutersShow.length > 3) {
|
|
219
263
|
rtn._actionRoutersMoreList = [];
|
|
220
|
-
|
|
264
|
+
rtn.actionRoutersShow.forEach((v, i) => {
|
|
221
265
|
if (i >= 2) {
|
|
222
|
-
|
|
223
|
-
router.is = "ct-btn";
|
|
224
|
-
router.attrs = { size: "mini" }
|
|
225
|
-
rtn._actionRoutersMoreList.push(router);
|
|
266
|
+
rtn._actionRoutersMoreList.push(v);
|
|
226
267
|
}
|
|
227
268
|
});
|
|
228
269
|
}
|