centaline-data-driven 1.2.39 → 1.2.40
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 +2 -2
- package/src/SearchList.vue +5 -4
- package/src/centaline/css/common.css +8 -2
- package/src/centaline/css/max.css +11 -2
- package/src/centaline/dynamicCheckbox/src/dynamicCheckbox.vue +9 -13
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +0 -3
- package/src/centaline/dynamicForm/src/dynamicForm.vue +3 -2
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +73 -5
- package/src/centaline/dynamicSearchList/src/dynamicTableStats.vue +1 -1
- package/src/centaline/loader/src/ctl/Form.js +0 -1
- package/src/centaline/loader/src/ctl/SearchTable.js +4 -2
- 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,7 +1,7 @@
|
|
|
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="'/
|
|
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/form/formdata/contractDetail'" :apiParam="apiParam"></ct-form>-->
|
|
7
7
|
<!--<ct-form :api="'api/Form/formdata'"></ct-form>-->
|
|
@@ -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: {actionType: "2",
|
|
20
|
+
apiParam: {actionType: "2", propertyID: "", estateID: "1", buildingID: "1", floorID: "1", roomNo: "1504",tradeID: "100"}
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
methods: {
|
package/src/SearchList.vue
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="app-search" style="height:100%;position: fixed;">
|
|
3
|
-
<ct-searchlist :searchConditionApi="'/api/third-dept-tran/tran-list/tran-emp-achievement-layout'" :searchDataApi="'/api/third-dept-tran/tran-list/tran-emp-achievement-list'"></ct-searchlist>
|
|
3
|
+
<!-- <ct-searchlist :searchConditionApi="'/api/third-dept-tran/tran-list/tran-emp-achievement-layout'" :searchDataApi="'/api/third-dept-tran/tran-list/tran-emp-achievement-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> -->
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
<ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
|
|
9
9
|
:searchDataApi="'/PropertyRETList/getListOfSearchModel'"
|
|
10
10
|
:searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"
|
|
11
11
|
:searchStatsApi="'/exampleList/getListStats'"
|
|
12
|
-
></ct-searchlist>
|
|
12
|
+
></ct-searchlist>
|
|
13
13
|
|
|
14
14
|
<!--<ct-searchlist :searchConditionApi="'/api/invoice-info/search-condition'" :searchDataApi="'/api/invoice-info/list'" :searchDataStatisticsApi="'api/ContractList/GetLayoutOfStatisticsTool'" :apiParam="para"></ct-searchlist>-->
|
|
15
15
|
<!-- <ct-searchlist :searchConditionApi="'/PropertyStatusList/getLayoutOfSearch'" :searchDataApi="'/PropertyStatusList/getListOfSearchModel'" :apiParam="para"></ct-searchlist> -->
|
|
@@ -23,7 +23,8 @@
|
|
|
23
23
|
name: 'DataDrivenSearch',
|
|
24
24
|
data() {
|
|
25
25
|
return {
|
|
26
|
-
para:
|
|
26
|
+
para:{},
|
|
27
|
+
// para: {searchFields: {fields: []}, pageAttribute: {pageIndex: 1}, flagSearch: true}
|
|
27
28
|
// para: {publishID: "1503900718229229568"}
|
|
28
29
|
// para: {paramKey: "PropertyStatusID", code: "002.001", name: "盘源状态", paramName: "盘源状态"}
|
|
29
30
|
}
|
|
@@ -114,7 +114,6 @@ html {
|
|
|
114
114
|
display:initial;
|
|
115
115
|
}
|
|
116
116
|
.ct-Seg .ct-radios .el-input__suffix-inner {
|
|
117
|
-
float: right;
|
|
118
117
|
display: none;
|
|
119
118
|
}
|
|
120
119
|
.ct-Seg .ct-radios .el-input__suffix-inner .el-icon-circle-close {
|
|
@@ -783,4 +782,11 @@ html {
|
|
|
783
782
|
}
|
|
784
783
|
.list-button .max-btn-add{
|
|
785
784
|
width: 85px;
|
|
786
|
-
}
|
|
785
|
+
}
|
|
786
|
+
.el-radio__input.is-checked .el-radio__inner {
|
|
787
|
+
border-color: #409eff;
|
|
788
|
+
background: #409eff;
|
|
789
|
+
}
|
|
790
|
+
.el-radio__input.is-checked + .el-radio__label {
|
|
791
|
+
color: #409eff;
|
|
792
|
+
}
|
|
@@ -105,6 +105,8 @@
|
|
|
105
105
|
}
|
|
106
106
|
.ct-checkbox .ct-checkbox-mian{
|
|
107
107
|
padding-left: 0!important;
|
|
108
|
+
min-height: 26px;
|
|
109
|
+
line-height: 25px;
|
|
108
110
|
}
|
|
109
111
|
.cover-list-item .el-checkbox{
|
|
110
112
|
margin-right: 10px!important;
|
|
@@ -156,7 +158,7 @@
|
|
|
156
158
|
white-space: nowrap;
|
|
157
159
|
}
|
|
158
160
|
.max-cover-list-item .el-input__icon{
|
|
159
|
-
line-height:
|
|
161
|
+
line-height: 25px!important;
|
|
160
162
|
}
|
|
161
163
|
.el-card{
|
|
162
164
|
border: none;
|
|
@@ -206,7 +208,7 @@
|
|
|
206
208
|
}
|
|
207
209
|
.ct-Seg.ct-Seg-mini .ct-radios, .ct-Seg.ct-Seg-mini .ct-radios .el-radio__label {
|
|
208
210
|
min-height: 26px;
|
|
209
|
-
line-height:
|
|
211
|
+
line-height: 25px!important;
|
|
210
212
|
}
|
|
211
213
|
.el-input-group__append, .el-input-group__prepend {
|
|
212
214
|
color: #666;
|
|
@@ -228,3 +230,10 @@
|
|
|
228
230
|
.hyperLinkList .el-button + .el-button{
|
|
229
231
|
margin-left: 0!important;
|
|
230
232
|
}
|
|
233
|
+
.el-radio__input.is-checked .el-radio__inner {
|
|
234
|
+
border-color: #409eff;
|
|
235
|
+
background: #409eff;
|
|
236
|
+
}
|
|
237
|
+
.el-radio__input.is-checked + .el-radio__label {
|
|
238
|
+
color: #409eff;
|
|
239
|
+
}
|
|
@@ -6,15 +6,12 @@
|
|
|
6
6
|
{{model.label}}
|
|
7
7
|
</div>
|
|
8
8
|
<div class="ct-checkbox-mian cover-list-item" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'']">
|
|
9
|
-
<
|
|
10
|
-
<el-checkbox
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
<span v-if="!model.lock" class="cover-list-item-span max-cover-list-item">
|
|
16
|
-
<i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
|
|
17
|
-
</span>
|
|
9
|
+
<el-checkbox-group v-model="model.checkedItemArr" @change="changeHandler1">
|
|
10
|
+
<el-checkbox :disabled="model.lock" v-for="item in model.options" :label="item[model.optionAttrs.value]" :key="item[model.optionAttrs.value]">{{item[model.optionAttrs.label]}}</el-checkbox>
|
|
11
|
+
<span v-if="!model.lock" class="cover-list-item-span max-cover-list-item">
|
|
12
|
+
<i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
|
|
13
|
+
</span>
|
|
14
|
+
</el-checkbox-group>
|
|
18
15
|
</div>
|
|
19
16
|
</div>
|
|
20
17
|
<span v-show="!valid" class="errorMessage">
|
|
@@ -103,14 +100,13 @@
|
|
|
103
100
|
}
|
|
104
101
|
|
|
105
102
|
.ct-checkbox .cover-list-item {
|
|
106
|
-
position: relative;
|
|
107
103
|
}
|
|
108
104
|
|
|
109
105
|
.ct-checkbox .cover-list-item-span {
|
|
110
|
-
position: absolute;
|
|
111
|
-
top: -6px;
|
|
112
|
-
right: 0px;
|
|
113
106
|
display: none;
|
|
107
|
+
min-height: 26px;
|
|
108
|
+
line-height: 25px!important;
|
|
109
|
+
font-size: 12px;
|
|
114
110
|
}
|
|
115
111
|
|
|
116
112
|
.ct-checkbox .ct-checkbox-mian .el-icon-circle-close:hover {
|
|
@@ -534,8 +534,9 @@
|
|
|
534
534
|
if (f.$el.offsetParent && f.$el.offsetParent.offsetParent) {
|
|
535
535
|
let total = f.$el.offsetParent.offsetParent.offsetTop;
|
|
536
536
|
//this.$common.setScrollTop(total);
|
|
537
|
-
|
|
538
|
-
|
|
537
|
+
if (f.$el.offsetParent.offsetParent.offsetParent === null
|
|
538
|
+
|| f.$el.offsetParent.offsetParent.offsetParent.classList[0] === 'app-main'
|
|
539
|
+
|| f.$el.offsetParent.offsetParent.classList[0] === 'app-main') {
|
|
539
540
|
total = f.$el.offsetParent.offsetTop;
|
|
540
541
|
this.$common.setScrollTop(total);
|
|
541
542
|
}
|
|
@@ -88,9 +88,21 @@
|
|
|
88
88
|
v-bind="column.attrs">
|
|
89
89
|
<!--操作列-->
|
|
90
90
|
<div v-if="column.id==='operation'" class="div_allinline" :class="column.autoRowHeight ? 'lineFeedCell':'cell'">
|
|
91
|
-
<ct-tablecurrency v-for="(router,rowRouterIndex) in
|
|
92
|
-
|
|
91
|
+
<ct-tablecurrency v-for="(router,rowRouterIndex) in getRowRouterShow(row)" :key="rowRouterIndex"
|
|
92
|
+
v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true"
|
|
93
|
+
:router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
|
|
93
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'"
|
|
97
|
+
:trigger="option.trigger?option.trigger:''">
|
|
98
|
+
<div class="tab-list" style="border-bottom:none">
|
|
99
|
+
<ct-tablecurrency v-for="(router,rowRouterIndex) in getRowRouterDisplay(row)" :key="rowRouterIndex"
|
|
100
|
+
v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true"
|
|
101
|
+
:router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
|
|
102
|
+
</ct-tablecurrency>
|
|
103
|
+
</div>
|
|
104
|
+
<span :slot="getRowRouterDisplay(row).length>0?'reference':''" class="icon-more">⋮</span>
|
|
105
|
+
</el-popover>
|
|
94
106
|
</div>
|
|
95
107
|
|
|
96
108
|
<!--可点击的列-->
|
|
@@ -178,6 +190,13 @@
|
|
|
178
190
|
pageRowMax: 100,//页面实际的第后行号
|
|
179
191
|
displayRowNumber: 30,
|
|
180
192
|
selectAllType:1,
|
|
193
|
+
option: {
|
|
194
|
+
isHidden: true,//是否开启操作栏隐藏设置,默认开启
|
|
195
|
+
showNum: 3,//如果isHidden为true时,个数大于3就会隐藏,默认是3
|
|
196
|
+
appendId: '',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
|
|
197
|
+
trigger: 'hover',//触发方式,传值可查看Popper UI组件trigger属性
|
|
198
|
+
placement: 'bottom-start'//方向,传值可查看Popper UI组件placement属性
|
|
199
|
+
},
|
|
181
200
|
}
|
|
182
201
|
},
|
|
183
202
|
activated() {
|
|
@@ -508,9 +527,8 @@
|
|
|
508
527
|
var h4 = this.$refs.footer.$el.offsetHeight | 0;
|
|
509
528
|
var h5 = this.$refs.listHeader.$el.offsetHeight | 0;
|
|
510
529
|
var h6 = this.$refs.listFooter.$el.offsetHeight | 0;
|
|
511
|
-
|
|
530
|
+
var h7 = this.$refs.tableStats?(this.$refs.tableStats.$el.offsetHeight+7 | 0):0;
|
|
512
531
|
let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7-22;
|
|
513
|
-
console.log(tableHeight+" "+h7);
|
|
514
532
|
this.model.tableHeight = tableHeight < 40 ? 350 : tableHeight;
|
|
515
533
|
this.$nextTick(() => {
|
|
516
534
|
self.getScrollAttr();
|
|
@@ -896,7 +914,33 @@
|
|
|
896
914
|
let self = this;
|
|
897
915
|
self.model.searchStats = m;
|
|
898
916
|
self.getPage(1);
|
|
899
|
-
}
|
|
917
|
+
},
|
|
918
|
+
getRowRouterShow(row) {
|
|
919
|
+
let self=this;
|
|
920
|
+
let rowRouterShow=[];
|
|
921
|
+
self.model.rowRouter.forEach((v) => {
|
|
922
|
+
if (!v.rightField || row[v.rightField] == 1) {
|
|
923
|
+
if(rowRouterShow.length<self.model.rowMenuDisplayCount){
|
|
924
|
+
rowRouterShow.push(v);
|
|
925
|
+
}
|
|
926
|
+
}
|
|
927
|
+
});
|
|
928
|
+
return rowRouterShow;
|
|
929
|
+
},
|
|
930
|
+
getRowRouterDisplay(row) {
|
|
931
|
+
let self=this;
|
|
932
|
+
let rowRouterDisplay=[];
|
|
933
|
+
let i=0;
|
|
934
|
+
self.model.rowRouter.forEach((v) => {
|
|
935
|
+
if (!v.rightField || row[v.rightField] == 1) {
|
|
936
|
+
i=i+1;
|
|
937
|
+
if(i>self.model.rowMenuDisplayCount){
|
|
938
|
+
rowRouterDisplay.push(v);
|
|
939
|
+
}
|
|
940
|
+
}
|
|
941
|
+
});
|
|
942
|
+
return rowRouterDisplay;
|
|
943
|
+
},
|
|
900
944
|
},
|
|
901
945
|
}</script>
|
|
902
946
|
<style>
|
|
@@ -1113,4 +1157,28 @@
|
|
|
1113
1157
|
.ct-table .checkbox-td .checkbox-td-1 {
|
|
1114
1158
|
vertical-align: inherit;
|
|
1115
1159
|
}
|
|
1160
|
+
|
|
1161
|
+
.tab-list {
|
|
1162
|
+
position: relative;
|
|
1163
|
+
margin-bottom: 0px !important;;
|
|
1164
|
+
height: auto !important;;
|
|
1165
|
+
display: block;
|
|
1166
|
+
}
|
|
1167
|
+
.tab-list .subdiv_allinline {
|
|
1168
|
+
float: none;
|
|
1169
|
+
display: block;
|
|
1170
|
+
width: -webkit-fill-available;
|
|
1171
|
+
}
|
|
1172
|
+
.icon-more {
|
|
1173
|
+
color: #ee5d56;
|
|
1174
|
+
font-size: 20px;
|
|
1175
|
+
font-weight: 900;
|
|
1176
|
+
display: inline-block;
|
|
1177
|
+
vertical-align: 0.5em;
|
|
1178
|
+
margin-top: -3px;
|
|
1179
|
+
cursor: pointer;
|
|
1180
|
+
}
|
|
1181
|
+
.el-popover1 {
|
|
1182
|
+
min-width: inherit !important;
|
|
1183
|
+
}
|
|
1116
1184
|
</style>
|
|
@@ -255,8 +255,7 @@ const SearchTable = function (data, callBack, searchModel, flagSearch, defaultSe
|
|
|
255
255
|
},
|
|
256
256
|
set selectAllType(v1) {
|
|
257
257
|
source.selectAllType = v1;
|
|
258
|
-
},
|
|
259
|
-
|
|
258
|
+
},
|
|
260
259
|
getSelectRowData(router) {
|
|
261
260
|
if (rtn.listData.length === 0) {
|
|
262
261
|
return null;
|
|
@@ -841,6 +840,9 @@ const SearchTable = function (data, callBack, searchModel, flagSearch, defaultSe
|
|
|
841
840
|
}
|
|
842
841
|
return c;
|
|
843
842
|
},
|
|
843
|
+
get rowMenuDisplayCount() {
|
|
844
|
+
return source.content.rowMenuDisplayCount && source.content.rowMenuDisplayCount>0?source.content.rowMenuDisplayCount : 4;
|
|
845
|
+
},
|
|
844
846
|
};
|
|
845
847
|
if (rtn.template) {
|
|
846
848
|
var tempLoader = template.loader(rtn.template).default;
|