centaline-data-driven 1.3.3 → 1.3.6
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 +1 -38
- package/src/centaline/browseIframe/src/browseIframe.vue +2 -71
- package/src/centaline/dialogList/src/dialogList.vue +26 -1
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +5 -7
- package/src/centaline/dynamicViewerFile/src/dynamicViewerFile.vue +24 -21
- package/src/centaline/dynamicViewerFile/src/dynamicViewerImage.vue +12 -1
- package/src/centaline/dynamicViewerFile/src/dynamicViewerPDF.vue +9 -11
- package/src/centaline/loader/src/ctl/Router.js +6 -0
- 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="app-form" 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="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"
|
|
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>
|
|
@@ -26,43 +26,6 @@ pageTitle: "成交报告",
|
|
|
26
26
|
test111(val) {
|
|
27
27
|
alert(JSON.stringify(val));
|
|
28
28
|
},
|
|
29
|
-
submit(formData) {
|
|
30
|
-
window.parent.postMessage({
|
|
31
|
-
functionName: 'delete',
|
|
32
|
-
params: {
|
|
33
|
-
success: true,
|
|
34
|
-
data: null,
|
|
35
|
-
}
|
|
36
|
-
}, '*');
|
|
37
|
-
window.parent.postMessage({
|
|
38
|
-
functionName: 'update',
|
|
39
|
-
params: {
|
|
40
|
-
success: true,
|
|
41
|
-
data: null,
|
|
42
|
-
}
|
|
43
|
-
}, '*');
|
|
44
|
-
window.parent.postMessage({
|
|
45
|
-
functionName: 'refresh',
|
|
46
|
-
params: {
|
|
47
|
-
success: true,
|
|
48
|
-
data: null,
|
|
49
|
-
}
|
|
50
|
-
}, '*');
|
|
51
|
-
window.parent.postMessage({
|
|
52
|
-
functionName: 'close',
|
|
53
|
-
params: {
|
|
54
|
-
success: true,
|
|
55
|
-
data: null,
|
|
56
|
-
}
|
|
57
|
-
}, '*');
|
|
58
|
-
window.parent.postMessage({
|
|
59
|
-
functionName: 'new',
|
|
60
|
-
params: {
|
|
61
|
-
success: true,
|
|
62
|
-
data: '453FBDDF-1F56-4A1D-AB9E-F70C3681EB1C',
|
|
63
|
-
}
|
|
64
|
-
}, '*');
|
|
65
|
-
}
|
|
66
29
|
}
|
|
67
30
|
}
|
|
68
31
|
</script>
|
|
@@ -1,32 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div style="width:100%;height:100%;">
|
|
3
|
-
<iframe :src="src" ref="iframe" id="iframe1" style="width:100%;height:100%;"></iframe>
|
|
3
|
+
<iframe :src="src" ref="iframe" id="iframe1" name="iframe1" style="width:100%;height:100%;"></iframe>
|
|
4
4
|
</div>
|
|
5
5
|
</template>
|
|
6
6
|
<script>
|
|
7
|
-
window.addEventListener('message', handleMessage1) ;
|
|
8
|
-
function handleMessage1 (event) {
|
|
9
|
-
debugger
|
|
10
|
-
var self=this;
|
|
11
|
-
var data = event.data;
|
|
12
|
-
switch (data.functionName) {
|
|
13
|
-
case 'new':
|
|
14
|
-
self.$emit('new',data.params.data);
|
|
15
|
-
break
|
|
16
|
-
case 'update':
|
|
17
|
-
self.$emit('update');
|
|
18
|
-
break
|
|
19
|
-
case 'delete':
|
|
20
|
-
self.$emit('delete');
|
|
21
|
-
break
|
|
22
|
-
case 'refresh':
|
|
23
|
-
self.$emit('refreshParent');
|
|
24
|
-
break
|
|
25
|
-
case 'close':
|
|
26
|
-
self.$emit('closeDialog');
|
|
27
|
-
break
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
7
|
export default {
|
|
31
8
|
name: 'ct-iframe',
|
|
32
9
|
props: {
|
|
@@ -37,55 +14,9 @@ function handleMessage1 (event) {
|
|
|
37
14
|
|
|
38
15
|
};
|
|
39
16
|
},
|
|
40
|
-
mounted () {
|
|
41
|
-
window.addEventListener('message', this.handleMessage)
|
|
42
|
-
},
|
|
43
|
-
handleMessage (event) {
|
|
44
|
-
debugger
|
|
45
|
-
var self=this;
|
|
46
|
-
var data = event.data;
|
|
47
|
-
switch (data.functionName) {
|
|
48
|
-
case 'new':
|
|
49
|
-
self.$emit('new',data.params.data);
|
|
50
|
-
break
|
|
51
|
-
case 'update':
|
|
52
|
-
self.$emit('update');
|
|
53
|
-
break
|
|
54
|
-
case 'delete':
|
|
55
|
-
self.$emit('delete');
|
|
56
|
-
break
|
|
57
|
-
case 'refresh':
|
|
58
|
-
self.$emit('refreshParent');
|
|
59
|
-
break
|
|
60
|
-
case 'close':
|
|
61
|
-
self.$emit('closeDialog');
|
|
62
|
-
break
|
|
63
|
-
}
|
|
17
|
+
mounted () {
|
|
64
18
|
},
|
|
65
19
|
methods: {
|
|
66
|
-
|
|
67
|
-
handleMessage (event) {
|
|
68
|
-
debugger
|
|
69
|
-
var self=this;
|
|
70
|
-
var data = event.data;
|
|
71
|
-
switch (data.functionName) {
|
|
72
|
-
case 'new':
|
|
73
|
-
self.$emit('new',data.params.data);
|
|
74
|
-
break
|
|
75
|
-
case 'update':
|
|
76
|
-
self.$emit('update');
|
|
77
|
-
break
|
|
78
|
-
case 'delete':
|
|
79
|
-
self.$emit('delete');
|
|
80
|
-
break
|
|
81
|
-
case 'refresh':
|
|
82
|
-
self.$emit('refreshParent');
|
|
83
|
-
break
|
|
84
|
-
case 'close':
|
|
85
|
-
self.$emit('closeDialog');
|
|
86
|
-
break
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
20
|
}
|
|
90
21
|
}
|
|
91
22
|
</script>
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
mounted() {
|
|
23
23
|
this.$common.dialogList = this;
|
|
24
24
|
this.overflow = document.body.style.overflow;
|
|
25
|
+
window.addEventListener('message', this.handleMessage)
|
|
25
26
|
},
|
|
26
27
|
computed: {
|
|
27
28
|
zindex: function () {
|
|
@@ -59,7 +60,31 @@
|
|
|
59
60
|
document.body.style.overflow = this.overflow;//出现滚动条
|
|
60
61
|
document.removeEventListener("touchmove", mo, false);
|
|
61
62
|
}
|
|
62
|
-
}
|
|
63
|
+
},
|
|
64
|
+
handleMessage (event) {
|
|
65
|
+
var self=this;
|
|
66
|
+
var data = event.data;
|
|
67
|
+
switch (data.functionName) {
|
|
68
|
+
case 'new':
|
|
69
|
+
self.$children[0].vmodel.content[0].on.new(data.params.data);
|
|
70
|
+
break
|
|
71
|
+
case 'update':
|
|
72
|
+
self.$children[0].vmodel.content[0].on.update();
|
|
73
|
+
break
|
|
74
|
+
case 'delete':
|
|
75
|
+
self.$children[0].vmodel.content[0].on.delete();
|
|
76
|
+
break
|
|
77
|
+
case 'refresh':
|
|
78
|
+
self.$children[0].vmodel.content[0].on.refreshParent();
|
|
79
|
+
break
|
|
80
|
+
case 'close':
|
|
81
|
+
self.$children[0].vmodel.content[0].on.closeDialog();
|
|
82
|
+
break
|
|
83
|
+
case 'title':
|
|
84
|
+
self.$children[0].vmodel.title=data.params.data;
|
|
85
|
+
break
|
|
86
|
+
}
|
|
87
|
+
},
|
|
63
88
|
}
|
|
64
89
|
}
|
|
65
90
|
</script>
|
|
@@ -764,22 +764,20 @@
|
|
|
764
764
|
else if (field.isSeeVoice) {//看视频
|
|
765
765
|
self.$common.browseVideo(field,submitData)
|
|
766
766
|
}
|
|
767
|
-
else if (field.isUrlInLayer) {//URL页面（弹层）
|
|
767
|
+
else if (field.isUrlInLayer) {//URL页面（弹层）
|
|
768
768
|
var dialogOption = {
|
|
769
769
|
title: field.pageTitle,
|
|
770
770
|
pane: self.$common.getParentPane(self),
|
|
771
771
|
content: [{
|
|
772
772
|
attrs: {
|
|
773
|
-
|
|
774
|
-
src: 'http://10.88.22.46/BAgency/Test/TestPropertyAll.aspx',
|
|
773
|
+
src: submitData[field.submitListField],
|
|
775
774
|
width: field.dialogWidth + 'px',
|
|
776
775
|
height: field.dialogHeight + 'px'
|
|
777
776
|
},
|
|
778
777
|
on: {
|
|
779
778
|
new(id) {
|
|
780
779
|
field.flagAddRowAfterAction=true;
|
|
781
|
-
var res={};
|
|
782
|
-
res.content=id;
|
|
780
|
+
var res={responseData:{content:id}};
|
|
783
781
|
self.updateCurrentRow(field, res);
|
|
784
782
|
self.$forceUpdate();
|
|
785
783
|
self.$refs.footer.$forceUpdate();
|
|
@@ -792,8 +790,8 @@
|
|
|
792
790
|
},
|
|
793
791
|
delete() {
|
|
794
792
|
var res={};
|
|
795
|
-
res.notification=
|
|
796
|
-
res.content=self.model.listData[self.selectIndex][self.model.primaryKey];
|
|
793
|
+
res.notification=4;
|
|
794
|
+
res.content=self.model.listData[self.model.selectIndex][self.model.primaryKey];
|
|
797
795
|
self.model.doAction(res);
|
|
798
796
|
self.$common.closeDialog(dialogOption.dialog);
|
|
799
797
|
},
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
2
|
+
<div
|
|
3
|
+
style="height: 100%"
|
|
4
|
+
id="viewer-file"
|
|
5
|
+
ref="viewerfile"
|
|
6
|
+
@contextmenu="handleMouse"
|
|
7
|
+
>
|
|
3
8
|
<el-container style="height: 100%; border: 1px solid #eee">
|
|
4
9
|
<el-aside style="background-color: rgb(238, 241, 246)"
|
|
5
10
|
><div style="height: 100%" class="viewerMenu">
|
|
@@ -40,18 +45,18 @@
|
|
|
40
45
|
</el-aside>
|
|
41
46
|
<el-main ref="displayArea">
|
|
42
47
|
<div
|
|
43
|
-
style="position: relative; width: 100
|
|
48
|
+
style="position: relative; width: 100%"
|
|
49
|
+
:style="{ height: displayAreaHeight - 78 + 'px' }"
|
|
44
50
|
v-if="resultObject"
|
|
45
51
|
>
|
|
46
52
|
<!--VR-->
|
|
47
53
|
<template v-if="itemFile.mediaTypeID == '1'">
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
</div>
|
|
54
|
+
<iframe
|
|
55
|
+
:src="resultObject"
|
|
56
|
+
:height="displayAreaHeight - 80 + 'px'"
|
|
57
|
+
:width="displayAreaWidth + 'px'"
|
|
58
|
+
>
|
|
59
|
+
</iframe>
|
|
55
60
|
</template>
|
|
56
61
|
<!--Photo-->
|
|
57
62
|
<template v-else-if="itemFile.mediaTypeID == '2'">
|
|
@@ -100,13 +105,13 @@
|
|
|
100
105
|
<template v-else-if="itemFile.mediaTypeID == '6'">
|
|
101
106
|
<template
|
|
102
107
|
v-if="
|
|
103
|
-
'doc,docx,xlsx'.search(
|
|
108
|
+
'doc,docx,xlsx'.search(itemFile.fileExtension.toLowerCase()) >
|
|
104
109
|
-1
|
|
105
110
|
"
|
|
106
111
|
>
|
|
107
112
|
<div
|
|
108
113
|
class="viewerContent"
|
|
109
|
-
style="height:
|
|
114
|
+
style="max-height: 200px; text-align: center"
|
|
110
115
|
>
|
|
111
116
|
<a :href="resultObject">
|
|
112
117
|
<img :src="itemFile.thumbnailUrl" /><br />{{
|
|
@@ -120,9 +125,12 @@
|
|
|
120
125
|
'pdf'.search(itemFile.fileExtension.toLowerCase()) > -1
|
|
121
126
|
"
|
|
122
127
|
>
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
128
|
+
<ct-viewerPDF
|
|
129
|
+
:pdfUrl="resultObject"
|
|
130
|
+
:displayAreaHeight="displayAreaHeight"
|
|
131
|
+
:displayAreaWidth="displayAreaWidth"
|
|
132
|
+
>
|
|
133
|
+
</ct-viewerPDF>
|
|
126
134
|
</template>
|
|
127
135
|
</template>
|
|
128
136
|
<template v-else> 不支持此类型：{{ itemFile.mediaTypeID }} </template>
|
|
@@ -248,12 +256,12 @@ export default {
|
|
|
248
256
|
self.displayAreaWidth = this.DomWidth();
|
|
249
257
|
self.displayArealeft = self.DomLeft();
|
|
250
258
|
self.displayAreabtm = self.DomTop(self.$refs.displayArea.$el);
|
|
251
|
-
self.displayAreaHeight =self.$refs.displayArea.$el.offsetHeight;
|
|
259
|
+
self.displayAreaHeight = self.$refs.displayArea.$el.offsetHeight;
|
|
252
260
|
window.onresize = () => {
|
|
253
261
|
self.displayAreaWidth = self.DomWidth();
|
|
254
262
|
self.displayArealeft = self.DomLeft();
|
|
255
263
|
self.displayAreabtm = self.DomTop(self.$refs.displayArea.$el);
|
|
256
|
-
|
|
264
|
+
self.displayAreaHeight = self.$refs.displayArea.$el.offsetHeight;
|
|
257
265
|
};
|
|
258
266
|
|
|
259
267
|
if (
|
|
@@ -267,7 +275,6 @@ export default {
|
|
|
267
275
|
}
|
|
268
276
|
},
|
|
269
277
|
methods: {
|
|
270
|
-
|
|
271
278
|
handleMouse(e) {
|
|
272
279
|
e.preventDefault();
|
|
273
280
|
},
|
|
@@ -405,10 +412,6 @@ export default {
|
|
|
405
412
|
},
|
|
406
413
|
},
|
|
407
414
|
};
|
|
408
|
-
// 禁止右键菜单
|
|
409
|
-
// document.oncontextmenu = function () {
|
|
410
|
-
// return false;
|
|
411
|
-
// };
|
|
412
415
|
</script>
|
|
413
416
|
|
|
414
417
|
<style>
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
<template>
|
|
3
|
-
<div class="Imagebox" @mousewheel="bagimg($event)">
|
|
3
|
+
<div class="Imagebox" @mousewheel="bagimg($event)" v-loading="loading">
|
|
4
4
|
<img
|
|
5
5
|
id="ViewerImage"
|
|
6
6
|
class="scaleimg"
|
|
7
7
|
border="0"
|
|
8
|
+
@load="complete()"
|
|
8
9
|
v-bind:style="{
|
|
9
10
|
transform:
|
|
10
11
|
'scale(' +
|
|
@@ -25,6 +26,7 @@ export default {
|
|
|
25
26
|
},
|
|
26
27
|
data() {
|
|
27
28
|
return {
|
|
29
|
+
loading: true,
|
|
28
30
|
params: {
|
|
29
31
|
zoomVal: 1,
|
|
30
32
|
left: 0,
|
|
@@ -36,12 +38,21 @@ export default {
|
|
|
36
38
|
};
|
|
37
39
|
},
|
|
38
40
|
mounted() {
|
|
41
|
+
this.loading = true;
|
|
39
42
|
this.startDrag(
|
|
40
43
|
document.getElementById("ViewerImage"),
|
|
41
44
|
document.getElementById("ViewerImage")
|
|
42
45
|
);
|
|
46
|
+
},
|
|
47
|
+
watch: {
|
|
48
|
+
imgUrl(newValue, oldValue) {
|
|
49
|
+
this.loading = true;
|
|
50
|
+
},
|
|
43
51
|
},
|
|
44
52
|
methods: {
|
|
53
|
+
complete() {
|
|
54
|
+
this.loading = false;
|
|
55
|
+
},
|
|
45
56
|
zoom(n) {
|
|
46
57
|
this.params.zoomVal += n;
|
|
47
58
|
},
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
<template>
|
|
3
|
-
<div>
|
|
4
|
-
<iframe
|
|
3
|
+
<div v-loading="loading">
|
|
4
|
+
<iframe
|
|
5
5
|
ref="previewPdf"
|
|
6
6
|
id="previewPdf"
|
|
7
7
|
:src="'/static/pdf/web/viewer.html?' + fileUrl"
|
|
8
8
|
:height="displayAreaHeight - 78 + 'px'"
|
|
9
9
|
:width="displayAreaWidth + 'px'"
|
|
10
|
-
@load="
|
|
10
|
+
@load="complete()"
|
|
11
11
|
>
|
|
12
12
|
</iframe>
|
|
13
13
|
</div>
|
|
@@ -21,6 +21,7 @@ export default {
|
|
|
21
21
|
},
|
|
22
22
|
data() {
|
|
23
23
|
return {
|
|
24
|
+
loading: true,
|
|
24
25
|
numPages: 1,
|
|
25
26
|
fileUrl: "",
|
|
26
27
|
};
|
|
@@ -28,19 +29,15 @@ export default {
|
|
|
28
29
|
mounted() {
|
|
29
30
|
this.init(this.pdfUrl);
|
|
30
31
|
},
|
|
31
|
-
created() {
|
|
32
|
-
this.$nextTick(() => {
|
|
33
|
-
// 可以使用回调函数的写法
|
|
34
|
-
// 这个函数中DOM必定渲染完成
|
|
35
|
-
//this.loadFrame();
|
|
36
|
-
});
|
|
32
|
+
created() {
|
|
37
33
|
},
|
|
38
|
-
methods: {
|
|
34
|
+
methods: {
|
|
39
35
|
init(pdfUrl) {
|
|
40
36
|
var self = this;
|
|
41
37
|
self.fileUrl = 'r='+Math.random()+'&file='+encodeURIComponent(pdfUrl);
|
|
42
38
|
},
|
|
43
|
-
|
|
39
|
+
complete() {
|
|
40
|
+
this.loading = false;
|
|
44
41
|
var doc = document.getElementById("previewPdf").contentWindow.document;
|
|
45
42
|
doc.getElementById("download").style.display = "none";
|
|
46
43
|
doc.getElementById("openFile").style.display = "none";
|
|
@@ -50,6 +47,7 @@ export default {
|
|
|
50
47
|
},
|
|
51
48
|
watch: {
|
|
52
49
|
pdfUrl(newValue, oldValue) {
|
|
50
|
+
this.loading = true;
|
|
53
51
|
this.init(newValue);
|
|
54
52
|
},
|
|
55
53
|
},
|
|
@@ -201,10 +201,16 @@ const Router = function (source) {
|
|
|
201
201
|
get flagFreshCurrentRow() {
|
|
202
202
|
return source.flagFreshCurrentRow;
|
|
203
203
|
},
|
|
204
|
+
set flagFreshCurrentRow(v) {
|
|
205
|
+
source.flagFreshCurrentRow=v;
|
|
206
|
+
},
|
|
204
207
|
//路由操作完成后是根据返回ID读取数据新增行
|
|
205
208
|
get flagAddRowAfterAction() {
|
|
206
209
|
return source.flagAddRowAfterAction;
|
|
207
210
|
},
|
|
211
|
+
set flagAddRowAfterAction(v) {
|
|
212
|
+
source.flagAddRowAfterAction=v;
|
|
213
|
+
},
|
|
208
214
|
get textColor() {
|
|
209
215
|
return source.textColor || '';
|
|
210
216
|
},
|