b2eacbc4 by 任超

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: '发起申请' }
......
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: "确认", //确认按钮文字更换
......
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
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