centaline-data-driven 1.2.41 → 1.2.44
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 +3 -1
- package/src/centaline/common/index.js +0 -2
- package/src/centaline/css/common.css +5 -2
- package/src/centaline/css/max.css +4 -4
- package/src/centaline/dialogList/src/dialogList.vue +1 -1
- package/src/centaline/dynamicSearchList/src/dynamicSearchList.vue +21 -13
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +2 -47
- package/src/centaline/loader/src/ctl/SearchTable.js +9 -0
- package/src/centaline/templateControls/src/dynamicTableCurrency.vue +3 -4
- package/wwwroot/static/centaline/centaline-data-driven.js +2 -2
- package/wwwroot/static/centaline/centaline-data-driven.js.map +1 -1
package/package.json
CHANGED
package/src/SearchList.vue
CHANGED
|
@@ -3,7 +3,9 @@
|
|
|
3
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
|
+
|
|
7
|
+
<!-- <ct-searchlist :searchConditionApi="'/cache/getLayoutOfSearchForCache'"
|
|
8
|
+
:searchDataApi="'/cache/getListOfSearchModelForCache'"></ct-searchlist> -->
|
|
7
9
|
|
|
8
10
|
<ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
|
|
9
11
|
:searchDataApi="'/PropertyRETList/getListOfSearchModel'"
|
|
@@ -205,7 +205,6 @@ const common = {
|
|
|
205
205
|
* @desc 打开弹窗
|
|
206
206
|
*/
|
|
207
207
|
openDialog(vmodel) {
|
|
208
|
-
|
|
209
208
|
//this.dialogList.List.push(vmodel);
|
|
210
209
|
this.dialogList.addDialog(vmodel);
|
|
211
210
|
},
|
|
@@ -216,7 +215,6 @@ const common = {
|
|
|
216
215
|
* @desc 关闭指定弹窗
|
|
217
216
|
*/
|
|
218
217
|
closeDialog(vmodel) {
|
|
219
|
-
|
|
220
218
|
if (vmodel) {
|
|
221
219
|
if (vmodel.name === 'ct-comfirm' || vmodel.$options.name === 'ctDialog' || vmodel.$options.name === 'ct-dialog') {
|
|
222
220
|
//vmodel.dialogTableVisible = false;
|
|
@@ -95,6 +95,9 @@ html {
|
|
|
95
95
|
.ct-close{
|
|
96
96
|
cursor: pointer;
|
|
97
97
|
}
|
|
98
|
+
.cursor{
|
|
99
|
+
cursor: pointer !important;
|
|
100
|
+
}
|
|
98
101
|
.ct-so .ct-close > .el-select__caret.is-show-close:hover, .ct-tags .ct-close > .el-select__caret.is-show-close:hover {
|
|
99
102
|
color: #909399;
|
|
100
103
|
}
|
|
@@ -648,8 +651,8 @@ html {
|
|
|
648
651
|
padding: 0 15px 0 5px;
|
|
649
652
|
} */
|
|
650
653
|
.ct-Seg .ct-radios .el-input__icon.el-icon-circle-close{
|
|
651
|
-
min-height:
|
|
652
|
-
line-height:
|
|
654
|
+
min-height: initial;
|
|
655
|
+
line-height: initial;
|
|
653
656
|
|
|
654
657
|
}
|
|
655
658
|
.list-field .el-input-group__append, .list-field .el-input-group__prepend{
|
|
@@ -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;
|
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
3
|
-
<div
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
<div style="width: 100%;height: 100%;position: inherit;">
|
|
3
|
+
<div class="ct-search-list" :style="searchListStyle" :class="{'domDisabled':pageDisabled}">
|
|
4
|
+
<div slot="header" class="clearfix" v-if="typeof title !== 'undefined' && showTitle">
|
|
5
|
+
<span style="font-weight:bold">{{title}}</span>
|
|
6
|
+
</div>
|
|
7
|
+
<ct-searchcategory v-if="searchCategoryApi" ref="category" :api="searchCategoryApi" @loadedCategory="categoryLoaded"
|
|
8
|
+
@changeCategory="categorychange" ></ct-searchcategory>
|
|
9
|
+
|
|
10
|
+
<ct-searchscreen ref="screen" :api="searchConditionApi" :key="reloadKeyScreen"
|
|
11
|
+
@loaded="screenLoaded" :screenPara="screenPara"
|
|
12
|
+
:categoryLoaded="loaded.categoryLoaded" @search="search()"
|
|
13
|
+
@showTitle="showTitleScreenHandler"></ct-searchscreen>
|
|
8
14
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
15
|
+
<ct-searchtable ref="table" :api="searchDataApi" :searchStatsApi="searchStatsApi" :from="from"
|
|
16
|
+
@toolbarClick="toolbarClickHandler" @refreshParent="refreshParentHandler" :key="reloadKeyTable" @searchComplate="searchComplate()"
|
|
17
|
+
@showTitle="showTitleHandler"></ct-searchtable>
|
|
18
|
+
</div>
|
|
19
|
+
<div v-if="flagSideBar">
|
|
13
20
|
|
|
14
|
-
|
|
15
|
-
@toolbarClick="toolbarClickHandler" @refreshParent="refreshParentHandler" :key="reloadKeyTable" @searchComplate="searchComplate()"
|
|
16
|
-
@showTitle="showTitleHandler"></ct-searchtable>
|
|
21
|
+
</div>
|
|
17
22
|
</div>
|
|
18
23
|
</template>
|
|
19
24
|
<script>
|
|
@@ -77,6 +82,9 @@
|
|
|
77
82
|
reloadKeyTable:'t0',
|
|
78
83
|
isReload:false,
|
|
79
84
|
pageDisabled:false,
|
|
85
|
+
flagSideBar:false,
|
|
86
|
+
flagDefaultDisplaySideBar:false,
|
|
87
|
+
sideBarWidth:360,
|
|
80
88
|
}
|
|
81
89
|
},
|
|
82
90
|
methods: {
|
|
@@ -80,6 +80,7 @@
|
|
|
80
80
|
:rowspan="tdRowspan(column, row)"
|
|
81
81
|
class="ct-td"
|
|
82
82
|
:class="[colHasWidth[colIndex],model.tdClass,
|
|
83
|
+
column.router?'cursor':null,
|
|
83
84
|
colIndex === leftShadow?'shadowLeft':null,
|
|
84
85
|
colIndex === rightShadow?'shadowRight':null,
|
|
85
86
|
column.fixed === 'left'?'left-fixation':null,
|
|
@@ -955,17 +956,14 @@
|
|
|
955
956
|
outline: 0;
|
|
956
957
|
border-top: 1px solid #fff;
|
|
957
958
|
}
|
|
958
|
-
|
|
959
959
|
.ct-searchtable .ct-table {
|
|
960
960
|
min-width: 100%;
|
|
961
961
|
border-collapse: collapse;
|
|
962
962
|
}
|
|
963
|
-
|
|
964
963
|
.ct-searchtable .ct-table th {
|
|
965
964
|
background-color: #f4f7fa !important;
|
|
966
965
|
border-top: 1px solid #ebeef5;
|
|
967
966
|
}
|
|
968
|
-
|
|
969
967
|
.ct-searchtable .ct-tr > .ct-td {
|
|
970
968
|
/*border: 1px solid #e7e8eb;
|
|
971
969
|
border-bottom: 1px solid #e7e8eb;
|
|
@@ -975,69 +973,53 @@
|
|
|
975
973
|
cursor: default;
|
|
976
974
|
background-color: #ffffff;
|
|
977
975
|
}
|
|
978
|
-
|
|
979
976
|
.ct-searchtable .ct-tr > .ct-td1 {
|
|
980
977
|
border-right: 1px solid #e7e8eb;
|
|
981
978
|
border-left: 1px solid #e7e8eb;
|
|
982
979
|
}
|
|
983
|
-
|
|
984
980
|
.ct-searchtable .ct-tr:last-child > .ct-td1 {
|
|
985
981
|
border-bottom: 1px solid #e7e8eb;
|
|
986
982
|
}
|
|
987
|
-
|
|
988
983
|
.ct-searchtable .ct-tr > .ct-td2 {
|
|
989
984
|
border-bottom: 1px solid #e7e8eb;
|
|
990
985
|
}
|
|
991
|
-
|
|
992
986
|
.ct-searchtable .ct-tr > .ct-td3 {
|
|
993
987
|
border: 1px solid #e7e8eb;
|
|
994
988
|
}
|
|
995
|
-
|
|
996
989
|
.shadowLeft {
|
|
997
990
|
border-right: 1px solid #e7e8eb;
|
|
998
991
|
box-shadow: 2px 0 3px -1px rgba(0,0,0,0.1);
|
|
999
992
|
}
|
|
1000
|
-
|
|
1001
993
|
.shadowRight {
|
|
1002
994
|
box-shadow: -2px 0 3px -1px rgba(0,0,0,0.1);
|
|
1003
995
|
}
|
|
1004
|
-
|
|
1005
996
|
.ct-searchtable body:last-child > .ct-td {
|
|
1006
997
|
border-bottom: 0px;
|
|
1007
998
|
}
|
|
1008
|
-
|
|
1009
999
|
.ct-searchtable .ct-tr > .ct-td.nowidth {
|
|
1010
1000
|
white-space: nowrap;
|
|
1011
1001
|
}
|
|
1012
|
-
/*.ct-searchtable tbody .ct-tr:hover .ct-td {
|
|
1013
|
-
background-color: #ebeef5 !important;
|
|
1014
|
-
}*/
|
|
1015
|
-
|
|
1016
1002
|
.ct-table {
|
|
1017
1003
|
color: #606266;
|
|
1018
1004
|
font-size: 18px;
|
|
1019
1005
|
line-height: 40px;
|
|
1020
1006
|
min-height: 40px;
|
|
1021
1007
|
}
|
|
1022
|
-
|
|
1023
1008
|
.ct-table-mini {
|
|
1024
1009
|
font-size: 12px;
|
|
1025
1010
|
line-height: 26px;
|
|
1026
1011
|
min-height: 28px;
|
|
1027
1012
|
}
|
|
1028
|
-
|
|
1029
1013
|
.ct-table-small {
|
|
1030
1014
|
font-size: 14px;
|
|
1031
1015
|
line-height: 32px;
|
|
1032
1016
|
min-height: 32px;
|
|
1033
1017
|
}
|
|
1034
|
-
|
|
1035
1018
|
.ct-table-medium {
|
|
1036
1019
|
font-size: 16px;
|
|
1037
1020
|
line-height: 36px;
|
|
1038
1021
|
min-height: 36px;
|
|
1039
1022
|
}
|
|
1040
|
-
|
|
1041
1023
|
.ct-table .ct-td > .caret-wrapper {
|
|
1042
1024
|
display: inline-flex;
|
|
1043
1025
|
flex-direction: column;
|
|
@@ -1049,7 +1031,6 @@
|
|
|
1049
1031
|
overflow: initial;
|
|
1050
1032
|
position: relative;
|
|
1051
1033
|
}
|
|
1052
|
-
|
|
1053
1034
|
.ct-table .ct-td > .caret-wrapper > .sort-caret {
|
|
1054
1035
|
width: 0;
|
|
1055
1036
|
height: 0;
|
|
@@ -1057,36 +1038,28 @@
|
|
|
1057
1038
|
position: absolute;
|
|
1058
1039
|
left: 7px;
|
|
1059
1040
|
}
|
|
1060
|
-
|
|
1061
1041
|
.ct-table .ct-td > .caret-wrapper > .sort-caret.ascending {
|
|
1062
1042
|
border-bottom-color: #c0c4cc;
|
|
1063
1043
|
top: 5px;
|
|
1064
1044
|
}
|
|
1065
|
-
|
|
1066
1045
|
.ct-table .ct-td > .caret-wrapper > .sort-caret.descending {
|
|
1067
1046
|
border-top-color: #c0c4cc;
|
|
1068
1047
|
bottom: 7px;
|
|
1069
1048
|
}
|
|
1070
|
-
|
|
1071
1049
|
.ct-table .ct-td.select {
|
|
1072
1050
|
background-color: #ecf5ff !important;
|
|
1073
1051
|
}
|
|
1074
|
-
|
|
1075
1052
|
.ct-table .ct-tr:hover .ct-td.select {
|
|
1076
1053
|
background-color: #ecf5ff !important;
|
|
1077
1054
|
}
|
|
1078
|
-
|
|
1079
1055
|
.ct-table .ct-td.asc > .caret-wrapper > .sort-caret.ascending {
|
|
1080
1056
|
border-bottom-color: #409eff;
|
|
1081
1057
|
top: 5px;
|
|
1082
1058
|
}
|
|
1083
|
-
|
|
1084
1059
|
.ct-table .ct-td.desc > .caret-wrapper > .sort-caret.descending {
|
|
1085
1060
|
border-top-color: #409eff;
|
|
1086
1061
|
bottom: 7px;
|
|
1087
1062
|
}
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
1063
|
.ct-table .cell {
|
|
1091
1064
|
/*white-space: nowrap;*/
|
|
1092
1065
|
text-overflow: ellipsis;
|
|
@@ -1094,7 +1067,6 @@
|
|
|
1094
1067
|
overflow: hidden;
|
|
1095
1068
|
/*padding-right: 10px;*/
|
|
1096
1069
|
}
|
|
1097
|
-
|
|
1098
1070
|
/*强制换行 todo 可去掉改成强制不换行*/
|
|
1099
1071
|
.ct-table .cell {
|
|
1100
1072
|
/* 这两个在技术上是一样的, 为了兼容了浏览器两个都加上 */
|
|
@@ -1111,53 +1083,35 @@
|
|
|
1111
1083
|
-webkit-hyphens: auto;
|
|
1112
1084
|
hyphens: auto;
|
|
1113
1085
|
}
|
|
1114
|
-
|
|
1115
1086
|
.ct-table .lineFeedCell {
|
|
1116
1087
|
min-width: 40px;
|
|
1117
|
-
/*padding-right: 10px;*/
|
|
1118
1088
|
}
|
|
1119
|
-
|
|
1120
|
-
/*.ct-table .cell.ct-tooltip:hover {
|
|
1121
|
-
text-overflow: inherit;
|
|
1122
|
-
overflow: visible;
|
|
1123
|
-
}*/
|
|
1124
|
-
|
|
1125
1089
|
.ct-table .left-fixation {
|
|
1126
1090
|
position: sticky;
|
|
1127
1091
|
}
|
|
1128
|
-
|
|
1129
1092
|
.ct-table .right-fixation {
|
|
1130
1093
|
position: sticky;
|
|
1131
1094
|
}
|
|
1132
|
-
|
|
1133
1095
|
.ct-table .left-fixation-th {
|
|
1134
1096
|
position: sticky;
|
|
1135
1097
|
top: 0px;
|
|
1136
1098
|
z-index: 99;
|
|
1137
1099
|
}
|
|
1138
|
-
|
|
1139
1100
|
.ct-table .right-fixation-th {
|
|
1140
1101
|
position: sticky;
|
|
1141
1102
|
top: 0px;
|
|
1142
1103
|
z-index: 99;
|
|
1143
1104
|
}
|
|
1144
|
-
|
|
1145
1105
|
.ct-table .right-no-fixation-th {
|
|
1146
1106
|
position: sticky;
|
|
1147
1107
|
top: 0px;
|
|
1148
1108
|
z-index: 50;
|
|
1149
1109
|
}
|
|
1150
|
-
|
|
1151
|
-
.ct-table .ct-searchtable-th {
|
|
1152
|
-
/*text-align: center*/
|
|
1153
|
-
}
|
|
1154
|
-
|
|
1155
1110
|
.ct-table .checkbox-td {
|
|
1156
1111
|
min-width: 20px;
|
|
1157
1112
|
width: 20px;
|
|
1158
1113
|
left: 0px;
|
|
1159
1114
|
}
|
|
1160
|
-
|
|
1161
1115
|
.ct-table .checkbox-td .checkbox-td-1 {
|
|
1162
1116
|
vertical-align: inherit;
|
|
1163
1117
|
}
|
|
@@ -1174,6 +1128,7 @@
|
|
|
1174
1128
|
float: none;
|
|
1175
1129
|
display: block;
|
|
1176
1130
|
width: -webkit-fill-available;
|
|
1131
|
+
cursor: pointer;
|
|
1177
1132
|
}
|
|
1178
1133
|
.div_allinline .Stats-popover {
|
|
1179
1134
|
float: right;
|
|
@@ -843,6 +843,15 @@ const SearchTable = function (data, callBack, searchModel, flagSearch, defaultSe
|
|
|
843
843
|
get rowMenuDisplayCount() {
|
|
844
844
|
return source.content.rowMenuDisplayCount && source.content.rowMenuDisplayCount>0?source.content.rowMenuDisplayCount : 4;
|
|
845
845
|
},
|
|
846
|
+
get flagSideBar() {
|
|
847
|
+
return source.content.flagSideBar || false;
|
|
848
|
+
},
|
|
849
|
+
get flagDefaultDisplaySideBar() {
|
|
850
|
+
return source.content.flagDefaultDisplaySideBar || false;
|
|
851
|
+
},
|
|
852
|
+
get sideBarWidth() {
|
|
853
|
+
return source.content.sideBarWidth || 360;
|
|
854
|
+
},
|
|
846
855
|
};
|
|
847
856
|
if (rtn.template) {
|
|
848
857
|
var tempLoader = template.loader(rtn.template).default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="isOperationalColumn?'subdiv_allinline':''" v-if="isShowLabel">
|
|
3
|
-
<img v-if="router.imgUrl && isShowImg" class="ct-tablecurrencyImg ct-tablecurrencyItem" :src="router.imgUrl" :title="router.label"
|
|
4
|
-
<a v-else href="javascript:void(0);" class="ct-tablecurrencyItem"
|
|
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" />
|
|
4
|
+
<a v-else href="javascript:void(0);" class="ct-tablecurrencyItem" >
|
|
5
5
|
{{label}}
|
|
6
6
|
</a>
|
|
7
7
|
</div>
|
|
@@ -63,5 +63,4 @@
|
|
|
63
63
|
width: 24px;
|
|
64
64
|
margin-top: 2px;
|
|
65
65
|
}
|
|
66
|
-
|
|
67
66
|
</style>
|