centaline-data-driven 1.3.47 → 1.3.50
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 -8
- package/src/centaline/css/max.css +13 -0
- package/src/centaline/dynamicCheckbox/src/dynamicCheckbox.vue +1 -1
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailOFI.vue +28 -21
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +27 -40
- package/src/centaline/dynamicForm/src/dynamicForm.vue +6 -0
- package/src/centaline/dynamicPopupSearchList/src/dynamicPopupSearchList.vue +2 -2
- package/src/centaline/dynamicPopupSearchList/src/dynamicPopupSearchListTable.vue +40 -17
- package/src/centaline/dynamicSearchList/src/dynamicSearchScreen.vue +3 -3
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +6 -11
- package/src/centaline/dynamicSearchList/src/dynamicTableToolbar.vue +1 -1
- package/src/centaline/dynamicViewerFile/src/dynamicViewerFile.vue +338 -381
- package/src/centaline/loader/src/ctl/Checkbox.js +3 -0
- package/src/centaline/loader/src/ctl/Detail.js +23 -0
- package/src/centaline/loader/src/ctl/SearchTable.js +5 -4
- package/src/centaline/loader/src/ctl/lib/LibFunction.js +17 -7
- package/src/main.js +7 -5
- 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,9 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="form-app" class="data-driven" style="width:100%;height:100%;overflow:auto">
|
|
3
|
-
<!-- <ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form> -->
|
|
4
3
|
<!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
|
|
5
|
-
<ct-form :api="'/
|
|
6
|
-
<!-- <ct-form :api="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"></ct-form> -->
|
|
4
|
+
<ct-form :api="'/commissionmanage/apply'" :apiParam="apiParam" :topHeight="topHeight"></ct-form>
|
|
7
5
|
<ct-dialog-list></ct-dialog-list>
|
|
8
6
|
</div>
|
|
9
7
|
</template>
|
|
@@ -14,11 +12,7 @@
|
|
|
14
12
|
data() {
|
|
15
13
|
return {
|
|
16
14
|
apiParam:{
|
|
17
|
-
|
|
18
|
-
originalTraId: "1556877589776220161",
|
|
19
|
-
pageOnly: true,
|
|
20
|
-
pageStyle: 2,
|
|
21
|
-
pageTitle: "成交报告"
|
|
15
|
+
|
|
22
16
|
},
|
|
23
17
|
topHeight:10,
|
|
24
18
|
}
|
|
@@ -280,3 +280,16 @@
|
|
|
280
280
|
justify-content: flex-start;
|
|
281
281
|
align-items: center;
|
|
282
282
|
}
|
|
283
|
+
.max-tableToolbar {
|
|
284
|
+
padding-top: 10px !important;
|
|
285
|
+
}
|
|
286
|
+
.st-serach-screen .max-shortcutFollow {
|
|
287
|
+
padding-left: 0px !important;
|
|
288
|
+
padding-bottom: 10px !important;
|
|
289
|
+
}
|
|
290
|
+
.st-serach-screen .max-list-field {
|
|
291
|
+
padding-left: 0px !important;
|
|
292
|
+
}
|
|
293
|
+
.st-serach-screen .max-ptb5 {
|
|
294
|
+
padding-bottom: 5px !important;
|
|
295
|
+
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
</div>
|
|
8
8
|
<div class="ct-checkbox-mian cover-list-item" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'',model.label?'':'lableNaN']">
|
|
9
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>
|
|
10
|
+
<el-checkbox :disabled="model.lock" v-for="item in model.options" :label="item[model.optionAttrs.value]" :key="item[model.optionAttrs.value]" :style="{ width: model.width1 + 'px' }">{{item[model.optionAttrs.label]}}</el-checkbox>
|
|
11
11
|
<span v-if="!model.lock" class="cover-list-item-span max-cover-list-item">
|
|
12
12
|
<i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
|
|
13
13
|
</span>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
flex: 1; align-items: center; padding: 5px; border-radius: 5px;">
|
|
33
33
|
</div>
|
|
34
34
|
</div>
|
|
35
|
-
<div class="head-but">
|
|
35
|
+
<div class="head-but" :key="actionRoutersKey">
|
|
36
36
|
<div>
|
|
37
37
|
<component class="max-report w93"
|
|
38
38
|
v-if="model.actionRouters !== null && model.actionRouters[0] !== null"
|
|
@@ -553,6 +553,7 @@ export default {
|
|
|
553
553
|
FlagStatistics: false,
|
|
554
554
|
dropDownSelected: false,
|
|
555
555
|
iconSort: require("../../../assets/sort.png"),
|
|
556
|
+
actionRoutersKey: Math.random(),
|
|
556
557
|
};
|
|
557
558
|
},
|
|
558
559
|
mounted() {
|
|
@@ -588,7 +589,7 @@ export default {
|
|
|
588
589
|
});
|
|
589
590
|
},
|
|
590
591
|
methods: {
|
|
591
|
-
|
|
592
|
+
showStats() {
|
|
592
593
|
var self = this;
|
|
593
594
|
this.$nextTick(function () {
|
|
594
595
|
if (self.model.tags1.length > 0) {
|
|
@@ -625,7 +626,6 @@ export default {
|
|
|
625
626
|
}
|
|
626
627
|
});
|
|
627
628
|
},
|
|
628
|
-
|
|
629
629
|
load(data) {
|
|
630
630
|
var self = this;
|
|
631
631
|
this.model = data;
|
|
@@ -672,7 +672,8 @@ export default {
|
|
|
672
672
|
if (v.type === 13) {
|
|
673
673
|
collapseItemArr = [];
|
|
674
674
|
col = 0;
|
|
675
|
-
}
|
|
675
|
+
}
|
|
676
|
+
else if (v.singleLine) {
|
|
676
677
|
if (collapseItemArr.length > 0) {
|
|
677
678
|
self.collapse.push(collapseItemArr);
|
|
678
679
|
collapseItemArr = [];
|
|
@@ -681,7 +682,8 @@ export default {
|
|
|
681
682
|
self.collapse.push(collapseItemArr);
|
|
682
683
|
collapseItemArr = [];
|
|
683
684
|
col = 0;
|
|
684
|
-
}
|
|
685
|
+
}
|
|
686
|
+
else if (v.spanCols) {
|
|
685
687
|
collapseItemArr.push(v);
|
|
686
688
|
col = col + v.spanCols;
|
|
687
689
|
if (col === colCount || index === self.model.fields2Dic.length - 1) {
|
|
@@ -689,7 +691,8 @@ export default {
|
|
|
689
691
|
collapseItemArr = [];
|
|
690
692
|
col = 0;
|
|
691
693
|
}
|
|
692
|
-
}
|
|
694
|
+
}
|
|
695
|
+
else {
|
|
693
696
|
collapseItemArr.push(v);
|
|
694
697
|
col = col + 1;
|
|
695
698
|
if (col === colCount || index === self.model.fields2Dic.length - 1) {
|
|
@@ -711,8 +714,11 @@ export default {
|
|
|
711
714
|
lookOwner() {
|
|
712
715
|
this.codeOwner = true;
|
|
713
716
|
},
|
|
714
|
-
loadBaseInfo() {
|
|
717
|
+
loadBaseInfo(field) {
|
|
715
718
|
this.model.loadBaseInfo();
|
|
719
|
+
if(field.id == "PropertyChanceQuestion"){
|
|
720
|
+
this.loadOperation();
|
|
721
|
+
}
|
|
716
722
|
},
|
|
717
723
|
loadFavorite() {
|
|
718
724
|
this.model.loadFavorite();
|
|
@@ -751,7 +757,7 @@ export default {
|
|
|
751
757
|
window.localStorage.setItem("detailtagkey", this.model.tags1[i].appID); //存储
|
|
752
758
|
}
|
|
753
759
|
},
|
|
754
|
-
|
|
760
|
+
handleDropDown(key, index) {
|
|
755
761
|
let i = index;
|
|
756
762
|
this.model.activeIndex1 = (this.showData[0].length + i).toString();
|
|
757
763
|
let dropDownData = this.showData[1];
|
|
@@ -798,7 +804,12 @@ export default {
|
|
|
798
804
|
submitData[v] = self.model.fields1Dic[v].value;
|
|
799
805
|
});
|
|
800
806
|
}
|
|
801
|
-
if(router.id=="PropertyEdit"
|
|
807
|
+
if (router.id == "PropertyEdit"
|
|
808
|
+
|| router.id == "QuestionAppeal"
|
|
809
|
+
|| router.id == "PropertyChanceQuestion"
|
|
810
|
+
|| router.id == "TranToActive"
|
|
811
|
+
|| router.id == "TranToNotActive"
|
|
812
|
+
|| router.id == "PropertyChanceTipOff") {
|
|
802
813
|
callBack="loadBaseInfo"
|
|
803
814
|
}
|
|
804
815
|
else if (router.id == "Favorite") {
|
|
@@ -856,7 +867,7 @@ export default {
|
|
|
856
867
|
submit(ev) {
|
|
857
868
|
self.model.doAction(ev, field);
|
|
858
869
|
if (callBack) {
|
|
859
|
-
callBack();
|
|
870
|
+
callBack(field);
|
|
860
871
|
}
|
|
861
872
|
self.$common.closeDialog(dialogOption.dialog);
|
|
862
873
|
},
|
|
@@ -900,8 +911,7 @@ export default {
|
|
|
900
911
|
};
|
|
901
912
|
self.$common.openDialog(dialogOption);
|
|
902
913
|
}
|
|
903
|
-
else if (field.isFormPageInTab) {
|
|
904
|
-
// 外部框架tab页打开
|
|
914
|
+
else if (field.isFormPageInTab) {// 外部框架tab页打开
|
|
905
915
|
submitData = field.getActionPara(submitData).para;
|
|
906
916
|
self.$common
|
|
907
917
|
.getDataDrivenOpts()
|
|
@@ -913,32 +923,28 @@ export default {
|
|
|
913
923
|
field.dialogWidth
|
|
914
924
|
);
|
|
915
925
|
}
|
|
916
|
-
else if (field.isSearchPageInTab) {
|
|
917
|
-
// 外部框架tab页打开
|
|
926
|
+
else if (field.isSearchPageInTab) {// 外部框架tab页打开
|
|
918
927
|
submitData = field.getActionPara(submitData).para;
|
|
919
928
|
self.$common
|
|
920
929
|
.getDataDrivenOpts()
|
|
921
930
|
.handler.openTabSearch(field, submitData);
|
|
922
931
|
}
|
|
923
|
-
else if (field.isBrowserNewTab) {
|
|
924
|
-
// 浏览器打开
|
|
932
|
+
else if (field.isBrowserNewTab) {// 浏览器打开
|
|
925
933
|
submitData = field.getActionPara(submitData).para;
|
|
926
934
|
let query = self.$common.objectToQueryStr(submitData);
|
|
927
935
|
window.open(field.action + query, "_blank");
|
|
928
936
|
}
|
|
929
|
-
else if (field.isOpenUrlInBrowse) {
|
|
930
|
-
// 浏览器打开
|
|
937
|
+
else if (field.isOpenUrlInBrowse) {// 浏览器打开
|
|
931
938
|
window.open(submitData[field.submitFormField], "_blank");
|
|
932
939
|
}
|
|
933
|
-
else if (field.isSeeVoice) {
|
|
934
|
-
//看视频
|
|
940
|
+
else if (field.isSeeVoice) {//看视频
|
|
935
941
|
self.$common.browseVideo(field, submitData);
|
|
936
942
|
}
|
|
937
943
|
else {
|
|
938
944
|
field.doAction(submitData, (data) => {
|
|
939
945
|
self.model.doAction(data, field);
|
|
940
946
|
if (callBack) {
|
|
941
|
-
callBack();
|
|
947
|
+
callBack(field);
|
|
942
948
|
}
|
|
943
949
|
});
|
|
944
950
|
}
|
|
@@ -1217,6 +1223,7 @@ export default {
|
|
|
1217
1223
|
|
|
1218
1224
|
.hous-t {
|
|
1219
1225
|
width: 260px;
|
|
1226
|
+
margin-top: 10px;
|
|
1220
1227
|
.swiper-i {
|
|
1221
1228
|
position: relative;
|
|
1222
1229
|
width: 100%;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
style="font-weight: bold;font-size: 13px; margin-top: 10px;background: rgb(236, 249, 255); flex: 1;align-items: center;padding: 5px;border-radius: 5px;">
|
|
33
33
|
</div>
|
|
34
34
|
</div>
|
|
35
|
-
<div class="head-but">
|
|
35
|
+
<div class="head-but" :key="actionRoutersKey">
|
|
36
36
|
<div>
|
|
37
37
|
<component class="max-report w93"
|
|
38
38
|
v-if=" model.actionRouters !== null && model.actionRouters[0] !== null"
|
|
@@ -545,7 +545,8 @@ export default {
|
|
|
545
545
|
showData: [],
|
|
546
546
|
FlagStatistics: false,
|
|
547
547
|
dropDownSelected: false,
|
|
548
|
-
|
|
548
|
+
iconSort: require("../../../assets/sort.png"),
|
|
549
|
+
actionRoutersKey: Math.random(),
|
|
549
550
|
};
|
|
550
551
|
},
|
|
551
552
|
mounted() {
|
|
@@ -652,10 +653,8 @@ export default {
|
|
|
652
653
|
self.model.activeIndex1 = i.toString();
|
|
653
654
|
if (self.model.tags1 && self.model.tags1[i]) {
|
|
654
655
|
self.listKey = self.listKey + 1;
|
|
655
|
-
self.model.searchConditionApiTags1 =
|
|
656
|
-
|
|
657
|
-
self.model.searchDataApiTags1 =
|
|
658
|
-
self.model.tags1[i].searchDataApiUrl || "";
|
|
656
|
+
self.model.searchConditionApiTags1 = self.model.tags1[i].searchConditionApiUrl || "";
|
|
657
|
+
self.model.searchDataApiTags1 = self.model.tags1[i].searchDataApiUrl || "";
|
|
659
658
|
self.model.paramDataTags1 = self.model.tags1[i].paramData || "";
|
|
660
659
|
}
|
|
661
660
|
}
|
|
@@ -725,8 +724,11 @@ export default {
|
|
|
725
724
|
lookOwner() {
|
|
726
725
|
this.codeOwner = true;
|
|
727
726
|
},
|
|
728
|
-
loadBaseInfo() {
|
|
727
|
+
loadBaseInfo(field) {
|
|
729
728
|
this.model.loadBaseInfo();
|
|
729
|
+
if(field.id == "PropertyChanceQuestion"){
|
|
730
|
+
this.loadOperation();
|
|
731
|
+
}
|
|
730
732
|
},
|
|
731
733
|
loadFavorite() {
|
|
732
734
|
this.model.loadFavorite();
|
|
@@ -815,7 +817,12 @@ export default {
|
|
|
815
817
|
submitData[v] = self.model.fields1Dic[v].value;
|
|
816
818
|
});
|
|
817
819
|
}
|
|
818
|
-
if (router.id == "PropertyEdit"
|
|
820
|
+
if (router.id == "PropertyEdit"
|
|
821
|
+
|| router.id == "QuestionAppeal"
|
|
822
|
+
|| router.id == "PropertyChanceQuestion"
|
|
823
|
+
|| router.id == "TranToActive"
|
|
824
|
+
|| router.id == "TranToNotActive"
|
|
825
|
+
|| router.id == "PropertyChanceTipOff") {
|
|
819
826
|
callBack = "loadBaseInfo"
|
|
820
827
|
}
|
|
821
828
|
else if (router.id == "Favorite") {
|
|
@@ -876,7 +883,7 @@ export default {
|
|
|
876
883
|
self.$common.viewerfile(field, MediaAlbum, 0, 0);
|
|
877
884
|
}
|
|
878
885
|
}
|
|
879
|
-
|
|
886
|
+
else if (field.isOpenForm) {
|
|
880
887
|
var dialogOption = {
|
|
881
888
|
title: field.pageTitle,
|
|
882
889
|
pane: self.$common.getParentPane(self),
|
|
@@ -894,7 +901,7 @@ export default {
|
|
|
894
901
|
submit(ev) {
|
|
895
902
|
self.model.doAction(ev, field);
|
|
896
903
|
if (callBack) {
|
|
897
|
-
callBack();
|
|
904
|
+
callBack(field);
|
|
898
905
|
}
|
|
899
906
|
self.$common.closeDialog(dialogOption.dialog);
|
|
900
907
|
},
|
|
@@ -969,7 +976,7 @@ export default {
|
|
|
969
976
|
field.doAction(submitData, (data) => {
|
|
970
977
|
self.model.doAction(data, field);
|
|
971
978
|
if (callBack) {
|
|
972
|
-
callBack();
|
|
979
|
+
callBack(field);
|
|
973
980
|
}
|
|
974
981
|
});
|
|
975
982
|
}
|
|
@@ -977,8 +984,7 @@ export default {
|
|
|
977
984
|
//执行客户端脚本
|
|
978
985
|
else {
|
|
979
986
|
submitData = field.getActionPara(submitData).para;
|
|
980
|
-
let title =
|
|
981
|
-
field.pageTitle == undefined ? field.label : field.pageTitle;
|
|
987
|
+
let title = field.pageTitle == undefined ? field.label : field.pageTitle;
|
|
982
988
|
submitData.actionType = field.actionType;
|
|
983
989
|
var fun = self.$common.getDataDrivenOpts().handler[field.action];
|
|
984
990
|
fun(submitData, title, null);
|
|
@@ -1008,53 +1014,33 @@ export default {
|
|
|
1008
1014
|
clickNextHandler() {
|
|
1009
1015
|
let key = "chanceID";
|
|
1010
1016
|
if (this.parentModel && this.parentModel.$refs.table) {
|
|
1011
|
-
let oldValue =
|
|
1012
|
-
this.parentModel.$refs.table.model.listData[
|
|
1013
|
-
this.parentModel.$refs.table.model.selectIndex
|
|
1014
|
-
][key];
|
|
1017
|
+
let oldValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
|
|
1015
1018
|
this.parentModel.$refs.table.rowKeyDownHandle(null, 1);
|
|
1016
|
-
let newValue =
|
|
1017
|
-
this.parentModel.$refs.table.model.listData[
|
|
1018
|
-
this.parentModel.$refs.table.model.selectIndex
|
|
1019
|
-
][key];
|
|
1019
|
+
let newValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
|
|
1020
1020
|
if (oldValue !== newValue) {
|
|
1021
1021
|
let parm = this.$common.cloneObject(this.apiParam);
|
|
1022
1022
|
parm[key] = newValue;
|
|
1023
1023
|
// this.loaderObj.Detail(this.api, parm, this.load);
|
|
1024
|
-
this.$common
|
|
1025
|
-
.getDataDrivenOpts()
|
|
1026
|
-
.handler.refreshPropertyDetail(parm, this.parentModel,"PropertyDetailRET");
|
|
1024
|
+
this.$common.getDataDrivenOpts().handler.refreshPropertyDetail(parm, this.parentModel,"PropertyDetailRET");
|
|
1027
1025
|
}
|
|
1028
1026
|
}
|
|
1029
1027
|
},
|
|
1030
1028
|
clickPrevHandler() {
|
|
1031
1029
|
let key = "chanceID";
|
|
1032
1030
|
if (this.parentModel && this.parentModel.$refs.table) {
|
|
1033
|
-
let oldValue =
|
|
1034
|
-
this.parentModel.$refs.table.model.listData[
|
|
1035
|
-
this.parentModel.$refs.table.model.selectIndex
|
|
1036
|
-
][key];
|
|
1031
|
+
let oldValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
|
|
1037
1032
|
this.parentModel.$refs.table.rowKeyDownHandle(null, -1);
|
|
1038
|
-
let newValue =
|
|
1039
|
-
this.parentModel.$refs.table.model.listData[
|
|
1040
|
-
this.parentModel.$refs.table.model.selectIndex
|
|
1041
|
-
][key];
|
|
1033
|
+
let newValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
|
|
1042
1034
|
if (oldValue !== newValue) {
|
|
1043
1035
|
let parm = this.$common.cloneObject(this.apiParam);
|
|
1044
1036
|
parm[key] = newValue;
|
|
1045
1037
|
// this.loaderObj.Detail(this.api, parm, this.load);
|
|
1046
|
-
this.$common
|
|
1047
|
-
.getDataDrivenOpts()
|
|
1048
|
-
.handler.refreshPropertyDetail(parm, this.parentModel,"PropertyDetailRET");
|
|
1038
|
+
this.$common.getDataDrivenOpts().handler.refreshPropertyDetail(parm, this.parentModel,"PropertyDetailRET");
|
|
1049
1039
|
}
|
|
1050
1040
|
}
|
|
1051
1041
|
},
|
|
1052
1042
|
scrollHandle(ev) {
|
|
1053
|
-
this.$emit(
|
|
1054
|
-
"scrollHandle",
|
|
1055
|
-
this.$refs.detail.scrollTop,
|
|
1056
|
-
this.$refs.detail.scrollLeft
|
|
1057
|
-
);
|
|
1043
|
+
this.$emit( "scrollHandle", this.$refs.detail.scrollTop, this.$refs.detail.scrollLeft);
|
|
1058
1044
|
ev.cancelBubble = true;
|
|
1059
1045
|
ev.stopPropagation();
|
|
1060
1046
|
},
|
|
@@ -1269,6 +1255,7 @@ export default {
|
|
|
1269
1255
|
|
|
1270
1256
|
.hous-t {
|
|
1271
1257
|
width: 260px;
|
|
1258
|
+
margin-top: 10px;
|
|
1272
1259
|
.swiper-i {
|
|
1273
1260
|
position: relative;
|
|
1274
1261
|
width: 100%;
|
|
@@ -442,6 +442,9 @@
|
|
|
442
442
|
on: {
|
|
443
443
|
finished(data) {
|
|
444
444
|
self.$common.closeDialog(dialogOption.dialog);
|
|
445
|
+
if(data.rtnMsg){
|
|
446
|
+
self.$message.success(data.rtnMsg);
|
|
447
|
+
}
|
|
445
448
|
if(field && field.changeCallBackFunName){
|
|
446
449
|
self.changeCallBackHandler(field, field.changeCallBackFunName, data.content);
|
|
447
450
|
}
|
|
@@ -543,6 +546,9 @@
|
|
|
543
546
|
on: {
|
|
544
547
|
finished(data) {
|
|
545
548
|
self.$common.closeDialog(dialogOption.dialog);
|
|
549
|
+
if(data.rtnMsg){
|
|
550
|
+
self.$message.info(data.rtnMsg);
|
|
551
|
+
}
|
|
546
552
|
if(field && field.changeCallBackFunName){
|
|
547
553
|
self.changeCallBackHandler(field, field.changeCallBackFunName, data.content);
|
|
548
554
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div v-loading="loading" style="width:100%">
|
|
3
3
|
<div v-if="model !== null && !loading" class="ct-form">
|
|
4
|
-
<div class="ct-ptb5 max-flex">
|
|
4
|
+
<div ref="search" class="ct-ptb5 max-flex">
|
|
5
5
|
<template v-for="(col, index) in model.fields" v-if="col.show !== false">
|
|
6
|
-
<!-- <br v-if="col.is === 'ct-linefeed'" /> -->
|
|
7
6
|
<div v-if="col.is === 'ct-linefeed'" style="width: 100%;">
|
|
8
7
|
<el-divider></el-divider>
|
|
9
8
|
</div>
|
|
@@ -67,6 +66,7 @@
|
|
|
67
66
|
}
|
|
68
67
|
this.loadFields();
|
|
69
68
|
this.$nextTick(() => {
|
|
69
|
+
this.$refs.table.setELTableHeight(this.$el.parentElement.clientHeight,this.$refs.search.clientHeight)
|
|
70
70
|
this.$refs.table.searchComplate(this.model,this.model.flagSearch);
|
|
71
71
|
});
|
|
72
72
|
this.loading = false;
|
|
@@ -1,20 +1,12 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div style="padding:0 8px 0 10px">
|
|
3
|
-
<div v-if="model !== null
|
|
4
|
-
<el-table ref="multipleTable"
|
|
5
|
-
:
|
|
6
|
-
|
|
7
|
-
tooltip-effect="dark"
|
|
8
|
-
size="mini"
|
|
9
|
-
style="width: 100%;"
|
|
10
|
-
max-height="450"
|
|
11
|
-
fit
|
|
12
|
-
:row-class-name="tableRowClassName"
|
|
3
|
+
<div v-if="model !== null">
|
|
4
|
+
<el-table ref="multipleTable" :data="tableData"
|
|
5
|
+
highlight-current-row tooltip-effect="dark" size="mini" style="width: 100%;" fit :row-class-name="tableRowClassName"
|
|
6
|
+
:height="elTableHeight" v-loading="loading"
|
|
13
7
|
@selection-change="handleSelectionChange"
|
|
14
8
|
@current-change="handleCurrentChange">
|
|
15
|
-
<el-table-column type="selection"
|
|
16
|
-
width="55" v-if="!singleSelectio">
|
|
17
|
-
</el-table-column>
|
|
9
|
+
<el-table-column type="selection" width="55" v-if="!singleSelectio"></el-table-column>
|
|
18
10
|
<el-table-column v-for="(col, index) in model.columns" v-if="col.show" :key="index"
|
|
19
11
|
:prop="col.id" :label="col.name" :min-width="col.width">
|
|
20
12
|
</el-table-column>
|
|
@@ -26,7 +18,7 @@
|
|
|
26
18
|
<el-button size="mini" @click="confirmClickHandler()" class="max-search-btn" style="float:right;" type="primary">确认</el-button>
|
|
27
19
|
</div>
|
|
28
20
|
</div>
|
|
29
|
-
<div style="min-height:250px" v-loading="
|
|
21
|
+
<div style="min-height:250px;" v-loading="loadingOne" v-if="loadingOne"></div>
|
|
30
22
|
</div>
|
|
31
23
|
</template>
|
|
32
24
|
|
|
@@ -52,16 +44,24 @@
|
|
|
52
44
|
tableData: [],
|
|
53
45
|
multipleSelection: [],
|
|
54
46
|
currentRow: null,
|
|
47
|
+
loadingOne: true,
|
|
55
48
|
loading: true,
|
|
56
|
-
jumpStr: ''
|
|
49
|
+
jumpStr: '',
|
|
50
|
+
isBusy:false,
|
|
51
|
+
elTableHeight:0,
|
|
57
52
|
}
|
|
58
53
|
},
|
|
59
54
|
methods: {
|
|
60
55
|
load(data) {
|
|
56
|
+
this.loadingOne=false;
|
|
61
57
|
this.model = data;
|
|
62
58
|
this.loadFields();
|
|
63
59
|
this.loading = false;
|
|
64
60
|
this.resetTabelWidth();
|
|
61
|
+
this.$nextTick(() => {
|
|
62
|
+
var selectWrap = this.$refs.multipleTable.bodyWrapper;
|
|
63
|
+
selectWrap.addEventListener('scroll', this.scrollHandle);
|
|
64
|
+
});
|
|
65
65
|
|
|
66
66
|
//通知父组件加载完成
|
|
67
67
|
this.$emit('loaded');
|
|
@@ -82,7 +82,6 @@
|
|
|
82
82
|
this.multipleSelection = [];
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
//self.tableData.concat(this.model.listData);
|
|
86
85
|
self.tableData.push.apply(self.tableData, this.model.listData);
|
|
87
86
|
},
|
|
88
87
|
//是否需要保留已选
|
|
@@ -215,7 +214,31 @@
|
|
|
215
214
|
self.load(self.vmodel);
|
|
216
215
|
}
|
|
217
216
|
});
|
|
218
|
-
}
|
|
217
|
+
},
|
|
218
|
+
scrollHandle(ev) {
|
|
219
|
+
var self = this;
|
|
220
|
+
let selectWrap = this.$refs.multipleTable.bodyWrapper;
|
|
221
|
+
if (selectWrap.scrollTop + selectWrap.clientHeight >= selectWrap.scrollHeight - 5) {
|
|
222
|
+
if (!self.isBusy) {
|
|
223
|
+
self.isBusy = true;
|
|
224
|
+
self.loading = true;
|
|
225
|
+
self.model.nextPage((rtn,response) => {
|
|
226
|
+
if (rtn) {
|
|
227
|
+
response.content.rows.forEach((nr) => {
|
|
228
|
+
self.tableData.push(nr);
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
self.isBusy = false;
|
|
232
|
+
self.loading = false;
|
|
233
|
+
});
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
ev.cancelBubble = true;
|
|
237
|
+
ev.stopPropagation();
|
|
238
|
+
},
|
|
239
|
+
setELTableHeight(h0,h1){
|
|
240
|
+
this.elTableHeight=h0-h1-60-25;
|
|
241
|
+
},
|
|
219
242
|
}
|
|
220
243
|
}
|
|
221
244
|
</script>
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="st-serach-screen">
|
|
3
3
|
<div v-bind="model.attrs" style="width:100%" v-if="!isLoading">
|
|
4
|
-
<div class="ct-ptb5" v-if="showScreen">
|
|
4
|
+
<div class="ct-ptb5 max-ptb5" v-if="showScreen">
|
|
5
5
|
<template v-for="(col, index) in model.screen" v-if="col.show !== false">
|
|
6
6
|
<br v-if="col.is === 'ct-linefeed'" />
|
|
7
|
-
<component v-else class="list-field" v-bind="col.listBind" :is="col.is" :vmodel="col" :api="model.optionApi" @click="clickHandler(col)"></component>
|
|
7
|
+
<component v-else class="list-field max-list-field" v-bind="col.listBind" :is="col.is" :vmodel="col" :api="model.optionApi" @click="clickHandler(col)"></component>
|
|
8
8
|
</template>
|
|
9
9
|
<component v-for="(col, index) in model.btnScreen" :key="index" :is="col.is" :vmodel="col" :api="model.optionApi" @click="clickHandler(col)"></component>
|
|
10
10
|
</div>
|
|
11
|
-
<div class="shortcutFollow" style="padding-left: 20px;" v-if="model.shortcutForm">
|
|
11
|
+
<div class="shortcutFollow max-shortcutFollow" style="padding-left: 20px;" v-if="model.shortcutForm">
|
|
12
12
|
<ct-form :source="model.shortcutForm.code1" @submit="saveShortcut"></ct-form>
|
|
13
13
|
</div>
|
|
14
14
|
<el-popover class="SeachScreenPop max-seachpopper" placement="top" transition="el-zoom-in-top" v-model="highScreen" trigger="click" visible-arrow="false">
|
|
@@ -626,11 +626,7 @@ export default {
|
|
|
626
626
|
},
|
|
627
627
|
scrollHandle(ev) {
|
|
628
628
|
var self = this;
|
|
629
|
-
if (
|
|
630
|
-
this.$refs.tableParent.scrollTop +
|
|
631
|
-
this.$refs.tableParent.clientHeight >=
|
|
632
|
-
this.$refs.tableParent.scrollHeight - 5
|
|
633
|
-
) {
|
|
629
|
+
if ( this.$refs.tableParent.scrollTop + this.$refs.tableParent.clientHeight >= this.$refs.tableParent.scrollHeight - 5) {
|
|
634
630
|
if (!this.isBusy) {
|
|
635
631
|
self.isBusy = true;
|
|
636
632
|
self.tableLoading = true;
|
|
@@ -644,11 +640,7 @@ export default {
|
|
|
644
640
|
});
|
|
645
641
|
}
|
|
646
642
|
}
|
|
647
|
-
this.$emit(
|
|
648
|
-
"scrollHandle",
|
|
649
|
-
this.$refs.tableParent.scrollTop,
|
|
650
|
-
this.$refs.tableParent.scrollLeft
|
|
651
|
-
);
|
|
643
|
+
this.$emit("scrollHandle", this.$refs.tableParent.scrollTop, this.$refs.tableParent.scrollLeft);
|
|
652
644
|
ev.cancelBubble = true;
|
|
653
645
|
ev.stopPropagation();
|
|
654
646
|
},
|
|
@@ -914,8 +906,11 @@ export default {
|
|
|
914
906
|
height: '165px'
|
|
915
907
|
},
|
|
916
908
|
on: {
|
|
917
|
-
finished() {
|
|
909
|
+
finished(data) {
|
|
918
910
|
self.$common.closeDialog(dialogOption.dialog);
|
|
911
|
+
if(data.rtnMsg){
|
|
912
|
+
self.$message.success(data.rtnMsg);
|
|
913
|
+
}
|
|
919
914
|
self.getPage(1);
|
|
920
915
|
},
|
|
921
916
|
error(data) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="ct-tableToolbar" style="width:100%;" v-if="buttons && buttons.length > 0">
|
|
2
|
+
<div class="ct-tableToolbar max-tableToolbar" style="width:100%;" v-if="buttons && buttons.length > 0">
|
|
3
3
|
|
|
4
4
|
<div v-if="buttonsLeft&&buttonsLeft.length>0" class="bool_btn_l">
|
|
5
5
|
<ul>
|