style:工作流
Showing
25 changed files
with
14 additions
and
216 deletions
... | @@ -29,7 +29,7 @@ export const constantRoutes = [ | ... | @@ -29,7 +29,7 @@ export const constantRoutes = [ |
29 | // 业务流程框架 | 29 | // 业务流程框架 |
30 | { | 30 | { |
31 | path: '/workFrame', | 31 | path: '/workFrame', |
32 | component: () => import('@/views/ywbl/fqsq/workFrame.vue'), | 32 | component: () => import('@/views/workflow/workFrame.vue'), |
33 | name: 'workFrame', | 33 | name: 'workFrame', |
34 | hidden: true, | 34 | hidden: true, |
35 | meta: { title: '发起申请' } | 35 | meta: { title: '发起申请' } |
... | ... |
File moved
1 | //流程环节操作按钮 | 1 | //流程环节操作按钮 |
2 | export function getForm(tabName) { | 2 | export function getForm (tabName) { |
3 | let form; | 3 | let form; |
4 | switch (tabName) { | 4 | switch (tabName) { |
5 | case "slxx": | 5 | case "slxx": |
6 | form = require("@/views/ywbl/fqsq/components/slxx.vue"); | 6 | form = require("@/views/workflow/components/slxx.vue"); |
7 | break; | 7 | break; |
8 | case "slxxCfdj": | 8 | case "slxxCfdj": |
9 | form = require("@/views/ywbl/fqsq/components/slxxCfdj.vue"); | 9 | form = require("@/views/workflow/components/slxxCfdj.vue"); |
10 | break; | 10 | break; |
11 | case "clxx": | 11 | case "clxx": |
12 | form = require("@/views/ywbl/fqsq/components/clxx.vue"); | 12 | form = require("@/views/workflow/components/clxx.vue"); |
13 | break; | 13 | break; |
14 | case "spyj": | 14 | case "spyj": |
15 | form = require("@/views/ywbl/fqsq/components/spyj.vue"); | 15 | form = require("@/views/workflow/components/spyj.vue"); |
16 | break; | 16 | break; |
17 | case "zdjbxx": | 17 | case "zdjbxx": |
18 | form = require("@/views/zhcx/djbcx/components/zdxx.vue"); | 18 | form = require("@/views/zhcx/djbcx/components/zdxx.vue"); |
... | @@ -21,10 +21,10 @@ export function getForm(tabName) { | ... | @@ -21,10 +21,10 @@ export function getForm(tabName) { |
21 | form = require("@/views/zhcx/djbcx/components/jsydsyq.vue"); | 21 | form = require("@/views/zhcx/djbcx/components/jsydsyq.vue"); |
22 | break; | 22 | break; |
23 | case "szxx": | 23 | case "szxx": |
24 | form = require("@/views/ywbl/fqsq/components/szxx.vue"); | 24 | form = require("@/views/workflow/components/szxx.vue"); |
25 | break; | 25 | break; |
26 | case "fzxx": | 26 | case "fzxx": |
27 | form = require("@/views/ywbl/fqsq/components/fzxx.vue"); | 27 | form = require("@/views/workflow/components/fzxx.vue"); |
28 | break; | 28 | break; |
29 | } | 29 | } |
30 | 30 | ||
... | ... |
... | @@ -122,13 +122,13 @@ | ... | @@ -122,13 +122,13 @@ |
122 | } | 122 | } |
123 | 123 | ||
124 | .map-drawer-expand { | 124 | .map-drawer-expand { |
125 | background: url("../../../image/right.png"); | 125 | background: url("../../image/right.png"); |
126 | background-size: cover; | 126 | background-size: cover; |
127 | right: 0%; | 127 | right: 0%; |
128 | } | 128 | } |
129 | 129 | ||
130 | .map-drawer-click { | 130 | .map-drawer-click { |
131 | background: url("../../../image/left.png"); | 131 | background: url("../../image/left.png"); |
132 | background-size: cover; | 132 | background-size: cover; |
133 | left: 0%; | 133 | left: 0%; |
134 | } | 134 | } |
... | ... |
... | @@ -74,9 +74,9 @@ import { | ... | @@ -74,9 +74,9 @@ import { |
74 | record, | 74 | record, |
75 | getNextLinkInfo, | 75 | getNextLinkInfo, |
76 | completeTask, | 76 | completeTask, |
77 | } from "@/api/fqsq.js"; | 77 | } from "@/api/fqsq.js" |
78 | import { getWorkFlowImage } from "@/api/jsydsyqFlow.js" | 78 | import { getWorkFlowImage } from "@/api/jsydsyqFlow.js" |
79 | import { getForm } from "./flowform.js"; | 79 | import { getForm } from "./flowform.js" |
80 | export default { | 80 | export default { |
81 | data () { | 81 | data () { |
82 | return { | 82 | return { |
... | @@ -115,7 +115,7 @@ export default { | ... | @@ -115,7 +115,7 @@ export default { |
115 | clxxIndex: "", | 115 | clxxIndex: "", |
116 | //材料信息选项卡对象 | 116 | //材料信息选项卡对象 |
117 | clxxTab: {}, | 117 | clxxTab: {}, |
118 | }; | 118 | } |
119 | }, | 119 | }, |
120 | mounted () { | 120 | mounted () { |
121 | this.loadBdcdylist(); | 121 | this.loadBdcdylist(); |
... | @@ -145,7 +145,7 @@ export default { | ... | @@ -145,7 +145,7 @@ export default { |
145 | //默认加载第一个选项卡的组件内容 | 145 | //默认加载第一个选项卡的组件内容 |
146 | this.getFromRouter(res.result.form[0].value); | 146 | this.getFromRouter(res.result.form[0].value); |
147 | } | 147 | } |
148 | }); | 148 | }) |
149 | }, | 149 | }, |
150 | //流程环节操作按钮 | 150 | //流程环节操作按钮 |
151 | operation (index, item) { | 151 | operation (index, item) { |
... | @@ -185,7 +185,6 @@ export default { | ... | @@ -185,7 +185,6 @@ export default { |
185 | this.send(res.result); | 185 | this.send(res.result); |
186 | } | 186 | } |
187 | }); | 187 | }); |
188 | // this.$alert(res.result); | ||
189 | break; | 188 | break; |
190 | case "tc": | 189 | case "tc": |
191 | window.close(); | 190 | window.close(); |
... | @@ -194,7 +193,6 @@ export default { | ... | @@ -194,7 +193,6 @@ export default { |
194 | var formdata = new FormData(); | 193 | var formdata = new FormData(); |
195 | formdata.append("bsmSlsq", this.bsmSlsq); | 194 | formdata.append("bsmSlsq", this.bsmSlsq); |
196 | formdata.append("bestepid", this.bestepid); | 195 | formdata.append("bestepid", this.bestepid); |
197 | // comMsg; | ||
198 | this.$confirm("请确认是否登簿", "提示", { | 196 | this.$confirm("请确认是否登簿", "提示", { |
199 | iconClass: "el-icon-question", //自定义图标样式 | 197 | iconClass: "el-icon-question", //自定义图标样式 |
200 | confirmButtonText: "确认", //确认按钮文字更换 | 198 | confirmButtonText: "确认", //确认按钮文字更换 |
... | ... |
src/views/ywbl/fqsq/flowform.js
deleted
100644 → 0
1 | //流程环节操作按钮 | ||
2 | export function getForm(tabName) { | ||
3 | let form; | ||
4 | switch (tabName) { | ||
5 | case "slxx": | ||
6 | form = require("@/views/ywbl/fqsq/components/slxx.vue"); | ||
7 | break; | ||
8 | case "slxxCfdj": | ||
9 | form = require("@/views/ywbl/fqsq/components/slxxCfdj.vue"); | ||
10 | break; | ||
11 | case "clxx": | ||
12 | form = require("@/views/ywbl/fqsq/components/clxx.vue"); | ||
13 | break; | ||
14 | case "spyj": | ||
15 | form = require("@/views/ywbl/fqsq/components/spyj.vue"); | ||
16 | break; | ||
17 | case "zdjbxx": | ||
18 | form = require("@/views/zhcx/djbcx/components/zdxx.vue"); | ||
19 | break; | ||
20 | case "qlxx": | ||
21 | form = require("@/views/zhcx/djbcx/components/jsydsyq.vue"); | ||
22 | break; | ||
23 | case "szxx": | ||
24 | form = require("@/views/ywbl/fqsq/components/szxx.vue"); | ||
25 | break; | ||
26 | case "fzxx": | ||
27 | form = require("@/views/ywbl/fqsq/components/fzxx.vue"); | ||
28 | break; | ||
29 | } | ||
30 | |||
31 | return (r) => require.ensure([], () => r(form)); | ||
32 | } | ||
33 |
src/views/ywbl/fqsq/fqsq废弃.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
src/views/ywbl/fqsq/images/1.png
deleted
100644 → 0

2.97 KB
src/views/ywbl/fqsq/images/2.png
deleted
100644 → 0

3.31 KB
src/views/ywbl/fqsq/images/3.png
deleted
100644 → 0

3.47 KB
src/views/ywbl/fqsq/workFrame.scss
deleted
100644 → 0
1 | .containerFrame { | ||
2 | height: 100%; | ||
3 | width: 100%; | ||
4 | position: sticky; | ||
5 | top: 80px; | ||
6 | border: 1px solid #ebeef5; | ||
7 | z-index: 100; | ||
8 | @include flex; | ||
9 | } | ||
10 | |||
11 | .leftmenu { | ||
12 | width: 0; | ||
13 | transition: all 0.3s; | ||
14 | border-right: 1px solid #ebeef5; | ||
15 | position: relative; | ||
16 | box-sizing: border-box; | ||
17 | padding-right: 5px; | ||
18 | |||
19 | .title { | ||
20 | line-height: 36px; | ||
21 | text-align: center; | ||
22 | } | ||
23 | |||
24 | .title-detail { | ||
25 | display: flex; | ||
26 | flex-wrap: wrap; | ||
27 | width: 100%; | ||
28 | } | ||
29 | |||
30 | ul { | ||
31 | position: relative; | ||
32 | |||
33 | .xian { | ||
34 | background: #f2f2f2; | ||
35 | padding: 2px; | ||
36 | } | ||
37 | |||
38 | .title { | ||
39 | padding: 5px; | ||
40 | text-align: center; | ||
41 | } | ||
42 | |||
43 | li { | ||
44 | padding: 5px; | ||
45 | font-size: 14px; | ||
46 | line-height: 20px; | ||
47 | cursor: pointer; | ||
48 | } | ||
49 | |||
50 | li:hover { | ||
51 | color: #0f93f6; | ||
52 | cursor: pointer; | ||
53 | } | ||
54 | } | ||
55 | } | ||
56 | |||
57 | .animation-map-drawer { | ||
58 | width: 260px; | ||
59 | } | ||
60 | |||
61 | /deep/.el-menu-item { | ||
62 | padding-left: 5px !important; | ||
63 | } | ||
64 | |||
65 | /deep/.el-tabs__header { | ||
66 | margin-bottom: 0 !important; | ||
67 | } | ||
68 | |||
69 | /deep/.el-menu-item.is-active { | ||
70 | background-color: #e7f4fe; | ||
71 | } | ||
72 | |||
73 | .leftCon { | ||
74 | flex: 1; | ||
75 | width: calc(100% - 260px); | ||
76 | display: flex; | ||
77 | } | ||
78 | |||
79 | .splitScreen-con { | ||
80 | flex: 1; | ||
81 | width: 0; | ||
82 | } | ||
83 | |||
84 | .rightContainer { | ||
85 | flex: 1; | ||
86 | width: 0; | ||
87 | height: calc(100vh - 80px); | ||
88 | } | ||
89 | |||
90 | /deep/.el-tabs { | ||
91 | box-sizing: border-box; | ||
92 | padding: 0 5px; | ||
93 | width: 100%; | ||
94 | } | ||
95 | |||
96 | .svg-icon { | ||
97 | width: 2.5em; | ||
98 | height: 2.5em; | ||
99 | } | ||
100 | |||
101 | .iconName { | ||
102 | line-height: 24px; | ||
103 | font-size: 12px; | ||
104 | } | ||
105 | |||
106 | .container { | ||
107 | width: 100%; | ||
108 | height: 100%; | ||
109 | padding: 0; | ||
110 | box-sizing: border-box; | ||
111 | background-color: #ffffff; | ||
112 | overflow: hidden; | ||
113 | } | ||
114 | |||
115 | .map-drawer { | ||
116 | width: 20px; | ||
117 | height: 79px; | ||
118 | position: absolute; | ||
119 | top: 30%; | ||
120 | z-index: 99; | ||
121 | cursor: pointer; | ||
122 | } | ||
123 | |||
124 | .map-drawer-expand { | ||
125 | background: url("../../../image/right.png"); | ||
126 | background-size: cover; | ||
127 | right: 0%; | ||
128 | } | ||
129 | |||
130 | .map-drawer-click { | ||
131 | background: url("../../../image/left.png"); | ||
132 | background-size: cover; | ||
133 | left: 0%; | ||
134 | } | ||
135 | |||
136 | |||
137 | .topButton { | ||
138 | @include flex; | ||
139 | width: 100%; | ||
140 | height: 80px; | ||
141 | background-color: #3498db; | ||
142 | color: #ffffff; | ||
143 | justify-content: space-between; | ||
144 | padding-left: 15px; | ||
145 | position: sticky; | ||
146 | top: 0; | ||
147 | z-index: 100; | ||
148 | |||
149 | ul { | ||
150 | @include flex; | ||
151 | |||
152 | li { | ||
153 | @include flex-center; | ||
154 | cursor: pointer; | ||
155 | flex-direction: column; | ||
156 | margin-right: 15px; | ||
157 | box-sizing: border-box; | ||
158 | width: 70px; | ||
159 | margin: 0 5px; | ||
160 | } | ||
161 | |||
162 | li:hover { | ||
163 | border: 1px solid #ffffff; | ||
164 | border-radius: 5px; | ||
165 | } | ||
166 | } | ||
167 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or sign in to post a comment