centaline-data-driven 1.3.49 → 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 -6
- package/src/centaline/css/max.css +13 -0
- package/src/centaline/dynamicCheckbox/src/dynamicCheckbox.vue +1 -1
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailOFI.vue +1 -0
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +1 -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 +2 -10
- 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/SearchTable.js +5 -4
- package/src/centaline/loader/src/ctl/lib/LibFunction.js +17 -7
- package/src/main.js +5 -3
- 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,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="form-app" class="data-driven" style="width:100%;height:100%;overflow:auto">
|
|
3
3
|
<!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
|
|
4
|
-
<ct-form :api="'/
|
|
4
|
+
<ct-form :api="'/commissionmanage/apply'" :apiParam="apiParam" :topHeight="topHeight"></ct-form>
|
|
5
5
|
<ct-dialog-list></ct-dialog-list>
|
|
6
6
|
</div>
|
|
7
7
|
</template>
|
|
@@ -12,11 +12,7 @@
|
|
|
12
12
|
data() {
|
|
13
13
|
return {
|
|
14
14
|
apiParam:{
|
|
15
|
-
|
|
16
|
-
originalTraId: "1556877589776220161",
|
|
17
|
-
pageOnly: true,
|
|
18
|
-
pageStyle: 2,
|
|
19
|
-
pageTitle: "成交报告"
|
|
15
|
+
|
|
20
16
|
},
|
|
21
17
|
topHeight:10,
|
|
22
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>
|
|
@@ -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
|
},
|
|
@@ -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>
|