style:wolkflow
Showing
7 changed files
with
236 additions
and
449 deletions
1 | const getters = { | 1 | const getters = { |
2 | sidebar: state => state.app.sidebar, | 2 | sidebar: state => state.app.sidebar, |
3 | size: state => state.app.size, | 3 | size: state => state.app.size, |
4 | flag: state => state.app.splitScreen, | ||
4 | visitedViews: state => state.tagsView.visitedViews, | 5 | visitedViews: state => state.tagsView.visitedViews, |
5 | cachedViews: state => state.tagsView.cachedViews, | 6 | cachedViews: state => state.tagsView.cachedViews, |
6 | token: state => state.user.token, | 7 | token: state => state.user.token, | ... | ... |
... | @@ -2,7 +2,8 @@ import Cookies from 'js-cookie' | ... | @@ -2,7 +2,8 @@ import Cookies from 'js-cookie' |
2 | 2 | ||
3 | const state = { | 3 | const state = { |
4 | size: 'small', | 4 | size: 'small', |
5 | theme: '#409EFF' | 5 | theme: '#409EFF', |
6 | splitScreen: false | ||
6 | } | 7 | } |
7 | 8 | ||
8 | const mutations = { | 9 | const mutations = { |
... | @@ -13,6 +14,9 @@ const mutations = { | ... | @@ -13,6 +14,9 @@ const mutations = { |
13 | UPDATE_THEME (state, val) { | 14 | UPDATE_THEME (state, val) { |
14 | state.theme = val; | 15 | state.theme = val; |
15 | }, | 16 | }, |
17 | SET_SCREEN (state, val) { | ||
18 | state.splitScreen = val; | ||
19 | } | ||
16 | } | 20 | } |
17 | 21 | ||
18 | const actions = { | 22 | const actions = { |
... | @@ -21,6 +25,9 @@ const actions = { | ... | @@ -21,6 +25,9 @@ const actions = { |
21 | }, | 25 | }, |
22 | updateTheme ({ commit }, val) { | 26 | updateTheme ({ commit }, val) { |
23 | commit('UPDATE_THEME', val) | 27 | commit('UPDATE_THEME', val) |
28 | }, | ||
29 | settScreen ({ commit }, val) { | ||
30 | commit('SET_SCREEN', val) | ||
24 | } | 31 | } |
25 | } | 32 | } |
26 | 33 | ... | ... |
... | @@ -349,8 +349,8 @@ export default { | ... | @@ -349,8 +349,8 @@ export default { |
349 | .clxx { | 349 | .clxx { |
350 | width: 100%; | 350 | width: 100%; |
351 | display: flex; | 351 | display: flex; |
352 | padding-left: 15px; | 352 | padding-left: 5px; |
353 | height: calc(100vh - 150px); | 353 | height: calc(100vh - 90px); |
354 | 354 | ||
355 | .left { | 355 | .left { |
356 | display: flex; | 356 | display: flex; |
... | @@ -358,12 +358,12 @@ export default { | ... | @@ -358,12 +358,12 @@ export default { |
358 | justify-content: space-between; | 358 | justify-content: space-between; |
359 | 359 | ||
360 | .item { | 360 | .item { |
361 | width: 42px; | 361 | width: 28px; |
362 | height: 49%; | 362 | height: 49%; |
363 | @include flex-center; | 363 | @include flex-center; |
364 | background-color: #E4E7ED; | 364 | background-color: #E4E7ED; |
365 | border-bottom-right-radius: 10px; | 365 | border-bottom-right-radius: 10px; |
366 | padding: 15px; | 366 | padding: 5px; |
367 | cursor: pointer; | 367 | cursor: pointer; |
368 | transition: all 0.3s; | 368 | transition: all 0.3s; |
369 | 369 | ||
... | @@ -376,8 +376,6 @@ export default { | ... | @@ -376,8 +376,6 @@ export default { |
376 | .right { | 376 | .right { |
377 | width: 100%; | 377 | width: 100%; |
378 | height: 100%; | 378 | height: 100%; |
379 | padding: 0 15px; | ||
380 | |||
381 | .clmlmx-box { | 379 | .clmlmx-box { |
382 | margin: 0 auto; | 380 | margin: 0 auto; |
383 | 381 | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="slxx"> | 2 | <div class="slxx"> |
3 | <el-form | 3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" |
4 | :model="ruleForm" | 4 | label-width="120px"> |
5 | :rules="rules" | ||
6 | ref="ruleForm" | ||
7 | :label-position="flagTop" | ||
8 | :inline="flag" | ||
9 | label-width="120px" | ||
10 | > | ||
11 | <div class="slxx_con"> | 5 | <div class="slxx_con"> |
12 | <div class="slxx_title">受理信息</div> | 6 | <div class="slxx_title">受理信息</div> |
13 | <el-row :gutter="10"> | 7 | <el-row :gutter="10"> |
14 | <el-col :span="8"> | 8 | <el-col :span="8"> |
15 | <el-form-item | 9 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> |
16 | :class="flag ? 'marginBot0' : ''" | ||
17 | label="业务号:" | ||
18 | prop="ywh" | ||
19 | > | ||
20 | <el-input disabled v-model="ruleForm.ywh"></el-input> | 10 | <el-input disabled v-model="ruleForm.ywh"></el-input> |
21 | </el-form-item> | 11 | </el-form-item> |
22 | </el-col> | 12 | </el-col> |
23 | <el-col :span="8"> | 13 | <el-col :span="8"> |
24 | <el-form-item | 14 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> |
25 | :class="flag ? 'marginBot0' : ''" | ||
26 | label="受理人员:" | ||
27 | prop="slry" | ||
28 | > | ||
29 | <el-input disabled v-model="ruleForm.slry"></el-input> | 15 | <el-input disabled v-model="ruleForm.slry"></el-input> |
30 | </el-form-item> | 16 | </el-form-item> |
31 | </el-col> | 17 | </el-col> |
32 | <el-col :span="8"> | 18 | <el-col :span="8"> |
33 | <el-form-item | 19 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> |
34 | :class="flag ? 'marginBot0' : ''" | ||
35 | label="受理时间:" | ||
36 | prop="slsj" | ||
37 | > | ||
38 | <el-input disabled v-model="ruleForm.slsj"></el-input> | 20 | <el-input disabled v-model="ruleForm.slsj"></el-input> |
39 | </el-form-item> | 21 | </el-form-item> |
40 | </el-col> | 22 | </el-col> |
41 | </el-row> | 23 | </el-row> |
42 | <el-row :gutter="10"> | 24 | <el-row :gutter="10"> |
43 | <el-col :span="8"> | 25 | <el-col :span="8"> |
44 | <el-form-item | 26 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> |
45 | :class="flag ? 'marginBot0' : ''" | 27 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> |
46 | label="权利类型:" | 28 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
47 | prop="qllx" | ||
48 | > | ||
49 | <el-select | ||
50 | disabled | ||
51 | v-model="ruleForm.qllx" | ||
52 | filterable | ||
53 | clearable | ||
54 | placeholder="请选择权利类型" | ||
55 | > | ||
56 | <el-option | ||
57 | v-for="item in dictData['A8']" | ||
58 | :key="item.dcode" | ||
59 | :label="item.dname" | ||
60 | :value="item.dcode" | ||
61 | > | ||
62 | </el-option> | 29 | </el-option> |
63 | </el-select> | 30 | </el-select> |
64 | </el-form-item> | 31 | </el-form-item> |
65 | </el-col> | 32 | </el-col> |
66 | <el-col :span="8"> | 33 | <el-col :span="8"> |
67 | <el-form-item | 34 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> |
68 | :class="flag ? 'marginBot0' : ''" | 35 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> |
69 | label="登记类型:" | 36 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
70 | prop="djlx" | ||
71 | > | ||
72 | <el-select | ||
73 | disabled | ||
74 | v-model="ruleForm.djlx" | ||
75 | filterable | ||
76 | clearable | ||
77 | placeholder="请选择登记类型" | ||
78 | > | ||
79 | <el-option | ||
80 | v-for="item in dictData['A21']" | ||
81 | :key="item.dcode" | ||
82 | :label="item.dname" | ||
83 | :value="item.dcode" | ||
84 | > | ||
85 | </el-option> | 37 | </el-option> |
86 | </el-select> | 38 | </el-select> |
87 | </el-form-item> | 39 | </el-form-item> |
88 | </el-col> | 40 | </el-col> |
89 | <el-col :span="8"> | 41 | <el-col :span="8"> |
90 | <el-form-item | 42 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> |
91 | :class="flag ? 'marginBot0' : ''" | ||
92 | label="登记情形:" | ||
93 | prop="djqx" | ||
94 | > | ||
95 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | 43 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> |
96 | </el-form-item> | 44 | </el-form-item> |
97 | </el-col> | 45 | </el-col> |
... | @@ -99,71 +47,36 @@ | ... | @@ -99,71 +47,36 @@ |
99 | <div class="slxx_title">不动产单元情况</div> | 47 | <div class="slxx_title">不动产单元情况</div> |
100 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
101 | <el-col :span="8"> | 49 | <el-col :span="8"> |
102 | <el-form-item | 50 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码:" prop="zddm"> |
103 | :class="flag ? 'marginBot0' : ''" | ||
104 | label="宗地代码:" | ||
105 | prop="zddm" | ||
106 | > | ||
107 | <el-input disabled v-model="ruleForm.zddm"></el-input> | 51 | <el-input disabled v-model="ruleForm.zddm"></el-input> |
108 | </el-form-item> | 52 | </el-form-item> |
109 | </el-col> | 53 | </el-col> |
110 | <el-col :span="8"> | 54 | <el-col :span="8"> |
111 | <el-form-item | 55 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> |
112 | :class="flag ? 'marginBot0' : ''" | ||
113 | label="不动产单元号:" | ||
114 | prop="bdcdyh" | ||
115 | > | ||
116 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | 56 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> |
117 | </el-form-item> | 57 | </el-form-item> |
118 | </el-col> | 58 | </el-col> |
119 | <el-col :span="8"> | 59 | <el-col :span="8"> |
120 | <el-form-item | 60 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxzmc"> |
121 | :class="flag ? 'marginBot0' : ''" | ||
122 | label="权利性质:" | ||
123 | prop="qlxzmc" | ||
124 | > | ||
125 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | 61 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> |
126 | </el-form-item> | 62 | </el-form-item> |
127 | </el-col> | 63 | </el-col> |
128 | </el-row> | 64 | </el-row> |
129 | <el-row :gutter="10"> | 65 | <el-row :gutter="10"> |
130 | <el-col :span="8"> | 66 | <el-col :span="8"> |
131 | <el-form-item | 67 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积:" prop="zdmj"> |
132 | :class="flag ? 'marginBot0' : ''" | ||
133 | label="宗地面积:" | ||
134 | prop="zdmj" | ||
135 | > | ||
136 | <el-input disabled v-model="ruleForm.zdmj"></el-input> | 68 | <el-input disabled v-model="ruleForm.zdmj"></el-input> |
137 | </el-form-item> | 69 | </el-form-item> |
138 | </el-col> | 70 | </el-col> |
139 | <el-col :span="8"> | 71 | <el-col :span="8"> |
140 | <el-form-item | 72 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途:" prop="ghytmc"> |
141 | :class="flag ? 'marginBot0' : ''" | ||
142 | label="土地用途:" | ||
143 | prop="ghytmc" | ||
144 | > | ||
145 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | 73 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> |
146 | </el-form-item> | 74 | </el-form-item> |
147 | </el-col> | 75 | </el-col> |
148 | <el-col :span="8"> | 76 | <el-col :span="8"> |
149 | <el-form-item | 77 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式:" prop="qlsdfs"> |
150 | :class="flag ? 'marginBot0' : ''" | 78 | <el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式"> |
151 | label="权利设定方式:" | 79 | <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value"> |
152 | prop="qlsdfs" | ||
153 | > | ||
154 | <el-select | ||
155 | disabled | ||
156 | v-model="ruleForm.qlsdfs" | ||
157 | filterable | ||
158 | clearable | ||
159 | placeholder="请选择权利设定方式" | ||
160 | > | ||
161 | <el-option | ||
162 | v-for="item in qlsdfsOption" | ||
163 | :key="item.value" | ||
164 | :label="item.label" | ||
165 | :value="item.value" | ||
166 | > | ||
167 | </el-option> | 80 | </el-option> |
168 | </el-select> | 81 | </el-select> |
169 | </el-form-item> | 82 | </el-form-item> |
... | @@ -171,53 +84,33 @@ | ... | @@ -171,53 +84,33 @@ |
171 | </el-row> | 84 | </el-row> |
172 | <el-row :gutter="10"> | 85 | <el-row :gutter="10"> |
173 | <el-col :span="8"> | 86 | <el-col :span="8"> |
174 | <el-form-item | 87 | <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格:" prop="qdjg"> |
175 | :class="flag ? 'marginBot0' : ''" | ||
176 | label="取得价格:" | ||
177 | prop="qdjg" | ||
178 | > | ||
179 | <el-input disabled v-model="ruleForm.qdjg"></el-input> | 88 | <el-input disabled v-model="ruleForm.qdjg"></el-input> |
180 | </el-form-item> | 89 | </el-form-item> |
181 | </el-col> | 90 | </el-col> |
182 | 91 | ||
183 | <el-col :span="16"> | 92 | <el-col :span="16"> |
184 | <el-form-item | 93 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> |
185 | :class="flag ? 'marginBot0' : ''" | ||
186 | label="坐落:" | ||
187 | prop="zl" | ||
188 | > | ||
189 | <el-input disabled v-model="ruleForm.zl"></el-input> | 94 | <el-input disabled v-model="ruleForm.zl"></el-input> |
190 | </el-form-item> | 95 | </el-form-item> |
191 | </el-col> | 96 | </el-col> |
192 | </el-row> | 97 | </el-row> |
193 | <el-row :gutter="10"> | 98 | <el-row :gutter="10"> |
194 | <el-col :span="8"> | 99 | <el-col :span="8"> |
195 | <el-form-item | 100 | <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限:" prop="tdsyqx"> |
196 | :class="flag ? 'marginBot0' : ''" | ||
197 | label="使用期限:" | ||
198 | prop="tdsyqx" | ||
199 | > | ||
200 | <el-input disabled v-model="ruleForm.tdsyqx"></el-input> | 101 | <el-input disabled v-model="ruleForm.tdsyqx"></el-input> |
201 | </el-form-item> | 102 | </el-form-item> |
202 | </el-col> | 103 | </el-col> |
203 | 104 | ||
204 | <el-col :span="16"> | 105 | <el-col :span="16"> |
205 | <el-form-item | 106 | <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间:" prop="qssj"> |
206 | :class="flag ? 'marginBot0' : ''" | ||
207 | label="使用权起止时间:" | ||
208 | prop="qssj" | ||
209 | > | ||
210 | <el-input disabled v-model="ruleForm.syqqzsj"></el-input> | 107 | <el-input disabled v-model="ruleForm.syqqzsj"></el-input> |
211 | </el-form-item> | 108 | </el-form-item> |
212 | </el-col> | 109 | </el-col> |
213 | </el-row> | 110 | </el-row> |
214 | <el-row :gutter="10"> | 111 | <el-row :gutter="10"> |
215 | <el-col> | 112 | <el-col> |
216 | <el-form-item | 113 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> |
217 | :class="flag ? 'marginBot0' : ''" | ||
218 | label="附记:" | ||
219 | prop="fj" | ||
220 | > | ||
221 | <el-input type="textarea" v-model="ruleForm.fj"></el-input> | 114 | <el-input type="textarea" v-model="ruleForm.fj"></el-input> |
222 | </el-form-item> | 115 | </el-form-item> |
223 | </el-col> | 116 | </el-col> |
... | @@ -234,10 +127,7 @@ | ... | @@ -234,10 +127,7 @@ |
234 | </el-form-item> | 127 | </el-form-item> |
235 | </el-col> | 128 | </el-col> |
236 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 129 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> |
237 | <el-form-item | 130 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> |
238 | :class="flag ? 'marginBot0' : ''" | ||
239 | label="是否分别持证:" | ||
240 | > | ||
241 | <el-radio-group v-model="ruleForm.sffbcz"> | 131 | <el-radio-group v-model="ruleForm.sffbcz"> |
242 | <el-radio label="1">是</el-radio> | 132 | <el-radio label="1">是</el-radio> |
243 | <el-radio label="0">否</el-radio> | 133 | <el-radio label="0">否</el-radio> |
... | @@ -247,37 +137,24 @@ | ... | @@ -247,37 +137,24 @@ |
247 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 137 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> |
248 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | 138 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> |
249 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 139 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
250 | <el-option | 140 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
251 | v-for="item in czrOptions" | ||
252 | :key="item.value" | ||
253 | :label="item.label" | ||
254 | :value="item.value" | ||
255 | > | ||
256 | </el-option> | 141 | </el-option> |
257 | </el-select> | 142 | </el-select> |
258 | </el-form-item> | 143 | </el-form-item> |
259 | </el-col> | 144 | </el-col> |
260 | </el-row> | 145 | </el-row> |
261 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> | 146 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> |
262 | <div class="slxx_title">登记原因</div> | 147 | <div class="slxx_title">登记原因{{flag}}</div> |
263 | <el-row :gutter="10"> | 148 | <el-row :gutter="10"> |
264 | <el-col> | 149 | <el-col> |
265 | <el-form-item | 150 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> |
266 | :class="flag ? 'marginBot0' : ''" | 151 | <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input> |
267 | label="登记原因:" | ||
268 | prop="djyy" | ||
269 | > | ||
270 | <el-input | ||
271 | class="textArea" | ||
272 | type="textarea" | ||
273 | v-model="ruleForm.djyy" | ||
274 | ></el-input> | ||
275 | </el-form-item> | 152 | </el-form-item> |
276 | </el-col> | 153 | </el-col> |
277 | </el-row> | 154 | </el-row> |
278 | </div> | 155 | </div> |
279 | <el-row> | 156 | <el-row class="btn"> |
280 | <el-form-item :class="flag ? 'marginBot0' : ''" class="btn"> | 157 | <el-form-item :class="flag ? 'marginBot0' : ''"> |
281 | <el-button type="primary" @click="onSubmit">保存</el-button> | 158 | <el-button type="primary" @click="onSubmit">保存</el-button> |
282 | </el-form-item> | 159 | </el-form-item> |
283 | </el-row> | 160 | </el-row> |
... | @@ -289,7 +166,7 @@ import InformationTable from "./InformationTable"; | ... | @@ -289,7 +166,7 @@ import InformationTable from "./InformationTable"; |
289 | import { Init, fristReg } from "@/api/jsydsyqFlow.js"; | 166 | import { Init, fristReg } from "@/api/jsydsyqFlow.js"; |
290 | import { mapGetters } from "vuex"; | 167 | import { mapGetters } from "vuex"; |
291 | export default { | 168 | export default { |
292 | async created() { | 169 | async created () { |
293 | //var bsmSldy = this.$parent._data.unitData[0].bsmSldy; | 170 | //var bsmSldy = this.$parent._data.unitData[0].bsmSldy; |
294 | this.propsParam = this.$attrs; | 171 | this.propsParam = this.$attrs; |
295 | var formdata = new FormData(); | 172 | var formdata = new FormData(); |
... | @@ -306,19 +183,12 @@ export default { | ... | @@ -306,19 +183,12 @@ export default { |
306 | }); | 183 | }); |
307 | }, | 184 | }, |
308 | components: { InformationTable }, | 185 | components: { InformationTable }, |
309 | props: { | ||
310 | flag: { | ||
311 | type: Boolean, | ||
312 | default: false, | ||
313 | }, | ||
314 | }, | ||
315 | computed: { | 186 | computed: { |
316 | ...mapGetters(["dictData"]), | 187 | ...mapGetters(["dictData", "flag"]), |
317 | }, | 188 | }, |
318 | data() { | 189 | data () { |
319 | return { | 190 | return { |
320 | disabled: true, | 191 | disabled: true, |
321 | flagTop: this.flag ? "top" : "", | ||
322 | tdytOption: [], | 192 | tdytOption: [], |
323 | qlsdfsOption: [], | 193 | qlsdfsOption: [], |
324 | czrOptions: [], | 194 | czrOptions: [], |
... | @@ -354,7 +224,7 @@ export default { | ... | @@ -354,7 +224,7 @@ export default { |
354 | }; | 224 | }; |
355 | }, | 225 | }, |
356 | methods: { | 226 | methods: { |
357 | list(bsmSldy) { | 227 | list (bsmSldy) { |
358 | var formdata = new FormData(); | 228 | var formdata = new FormData(); |
359 | formdata.append("bsmSldy", bsmSldy); | 229 | formdata.append("bsmSldy", bsmSldy); |
360 | Init(formdata).then((res) => { | 230 | Init(formdata).then((res) => { |
... | @@ -368,7 +238,7 @@ export default { | ... | @@ -368,7 +238,7 @@ export default { |
368 | } | 238 | } |
369 | }); | 239 | }); |
370 | }, | 240 | }, |
371 | onSubmit() { | 241 | onSubmit () { |
372 | fristReg(this.ruleForm).then((res) => { | 242 | fristReg(this.ruleForm).then((res) => { |
373 | if (res.code === 200 && res.result) { | 243 | if (res.code === 200 && res.result) { |
374 | console.log(res); | 244 | console.log(res); |
... | @@ -382,6 +252,13 @@ export default { | ... | @@ -382,6 +252,13 @@ export default { |
382 | <style scoped lang='scss'> | 252 | <style scoped lang='scss'> |
383 | @import "~@/styles/public.scss"; | 253 | @import "~@/styles/public.scss"; |
384 | 254 | ||
255 | /deep/.el-form { | ||
256 | display: flex; | ||
257 | flex-direction: column; | ||
258 | height: calc(100vh - 150px); | ||
259 | background-color: aqua; | ||
260 | } | ||
261 | |||
385 | /deep/.el-form-item__label { | 262 | /deep/.el-form-item__label { |
386 | padding: 0; | 263 | padding: 0; |
387 | } | 264 | } |
... | @@ -404,13 +281,14 @@ export default { | ... | @@ -404,13 +281,14 @@ export default { |
404 | 281 | ||
405 | .slxx { | 282 | .slxx { |
406 | box-sizing: border-box; | 283 | box-sizing: border-box; |
407 | padding-right: 15px; | ||
408 | } | 284 | } |
409 | 285 | ||
410 | .slxx_con { | 286 | .slxx_con { |
411 | height: calc(100vh - 190px); | 287 | flex: 1; |
288 | height: 100%; | ||
289 | background-color: #ffffff; | ||
412 | overflow-y: auto; | 290 | overflow-y: auto; |
413 | overflow-x: hidden; | 291 | padding-right: 10px; |
414 | } | 292 | } |
415 | 293 | ||
416 | .submit_btn { | 294 | .submit_btn { |
... | @@ -431,6 +309,9 @@ export default { | ... | @@ -431,6 +309,9 @@ export default { |
431 | .btn { | 309 | .btn { |
432 | text-align: center; | 310 | text-align: center; |
433 | padding-top: 5px; | 311 | padding-top: 5px; |
312 | height: 36px; | ||
313 | background-color: #ffffff; | ||
314 | padding: 5px 0; | ||
434 | } | 315 | } |
435 | 316 | ||
436 | .textArea { | 317 | .textArea { | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="slxx"> | 2 | <div class="slxx"> |
3 | <el-form | 3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" |
4 | :model="ruleForm" | 4 | label-width="120px"> |
5 | :rules="rules" | ||
6 | ref="ruleForm" | ||
7 | :label-position="flagTop" | ||
8 | :inline="flag" | ||
9 | label-width="120px" | ||
10 | > | ||
11 | <div class="slxx_con"> | 5 | <div class="slxx_con"> |
12 | <div class="slxx_title">受理信息</div> | 6 | <div class="slxx_title">受理信息</div> |
13 | <el-row :gutter="10"> | 7 | <el-row :gutter="10"> |
14 | <el-col :span="8"> | 8 | <el-col :span="8"> |
15 | <el-form-item | 9 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> |
16 | :class="flag ? 'marginBot0' : ''" | ||
17 | label="业务号:" | ||
18 | prop="ywh" | ||
19 | > | ||
20 | <el-input disabled v-model="ruleForm.ywh"></el-input> | 10 | <el-input disabled v-model="ruleForm.ywh"></el-input> |
21 | </el-form-item> | 11 | </el-form-item> |
22 | </el-col> | 12 | </el-col> |
23 | <el-col :span="8"> | 13 | <el-col :span="8"> |
24 | <el-form-item | 14 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> |
25 | :class="flag ? 'marginBot0' : ''" | ||
26 | label="受理人员:" | ||
27 | prop="slry" | ||
28 | > | ||
29 | <el-input disabled v-model="ruleForm.slry"></el-input> | 15 | <el-input disabled v-model="ruleForm.slry"></el-input> |
30 | </el-form-item> | 16 | </el-form-item> |
31 | </el-col> | 17 | </el-col> |
32 | <el-col :span="8"> | 18 | <el-col :span="8"> |
33 | <el-form-item | 19 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> |
34 | :class="flag ? 'marginBot0' : ''" | ||
35 | label="受理时间:" | ||
36 | prop="slsj" | ||
37 | > | ||
38 | <el-input disabled v-model="ruleForm.slsj"></el-input> | 20 | <el-input disabled v-model="ruleForm.slsj"></el-input> |
39 | </el-form-item> | 21 | </el-form-item> |
40 | </el-col> | 22 | </el-col> |
41 | </el-row> | 23 | </el-row> |
42 | <el-row :gutter="10"> | 24 | <el-row :gutter="10"> |
43 | <el-col :span="8"> | 25 | <el-col :span="8"> |
44 | <el-form-item | 26 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> |
45 | :class="flag ? 'marginBot0' : ''" | 27 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> |
46 | label="权利类型:" | 28 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
47 | prop="qllx" | ||
48 | > | ||
49 | <el-select | ||
50 | disabled | ||
51 | v-model="ruleForm.qllx" | ||
52 | filterable | ||
53 | clearable | ||
54 | placeholder="请选择权利类型" | ||
55 | > | ||
56 | <el-option | ||
57 | v-for="item in dictData['A8']" | ||
58 | :key="item.dcode" | ||
59 | :label="item.dname" | ||
60 | :value="item.dcode" | ||
61 | > | ||
62 | </el-option> | 29 | </el-option> |
63 | </el-select> | 30 | </el-select> |
64 | </el-form-item> | 31 | </el-form-item> |
65 | </el-col> | 32 | </el-col> |
66 | <el-col :span="8"> | 33 | <el-col :span="8"> |
67 | <el-form-item | 34 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> |
68 | :class="flag ? 'marginBot0' : ''" | 35 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> |
69 | label="登记类型:" | 36 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
70 | prop="djlx" | ||
71 | > | ||
72 | <el-select | ||
73 | disabled | ||
74 | v-model="ruleForm.djlx" | ||
75 | filterable | ||
76 | clearable | ||
77 | placeholder="请选择登记类型" | ||
78 | > | ||
79 | <el-option | ||
80 | v-for="item in dictData['A21']" | ||
81 | :key="item.dcode" | ||
82 | :label="item.dname" | ||
83 | :value="item.dcode" | ||
84 | > | ||
85 | </el-option> | 37 | </el-option> |
86 | </el-select> | 38 | </el-select> |
87 | </el-form-item> | 39 | </el-form-item> |
88 | </el-col> | 40 | </el-col> |
89 | <el-col :span="8"> | 41 | <el-col :span="8"> |
90 | <el-form-item | 42 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> |
91 | :class="flag ? 'marginBot0' : ''" | ||
92 | label="登记情形:" | ||
93 | prop="djqx" | ||
94 | > | ||
95 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | 43 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> |
96 | </el-form-item> | 44 | </el-form-item> |
97 | </el-col> | 45 | </el-col> |
... | @@ -99,52 +47,32 @@ | ... | @@ -99,52 +47,32 @@ |
99 | <div class="slxx_title">查封不动产情况</div> | 47 | <div class="slxx_title">查封不动产情况</div> |
100 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
101 | <el-col :span="8"> | 49 | <el-col :span="8"> |
102 | <el-form-item | 50 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="bdcqzh"> |
103 | :class="flag ? 'marginBot0' : ''" | ||
104 | label="不动产权证号:" | ||
105 | prop="bdcqzh" | ||
106 | > | ||
107 | <el-input disabled v-model="ruleForm.bdcqzh"></el-input> | 51 | <el-input disabled v-model="ruleForm.bdcqzh"></el-input> |
108 | </el-form-item> | 52 | </el-form-item> |
109 | </el-col> | 53 | </el-col> |
110 | <el-col :span="8"> | 54 | <el-col :span="8"> |
111 | <el-form-item | 55 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> |
112 | :class="flag ? 'marginBot0' : ''" | ||
113 | label="不动产单元号:" | ||
114 | prop="bdcdyh" | ||
115 | > | ||
116 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | 56 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> |
117 | </el-form-item> | 57 | </el-form-item> |
118 | </el-col> | 58 | </el-col> |
119 | <el-col :span="8"> | 59 | <el-col :span="8"> |
120 | <el-form-item | 60 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人:" prop="qlrmc"> |
121 | :class="flag ? 'marginBot0' : ''" | ||
122 | label="权利人:" | ||
123 | prop="qlrmc" | ||
124 | > | ||
125 | <el-input disabled v-model="ruleForm.qlrmc"></el-input> | 61 | <el-input disabled v-model="ruleForm.qlrmc"></el-input> |
126 | </el-form-item> | 62 | </el-form-item> |
127 | </el-col> | 63 | </el-col> |
128 | </el-row> | 64 | </el-row> |
129 | <el-row :gutter="10"> | 65 | <el-row :gutter="10"> |
130 | <el-col :span="8"> | 66 | <el-col :span="8"> |
131 | <el-form-item | 67 | <el-form-item :class="flag ? 'marginBot0' : ''" label="面积:" prop="mj"> |
132 | :class="flag ? 'marginBot0' : ''" | ||
133 | label="面积:" | ||
134 | prop="mj" | ||
135 | > | ||
136 | <el-input disabled v-model="ruleForm.mj"></el-input> | 68 | <el-input disabled v-model="ruleForm.mj"></el-input> |
137 | </el-form-item> | 69 | </el-form-item> |
138 | </el-col> | 70 | </el-col> |
139 | <el-col :span="8"> | 71 | <el-col :span="8"> |
140 | <el-form-item | 72 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用途:" prop="ytmc"> |
141 | :class="flag ? 'marginBot0' : ''" | ||
142 | label="用途:" | ||
143 | prop="ytmc" | ||
144 | > | ||
145 | <el-input disabled v-model="ruleForm.ytmc"></el-input> | 73 | <el-input disabled v-model="ruleForm.ytmc"></el-input> |
146 | </el-form-item> | 74 | </el-form-item> |
147 | </el-col> | 75 | </el-col> |
148 | </el-row> | 76 | </el-row> |
149 | <div class="slxx_title">不动产权利人信息</div> | 77 | <div class="slxx_title">不动产权利人信息</div> |
150 | <!-- <el-row :gutter="10"> | 78 | <!-- <el-row :gutter="10"> |
... | @@ -186,16 +114,8 @@ | ... | @@ -186,16 +114,8 @@ |
186 | <div class="slxx_title">登记原因</div> | 114 | <div class="slxx_title">登记原因</div> |
187 | <el-row :gutter="10"> | 115 | <el-row :gutter="10"> |
188 | <el-col> | 116 | <el-col> |
189 | <el-form-item | 117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> |
190 | :class="flag ? 'marginBot0' : ''" | 118 | <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input> |
191 | label="登记原因:" | ||
192 | prop="djyy" | ||
193 | > | ||
194 | <el-input | ||
195 | class="textArea" | ||
196 | type="textarea" | ||
197 | v-model="ruleForm.djyy" | ||
198 | ></el-input> | ||
199 | </el-form-item> | 119 | </el-form-item> |
200 | </el-col> | 120 | </el-col> |
201 | </el-row> | 121 | </el-row> |
... | @@ -213,7 +133,7 @@ import InformationTable from "./InformationTable"; | ... | @@ -213,7 +133,7 @@ import InformationTable from "./InformationTable"; |
213 | import { Init, fristReg } from "@/api/cfdjFlow.js"; | 133 | import { Init, fristReg } from "@/api/cfdjFlow.js"; |
214 | import { mapGetters } from "vuex"; | 134 | import { mapGetters } from "vuex"; |
215 | export default { | 135 | export default { |
216 | data() { | 136 | data () { |
217 | return { | 137 | return { |
218 | disabled: true, | 138 | disabled: true, |
219 | flagTop: this.flag ? "top" : "", | 139 | flagTop: this.flag ? "top" : "", |
... | @@ -247,13 +167,13 @@ export default { | ... | @@ -247,13 +167,13 @@ export default { |
247 | czr: "", | 167 | czr: "", |
248 | }, | 168 | }, |
249 | rules: {}, | 169 | rules: {}, |
250 | //传递参数 | 170 | //传递参数 |
251 | propsParam: {}, | 171 | propsParam: {}, |
252 | }; | 172 | }; |
253 | }, | 173 | }, |
254 | created() { | 174 | created () { |
255 | // console.log(1111111111111111); | 175 | // console.log(1111111111111111); |
256 | this.propsParam = this.$attrs; | 176 | this.propsParam = this.$attrs; |
257 | var formdata = new FormData(); | 177 | var formdata = new FormData(); |
258 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 178 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
259 | Init(formdata).then((res) => { | 179 | Init(formdata).then((res) => { |
... | @@ -283,9 +203,9 @@ export default { | ... | @@ -283,9 +203,9 @@ export default { |
283 | computed: { | 203 | computed: { |
284 | ...mapGetters(["dictData"]), | 204 | ...mapGetters(["dictData"]), |
285 | }, | 205 | }, |
286 | 206 | ||
287 | methods: { | 207 | methods: { |
288 | list(bsmSldy) { | 208 | list (bsmSldy) { |
289 | var formdata = new FormData(); | 209 | var formdata = new FormData(); |
290 | formdata.append("bsmSldy", bsmSldy); | 210 | formdata.append("bsmSldy", bsmSldy); |
291 | Init(formdata).then((res) => { | 211 | Init(formdata).then((res) => { |
... | @@ -299,7 +219,7 @@ export default { | ... | @@ -299,7 +219,7 @@ export default { |
299 | } | 219 | } |
300 | }); | 220 | }); |
301 | }, | 221 | }, |
302 | onSubmit() { | 222 | onSubmit () { |
303 | fristReg(this.ruleForm).then((res) => { | 223 | fristReg(this.ruleForm).then((res) => { |
304 | if (res.code === 200 && res.result) { | 224 | if (res.code === 200 && res.result) { |
305 | console.log(res); | 225 | console.log(res); |
... | @@ -335,11 +255,9 @@ export default { | ... | @@ -335,11 +255,9 @@ export default { |
335 | 255 | ||
336 | .slxx { | 256 | .slxx { |
337 | box-sizing: border-box; | 257 | box-sizing: border-box; |
338 | padding-right: 15px; | ||
339 | } | 258 | } |
340 | 259 | ||
341 | .slxx_con { | 260 | .slxx_con { |
342 | height: calc(100vh - 190px); | ||
343 | overflow-y: auto; | 261 | overflow-y: auto; |
344 | overflow-x: hidden; | 262 | overflow-x: hidden; |
345 | } | 263 | } | ... | ... |
1 | .containerFrame { | ||
2 | height: 100%; | ||
3 | width: 100%; | ||
4 | position: sticky; | ||
5 | top: 80px; | ||
6 | //background-color: #ffffff; | ||
7 | border: 1px solid #ebeef5; | ||
8 | z-index: 100; | ||
9 | @include flex; | ||
10 | } | ||
1 | 11 | ||
2 | #ContainerFrame { | 12 | .leftmenu { |
3 | height: 100%; | 13 | flex: 0 0 260px; |
4 | width: 100%; | 14 | border-right: 1px solid #ebeef5; |
5 | position: sticky; | 15 | position: relative; |
6 | top: 80px; | 16 | box-sizing: border-box; |
7 | //background-color: #ffffff; | 17 | padding-right: 5px; |
8 | border: 1px solid #ebeef5; | 18 | |
9 | z-index: 100; | 19 | .title { |
10 | @include flex; | 20 | line-height: 36px; |
21 | padding-left: 10px; | ||
11 | } | 22 | } |
12 | 23 | ||
13 | #leftmenu { | 24 | ul { |
14 | width: 250px; | ||
15 | border-right: 1px solid #ebeef5; | ||
16 | position: relative; | 25 | position: relative; |
17 | box-sizing: border-box; | 26 | |
18 | ul { | 27 | .xian { |
19 | position: relative; | 28 | background: #f2f2f2; |
20 | .xian { | 29 | padding: 2px; |
21 | background: #f2f2f2; | ||
22 | padding: 2px; | ||
23 | } | ||
24 | .title { | ||
25 | padding: 5px; | ||
26 | text-align: center; | ||
27 | } | ||
28 | li { | ||
29 | padding: 5px; | ||
30 | font-size: 14px; | ||
31 | color: #606266; | ||
32 | line-height: 20px; | ||
33 | } | ||
34 | li:hover { | ||
35 | color: #0f93f6; | ||
36 | cursor: pointer; | ||
37 | } | ||
38 | } | 30 | } |
39 | } | 31 | |
40 | #rightContainer { | 32 | .title { |
41 | .tabDiv { | 33 | padding: 5px; |
42 | width: 100%; | 34 | text-align: center; |
43 | height: 100%; | 35 | } |
36 | |||
37 | li { | ||
38 | padding: 5px; | ||
39 | font-size: 14px; | ||
40 | color: #606266; | ||
41 | line-height: 20px; | ||
42 | cursor: pointer; | ||
43 | } | ||
44 | |||
45 | li:hover { | ||
46 | color: #0f93f6; | ||
47 | cursor: pointer; | ||
44 | } | 48 | } |
45 | // .fenpin { | ||
46 | // min-width: 50%; | ||
47 | // border-right: 1px solid #ebeef5; | ||
48 | // } | ||
49 | //padding:5px 0 0 15px; | ||
50 | background-color: #ffffffe7; | ||
51 | width: 100%; | ||
52 | height: 100%; | ||
53 | z-index: 100; | ||
54 | @include flex; | ||
55 | } | ||
56 | |||
57 | .svg-icon { | ||
58 | width: 2.5em; | ||
59 | height: 2.5em; | ||
60 | } | ||
61 | .iconName { | ||
62 | line-height: 24px; | ||
63 | font-size: 12px; | ||
64 | } | ||
65 | .container { | ||
66 | width: 100%; | ||
67 | height: 100%; | ||
68 | padding: 0; | ||
69 | box-sizing: border-box; | ||
70 | background-color: #ffffff; | ||
71 | overflow: hidden; | ||
72 | } | 49 | } |
73 | .topButton { | 50 | } |
51 | |||
52 | .leftCon { | ||
53 | flex: 1; | ||
54 | width: calc(100% - 260px); | ||
55 | display: flex; | ||
56 | } | ||
57 | |||
58 | .splitScreen-con { | ||
59 | flex: 1; | ||
60 | } | ||
61 | |||
62 | .rightContainer { | ||
63 | flex: 1; | ||
64 | width: 0; | ||
65 | height: calc(100vh - 80px); | ||
66 | } | ||
67 | |||
68 | /deep/.el-tabs { | ||
69 | box-sizing: border-box; | ||
70 | padding: 0 5px; | ||
71 | width: 100%; | ||
72 | } | ||
73 | |||
74 | .svg-icon { | ||
75 | width: 2.5em; | ||
76 | height: 2.5em; | ||
77 | } | ||
78 | |||
79 | .iconName { | ||
80 | line-height: 24px; | ||
81 | font-size: 12px; | ||
82 | } | ||
83 | |||
84 | .container { | ||
85 | width: 100%; | ||
86 | height: 100%; | ||
87 | padding: 0; | ||
88 | box-sizing: border-box; | ||
89 | background-color: #ffffff; | ||
90 | overflow: hidden; | ||
91 | } | ||
92 | |||
93 | .topButton { | ||
94 | @include flex; | ||
95 | width: 100%; | ||
96 | height: 80px; | ||
97 | background-color: #3498db; | ||
98 | color: #ffffff; | ||
99 | justify-content: space-between; | ||
100 | padding-left: 15px; | ||
101 | position: sticky; | ||
102 | top: 0; | ||
103 | z-index: 100; | ||
104 | |||
105 | ul { | ||
74 | @include flex; | 106 | @include flex; |
75 | width: 100%; | 107 | |
76 | height: 80px; | 108 | li { |
77 | background-color: #3498db; | 109 | @include flex-center; |
78 | color: #ffffff; | 110 | cursor: pointer; |
79 | justify-content: space-between; | 111 | flex-direction: column; |
80 | padding-left: 15px; | 112 | margin-right: 15px; |
81 | position: sticky; | 113 | box-sizing: border-box; |
82 | top: 0; | 114 | width: 70px; |
83 | z-index: 100; | 115 | margin: 0 5px; |
84 | |||
85 | ul { | ||
86 | @include flex; | ||
87 | |||
88 | li { | ||
89 | @include flex-center; | ||
90 | cursor: pointer; | ||
91 | flex-direction: column; | ||
92 | margin-right: 15px; | ||
93 | box-sizing: border-box; | ||
94 | width: 70px; | ||
95 | margin: 0 5px; | ||
96 | } | ||
97 | |||
98 | li:hover { | ||
99 | border: 1px solid #ffffff; | ||
100 | border-radius: 5px; | ||
101 | //color: $light-blue ; | ||
102 | |||
103 | .svg-icon { | ||
104 | //color: $light-blue ; | ||
105 | } | ||
106 | } | ||
107 | } | 116 | } |
108 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
117 | |||
118 | li:hover { | ||
119 | border: 1px solid #ffffff; | ||
120 | border-radius: 5px; | ||
121 | } | ||
122 | } | ||
123 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -4,71 +4,46 @@ | ... | @@ -4,71 +4,46 @@ |
4 | <div class="topButton"> | 4 | <div class="topButton"> |
5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
6 | <ul> | 6 | <ul> |
7 | <li | 7 | <li @click="operation(index, item)" v-for="(item, index) in leftButtonList" :key="index"> |
8 | @click="operation(index, item)" | ||
9 | v-for="(item, index) in leftButtonList" | ||
10 | :key="index" | ||
11 | > | ||
12 | <svg-icon :icon-class="item.icon" /> | 8 | <svg-icon :icon-class="item.icon" /> |
13 | <span class="iconName">{{ item.name }}</span> | 9 | <span class="iconName">{{ item.name }}</span> |
14 | </li> | 10 | </li> |
15 | </ul> | 11 | </ul> |
16 | <!-- 右侧流程按钮 --> | 12 | <!-- 右侧流程按钮 --> |
17 | <ul> | 13 | <ul> |
18 | <li | 14 | <li @click="operation(index, item)" v-for="(item, index) in rightButtonList" :key="index"> |
19 | @click="operation(index, item)" | ||
20 | v-for="(item, index) in rightButtonList" | ||
21 | :key="index" | ||
22 | > | ||
23 | <svg-icon class="icon" :icon-class="item.icon" /> | 15 | <svg-icon class="icon" :icon-class="item.icon" /> |
24 | <span class="iconName">{{ item.name }}</span> | 16 | <span class="iconName">{{ item.name }}</span> |
25 | </li> | 17 | </li> |
26 | </ul> | 18 | </ul> |
27 | </div> | 19 | </div> |
28 | <!-- 内容框架 --> | 20 | <!-- 内容框架 --> |
29 | <div id="ContainerFrame"> | 21 | <div class="containerFrame"> |
30 | <!-- 左侧菜单栏 --> | 22 | <!-- 左侧菜单栏 --> |
31 | <div id="leftmenu"> | 23 | <div class="leftmenu"> |
32 | <div class="title">申请单元列表({{ unitData.length }})</div> | 24 | <div class="title">申请单元列表({{ unitData.length }})</div> |
33 | <el-menu default-active="0" @select="unitClick"> | 25 | <el-menu default-active="0" @select="unitClick"> |
34 | <el-menu-item | 26 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> |
35 | v-for="(item, index) in unitData" | 27 | <p>{{ item.bdcdyh }}</p> |
36 | :index="index.toString()" | 28 | <p>{{ item.zl }}</p> |
37 | :key="index" | ||
38 | > | ||
39 | <i> | ||
40 | <p>{{ item.bdcdyh }}</p> | ||
41 | <p>{{ item.zl }}</p> | ||
42 | </i> | ||
43 | </el-menu-item> | 29 | </el-menu-item> |
44 | </el-menu> | 30 | </el-menu> |
45 | </div> | 31 | </div> |
46 | <!-- 分屏左侧预览 --> | 32 | <div class="leftCon"> |
47 | <div v-if="splitScreen" class="splitScreen-con"> | 33 | <!-- 分屏左侧预览 --> |
48 | <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" /> | 34 | <div v-if="splitScreen" class="splitScreen-con"> |
49 | </div> | 35 | <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" /> |
50 | <!-- 表单内容区域 --> | 36 | </div> |
51 | <div id="rightContainer"> | 37 | <!-- 表单内容区域 --> |
52 | <div class="tabDiv"> | 38 | <div class="rightContainer"> |
53 | <el-tabs v-model="tabName" @tab-click="tabClick"> | 39 | <el-tabs v-model="tabName" @tab-click="tabClick"> |
54 | <el-tab-pane | 40 | <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> |
55 | :label="item.name" | ||
56 | :name="item.value" | ||
57 | v-for="(item, index) in tabList" | ||
58 | :key="index" | ||
59 | > | ||
60 | </el-tab-pane> | 41 | </el-tab-pane> |
61 | <component | ||
62 | :key="fresh" | ||
63 | :is="componentTag" | ||
64 | v-bind="currentSelectProps" | ||
65 | /> | ||
66 | </el-tabs> | 42 | </el-tabs> |
43 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | ||
67 | </div> | 44 | </div> |
68 | </div> | 45 | </div> |
69 | </div> | 46 | </div> |
70 | |||
71 | <!-- <zslqDialog ref="zslqDialog" v-model="zslqDialog" /> --> | ||
72 | </div> | 47 | </div> |
73 | </template> | 48 | </template> |
74 | 49 | ||
... | @@ -87,13 +62,8 @@ import { | ... | @@ -87,13 +62,8 @@ import { |
87 | } from "@/api/fqsq.js"; | 62 | } from "@/api/fqsq.js"; |
88 | import { getForm } from "./flowform.js"; | 63 | import { getForm } from "./flowform.js"; |
89 | import axios from "axios"; | 64 | import axios from "axios"; |
90 | // import zc from "./components/zc.vue"; | ||
91 | // import thDialog from "./components/th.vue"; | ||
92 | // import zsylDialog from "./components/zsyl"; | ||
93 | // import zslqDialog from "./components/zslq"; | ||
94 | export default { | 65 | export default { |
95 | // components: { zc, thDialog, zsylDialog, comMsg,zslqDialog}, | 66 | data () { |
96 | data() { | ||
97 | return { | 67 | return { |
98 | //受理申请标识码 | 68 | //受理申请标识码 |
99 | bsmSlsq: this.$route.query.bsmSlsq, | 69 | bsmSlsq: this.$route.query.bsmSlsq, |
... | @@ -125,13 +95,13 @@ export default { | ... | @@ -125,13 +95,13 @@ export default { |
125 | clxxTab: {}, | 95 | clxxTab: {}, |
126 | }; | 96 | }; |
127 | }, | 97 | }, |
128 | mounted() { | 98 | mounted () { |
129 | this.loadBdcdylist(); | 99 | this.loadBdcdylist(); |
130 | this.flowInitParam(); | 100 | this.flowInitParam(); |
131 | }, | 101 | }, |
132 | methods: { | 102 | methods: { |
133 | //加载流程初始参数 | 103 | //加载流程初始参数 |
134 | flowInitParam() { | 104 | flowInitParam () { |
135 | var formdata = new FormData(); | 105 | var formdata = new FormData(); |
136 | formdata.append("bsmSlsq", this.bsmSlsq); | 106 | formdata.append("bsmSlsq", this.bsmSlsq); |
137 | formdata.append("bestepid", this.bestepid); | 107 | formdata.append("bestepid", this.bestepid); |
... | @@ -156,7 +126,7 @@ export default { | ... | @@ -156,7 +126,7 @@ export default { |
156 | }); | 126 | }); |
157 | }, | 127 | }, |
158 | //流程环节操作按钮 | 128 | //流程环节操作按钮 |
159 | operation(index, item) { | 129 | operation (index, item) { |
160 | let that = this; | 130 | let that = this; |
161 | switch (item.value) { | 131 | switch (item.value) { |
162 | case "zsyl": | 132 | case "zsyl": |
... | @@ -164,6 +134,7 @@ export default { | ... | @@ -164,6 +134,7 @@ export default { |
164 | break; | 134 | break; |
165 | case "clfp": //材料分屏按钮 | 135 | case "clfp": //材料分屏按钮 |
166 | this.splitScreen = this.splitScreen ? false : true; | 136 | this.splitScreen = this.splitScreen ? false : true; |
137 | this.$store.dispatch('app/settScreen', this.splitScreen) | ||
167 | if (this.splitScreen) { | 138 | if (this.splitScreen) { |
168 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | 139 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 |
169 | if (this.tabName == this.clxxTab.value) { | 140 | if (this.tabName == this.clxxTab.value) { |
... | @@ -176,10 +147,6 @@ export default { | ... | @@ -176,10 +147,6 @@ export default { |
176 | } | 147 | } |
177 | break; | 148 | break; |
178 | case "th": //退回按钮 | 149 | case "th": //退回按钮 |
179 | // this.thflag = true; | ||
180 | // this.$nextTick(() => { | ||
181 | // this.$refs.thdialogRef.tablelistFn(); | ||
182 | // }); | ||
183 | break; | 150 | break; |
184 | case "zc": //转件按钮 | 151 | case "zc": //转件按钮 |
185 | getNextLinkInfo({ | 152 | getNextLinkInfo({ |
... | @@ -218,7 +185,7 @@ export default { | ... | @@ -218,7 +185,7 @@ export default { |
218 | } | 185 | } |
219 | }, | 186 | }, |
220 | //读取申请单元信息 | 187 | //读取申请单元信息 |
221 | loadBdcdylist() { | 188 | loadBdcdylist () { |
222 | var formdata = new FormData(); | 189 | var formdata = new FormData(); |
223 | formdata.append("bsmSlsq", this.bsmSlsq); | 190 | formdata.append("bsmSlsq", this.bsmSlsq); |
224 | formdata.append("bestepid", this.bestepid); | 191 | formdata.append("bestepid", this.bestepid); |
... | @@ -230,27 +197,27 @@ export default { | ... | @@ -230,27 +197,27 @@ export default { |
230 | }); | 197 | }); |
231 | }, | 198 | }, |
232 | //申请单元点击事件 | 199 | //申请单元点击事件 |
233 | unitClick(index) { | 200 | unitClick (index) { |
234 | if (this.currentSelectProps.bsmSldy != this.unitData[index].bsmSldy) { | 201 | if (this.currentSelectProps.bsmSldy != this.unitData[index].bsmSldy) { |
235 | this.currentSelectProps = this.unitData[index]; | 202 | this.currentSelectProps = this.unitData[index]; |
236 | this.fresh += 1; | 203 | this.fresh += 1; |
237 | } | 204 | } |
238 | }, | 205 | }, |
239 | //表单选项卡事件 | 206 | //表单选项卡事件 |
240 | tabClick(tab, event) { | 207 | tabClick (tab, event) { |
241 | //this.$alert(tab.name); | 208 | //this.$alert(tab.name); |
242 | this.getFromRouter(tab.name); | 209 | this.getFromRouter(tab.name); |
243 | }, | 210 | }, |
244 | //切换选项卡内容组件 | 211 | //切换选项卡内容组件 |
245 | getFromRouter(tabname) { | 212 | getFromRouter (tabname) { |
246 | this.componentTag = getForm(tabname); | 213 | this.componentTag = getForm(tabname); |
247 | }, | 214 | }, |
248 | //发送下一个环节 | 215 | //发送下一个环节 |
249 | send(obj) { | 216 | send (obj) { |
250 | const h = this.$createElement; | 217 | const h = this.$createElement; |
251 | this.$msgbox({ | 218 | this.$msgbox({ |
252 | title: "您确定转出吗?", | 219 | title: "您确定转出吗?", |
253 | message: h("div", { style: "margin: auto" }, [ | 220 | message: h("div", { style: "margin: auto" }, [ |
254 | h("span", null, "下个环节名称:"), | 221 | h("span", null, "下个环节名称:"), |
255 | h("i", { style: "color: teal" }, obj.taskName), | 222 | h("i", { style: "color: teal" }, obj.taskName), |
256 | h("div", null, ""), | 223 | h("div", null, ""), |
... | @@ -265,9 +232,9 @@ export default { | ... | @@ -265,9 +232,9 @@ export default { |
265 | instance.confirmButtonLoading = true; | 232 | instance.confirmButtonLoading = true; |
266 | instance.confirmButtonText = "执行中..."; | 233 | instance.confirmButtonText = "执行中..."; |
267 | completeTask({ | 234 | completeTask({ |
268 | bsmSlsq: this.bsmSlsq, | 235 | bsmSlsq: this.bsmSlsq, |
269 | shyj: "this.bestepid", | 236 | shyj: "this.bestepid", |
270 | }).then((res) => { | 237 | }).then((res) => { |
271 | if (res.code === 200) { | 238 | if (res.code === 200) { |
272 | instance.confirmButtonLoading = false; | 239 | instance.confirmButtonLoading = false; |
273 | this.$message.success("转件成功"); | 240 | this.$message.success("转件成功"); | ... | ... |
-
Please register or sign in to post a comment