centaline-data-driven 1.2.40 → 1.2.43
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/SearchList.vue +1 -1
- package/src/assets/XL.png +0 -0
- package/src/centaline/css/common.css +8 -3
- package/src/centaline/css/max.css +5 -5
- package/src/centaline/dynamicCheckbox/src/dynamicCheckbox.vue +0 -1
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +25 -60
- package/src/centaline/dynamicSearchList/src/dynamicTableStats.vue +6 -3
- package/src/centaline/templateControls/src/dynamicTableCurrency.vue +8 -4
- package/src/main.js +2 -2
- 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/SearchList.vue
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="app-search" style="height:100%;position: fixed;">
|
|
3
|
-
<!-- <ct-searchlist :searchConditionApi="'/api/third-dept-tran/
|
|
3
|
+
<!-- <ct-searchlist :searchConditionApi="'/api/third-dept-tran/transaction-workflow/getLayoutOfSearch'" :searchDataApi="'/api/third-dept-tran/transaction-workflow/list'"></ct-searchlist> -->
|
|
4
4
|
|
|
5
5
|
<!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'" :searchDataApi="'/PropertyRETList/getListOfSearchModel'" :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"></ct-searchlist> -->
|
|
6
6
|
<!-- <ct-searchlist :searchConditionApi="'/PropertyPublishLogList/getLayoutOfSearch'" :searchDataApi="'/PropertyPublishLogList/getListOfSearchModel'"></ct-searchlist> -->
|
|
Binary file
|
|
@@ -320,7 +320,12 @@ html {
|
|
|
320
320
|
.el-input__icon {
|
|
321
321
|
height:initial;
|
|
322
322
|
}
|
|
323
|
-
|
|
323
|
+
.st-serach-screen .el-input__icon {
|
|
324
|
+
line-height:initial!important;
|
|
325
|
+
}
|
|
326
|
+
.ct-checkbox .cover-list-item-span{
|
|
327
|
+
line-height: initial!important;
|
|
328
|
+
}
|
|
324
329
|
/*两个div在同一行并居中*/
|
|
325
330
|
.div_allinline {
|
|
326
331
|
text-align: center;
|
|
@@ -643,8 +648,8 @@ html {
|
|
|
643
648
|
padding: 0 15px 0 5px;
|
|
644
649
|
} */
|
|
645
650
|
.ct-Seg .ct-radios .el-input__icon.el-icon-circle-close{
|
|
646
|
-
min-height:
|
|
647
|
-
line-height:
|
|
651
|
+
min-height: initial;
|
|
652
|
+
line-height: initial;
|
|
648
653
|
|
|
649
654
|
}
|
|
650
655
|
.list-field .el-input-group__append, .list-field .el-input-group__prepend{
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
white-space: nowrap;
|
|
159
159
|
}
|
|
160
160
|
.max-cover-list-item .el-input__icon{
|
|
161
|
-
line-height:
|
|
161
|
+
line-height:initial;
|
|
162
162
|
}
|
|
163
163
|
.el-card{
|
|
164
164
|
border: none;
|
|
@@ -202,13 +202,13 @@
|
|
|
202
202
|
padding: 5px 10px;
|
|
203
203
|
}
|
|
204
204
|
.ct-Seg .ct-radios .el-input__icon.el-icon-circle-close{
|
|
205
|
-
min-height:
|
|
206
|
-
line-height:
|
|
205
|
+
min-height: initial;
|
|
206
|
+
line-height: initial;
|
|
207
207
|
|
|
208
208
|
}
|
|
209
209
|
.ct-Seg.ct-Seg-mini .ct-radios, .ct-Seg.ct-Seg-mini .ct-radios .el-radio__label {
|
|
210
|
-
min-height:
|
|
211
|
-
line-height:
|
|
210
|
+
min-height: initial;
|
|
211
|
+
line-height: initial;
|
|
212
212
|
}
|
|
213
213
|
.el-input-group__append, .el-input-group__prepend {
|
|
214
214
|
color: #666;
|
|
@@ -92,16 +92,16 @@
|
|
|
92
92
|
v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true"
|
|
93
93
|
:router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
|
|
94
94
|
</ct-tablecurrency>
|
|
95
|
-
<el-popover :append-to-table="option.appendId?option.appendId:''" class="Stats-popover" popper-class="el-popover1"
|
|
96
|
-
:placement="option.placement?option.placement:'left'"
|
|
95
|
+
<el-popover :ref="'popover'+rowindex" :append-to-table="option.appendId?option.appendId:''" class="Stats-popover" popper-class="el-popover1"
|
|
96
|
+
:placement="option.placement?option.placement:'left'"
|
|
97
97
|
:trigger="option.trigger?option.trigger:''">
|
|
98
98
|
<div class="tab-list" style="border-bottom:none">
|
|
99
99
|
<ct-tablecurrency v-for="(router,rowRouterIndex) in getRowRouterDisplay(row)" :key="rowRouterIndex"
|
|
100
|
-
v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true"
|
|
100
|
+
v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true" :isShowImg="false" :rowindex="rowindex"
|
|
101
101
|
:router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
|
|
102
102
|
</ct-tablecurrency>
|
|
103
103
|
</div>
|
|
104
|
-
<span :slot="getRowRouterDisplay(row).length>0?'reference':''" class="icon-more"
|
|
104
|
+
<span :slot="getRowRouterDisplay(row).length>0?'reference':''" class="icon-more"></span>
|
|
105
105
|
</el-popover>
|
|
106
106
|
</div>
|
|
107
107
|
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
showNum: 3,//如果isHidden为true时,个数大于3就会隐藏,默认是3
|
|
196
196
|
appendId: '',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
|
|
197
197
|
trigger: 'hover',//触发方式,传值可查看Popper UI组件trigger属性
|
|
198
|
-
placement: '
|
|
198
|
+
placement: 'right-start',//方向,传值可查看Popper UI组件placement属性
|
|
199
199
|
},
|
|
200
200
|
}
|
|
201
201
|
},
|
|
@@ -670,9 +670,13 @@
|
|
|
670
670
|
|
|
671
671
|
this.routerClickHandler(field, submitData, action);
|
|
672
672
|
},
|
|
673
|
-
rolRouterClickHandler(field, rowData) {
|
|
673
|
+
rolRouterClickHandler(field, rowData,rowindex) {
|
|
674
|
+
if(this.$refs['popover'+rowindex]){
|
|
675
|
+
this.$refs['popover'+rowindex][0].doClose();
|
|
676
|
+
}
|
|
677
|
+
|
|
674
678
|
var self = this;
|
|
675
|
-
var submitData = {};
|
|
679
|
+
var submitData = {};
|
|
676
680
|
field.submitListField.forEach((k) => {
|
|
677
681
|
submitData[k] = rowData[k];
|
|
678
682
|
});
|
|
@@ -951,17 +955,14 @@
|
|
|
951
955
|
outline: 0;
|
|
952
956
|
border-top: 1px solid #fff;
|
|
953
957
|
}
|
|
954
|
-
|
|
955
958
|
.ct-searchtable .ct-table {
|
|
956
959
|
min-width: 100%;
|
|
957
960
|
border-collapse: collapse;
|
|
958
961
|
}
|
|
959
|
-
|
|
960
962
|
.ct-searchtable .ct-table th {
|
|
961
963
|
background-color: #f4f7fa !important;
|
|
962
964
|
border-top: 1px solid #ebeef5;
|
|
963
965
|
}
|
|
964
|
-
|
|
965
966
|
.ct-searchtable .ct-tr > .ct-td {
|
|
966
967
|
/*border: 1px solid #e7e8eb;
|
|
967
968
|
border-bottom: 1px solid #e7e8eb;
|
|
@@ -971,69 +972,53 @@
|
|
|
971
972
|
cursor: default;
|
|
972
973
|
background-color: #ffffff;
|
|
973
974
|
}
|
|
974
|
-
|
|
975
975
|
.ct-searchtable .ct-tr > .ct-td1 {
|
|
976
976
|
border-right: 1px solid #e7e8eb;
|
|
977
977
|
border-left: 1px solid #e7e8eb;
|
|
978
978
|
}
|
|
979
|
-
|
|
980
979
|
.ct-searchtable .ct-tr:last-child > .ct-td1 {
|
|
981
980
|
border-bottom: 1px solid #e7e8eb;
|
|
982
981
|
}
|
|
983
|
-
|
|
984
982
|
.ct-searchtable .ct-tr > .ct-td2 {
|
|
985
983
|
border-bottom: 1px solid #e7e8eb;
|
|
986
984
|
}
|
|
987
|
-
|
|
988
985
|
.ct-searchtable .ct-tr > .ct-td3 {
|
|
989
986
|
border: 1px solid #e7e8eb;
|
|
990
987
|
}
|
|
991
|
-
|
|
992
988
|
.shadowLeft {
|
|
993
989
|
border-right: 1px solid #e7e8eb;
|
|
994
990
|
box-shadow: 2px 0 3px -1px rgba(0,0,0,0.1);
|
|
995
991
|
}
|
|
996
|
-
|
|
997
992
|
.shadowRight {
|
|
998
993
|
box-shadow: -2px 0 3px -1px rgba(0,0,0,0.1);
|
|
999
994
|
}
|
|
1000
|
-
|
|
1001
995
|
.ct-searchtable body:last-child > .ct-td {
|
|
1002
996
|
border-bottom: 0px;
|
|
1003
997
|
}
|
|
1004
|
-
|
|
1005
998
|
.ct-searchtable .ct-tr > .ct-td.nowidth {
|
|
1006
999
|
white-space: nowrap;
|
|
1007
1000
|
}
|
|
1008
|
-
/*.ct-searchtable tbody .ct-tr:hover .ct-td {
|
|
1009
|
-
background-color: #ebeef5 !important;
|
|
1010
|
-
}*/
|
|
1011
|
-
|
|
1012
1001
|
.ct-table {
|
|
1013
1002
|
color: #606266;
|
|
1014
1003
|
font-size: 18px;
|
|
1015
1004
|
line-height: 40px;
|
|
1016
1005
|
min-height: 40px;
|
|
1017
1006
|
}
|
|
1018
|
-
|
|
1019
1007
|
.ct-table-mini {
|
|
1020
1008
|
font-size: 12px;
|
|
1021
1009
|
line-height: 26px;
|
|
1022
1010
|
min-height: 28px;
|
|
1023
1011
|
}
|
|
1024
|
-
|
|
1025
1012
|
.ct-table-small {
|
|
1026
1013
|
font-size: 14px;
|
|
1027
1014
|
line-height: 32px;
|
|
1028
1015
|
min-height: 32px;
|
|
1029
1016
|
}
|
|
1030
|
-
|
|
1031
1017
|
.ct-table-medium {
|
|
1032
1018
|
font-size: 16px;
|
|
1033
1019
|
line-height: 36px;
|
|
1034
1020
|
min-height: 36px;
|
|
1035
1021
|
}
|
|
1036
|
-
|
|
1037
1022
|
.ct-table .ct-td > .caret-wrapper {
|
|
1038
1023
|
display: inline-flex;
|
|
1039
1024
|
flex-direction: column;
|
|
@@ -1045,7 +1030,6 @@
|
|
|
1045
1030
|
overflow: initial;
|
|
1046
1031
|
position: relative;
|
|
1047
1032
|
}
|
|
1048
|
-
|
|
1049
1033
|
.ct-table .ct-td > .caret-wrapper > .sort-caret {
|
|
1050
1034
|
width: 0;
|
|
1051
1035
|
height: 0;
|
|
@@ -1053,36 +1037,28 @@
|
|
|
1053
1037
|
position: absolute;
|
|
1054
1038
|
left: 7px;
|
|
1055
1039
|
}
|
|
1056
|
-
|
|
1057
1040
|
.ct-table .ct-td > .caret-wrapper > .sort-caret.ascending {
|
|
1058
1041
|
border-bottom-color: #c0c4cc;
|
|
1059
1042
|
top: 5px;
|
|
1060
1043
|
}
|
|
1061
|
-
|
|
1062
1044
|
.ct-table .ct-td > .caret-wrapper > .sort-caret.descending {
|
|
1063
1045
|
border-top-color: #c0c4cc;
|
|
1064
1046
|
bottom: 7px;
|
|
1065
1047
|
}
|
|
1066
|
-
|
|
1067
1048
|
.ct-table .ct-td.select {
|
|
1068
1049
|
background-color: #ecf5ff !important;
|
|
1069
1050
|
}
|
|
1070
|
-
|
|
1071
1051
|
.ct-table .ct-tr:hover .ct-td.select {
|
|
1072
1052
|
background-color: #ecf5ff !important;
|
|
1073
1053
|
}
|
|
1074
|
-
|
|
1075
1054
|
.ct-table .ct-td.asc > .caret-wrapper > .sort-caret.ascending {
|
|
1076
1055
|
border-bottom-color: #409eff;
|
|
1077
1056
|
top: 5px;
|
|
1078
1057
|
}
|
|
1079
|
-
|
|
1080
1058
|
.ct-table .ct-td.desc > .caret-wrapper > .sort-caret.descending {
|
|
1081
1059
|
border-top-color: #409eff;
|
|
1082
1060
|
bottom: 7px;
|
|
1083
1061
|
}
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
1062
|
.ct-table .cell {
|
|
1087
1063
|
/*white-space: nowrap;*/
|
|
1088
1064
|
text-overflow: ellipsis;
|
|
@@ -1090,7 +1066,6 @@
|
|
|
1090
1066
|
overflow: hidden;
|
|
1091
1067
|
/*padding-right: 10px;*/
|
|
1092
1068
|
}
|
|
1093
|
-
|
|
1094
1069
|
/*强制换行 todo 可去掉改成强制不换行*/
|
|
1095
1070
|
.ct-table .cell {
|
|
1096
1071
|
/* 这两个在技术上是一样的, 为了兼容了浏览器两个都加上 */
|
|
@@ -1107,53 +1082,35 @@
|
|
|
1107
1082
|
-webkit-hyphens: auto;
|
|
1108
1083
|
hyphens: auto;
|
|
1109
1084
|
}
|
|
1110
|
-
|
|
1111
1085
|
.ct-table .lineFeedCell {
|
|
1112
1086
|
min-width: 40px;
|
|
1113
|
-
/*padding-right: 10px;*/
|
|
1114
1087
|
}
|
|
1115
|
-
|
|
1116
|
-
/*.ct-table .cell.ct-tooltip:hover {
|
|
1117
|
-
text-overflow: inherit;
|
|
1118
|
-
overflow: visible;
|
|
1119
|
-
}*/
|
|
1120
|
-
|
|
1121
1088
|
.ct-table .left-fixation {
|
|
1122
1089
|
position: sticky;
|
|
1123
1090
|
}
|
|
1124
|
-
|
|
1125
1091
|
.ct-table .right-fixation {
|
|
1126
1092
|
position: sticky;
|
|
1127
1093
|
}
|
|
1128
|
-
|
|
1129
1094
|
.ct-table .left-fixation-th {
|
|
1130
1095
|
position: sticky;
|
|
1131
1096
|
top: 0px;
|
|
1132
1097
|
z-index: 99;
|
|
1133
1098
|
}
|
|
1134
|
-
|
|
1135
1099
|
.ct-table .right-fixation-th {
|
|
1136
1100
|
position: sticky;
|
|
1137
1101
|
top: 0px;
|
|
1138
1102
|
z-index: 99;
|
|
1139
1103
|
}
|
|
1140
|
-
|
|
1141
1104
|
.ct-table .right-no-fixation-th {
|
|
1142
1105
|
position: sticky;
|
|
1143
1106
|
top: 0px;
|
|
1144
1107
|
z-index: 50;
|
|
1145
1108
|
}
|
|
1146
|
-
|
|
1147
|
-
.ct-table .ct-searchtable-th {
|
|
1148
|
-
/*text-align: center*/
|
|
1149
|
-
}
|
|
1150
|
-
|
|
1151
1109
|
.ct-table .checkbox-td {
|
|
1152
1110
|
min-width: 20px;
|
|
1153
1111
|
width: 20px;
|
|
1154
1112
|
left: 0px;
|
|
1155
1113
|
}
|
|
1156
|
-
|
|
1157
1114
|
.ct-table .checkbox-td .checkbox-td-1 {
|
|
1158
1115
|
vertical-align: inherit;
|
|
1159
1116
|
}
|
|
@@ -1163,19 +1120,27 @@
|
|
|
1163
1120
|
margin-bottom: 0px !important;;
|
|
1164
1121
|
height: auto !important;;
|
|
1165
1122
|
display: block;
|
|
1123
|
+
padding-left: 8px;
|
|
1124
|
+
padding-right: 4px;
|
|
1166
1125
|
}
|
|
1167
1126
|
.tab-list .subdiv_allinline {
|
|
1168
1127
|
float: none;
|
|
1169
1128
|
display: block;
|
|
1170
1129
|
width: -webkit-fill-available;
|
|
1130
|
+
cursor: pointer;
|
|
1131
|
+
}
|
|
1132
|
+
.div_allinline .Stats-popover {
|
|
1133
|
+
float: right;
|
|
1134
|
+
margin-top: 3px;
|
|
1135
|
+
margin-left: 4px;
|
|
1136
|
+
height: 16px;
|
|
1171
1137
|
}
|
|
1172
1138
|
.icon-more {
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
margin-top: -3px;
|
|
1139
|
+
background: url('../../../assets/XL.png')no-repeat;
|
|
1140
|
+
background-size: 100% 100%;
|
|
1141
|
+
width: 16px;
|
|
1142
|
+
height: 16px;
|
|
1143
|
+
display: table-caption;
|
|
1179
1144
|
cursor: pointer;
|
|
1180
1145
|
}
|
|
1181
1146
|
.el-popover1 {
|
|
@@ -265,10 +265,13 @@
|
|
|
265
265
|
cursor: pointer;
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
268
|
+
.Stats-popover {
|
|
269
|
+
float: left;
|
|
270
|
+
margin-top: 4px;
|
|
271
|
+
margin-left: 4px;
|
|
272
|
+
height: 16px;
|
|
271
273
|
}
|
|
274
|
+
|
|
272
275
|
</style>
|
|
273
276
|
<style>
|
|
274
277
|
.el-popover1 {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="isOperationalColumn?'subdiv_allinline':''" v-if="isShowLabel">
|
|
3
|
-
<img v-if="router.imgUrl" class="ct-tablecurrencyImg ct-tablecurrencyItem" :src="router.imgUrl" :title="router.label" @click="clickHandler($event);" />
|
|
2
|
+
<div :class="isOperationalColumn?'subdiv_allinline':''" v-if="isShowLabel" @click="clickHandler($event)">
|
|
3
|
+
<img v-if="router.imgUrl && isShowImg" class="ct-tablecurrencyImg ct-tablecurrencyItem" :src="router.imgUrl" :title="router.label" @click="clickHandler($event);" />
|
|
4
4
|
<a v-else href="javascript:void(0);" class="ct-tablecurrencyItem" @click="clickHandler($event)">
|
|
5
5
|
{{label}}
|
|
6
6
|
</a>
|
|
@@ -14,9 +14,14 @@
|
|
|
14
14
|
router: Object,
|
|
15
15
|
rowData: Object,
|
|
16
16
|
colValue: String,
|
|
17
|
+
rowindex: Number,
|
|
17
18
|
isOperationalColumn: {
|
|
18
19
|
type: Boolean,
|
|
19
20
|
default: false
|
|
21
|
+
},
|
|
22
|
+
isShowImg: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: true
|
|
20
25
|
}
|
|
21
26
|
},
|
|
22
27
|
computed: {
|
|
@@ -38,7 +43,7 @@
|
|
|
38
43
|
},
|
|
39
44
|
methods: {
|
|
40
45
|
clickHandler(ev) {
|
|
41
|
-
this.$emit('click', this.router, this.rowData);
|
|
46
|
+
this.$emit('click', this.router, this.rowData,this.rowindex);
|
|
42
47
|
}
|
|
43
48
|
}
|
|
44
49
|
}
|
|
@@ -58,5 +63,4 @@
|
|
|
58
63
|
width: 24px;
|
|
59
64
|
margin-top: 2px;
|
|
60
65
|
}
|
|
61
|
-
|
|
62
66
|
</style>
|
package/src/main.js
CHANGED
|
@@ -13,7 +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://
|
|
16
|
+
// baseUrl: "http://tjcptest.centaline.com.cn/",
|
|
17
17
|
// baseUrl: "http://10.88.22.46:7070/",
|
|
18
18
|
// flagRouterSelf: true,
|
|
19
19
|
zindex: 999,
|
|
@@ -36,7 +36,7 @@ Vue.use(centaline, {
|
|
|
36
36
|
// 获取请求头
|
|
37
37
|
getRequestHeaders: function () {
|
|
38
38
|
return {
|
|
39
|
-
oldToken: '
|
|
39
|
+
oldToken: 'fd2b9945-9709-4608-a57b-13a8ad61030a',
|
|
40
40
|
estateId: '20210729104021C49F04B55C50F6AF58',
|
|
41
41
|
originalRequestURL: 'http://10.88.22.67:8080',
|
|
42
42
|
Authorization:'Bearer eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjE0NmU5ZjEzLTVjMmYtNGVlMy1hM2U5LWIxM2QyZThjZTBhZSJ9.Gl8K5lbG7t5DyCqouu7Ux7Oh9xuAxqdOXr4JnoHCN-YwC3b2zPO-C2sHbYJUZHYQPa7kTNRmg1xJiwugpVo5Xw',
|