cloud-web-corejs 1.0.54-dev.745 → 1.0.54-dev.746
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 +192 -192
- package/src/App.vue +73 -71
- package/src/components/baseArea/index.vue +1628 -1628
- package/src/components/fileLibrary/categoryMoveDialog.vue +109 -109
- package/src/components/fileLibrary/fileObjAuthDialog.vue +297 -297
- package/src/components/fileLibrary/index.vue +1109 -1109
- package/src/components/fileLibrary/propertiesDialog.vue +190 -190
- package/src/components/fileLibrary/recycleBinDialog.vue +237 -237
- package/src/components/wf/mixins/setCandidateDialog.js +217 -217
- package/src/components/wf/mixins/setCandidateDialog2.js +252 -252
- package/src/components/xform/docs//345/257/271/346/257/224/345/212/237/350/203/275/350/220/275/345/234/260/346/226/271/346/241/210.md +986 -986
- package/src/components/xform/form-designer/form-widget/field-widget/area-select-widget.vue +272 -272
- package/src/components/xform/form-designer/form-widget/field-widget/baseAttachment-widget.vue +216 -216
- package/src/components/xform/form-designer/form-widget/field-widget/form-item-wrapper.vue +928 -928
- package/src/components/xform/form-designer/index.vue +195 -195
- package/src/components/xform/form-designer/indexMixin.js +848 -848
- package/src/components/xform/form-designer/setting-panel/index.vue +313 -313
- package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/columnRenderDialog.vue +124 -124
- package/src/components/xform/form-designer/setting-panel/propertyRegister.js +369 -369
- package/src/components/xform/form-designer/widget-panel/index.vue +389 -389
- package/src/components/xform/form-designer/widget-panel/indexMixin.js +343 -343
- package/src/components/xform/form-designer/widget-panel/widgetsConfig.js +4531 -4531
- package/src/components/xform/form-render/container-item/data-table-mixin.js +4748 -4576
- package/src/components/xform/form-render/container-item/tab-item.vue +125 -125
- package/src/components/xform/form-render/indexMixin.js +5061 -5078
- package/src/components/xform/lang/en-US.js +457 -457
- package/src/components/xform/lang/zh-CN.js +628 -628
- package/src/components/xform/utils/util.js +1585 -1554
- package/src/index.js +344 -230
- package/src/layout/components/AppMain.vue +122 -125
- package/src/layout/components/extractedCode/viewDialog.vue +207 -207
- package/src/layout/components/langTool.vue +128 -123
- package/src/layout/defaultLayout.vue +164 -158
- package/src/permission.js +185 -135
- package/src/store/config/index.js +667 -669
- package/src/store/modules/micro.js +46 -0
- package/src/store/modules/permission.js +461 -373
- package/src/store/modules/user.js +419 -415
- package/src/utils/auth.js +27 -1
- package/src/utils/index.js +579 -6
- package/src/utils/keepAlive.js +4 -0
- package/src/utils/menuAdapter.js +183 -0
- package/src/utils/request.js +417 -28
- package/src/views/bd/setting/formVersion/ftHistoryDialog.vue +483 -483
- package/src/views/bd/setting/form_script/form_list.vue +174 -174
- package/src/views/bd/setting/form_script/mixins/form_list.js +330 -330
- package/src/views/bd/setting/form_template/formDesignerDialog.vue +171 -171
- package/src/views/bd/setting/form_template/wfObjConfigDialog.vue +253 -253
- package/src/views/user/menuFallback/index.vue +123 -0
- package/src/views/user/wf/wfReport/index.vue +625 -625
|
@@ -1,125 +1,122 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<section class="app-main">
|
|
3
|
-
<transition name="fade-transform" mode="out-in">
|
|
4
|
-
<!-- <keep-alive :include="cachedViews"><router-view :key="key" v-if="$route.name !== 'outLink'" /></keep-alive>-->
|
|
5
|
-
|
|
6
|
-
<BaseKeepAlive :include="cachedViews">
|
|
7
|
-
<router-view :key="key" v-if="$route.name !== 'outLink'" />
|
|
8
|
-
</BaseKeepAlive>
|
|
9
|
-
|
|
10
|
-
</transition>
|
|
11
|
-
<template v-for="item in outVisitedViews">
|
|
12
|
-
<outLink
|
|
13
|
-
:ref="'ref_'+$route.path"
|
|
14
|
-
:key="item.path"
|
|
15
|
-
v-show="$route.path === item.path"
|
|
16
|
-
v-if="$route.path !== item.path || reflushFlag"
|
|
17
|
-
visible-key="reflushFlag"
|
|
18
|
-
:parent-target="_self"
|
|
19
|
-
@reload="$reloadHandle"
|
|
20
|
-
></outLink>
|
|
21
|
-
</template>
|
|
22
|
-
<!-- 挂载子应用 开始 -->
|
|
23
|
-
<section id="Appmicro" />
|
|
24
|
-
<!-- 挂载子应用 结束 -->
|
|
25
|
-
<unreadDialog></unreadDialog>
|
|
26
|
-
<watermark></watermark>
|
|
27
|
-
</section>
|
|
28
|
-
</template>
|
|
29
|
-
|
|
30
|
-
<script>
|
|
31
|
-
import outLink from '@base/views/user/outLink/index.vue';
|
|
32
|
-
import unreadDialog from "../../layout/components/notify_message/unreadDialog.vue";
|
|
33
|
-
import watermark from "./watermark";
|
|
34
|
-
import { isRepeatable } from "@base/utils/repeatOpen";
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
export default {
|
|
38
|
-
name: 'AppMain',
|
|
39
|
-
computed: {
|
|
40
|
-
cachedViews() {
|
|
41
|
-
return this.$store.state.tagsView.cachedViews.filter(item => item != 'outLink');
|
|
42
|
-
},
|
|
43
|
-
key() {
|
|
44
|
-
// 可重复打开的路由按 fullPath 作为 key,使多开实例相互独立;
|
|
45
|
-
// 其余保持按 path,行为与原来一致。
|
|
46
|
-
return isRepeatable(this.$route) ? this.$route.fullPath : this.$route.path;
|
|
47
|
-
},
|
|
48
|
-
outVisitedViews() {
|
|
49
|
-
let visitedViews = this.$store.state.tagsView.visitedViews;
|
|
50
|
-
return visitedViews.filter(visitedView => visitedView.name == 'outLink');
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
components: {
|
|
54
|
-
outLink,
|
|
55
|
-
unreadDialog,
|
|
56
|
-
watermark
|
|
57
|
-
},
|
|
58
|
-
data() {
|
|
59
|
-
return {
|
|
60
|
-
rIndex: -1,
|
|
61
|
-
reflushFlag: true
|
|
62
|
-
};
|
|
63
|
-
},
|
|
64
|
-
methods: {
|
|
65
|
-
reflushIframe(path) {
|
|
66
|
-
this.outVisitedViews.findIndex(item => item.full);
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
created() {
|
|
70
|
-
this.$baseEventBus.$on("reflushRouteView",(view)=>{
|
|
71
|
-
if(this.$route.name=="outLink"){
|
|
72
|
-
let t = this.$refs["ref_"+this.$route.path][0];
|
|
73
|
-
t.$baseReload();
|
|
74
|
-
}else{
|
|
75
|
-
this.$store.dispatch('tagsView/delCachedView', view).then(() => {
|
|
76
|
-
const { fullPath } = view
|
|
77
|
-
this.$nextTick(() => {
|
|
78
|
-
this.$router.replace({
|
|
79
|
-
path: '/redirect' + fullPath
|
|
80
|
-
})
|
|
81
|
-
})
|
|
82
|
-
})
|
|
83
|
-
}
|
|
84
|
-
})
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
</script>
|
|
88
|
-
|
|
89
|
-
<style lang="scss" scoped>
|
|
90
|
-
.app-main {
|
|
91
|
-
/* 45= navbar 45 */
|
|
92
|
-
//min-height: calc(100vh - 45px);
|
|
93
|
-
height:calc(100vh - 10px);
|
|
94
|
-
width: 100%;
|
|
95
|
-
position: relative;
|
|
96
|
-
overflow: hidden;
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<section class="app-main">
|
|
3
|
+
<transition name="fade-transform" mode="out-in">
|
|
4
|
+
<!-- <keep-alive :include="cachedViews"><router-view :key="key" v-if="$route.name !== 'outLink'" /></keep-alive>-->
|
|
5
|
+
|
|
6
|
+
<BaseKeepAlive :include="cachedViews">
|
|
7
|
+
<router-view :key="key" v-if="$route.name !== 'outLink'" />
|
|
8
|
+
</BaseKeepAlive>
|
|
9
|
+
|
|
10
|
+
</transition>
|
|
11
|
+
<template v-for="item in outVisitedViews">
|
|
12
|
+
<outLink
|
|
13
|
+
:ref="'ref_'+$route.path"
|
|
14
|
+
:key="item.path"
|
|
15
|
+
v-show="$route.path === item.path"
|
|
16
|
+
v-if="$route.path !== item.path || reflushFlag"
|
|
17
|
+
visible-key="reflushFlag"
|
|
18
|
+
:parent-target="_self"
|
|
19
|
+
@reload="$reloadHandle"
|
|
20
|
+
></outLink>
|
|
21
|
+
</template>
|
|
22
|
+
<!-- 挂载子应用 开始 -->
|
|
23
|
+
<section id="Appmicro" />
|
|
24
|
+
<!-- 挂载子应用 结束 -->
|
|
25
|
+
<unreadDialog></unreadDialog>
|
|
26
|
+
<watermark></watermark>
|
|
27
|
+
</section>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<script>
|
|
31
|
+
import outLink from '@base/views/user/outLink/index.vue';
|
|
32
|
+
import unreadDialog from "../../layout/components/notify_message/unreadDialog.vue";
|
|
33
|
+
import watermark from "./watermark";
|
|
34
|
+
import { isRepeatable } from "@base/utils/repeatOpen";
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
export default {
|
|
38
|
+
name: 'AppMain',
|
|
39
|
+
computed: {
|
|
40
|
+
cachedViews() {
|
|
41
|
+
return this.$store.state.tagsView.cachedViews.filter(item => item != 'outLink');
|
|
42
|
+
},
|
|
43
|
+
key() {
|
|
44
|
+
// 可重复打开的路由按 fullPath 作为 key,使多开实例相互独立;
|
|
45
|
+
// 其余保持按 path,行为与原来一致。
|
|
46
|
+
return isRepeatable(this.$route) ? this.$route.fullPath : this.$route.path;
|
|
47
|
+
},
|
|
48
|
+
outVisitedViews() {
|
|
49
|
+
let visitedViews = this.$store.state.tagsView.visitedViews;
|
|
50
|
+
return visitedViews.filter(visitedView => visitedView.name == 'outLink');
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
components: {
|
|
54
|
+
outLink,
|
|
55
|
+
unreadDialog,
|
|
56
|
+
watermark
|
|
57
|
+
},
|
|
58
|
+
data() {
|
|
59
|
+
return {
|
|
60
|
+
rIndex: -1,
|
|
61
|
+
reflushFlag: true
|
|
62
|
+
};
|
|
63
|
+
},
|
|
64
|
+
methods: {
|
|
65
|
+
reflushIframe(path) {
|
|
66
|
+
this.outVisitedViews.findIndex(item => item.full);
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
created() {
|
|
70
|
+
this.$baseEventBus.$on("reflushRouteView",(view)=>{
|
|
71
|
+
if(this.$route.name=="outLink"){
|
|
72
|
+
let t = this.$refs["ref_"+this.$route.path][0];
|
|
73
|
+
t.$baseReload();
|
|
74
|
+
}else{
|
|
75
|
+
this.$store.dispatch('tagsView/delCachedView', view).then(() => {
|
|
76
|
+
const { fullPath } = view
|
|
77
|
+
this.$nextTick(() => {
|
|
78
|
+
this.$router.replace({
|
|
79
|
+
path: '/redirect' + fullPath
|
|
80
|
+
})
|
|
81
|
+
})
|
|
82
|
+
})
|
|
83
|
+
}
|
|
84
|
+
})
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
</script>
|
|
88
|
+
|
|
89
|
+
<style lang="scss" scoped>
|
|
90
|
+
.app-main {
|
|
91
|
+
/* 45= navbar 45 */
|
|
92
|
+
//min-height: calc(100vh - 45px);
|
|
93
|
+
height:calc(100vh - 10px);
|
|
94
|
+
width: 100%;
|
|
95
|
+
position: relative;
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.fixed-header + .app-main {
|
|
100
|
+
padding-top: 32px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.hasTagsView {
|
|
104
|
+
.app-main {
|
|
105
|
+
/* 84 = navbar + tags-view = 45 + 34 */
|
|
106
|
+
min-height: calc(100vh - 79px);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.fixed-header + .app-main {
|
|
110
|
+
padding-top: 79px;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
</style>
|
|
114
|
+
|
|
115
|
+
<style lang="scss">
|
|
116
|
+
// fix css style bug in open el-dialog
|
|
117
|
+
.el-popup-parent--hidden {
|
|
118
|
+
.fixed-header {
|
|
119
|
+
padding-right: 15px;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
</style>
|
|
@@ -1,207 +1,207 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<el-dialog
|
|
3
|
-
:title="title"
|
|
4
|
-
:append-to-body="true"
|
|
5
|
-
:modal-append-to-body="true"
|
|
6
|
-
:close-on-click-modal="false"
|
|
7
|
-
:visible.sync="showWfDialog"
|
|
8
|
-
:modal="false"
|
|
9
|
-
custom-class="el-dialog dialog-style designer-dialog indexUse"
|
|
10
|
-
width="100%"
|
|
11
|
-
height="100%"
|
|
12
|
-
top="0px"
|
|
13
|
-
bottom="0px"
|
|
14
|
-
:destroy-on-close="true"
|
|
15
|
-
@close="wfClose"
|
|
16
|
-
>
|
|
17
|
-
<div id="containt">
|
|
18
|
-
<component
|
|
19
|
-
v-if="showWfContent && wfContent"
|
|
20
|
-
:is="wfContent"
|
|
21
|
-
visible-key="showWfContent"
|
|
22
|
-
v-bind="param"
|
|
23
|
-
:parent-target="_self"
|
|
24
|
-
:defaultShowWfContent="true"
|
|
25
|
-
:_viewType="1"
|
|
26
|
-
@reload="$reloadHandle"
|
|
27
|
-
@openDesignDialog="openDesingerDialogByChild"
|
|
28
|
-
></component>
|
|
29
|
-
<el-drawer
|
|
30
|
-
:title="$t1('表单设计({formName})', { formName })"
|
|
31
|
-
:visible.sync="showDesingerDialog"
|
|
32
|
-
:modal="false"
|
|
33
|
-
:destroy-on-close="true"
|
|
34
|
-
size="100%"
|
|
35
|
-
direction="rtl"
|
|
36
|
-
:before-close="closeFormDesignwinEvent"
|
|
37
|
-
:append-to-body="false"
|
|
38
|
-
class="designer-drawer"
|
|
39
|
-
:class="[isFullscreen ? 'is-fullscreen' : '']"
|
|
40
|
-
@close="handleFormDesignClose"
|
|
41
|
-
>
|
|
42
|
-
<el-tabs v-model="formDesTabs" type="card" class="tab-boxOnly" :stretch="true">
|
|
43
|
-
<el-tab-pane :label="$t1('设计器')" name="first">
|
|
44
|
-
<designer
|
|
45
|
-
ref="designer"
|
|
46
|
-
:formCode.sync="formCode"
|
|
47
|
-
:readonly="true"
|
|
48
|
-
@reflushTemplateList="reflushTemplateList"
|
|
49
|
-
></designer>
|
|
50
|
-
</el-tab-pane>
|
|
51
|
-
</el-tabs>
|
|
52
|
-
<el-button class="isFullIcon" v-if="!isFullscreen" @click="handleFullscreen">
|
|
53
|
-
<el-tooltip effect="dark" :content="$t1('全屏')" placement="top">
|
|
54
|
-
<i class="iconfont icon-quanping"></i>
|
|
55
|
-
</el-tooltip>
|
|
56
|
-
</el-button>
|
|
57
|
-
<el-button class="isFullIcon" v-else @click="handleFullscreen">
|
|
58
|
-
<el-tooltip effect="dark" :content="$t1('缩小')" placement="top">
|
|
59
|
-
<i class="iconfont icon-suoxiao"></i>
|
|
60
|
-
</el-tooltip>
|
|
61
|
-
</el-button>
|
|
62
|
-
</el-drawer>
|
|
63
|
-
</div>
|
|
64
|
-
</el-dialog>
|
|
65
|
-
</template>
|
|
66
|
-
|
|
67
|
-
<script>
|
|
68
|
-
import indexUtil from "@base/utils";
|
|
69
|
-
import designer from "@base/views/user/form/vform/designer.vue";
|
|
70
|
-
|
|
71
|
-
export default {
|
|
72
|
-
name: "wfContentDialog",
|
|
73
|
-
props: {
|
|
74
|
-
extractedRow: Object,
|
|
75
|
-
},
|
|
76
|
-
components: { designer },
|
|
77
|
-
data() {
|
|
78
|
-
return {
|
|
79
|
-
param: {},
|
|
80
|
-
wfContent: null,
|
|
81
|
-
showWfContent: false,
|
|
82
|
-
showWfDialog: true,
|
|
83
|
-
|
|
84
|
-
showDesingerDialog: false,
|
|
85
|
-
formCode: null,
|
|
86
|
-
formName: null,
|
|
87
|
-
isFullscreen: false,
|
|
88
|
-
formDesTabs: "first",
|
|
89
|
-
title: null,
|
|
90
|
-
};
|
|
91
|
-
},
|
|
92
|
-
mounted() {
|
|
93
|
-
this.$nextTick(() => {
|
|
94
|
-
this.openWfDialog();
|
|
95
|
-
});
|
|
96
|
-
},
|
|
97
|
-
methods: {
|
|
98
|
-
wfClose() {
|
|
99
|
-
this.showWfDialog = false;
|
|
100
|
-
this.$emit("update:visible", false);
|
|
101
|
-
this.$emit("close");
|
|
102
|
-
},
|
|
103
|
-
openWfDialog() {
|
|
104
|
-
let obj = this.extractedRow?.obj;
|
|
105
|
-
if (!obj) return;
|
|
106
|
-
let objType = this.extractedRow.objType;
|
|
107
|
-
let id = obj.id;
|
|
108
|
-
let wfDataId = id;
|
|
109
|
-
let param = {
|
|
110
|
-
readonly: true,
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
let url;
|
|
114
|
-
if (objType == "FormTemplate") {
|
|
115
|
-
url = "/bd/setting/form_template/edit.vue";
|
|
116
|
-
wfDataId = obj.formCode;
|
|
117
|
-
this.title = this.$t1("查看表单模板");
|
|
118
|
-
} else if (objType == "FormScript") {
|
|
119
|
-
if (obj.scriptType == 1) {
|
|
120
|
-
url = "/bd/setting/form_script/edit1.vue";
|
|
121
|
-
} else {
|
|
122
|
-
url = "/bd/setting/form_script/edit.vue";
|
|
123
|
-
}
|
|
124
|
-
this.title = this.$t1("查看表单脚本");
|
|
125
|
-
} else if (objType == "TableTemplate") {
|
|
126
|
-
url = "/bd/setting/table_model/edit.vue";
|
|
127
|
-
this.title = this.$t1("查看数据表定义模板");
|
|
128
|
-
}
|
|
129
|
-
this.param = Object.assign(param, {
|
|
130
|
-
_dataId: wfDataId,
|
|
131
|
-
extractedObj: obj,
|
|
132
|
-
});
|
|
133
|
-
this.wfContent = require("@base/views" + url).default;
|
|
134
|
-
|
|
135
|
-
this.showWfContent = true;
|
|
136
|
-
},
|
|
137
|
-
|
|
138
|
-
handleFormDesignClose() {
|
|
139
|
-
this.formDesTabs = "first";
|
|
140
|
-
this.showFormScriptList = false;
|
|
141
|
-
},
|
|
142
|
-
openDesingerDialog(row, callback) {
|
|
143
|
-
this.formCode = row.formCode;
|
|
144
|
-
this.formName = row.formName;
|
|
145
|
-
this.currentFormTemplate = row;
|
|
146
|
-
this.isFullscreen = false;
|
|
147
|
-
this.showDesingerDialog = true;
|
|
148
|
-
this.designerSaveCallback = callback ?? null;
|
|
149
|
-
},
|
|
150
|
-
openDesingerDialogByChild({ row, callback }) {
|
|
151
|
-
this.openDesingerDialog(row, callback);
|
|
152
|
-
},
|
|
153
|
-
reflushTemplateList() {
|
|
154
|
-
// this.searchEvent();
|
|
155
|
-
this.designerSaveCallback && this.designerSaveCallback();
|
|
156
|
-
},
|
|
157
|
-
handleFullscreen() {
|
|
158
|
-
let isFullscreen = this.isFullscreen;
|
|
159
|
-
if (!isFullscreen) {
|
|
160
|
-
indexUtil.addClass(document.body, "hideMenu");
|
|
161
|
-
} else {
|
|
162
|
-
indexUtil.removeClass(document.body, "hideMenu");
|
|
163
|
-
}
|
|
164
|
-
this.isFullscreen = !isFullscreen;
|
|
165
|
-
},
|
|
166
|
-
closeFormDesignwinEvent(done) {
|
|
167
|
-
this.$baseConfirm(this.$t1('请确认"已保存"报表模板,是否继续关闭?')).then(() => {
|
|
168
|
-
indexUtil.removeClass(document.body, "hideMenu");
|
|
169
|
-
done && done();
|
|
170
|
-
});
|
|
171
|
-
},
|
|
172
|
-
},
|
|
173
|
-
};
|
|
174
|
-
</script>
|
|
175
|
-
|
|
176
|
-
<style scoped>
|
|
177
|
-
::v-deep .tab-boxOnly > .el-tabs__header {
|
|
178
|
-
position: absolute;
|
|
179
|
-
right: 130px;
|
|
180
|
-
top: 0;
|
|
181
|
-
}
|
|
182
|
-
/*
|
|
183
|
-
::v-deep .tab-boxOnly > .el-tabs__content .el-tab-pane .el-tab-pane {
|
|
184
|
-
.detail-wrap .d-cont {
|
|
185
|
-
height: calc(100vh - 158px) !important;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.grid-height {
|
|
189
|
-
height: calc(100vh - 126px) !important;
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
::v-deep
|
|
194
|
-
.designer-drawer.is-fullscreen
|
|
195
|
-
.tab-boxOnly
|
|
196
|
-
> .el-tabs__content
|
|
197
|
-
.el-tab-pane
|
|
198
|
-
.el-tab-pane {
|
|
199
|
-
.detail-wrap .d-cont {
|
|
200
|
-
height: calc(100vh - 116px) !important;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.grid-height {
|
|
204
|
-
height: calc(100vh - 84px) !important;
|
|
205
|
-
}
|
|
206
|
-
} */
|
|
207
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<el-dialog
|
|
3
|
+
:title="title"
|
|
4
|
+
:append-to-body="true"
|
|
5
|
+
:modal-append-to-body="true"
|
|
6
|
+
:close-on-click-modal="false"
|
|
7
|
+
:visible.sync="showWfDialog"
|
|
8
|
+
:modal="false"
|
|
9
|
+
custom-class="el-dialog dialog-style designer-dialog indexUse"
|
|
10
|
+
width="100%"
|
|
11
|
+
height="100%"
|
|
12
|
+
top="0px"
|
|
13
|
+
bottom="0px"
|
|
14
|
+
:destroy-on-close="true"
|
|
15
|
+
@close="wfClose"
|
|
16
|
+
>
|
|
17
|
+
<div id="containt">
|
|
18
|
+
<component
|
|
19
|
+
v-if="showWfContent && wfContent"
|
|
20
|
+
:is="wfContent"
|
|
21
|
+
visible-key="showWfContent"
|
|
22
|
+
v-bind="param"
|
|
23
|
+
:parent-target="_self"
|
|
24
|
+
:defaultShowWfContent="true"
|
|
25
|
+
:_viewType="1"
|
|
26
|
+
@reload="$reloadHandle"
|
|
27
|
+
@openDesignDialog="openDesingerDialogByChild"
|
|
28
|
+
></component>
|
|
29
|
+
<el-drawer
|
|
30
|
+
:title="$t1('表单设计({formName})', { formName })"
|
|
31
|
+
:visible.sync="showDesingerDialog"
|
|
32
|
+
:modal="false"
|
|
33
|
+
:destroy-on-close="true"
|
|
34
|
+
size="100%"
|
|
35
|
+
direction="rtl"
|
|
36
|
+
:before-close="closeFormDesignwinEvent"
|
|
37
|
+
:append-to-body="false"
|
|
38
|
+
class="designer-drawer"
|
|
39
|
+
:class="[isFullscreen ? 'is-fullscreen' : '']"
|
|
40
|
+
@close="handleFormDesignClose"
|
|
41
|
+
>
|
|
42
|
+
<el-tabs v-model="formDesTabs" type="card" class="tab-boxOnly" :stretch="true">
|
|
43
|
+
<el-tab-pane :label="$t1('设计器')" name="first">
|
|
44
|
+
<designer
|
|
45
|
+
ref="designer"
|
|
46
|
+
:formCode.sync="formCode"
|
|
47
|
+
:readonly="true"
|
|
48
|
+
@reflushTemplateList="reflushTemplateList"
|
|
49
|
+
></designer>
|
|
50
|
+
</el-tab-pane>
|
|
51
|
+
</el-tabs>
|
|
52
|
+
<el-button class="isFullIcon" v-if="!isFullscreen" @click="handleFullscreen">
|
|
53
|
+
<el-tooltip effect="dark" :content="$t1('全屏')" placement="top">
|
|
54
|
+
<i class="iconfont icon-quanping"></i>
|
|
55
|
+
</el-tooltip>
|
|
56
|
+
</el-button>
|
|
57
|
+
<el-button class="isFullIcon" v-else @click="handleFullscreen">
|
|
58
|
+
<el-tooltip effect="dark" :content="$t1('缩小')" placement="top">
|
|
59
|
+
<i class="iconfont icon-suoxiao"></i>
|
|
60
|
+
</el-tooltip>
|
|
61
|
+
</el-button>
|
|
62
|
+
</el-drawer>
|
|
63
|
+
</div>
|
|
64
|
+
</el-dialog>
|
|
65
|
+
</template>
|
|
66
|
+
|
|
67
|
+
<script>
|
|
68
|
+
import indexUtil from "@base/utils";
|
|
69
|
+
import designer from "@base/views/user/form/vform/designer.vue";
|
|
70
|
+
|
|
71
|
+
export default {
|
|
72
|
+
name: "wfContentDialog",
|
|
73
|
+
props: {
|
|
74
|
+
extractedRow: Object,
|
|
75
|
+
},
|
|
76
|
+
components: { designer },
|
|
77
|
+
data() {
|
|
78
|
+
return {
|
|
79
|
+
param: {},
|
|
80
|
+
wfContent: null,
|
|
81
|
+
showWfContent: false,
|
|
82
|
+
showWfDialog: true,
|
|
83
|
+
|
|
84
|
+
showDesingerDialog: false,
|
|
85
|
+
formCode: null,
|
|
86
|
+
formName: null,
|
|
87
|
+
isFullscreen: false,
|
|
88
|
+
formDesTabs: "first",
|
|
89
|
+
title: null,
|
|
90
|
+
};
|
|
91
|
+
},
|
|
92
|
+
mounted() {
|
|
93
|
+
this.$nextTick(() => {
|
|
94
|
+
this.openWfDialog();
|
|
95
|
+
});
|
|
96
|
+
},
|
|
97
|
+
methods: {
|
|
98
|
+
wfClose() {
|
|
99
|
+
this.showWfDialog = false;
|
|
100
|
+
this.$emit("update:visible", false);
|
|
101
|
+
this.$emit("close");
|
|
102
|
+
},
|
|
103
|
+
openWfDialog() {
|
|
104
|
+
let obj = this.extractedRow?.obj;
|
|
105
|
+
if (!obj) return;
|
|
106
|
+
let objType = this.extractedRow.objType;
|
|
107
|
+
let id = obj.id;
|
|
108
|
+
let wfDataId = id;
|
|
109
|
+
let param = {
|
|
110
|
+
readonly: true,
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
let url;
|
|
114
|
+
if (objType == "FormTemplate") {
|
|
115
|
+
url = "/bd/setting/form_template/edit.vue";
|
|
116
|
+
wfDataId = obj.formCode;
|
|
117
|
+
this.title = this.$t1("查看表单模板");
|
|
118
|
+
} else if (objType == "FormScript") {
|
|
119
|
+
if (obj.scriptType == 1) {
|
|
120
|
+
url = "/bd/setting/form_script/edit1.vue";
|
|
121
|
+
} else {
|
|
122
|
+
url = "/bd/setting/form_script/edit.vue";
|
|
123
|
+
}
|
|
124
|
+
this.title = this.$t1("查看表单脚本");
|
|
125
|
+
} else if (objType == "TableTemplate") {
|
|
126
|
+
url = "/bd/setting/table_model/edit.vue";
|
|
127
|
+
this.title = this.$t1("查看数据表定义模板");
|
|
128
|
+
}
|
|
129
|
+
this.param = Object.assign(param, {
|
|
130
|
+
_dataId: wfDataId,
|
|
131
|
+
extractedObj: obj,
|
|
132
|
+
});
|
|
133
|
+
this.wfContent = require("@base/views" + url).default;
|
|
134
|
+
|
|
135
|
+
this.showWfContent = true;
|
|
136
|
+
},
|
|
137
|
+
|
|
138
|
+
handleFormDesignClose() {
|
|
139
|
+
this.formDesTabs = "first";
|
|
140
|
+
this.showFormScriptList = false;
|
|
141
|
+
},
|
|
142
|
+
openDesingerDialog(row, callback) {
|
|
143
|
+
this.formCode = row.formCode;
|
|
144
|
+
this.formName = row.formName;
|
|
145
|
+
this.currentFormTemplate = row;
|
|
146
|
+
this.isFullscreen = false;
|
|
147
|
+
this.showDesingerDialog = true;
|
|
148
|
+
this.designerSaveCallback = callback ?? null;
|
|
149
|
+
},
|
|
150
|
+
openDesingerDialogByChild({ row, callback }) {
|
|
151
|
+
this.openDesingerDialog(row, callback);
|
|
152
|
+
},
|
|
153
|
+
reflushTemplateList() {
|
|
154
|
+
// this.searchEvent();
|
|
155
|
+
this.designerSaveCallback && this.designerSaveCallback();
|
|
156
|
+
},
|
|
157
|
+
handleFullscreen() {
|
|
158
|
+
let isFullscreen = this.isFullscreen;
|
|
159
|
+
if (!isFullscreen) {
|
|
160
|
+
indexUtil.addClass(document.body, "hideMenu");
|
|
161
|
+
} else {
|
|
162
|
+
indexUtil.removeClass(document.body, "hideMenu");
|
|
163
|
+
}
|
|
164
|
+
this.isFullscreen = !isFullscreen;
|
|
165
|
+
},
|
|
166
|
+
closeFormDesignwinEvent(done) {
|
|
167
|
+
this.$baseConfirm(this.$t1('请确认"已保存"报表模板,是否继续关闭?')).then(() => {
|
|
168
|
+
indexUtil.removeClass(document.body, "hideMenu");
|
|
169
|
+
done && done();
|
|
170
|
+
});
|
|
171
|
+
},
|
|
172
|
+
},
|
|
173
|
+
};
|
|
174
|
+
</script>
|
|
175
|
+
|
|
176
|
+
<style scoped>
|
|
177
|
+
::v-deep .tab-boxOnly > .el-tabs__header {
|
|
178
|
+
position: absolute;
|
|
179
|
+
right: 130px;
|
|
180
|
+
top: 0;
|
|
181
|
+
}
|
|
182
|
+
/*
|
|
183
|
+
::v-deep .tab-boxOnly > .el-tabs__content .el-tab-pane .el-tab-pane {
|
|
184
|
+
.detail-wrap .d-cont {
|
|
185
|
+
height: calc(100vh - 158px) !important;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.grid-height {
|
|
189
|
+
height: calc(100vh - 126px) !important;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
::v-deep
|
|
194
|
+
.designer-drawer.is-fullscreen
|
|
195
|
+
.tab-boxOnly
|
|
196
|
+
> .el-tabs__content
|
|
197
|
+
.el-tab-pane
|
|
198
|
+
.el-tab-pane {
|
|
199
|
+
.detail-wrap .d-cont {
|
|
200
|
+
height: calc(100vh - 116px) !important;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.grid-height {
|
|
204
|
+
height: calc(100vh - 84px) !important;
|
|
205
|
+
}
|
|
206
|
+
} */
|
|
207
|
+
</style>
|