centaline-data-driven 1.5.11 → 1.5.13
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 +1 -0
- package/src/centaline/dynamicDetail/src/dynamicPropertySimpleDetailRET.vue +8 -3
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +66 -30
- package/src/centaline/dynamicViewerFile/src/dynamicViewerFile.vue +1 -1
- package/src/centaline/loader/src/ctl/FormList.js +2 -2
- package/src/main.js +7 -7
- 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
package/src/Form.vue
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div ref="main" class="main"
|
|
3
|
-
<div style="height:36px;margin-top: 10px;display: flex;border-bottom: solid 2px var(--chinaRed);">
|
|
2
|
+
<div ref="main" class="main" style="position: relative;overflow: hidden;">
|
|
3
|
+
<div v-if="model !== null" style="height:36px;margin-top: 10px;display: flex;border-bottom: solid 2px var(--chinaRed);">
|
|
4
4
|
<el-popover v-if="model.routerForQRCode !== null" placement="left-start" trigger="hover"
|
|
5
5
|
@show="fieldClickHandler(model.routerForQRCode, $event)">
|
|
6
6
|
<div style="border-bottom:none">
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
</div>
|
|
37
37
|
</el-drawer>
|
|
38
38
|
</div>
|
|
39
|
-
<div style="padding-left: 20px;padding-right: 20px;">
|
|
39
|
+
<div v-if="model !== null" style="padding-left: 20px;padding-right: 20px;">
|
|
40
40
|
<div ref="title" style="margin-top: 18px;">
|
|
41
41
|
<div style="font-weight: Bold;font-size: 16px;color: #333333;display: flex;">
|
|
42
42
|
<img v-if="model.actionRouterFavorite" :src="model.actionRouterFavorite.imgUrl" alt=""
|
|
@@ -132,6 +132,7 @@
|
|
|
132
132
|
</div>
|
|
133
133
|
</div>
|
|
134
134
|
</div>
|
|
135
|
+
<div v-if="isLoading" v-loading="isLoading" :style="{'height': loadingHeight+'px',}"></div>
|
|
135
136
|
</div>
|
|
136
137
|
</template>
|
|
137
138
|
|
|
@@ -170,6 +171,8 @@ export default {
|
|
|
170
171
|
placement: 'left-start',//方向,传值可查看Popper UI组件placement属性
|
|
171
172
|
},
|
|
172
173
|
drawer: false,
|
|
174
|
+
isLoading:true,
|
|
175
|
+
loadingHeight:0,
|
|
173
176
|
}
|
|
174
177
|
},
|
|
175
178
|
watch: {
|
|
@@ -182,6 +185,7 @@ export default {
|
|
|
182
185
|
mounted() {
|
|
183
186
|
var self = this;
|
|
184
187
|
this.$nextTick(function () {
|
|
188
|
+
this.loadingHeight=this.$refs.main.parentElement.parentElement.offsetHeight;
|
|
185
189
|
if (self.vmodel) {
|
|
186
190
|
self.load(self.vmodel);
|
|
187
191
|
}
|
|
@@ -200,6 +204,7 @@ export default {
|
|
|
200
204
|
},
|
|
201
205
|
methods: {
|
|
202
206
|
load(data) {
|
|
207
|
+
this.isLoading=false;
|
|
203
208
|
var self = this;
|
|
204
209
|
this.refershKey = this.refershKey + 1;
|
|
205
210
|
this.model = data;
|
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
:style="{ height: '0px', top: model.tableHeight * 0.55 + 'px' }"></div>
|
|
19
19
|
<div v-loading="operationLoading"></div>
|
|
20
20
|
|
|
21
|
+
|
|
22
|
+
<div class="theadTitle" id="theadTitle" :style="{top:theadTitleTop+'px',left:theadTitleLeft+'px'}" v-show="theadTitleShow">
|
|
23
|
+
左右拖动竖线调整列宽
|
|
24
|
+
</div>
|
|
21
25
|
<div class="ct-tableParent" ref="tableParent" v-bind="model.attrs" v-if="!isLoading && model"
|
|
22
26
|
:style="{ height: from == 'form' ? '100%' : model.tableHeight + 'px', 'border-bottom': isLayout ? 'none' : '', 'border-top': isLayout ? 'none' : '', }"
|
|
23
27
|
@scroll="scrollHandle($event)" :v-focus="model.flagFocus" @keydown.up="rowKeyDownHandle($event, 0)"
|
|
@@ -39,7 +43,7 @@
|
|
|
39
43
|
</label>
|
|
40
44
|
</th>
|
|
41
45
|
<th :ref="column.fixed ? column.fixed === 'left' ? 'headLeftThs' : 'headRightThs' : 'headThs'"
|
|
42
|
-
v-for="(column, colIndex) in columns" :key="colIndex" v-if="column.show" class="ct-td ct-searchtable-th"
|
|
46
|
+
v-for="(column, colIndex) in columns" :key="colIndex" v-if="column.show" class="ct-td ct-searchtable-th"
|
|
43
47
|
:rowspan="column.rowspan" :colspan="column.colspan" :class="[colHasWidth[colIndex], column.sortAction, model.tdClass,
|
|
44
48
|
colIndex === leftShadow ? 'shadowLeft' : null,
|
|
45
49
|
colIndex === rightShadow ? 'shadowRight' : null,
|
|
@@ -47,9 +51,9 @@
|
|
|
47
51
|
column.fixed === 'right' ? 'right-fixation-th' : null,
|
|
48
52
|
column.width === undefined ? 'ct-table-auto' : null,
|
|
49
53
|
typeof column.fixed === 'undefined' ? 'right-no-fixation-th' : null,
|
|
50
|
-
model.columnWidthSaveAction ?'
|
|
51
|
-
]" @mousemove="thMouseMoveHandle($event)" @mousedown="thMouseDownHandle($event, colIndex)"
|
|
52
|
-
v-bind="column.attrs">
|
|
54
|
+
model.columnWidthSaveAction ?'theadLine':'',
|
|
55
|
+
]" @mousemove="thMouseMoveHandle($event)" @mousedown="thMouseDownHandle($event, colIndex)" @mouseover="theadTitleHover" @mouseout="theadTitleLeave"
|
|
56
|
+
v-bind="column.attrs" id="thHeight">
|
|
53
57
|
<span>{{ column.name }}</span>
|
|
54
58
|
<span class="caret-wrapper" v-if="column.sort" @click="toSort($event, column)"
|
|
55
59
|
@contextmenu.prevent="clearSort($event, column)">
|
|
@@ -285,6 +289,12 @@ export default {
|
|
|
285
289
|
disabledStats:false,
|
|
286
290
|
searchStrat:0,
|
|
287
291
|
searchEnd:0,
|
|
292
|
+
|
|
293
|
+
visible:false,
|
|
294
|
+
theadTitleShow:false,
|
|
295
|
+
theadTitleTop:0,
|
|
296
|
+
theadTitleLeft:0,
|
|
297
|
+
theadTitleWidth:0
|
|
288
298
|
};
|
|
289
299
|
},
|
|
290
300
|
deactivated(){
|
|
@@ -296,6 +306,33 @@ export default {
|
|
|
296
306
|
});
|
|
297
307
|
},
|
|
298
308
|
methods: {
|
|
309
|
+
theadTitleHover(ev){
|
|
310
|
+
this.theadTitleShow = true
|
|
311
|
+
let tagsViewHeight = 0
|
|
312
|
+
let thHeight = 0
|
|
313
|
+
if (document.getElementById("tags-view-container")) {
|
|
314
|
+
tagsViewHeight = document.getElementById("tags-view-container").offsetHeight;
|
|
315
|
+
thHeight = document.getElementById("thHeight").offsetHeight;
|
|
316
|
+
if (document.getElementById("theadTitle")) {
|
|
317
|
+
this.theadTitleWidth = document.getElementById("theadTitle").offsetWidth;
|
|
318
|
+
} else {
|
|
319
|
+
this.theadTitleWidth = 0
|
|
320
|
+
}
|
|
321
|
+
}else{
|
|
322
|
+
tagsViewHeight = 0;
|
|
323
|
+
thHeight = -10;
|
|
324
|
+
if (document.getElementById("theadTitle")) {
|
|
325
|
+
this.theadTitleWidth = document.getElementById("theadTitle").offsetWidth *0.5;
|
|
326
|
+
} else {
|
|
327
|
+
this.theadTitleWidth = 0
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
this.theadTitleLeft = ev.clientX -this.theadTitleWidth;
|
|
331
|
+
this.theadTitleTop =ev.currentTarget.getBoundingClientRect().top -thHeight - tagsViewHeight -20 -10;
|
|
332
|
+
},
|
|
333
|
+
theadTitleLeave(){
|
|
334
|
+
this.theadTitleShow = false
|
|
335
|
+
},
|
|
299
336
|
rowCheckClass(row) {
|
|
300
337
|
if (row.$select) {
|
|
301
338
|
return "is-checked";
|
|
@@ -385,13 +422,14 @@ export default {
|
|
|
385
422
|
if (ev.offsetX > ev.currentTarget.offsetWidth - 10) {
|
|
386
423
|
ev.currentTarget.style.cursor = "col-resize";
|
|
387
424
|
ev.currentTarget.canResize = true;
|
|
425
|
+
this.theadTitleShow = true
|
|
388
426
|
} else {
|
|
389
427
|
ev.currentTarget.style.cursor = "default";
|
|
390
428
|
ev.currentTarget.canResize = false;
|
|
391
429
|
}
|
|
430
|
+
|
|
392
431
|
},
|
|
393
432
|
thMouseDownHandle(ev, colIndex) {
|
|
394
|
-
|
|
395
433
|
var self = this;
|
|
396
434
|
var col = self.model.columns[colIndex];
|
|
397
435
|
var oldWidth=col.width;
|
|
@@ -405,7 +443,7 @@ export default {
|
|
|
405
443
|
self.currentTh = null;
|
|
406
444
|
document.removeEventListener("mouseup", MouseUpHandle, false);
|
|
407
445
|
document.removeEventListener("mousemove", MouseMoveHandle, false);
|
|
408
|
-
|
|
446
|
+
|
|
409
447
|
//保存列宽
|
|
410
448
|
if(oldWidth!=col.width&&self.model.columnWidthSaveAction&&self.model.columnWidthSaveAction.length>0)
|
|
411
449
|
{
|
|
@@ -2058,9 +2096,6 @@ export default {
|
|
|
2058
2096
|
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
|
|
2059
2097
|
margin-bottom: 8px;
|
|
2060
2098
|
}
|
|
2061
|
-
.theadBorder {
|
|
2062
|
-
position: relative;
|
|
2063
|
-
}
|
|
2064
2099
|
.theadLine {
|
|
2065
2100
|
position: relative;
|
|
2066
2101
|
}
|
|
@@ -2077,28 +2112,29 @@ export default {
|
|
|
2077
2112
|
.theadLine:last-child::before{
|
|
2078
2113
|
width: 0px !important;
|
|
2079
2114
|
}
|
|
2080
|
-
.
|
|
2081
|
-
content: attr(data-tooltip);
|
|
2115
|
+
.theadTitle{
|
|
2082
2116
|
position: absolute;
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
opacity: 0;
|
|
2093
|
-
visibility: hidden;
|
|
2094
|
-
border: 1px solid;
|
|
2095
|
-
transition: opacity 0.2s ease, visibility 0.2s ease;
|
|
2117
|
+
z-index: 999;
|
|
2118
|
+
padding: 1px 6px;
|
|
2119
|
+
border-radius: 4px;
|
|
2120
|
+
background-color: #fff;
|
|
2121
|
+
color: var(--centalineBlack);
|
|
2122
|
+
border: 1px solid var(--centalineBlack);
|
|
2123
|
+
font-size: 12px;
|
|
2124
|
+
font-weight: 500;
|
|
2125
|
+
white-space: nowrap;
|
|
2096
2126
|
}
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2127
|
+
.box-card {
|
|
2128
|
+
position: absolute;
|
|
2129
|
+
z-index: 1000;
|
|
2130
|
+
padding: 1px 6px;
|
|
2131
|
+
border-radius:4px;
|
|
2132
|
+
background-color: #fff;
|
|
2133
|
+
color: #606266;
|
|
2134
|
+
border: 1px solid;
|
|
2135
|
+
font-size: 12px;
|
|
2136
|
+
left: 50%;
|
|
2137
|
+
top: 50%;
|
|
2138
|
+
transform: translate(-50%, -50%);
|
|
2101
2139
|
}
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
2140
|
</style>
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
<!--Photo-->
|
|
47
47
|
<template v-else-if="itemFile.mediaTypeID == '2'">
|
|
48
48
|
<ct-viewerImage ref="viewerImage"
|
|
49
|
-
:imgUrl="resultObject+'/'+displayAreaWidth+'/'+displayAreaHeight"
|
|
49
|
+
:imgUrl="resultObject+'/'+displayAreaWidth+'/'+displayAreaHeight+'?FlagC=0'"
|
|
50
50
|
:rotate="rotate"></ct-viewerImage>
|
|
51
51
|
</template>
|
|
52
52
|
<!--ThreeDimensional-->
|
|
@@ -519,8 +519,8 @@ const FormList = function (source, master) {
|
|
|
519
519
|
source.rows.splice(1, source.rows.length-1);
|
|
520
520
|
rtn._rows.splice(1, rtn._rows.length-1);
|
|
521
521
|
if(newRows.length>0){
|
|
522
|
-
|
|
523
|
-
|
|
522
|
+
Array.prototype.push.apply(source.rows,newRows);
|
|
523
|
+
Array.prototype.push.apply(rtn._rows,newRows);
|
|
524
524
|
}
|
|
525
525
|
}
|
|
526
526
|
},
|
package/src/main.js
CHANGED
|
@@ -15,10 +15,10 @@ Vue.use(ElementUI, { size: 'mini'});
|
|
|
15
15
|
Vue.config.productionTip = false;
|
|
16
16
|
Vue.use(centaline, {
|
|
17
17
|
// baseUrl: "http://10.88.22.46:7070/max-uplink-api/v1/form/router",
|
|
18
|
-
baseUrl: "http://10.6.1.163:9000/max-uplink-api/v1/form/router",
|
|
18
|
+
// baseUrl: "http://10.6.1.163:9000/max-uplink-api/v1/form/router",
|
|
19
19
|
// baseUrl: "http://10.25.10.67:9999/service-api/v1/form/router",
|
|
20
20
|
// baseUrl: "http://10.25.10.67:8080/",
|
|
21
|
-
|
|
21
|
+
baseUrl: "http://10.88.22.42:9999/service-api/v1/form/router",
|
|
22
22
|
// baseUrl: "http://10.88.22.69:8080/api/",
|
|
23
23
|
// baseUrl: "http://10.88.22.40:8080/api/",
|
|
24
24
|
// baseUrl: "http://tjcptest.centaline.com.cn/",
|
|
@@ -50,15 +50,15 @@ Vue.use(centaline, {
|
|
|
50
50
|
// 获取请求头
|
|
51
51
|
getRequestHeaders: function () {
|
|
52
52
|
return {
|
|
53
|
-
oldToken: '
|
|
54
|
-
token:'aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.
|
|
53
|
+
oldToken: '632bca00-6b02-4627-8340-3d493b9b23d8',
|
|
54
|
+
token:'aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNrEjrEOgjAURf_lzbwE2tfXPjag7eJHkAI1wckIJBrjv4tRN3fPcIez3HOHZRugBs1WmsAVdoYcElcGhWLErmQWHUutve_lA_6YLz3ZTpomWKSyZaRoAorqImoxrafQWB8YCsjXM9QVO81OKdYFzGl9CyPGvcS25Msh3_4Rd1rn_dZNo1TDkHDMlJCUGdCxOeKUbd6jnaSphMcTAAD__w.w-jPx1RbRqFVk6rTRjiBPh930YHPSoFvXl3XlLfTei0',
|
|
55
55
|
|
|
56
56
|
originalRequestURL: 'http://10.88.22.67:8080',
|
|
57
|
-
EstateInfo: '{"estateId":"
|
|
57
|
+
EstateInfo: '{"estateId":"20191114134322C29C9B83A84F192964","estateName":"C%E5%BE%A1%E6%9E%97%E5%B1%B1%E6%99%AF%E6%A5%BC"}',
|
|
58
58
|
estateId: '20210729104021C49F04B55C50F6AF58',
|
|
59
59
|
|
|
60
|
-
authObject: '{"currentEstate":{"estateId":"
|
|
61
|
-
AuthorizationCode:'Bearer eyJhbGciOiJIUzUxMiJ9.
|
|
60
|
+
authObject: '{"currentEstate":{"estateId":"20191114134322C29C9B83A84F192964","estateName":"C%E5%BE%A1%E6%9E%97%E5%B1%B1%E6%99%AF%E6%A5%BC"},"platform":1,"osVersion":"","clientVersion":"","machineCode":"ce04f173da7df2e78a9da25595111387","token":"","random":"XNEYyu","time":1683686365201,"sign":"79be68006872c6a088eb49f7e3dab45a"}',
|
|
61
|
+
AuthorizationCode:'Bearer eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjYyOTk5ZDhjLTYwY2MtNGM0OS05MzM4LWY1MTBhNjI5OGVjYiJ9.A7lCMb4mBHjse6DlvFLVV5jEQSWzREtlbeZJ6StCW4kVyyRG4RlkhRl2FJvaBZEdtoEItI52IEgBsX4X_H1m4w',
|
|
62
62
|
};
|
|
63
63
|
},
|
|
64
64
|
// 请求完成事件,可判断是否登录过期执行响应操作
|