centaline-data-driven 1.3.27 → 1.3.30
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 +6 -2
- package/src/SearchList.vue +2 -3
- package/src/centaline/css/ccai.css +4 -1
- package/src/centaline/dynamicDragSort/src/dynamicDragSort.vue +20 -10
- package/src/centaline/dynamicForm/src/dynamicForm.vue +6 -4
- package/src/centaline/dynamicForm/src/dynamicFormListTable.vue +5 -4
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +456 -221
- package/src/centaline/dynamicSearchList/src/dynamicTableToolbar.vue +76 -41
- package/src/centaline/dynamicT/src/dynamicT.vue +6 -3
- package/src/centaline/loader/src/ctl/Form.js +20 -13
- package/src/centaline/loader/src/ctl/FormList.js +42 -39
- package/src/centaline/loader/src/ctl/Router.js +3 -0
- package/src/centaline/loader/src/ctl/SearchTable.js +97 -108
- 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/Form.vue
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div id="form-app" class="data-driven" style="width:100%;height:100%;overflow:auto">
|
|
3
3
|
<!-- <ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form> -->
|
|
4
4
|
<!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
|
|
5
|
-
<ct-form :api="'/
|
|
5
|
+
<ct-form :api="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"></ct-form>
|
|
6
6
|
<!--<ct-form :api="'api/Form/formdata'"></ct-form>-->
|
|
7
7
|
<ct-dialog-list></ct-dialog-list>
|
|
8
8
|
</div>
|
|
@@ -14,7 +14,11 @@
|
|
|
14
14
|
data() {
|
|
15
15
|
return {
|
|
16
16
|
apiParam:{
|
|
17
|
-
|
|
17
|
+
actionType: 3,
|
|
18
|
+
originalTraId: "1547488795469586434",
|
|
19
|
+
pageOnly: true,
|
|
20
|
+
pageStyle: 2,
|
|
21
|
+
pageTitle: "成交报告"
|
|
18
22
|
}
|
|
19
23
|
}
|
|
20
24
|
},
|
package/src/SearchList.vue
CHANGED
|
@@ -8,9 +8,8 @@
|
|
|
8
8
|
:searchCategoryApi="'/ProfileWorklistList/getLayoutOfSearchCategory'"
|
|
9
9
|
:searchDataApi="'/ProfileWorklistList/getListOfSearchModel'" :apiParam="para"></ct-searchlist> -->
|
|
10
10
|
|
|
11
|
-
<ct-searchlist :searchConditionApi="'/
|
|
12
|
-
:
|
|
13
|
-
:searchDataApi="'/ProfileWorklistList/getListOfSearchModel'">
|
|
11
|
+
<ct-searchlist :searchConditionApi="'/PropertyContactImportList/getLayoutOfSearch'"
|
|
12
|
+
:searchDataApi="'/PropertyContactImportList/getListOfSearchModel'">
|
|
14
13
|
</ct-searchlist>
|
|
15
14
|
|
|
16
15
|
<!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
|
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
<!--使用draggable组件-->
|
|
3
3
|
<div class="dragCol" ref="dragCol">
|
|
4
4
|
<div class="dragItem dragHeader" ref="dragHeader">
|
|
5
|
-
<el-checkbox id="dragAll" v-model="checkAll"
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
<el-checkbox id="dragAll" v-model="checkAll" :indeterminate="isIndeterminate" @change="handleAllChecked"
|
|
6
|
+
class="checkbox-common">{{
|
|
7
|
+
this.vmodel.label
|
|
8
|
+
}}
|
|
8
9
|
</el-checkbox>
|
|
9
10
|
<span class="svgIcon">
|
|
10
11
|
<!-- <svg-icon icon-class="sort" style="cursor: pointer"></svg-icon> -->
|
|
@@ -12,8 +13,9 @@
|
|
|
12
13
|
</div>
|
|
13
14
|
<!-- <div class="dragMain" style="height:dragMainHeight;"> -->
|
|
14
15
|
<div class="dragMain" ref="dragMain" :style="{ height: mainHeight }">
|
|
15
|
-
<draggable v-model="testList"
|
|
16
|
-
|
|
16
|
+
<draggable v-model="testList"
|
|
17
|
+
:options="{ group: { name: 'itxst', pull: 'clone' }, sort: true }" animation="300"
|
|
18
|
+
:move="onMove" dragClass="dragClass" ghostClass="ghostClass" chosenClass="chosenClass"
|
|
17
19
|
@input="handleListChange($event)">
|
|
18
20
|
<transition-group>
|
|
19
21
|
<div class="dragItem canDragon" v-for="(item, index) in testList" :key="index" ref="dragItem">
|
|
@@ -51,7 +53,8 @@ export default {
|
|
|
51
53
|
checkAll: true,
|
|
52
54
|
//定义要被拖拽对象的数组
|
|
53
55
|
testList: [],
|
|
54
|
-
mainHeight: 500
|
|
56
|
+
mainHeight: 500,
|
|
57
|
+
isIndeterminate: true
|
|
55
58
|
};
|
|
56
59
|
},
|
|
57
60
|
watch: {
|
|
@@ -65,8 +68,14 @@ export default {
|
|
|
65
68
|
}
|
|
66
69
|
if (i === this.testList.length) {
|
|
67
70
|
this.checkAll = true;
|
|
71
|
+
this.isIndeterminate = false
|
|
68
72
|
} else {
|
|
69
73
|
this.checkAll = false;
|
|
74
|
+
if (i > 0 && i < this.testList.length) {
|
|
75
|
+
this.isIndeterminate = true
|
|
76
|
+
} else {
|
|
77
|
+
this.isIndeterminate = false
|
|
78
|
+
}
|
|
70
79
|
}
|
|
71
80
|
});
|
|
72
81
|
},
|
|
@@ -103,16 +112,17 @@ export default {
|
|
|
103
112
|
let screenHeight = document.body.clientHeight;
|
|
104
113
|
let dragHeaderHeight = this.$refs.dragHeader.offsetHeight;
|
|
105
114
|
let dragMainHeight = this.$refs.dragMain.style.height;
|
|
106
|
-
let num = this.testList.length
|
|
107
|
-
let dragItemAll = 44.68 * num;
|
|
108
115
|
dragMainHeight =
|
|
109
116
|
screenHeight - dragHeaderHeight - 26 - 8 - 44 - 40;
|
|
117
|
+
this.mainHeight = dragMainHeight + "px";
|
|
118
|
+
let num = this.testList.length
|
|
119
|
+
let dragItemAll = 44.68 * num;
|
|
110
120
|
if (dragMainHeight > dragItemAll) {
|
|
111
121
|
this.mainHeight = dragItemAll + "px";
|
|
112
122
|
this.$refs.dragMain.style.overflowY = 'hidden'
|
|
113
123
|
} else {
|
|
114
124
|
this.mainHeight = dragMainHeight + "px";
|
|
115
|
-
this.$refs.dragMain.style.overflowY = '
|
|
125
|
+
this.$refs.dragMain.style.overflowY = 'overlay'
|
|
116
126
|
}
|
|
117
127
|
|
|
118
128
|
});
|
|
@@ -221,7 +231,7 @@ export default {
|
|
|
221
231
|
.dragHeader {}
|
|
222
232
|
|
|
223
233
|
.dragMain {
|
|
224
|
-
overflow-y:
|
|
234
|
+
overflow-y: overlay;
|
|
225
235
|
overflow-x: hidden;
|
|
226
236
|
}
|
|
227
237
|
|
|
@@ -68,7 +68,8 @@
|
|
|
68
68
|
<component v-for="(btn, index) in model.links" :key="index" :is="btn.is" :vmodel="btn" @click="clickHandler" v-if="btn.show"></component>
|
|
69
69
|
</el-col>
|
|
70
70
|
</el-row>
|
|
71
|
-
<el-row v-if="model.buttons.findIndex((v)=>{return v.show}) > -1" :class="isScroll?'button-absolute':'button-initial'"
|
|
71
|
+
<el-row v-if="model.buttons.findIndex((v)=>{return v.show}) > -1" :class="isScroll?'ccai button-absolute':'button-initial'"
|
|
72
|
+
:style="{'max-width':pageWidth?(pageWidth-20)+'px':'100%'}">
|
|
72
73
|
<el-col :span="24" style="text-align:center">
|
|
73
74
|
<component v-for="(btn, index) in model.buttons" :key="index" :is="btn.is" :vmodel="btn" @click="clickHandler" v-if="btn.show"></component>
|
|
74
75
|
</el-col>
|
|
@@ -116,7 +117,8 @@
|
|
|
116
117
|
this.init();
|
|
117
118
|
},
|
|
118
119
|
updated(){
|
|
119
|
-
if(this.$el.parentElement.scrollHeight>this.$el.parentElement.clientHeight
|
|
120
|
+
if(this.$el.parentElement.scrollHeight>this.$el.parentElement.clientHeight
|
|
121
|
+
&& !this.model.isHorizontalLayout){
|
|
120
122
|
this.isScroll=true;
|
|
121
123
|
}
|
|
122
124
|
},
|
|
@@ -592,6 +594,7 @@
|
|
|
592
594
|
var rtnBool = true;
|
|
593
595
|
var jump = false;
|
|
594
596
|
var i=0;
|
|
597
|
+
|
|
595
598
|
self.$refs.Fields.forEach((f) => {
|
|
596
599
|
if (f.model && typeof f.validExcute !== 'undefined') {
|
|
597
600
|
if (!f.validExcute()) {
|
|
@@ -617,7 +620,7 @@
|
|
|
617
620
|
|
|
618
621
|
if (!jump) {
|
|
619
622
|
if (this.model.isHorizontalLayout) {//水平布局
|
|
620
|
-
this.activeName = f.model.collapseName.toString();
|
|
623
|
+
this.activeName = f.model.collapseName.toString()==='-1'?self.activeName:f.model.collapseName.toString();
|
|
621
624
|
jump = true;
|
|
622
625
|
}
|
|
623
626
|
else {//垂直布局
|
|
@@ -716,7 +719,6 @@
|
|
|
716
719
|
background-color: #fff;
|
|
717
720
|
width: 100%;
|
|
718
721
|
margin: auto;
|
|
719
|
-
max-width: 800px;
|
|
720
722
|
box-shadow: 0 2px 20px 0 rgb(0 0 0 / 10%);
|
|
721
723
|
margin-left: -20px;
|
|
722
724
|
}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<!--数据列-->
|
|
17
17
|
<el-table-column v-for="(v,i) in model.rows[0].field" :key="i" :prop="v.id" :label="v.label" v-if="v.show !== false">
|
|
18
18
|
<template slot="header" slot-scope="scope">
|
|
19
|
-
<div
|
|
19
|
+
<div :class="[{'ct-table-required':v.required&&model.rows[0].edit&& model.rows[0].delete&&!model.tableDisabled},getHeadClass(v)]">
|
|
20
20
|
{{v.label}}
|
|
21
21
|
</div>
|
|
22
22
|
</template>
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
</span>
|
|
33
33
|
<!--可点击的列-->
|
|
34
34
|
<span v-else-if="v.router" :class="'cell'" style="display: flex;">
|
|
35
|
-
<
|
|
36
|
-
|
|
35
|
+
<span>{{scope.row.isSet}}</span>
|
|
36
|
+
<ct-tablecurrency :router="v.router" :colValue="scope.row[v.id].code1" :rowData="scope.row" @click="rolRouterClickHandler">
|
|
37
37
|
</ct-tablecurrency>
|
|
38
38
|
</span>
|
|
39
39
|
<ct-span v-else :vmodel="scope.row[v.id]" :rowNum="scope.row.$sourceIndex" ref="FieldsLabel"></ct-span>
|
|
@@ -191,7 +191,8 @@
|
|
|
191
191
|
app.model.currentRow.isNew = false;
|
|
192
192
|
app.model.currentRow.index = index;
|
|
193
193
|
app.model.currentRow.isSet = true;
|
|
194
|
-
row.isSet = true;
|
|
194
|
+
row.isSet = true;
|
|
195
|
+
app.itemKey = Math.random();
|
|
195
196
|
}
|
|
196
197
|
},
|
|
197
198
|
//删除
|