Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
f5d3e134 by 任超
Options

style:wolkflow

1 parent e332135c
Inline Side-by-side
Showing 7 changed files with 155 additions and 368 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,49 +47,29 @@ ...@@ -99,49 +47,29 @@
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>
...@@ -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" : "",
...@@ -251,7 +171,7 @@ export default { ...@@ -251,7 +171,7 @@ export default {
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();
...@@ -285,7 +205,7 @@ export default { ...@@ -285,7 +205,7 @@ export default {
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 1 .containerFrame {
2 #ContainerFrame {
3 height: 100%; 2 height: 100%;
4 width: 100%; 3 width: 100%;
5 position: sticky; 4 position: sticky;
...@@ -8,69 +7,90 @@ ...@@ -8,69 +7,90 @@
8 border: 1px solid #ebeef5; 7 border: 1px solid #ebeef5;
9 z-index: 100; 8 z-index: 100;
10 @include flex; 9 @include flex;
11 } 10 }
12 11
13 #leftmenu { 12 .leftmenu {
14 width: 250px; 13 flex: 0 0 260px;
15 border-right: 1px solid #ebeef5; 14 border-right: 1px solid #ebeef5;
16 position: relative; 15 position: relative;
17 box-sizing: border-box; 16 box-sizing: border-box;
17 padding-right: 5px;
18
19 .title {
20 line-height: 36px;
21 padding-left: 10px;
22 }
23
18 ul { 24 ul {
19 position: relative; 25 position: relative;
26
20 .xian { 27 .xian {
21 background: #f2f2f2; 28 background: #f2f2f2;
22 padding: 2px; 29 padding: 2px;
23 } 30 }
31
24 .title { 32 .title {
25 padding: 5px; 33 padding: 5px;
26 text-align: center; 34 text-align: center;
27 } 35 }
36
28 li { 37 li {
29 padding: 5px; 38 padding: 5px;
30 font-size: 14px; 39 font-size: 14px;
31 color: #606266; 40 color: #606266;
32 line-height: 20px; 41 line-height: 20px;
42 cursor: pointer;
33 } 43 }
44
34 li:hover { 45 li:hover {
35 color: #0f93f6; 46 color: #0f93f6;
36 cursor: pointer; 47 cursor: pointer;
37 } 48 }
38 } 49 }
39 } 50 }
40 #rightContainer { 51
41 .tabDiv { 52 .leftCon {
42 width: 100%; 53 flex: 1;
43 height: 100%; 54 width: calc(100% - 260px);
44 } 55 display: flex;
45 // .fenpin { 56 }
46 // min-width: 50%; 57
47 // border-right: 1px solid #ebeef5; 58 .splitScreen-con {
48 // } 59 flex: 1;
49 //padding:5px 0 0 15px; 60 }
50 background-color: #ffffffe7; 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;
51 width: 100%; 71 width: 100%;
52 height: 100%; 72 }
53 z-index: 100;
54 @include flex;
55 }
56 73
57 .svg-icon { 74 .svg-icon {
58 width: 2.5em; 75 width: 2.5em;
59 height: 2.5em; 76 height: 2.5em;
60 } 77 }
61 .iconName { 78
79 .iconName {
62 line-height: 24px; 80 line-height: 24px;
63 font-size: 12px; 81 font-size: 12px;
64 } 82 }
65 .container { 83
84 .container {
66 width: 100%; 85 width: 100%;
67 height: 100%; 86 height: 100%;
68 padding: 0; 87 padding: 0;
69 box-sizing: border-box; 88 box-sizing: border-box;
70 background-color: #ffffff; 89 background-color: #ffffff;
71 overflow: hidden; 90 overflow: hidden;
72 } 91 }
73 .topButton { 92
93 .topButton {
74 @include flex; 94 @include flex;
75 width: 100%; 95 width: 100%;
76 height: 80px; 96 height: 80px;
...@@ -98,11 +118,6 @@ ...@@ -98,11 +118,6 @@
98 li:hover { 118 li:hover {
99 border: 1px solid #ffffff; 119 border: 1px solid #ffffff;
100 border-radius: 5px; 120 border-radius: 5px;
101 //color: $light-blue ;
102
103 .svg-icon {
104 //color: $light-blue ;
105 }
106 }
107 } 121 }
108 } 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"
36 :index="index.toString()"
37 :key="index"
38 >
39 <i>
40 <p>{{ item.bdcdyh }}</p> 27 <p>{{ item.bdcdyh }}</p>
41 <p>{{ item.zl }}</p> 28 <p>{{ item.zl }}</p>
42 </i>
43 </el-menu-item> 29 </el-menu-item>
44 </el-menu> 30 </el-menu>
45 </div> 31 </div>
32 <div class="leftCon">
46 <!-- 分屏左侧预览 --> 33 <!-- 分屏左侧预览 -->
47 <div v-if="splitScreen" class="splitScreen-con"> 34 <div v-if="splitScreen" class="splitScreen-con">
48 <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" /> 35 <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" />
49 </div> 36 </div>
50 <!-- 表单内容区域 --> 37 <!-- 表单内容区域 -->
51 <div id="rightContainer"> 38 <div class="rightContainer">
52 <div class="tabDiv">
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,23 +197,23 @@ export default { ...@@ -230,23 +197,23 @@ 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: "您确定转出吗？",
......