1
Showing
3 changed files
with
55 additions
and
275 deletions
... | @@ -6,25 +6,25 @@ export function Init (data) { | ... | @@ -6,25 +6,25 @@ export function Init (data) { |
6 | let apiUrl = ""; | 6 | let apiUrl = ""; |
7 | switch (data.get("djlx")) { | 7 | switch (data.get("djlx")) { |
8 | case "100": | 8 | case "100": |
9 | apiUrl = "/rest/ywbl/jsydsyqlr/fristInit"; | 9 | apiUrl = "/rest/ywbl/dyaq/fristInit"; |
10 | break; | 10 | break; |
11 | case "200": | 11 | case "200": |
12 | apiUrl = "/rest/ywbl/jsydsyqlr/transferInit"; | 12 | apiUrl = "/rest/ywbl/dyaq/transferInit"; |
13 | break; | 13 | break; |
14 | case "300": | 14 | case "300": |
15 | apiUrl = "/rest/ywbl/jsydsyqlr/changeInit"; | 15 | apiUrl = "/rest/ywbl/dyaq/changeInit"; |
16 | break; | 16 | break; |
17 | case "400": | 17 | case "400": |
18 | apiUrl = "/rest/ywbl/jsydsyqlr/logoutInit"; | 18 | apiUrl = "/rest/ywbl/dyaq/logoutInit"; |
19 | break; | 19 | break; |
20 | case "500": | 20 | case "500": |
21 | apiUrl = "/rest/ywbl/jsydsyqlr/riviseInit"; | 21 | apiUrl = "/rest/ywbl/dyaq/riviseInit"; |
22 | break; | 22 | break; |
23 | case "901": | 23 | case "901": |
24 | apiUrl = "/rest/ywbl/jsydsyqlr/renewalInit"; | 24 | apiUrl = "/rest/ywbl/dyaq/renewalInit"; |
25 | break; | 25 | break; |
26 | case "902": | 26 | case "902": |
27 | apiUrl = "/rest/ywbl/jsydsyqlr/replaceInit"; | 27 | apiUrl = "/rest/ywbl/dyaq/replaceInit"; |
28 | break; | 28 | break; |
29 | } | 29 | } |
30 | return request({ | 30 | return request({ | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 受理信息 --> | 2 | <!-- 受理信息 --> |
3 | <div class="slxx"> | 3 | <div class="slxx"> |
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 4 | <el-form |
5 | label-width="120px"> | 5 | :model="ruleForm" |
6 | :rules="rules" | ||
7 | ref="ruleForm" | ||
8 | :label-position="flag ? 'top' : ''" | ||
9 | :inline="flag" | ||
10 | label-width="120px" | ||
11 | > | ||
6 | <div class="slxx_con"> | 12 | <div class="slxx_con"> |
7 | <div class="slxx_title">受理信息</div> | 13 | <div class="slxx_title title-block">受理信息</div> |
8 | <el-row :gutter="10"> | 14 | <el-row :gutter="10"> |
9 | <el-col :span="8"> | 15 | <el-col :span="8"> |
10 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> | 16 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:"> |
11 | <el-input disabled v-model="ruleForm.ywh"></el-input> | 17 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> |
12 | </el-form-item> | 18 | </el-form-item> |
13 | </el-col> | 19 | </el-col> |
14 | <el-col :span="8"> | 20 | <el-col :span="8"> |
15 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | 21 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:"> |
16 | <el-input disabled v-model="ruleForm.slry"></el-input> | 22 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> |
17 | </el-form-item> | 23 | </el-form-item> |
18 | </el-col> | 24 | </el-col> |
19 | <el-col :span="8"> | 25 | <el-col :span="8"> |
20 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | 26 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:"> |
21 | <el-input disabled v-model="ruleForm.slsj"></el-input> | 27 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> |
22 | </el-form-item> | 28 | </el-form-item> |
23 | </el-col> | 29 | </el-col> |
24 | </el-row> | 30 | </el-row> |
25 | <el-row :gutter="10"> | 31 | <el-row :gutter="10"> |
26 | <el-col :span="8"> | 32 | <el-col :span="8"> |
27 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> | 33 | <el-form-item |
28 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> | 34 | :class="flag ? 'marginBot0' : ''" |
29 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 35 | label="权利类型:" |
30 | </el-option> | 36 | prop="qllx" |
31 | </el-select> | 37 | > |
38 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | ||
32 | </el-form-item> | 39 | </el-form-item> |
33 | </el-col> | 40 | </el-col> |
34 | <el-col :span="8"> | 41 | <el-col :span="8"> |
35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> | 42 | <el-form-item |
36 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> | 43 | :class="flag ? 'marginBot0' : ''" |
37 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 44 | label="登记类型:" |
38 | </el-option> | 45 | prop="djlx" |
39 | </el-select> | 46 | > |
47 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | ||
40 | </el-form-item> | 48 | </el-form-item> |
41 | </el-col> | 49 | </el-col> |
42 | <el-col :span="8"> | 50 | <el-col :span="8"> |
43 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | 51 | <el-form-item |
44 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | 52 | :class="flag ? 'marginBot0' : ''" |
45 | </el-form-item> | 53 | label="登记情形:" |
46 | </el-col> | 54 | prop="djqx" |
47 | </el-row> | 55 | > |
48 | <div class="slxx_title">查封不动产情况</div> | 56 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> |
49 | <el-row :gutter="10"> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="bdcqzh"> | ||
52 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人:" prop="qlr"> | ||
57 | <el-input disabled v-model="ruleForm.qlr"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | <el-col :span="8"> | ||
61 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | ||
62 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | </el-row> | ||
66 | <el-row :gutter="10"> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item :class="flag ? 'marginBot0' : ''" label="面积:" prop="mj"> | ||
69 | <el-input disabled v-model="ruleForm.mj"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | |||
73 | <el-col :span="16"> | ||
74 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | ||
75 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
76 | </el-form-item> | ||
77 | </el-col> | ||
78 | </el-row> | ||
79 | <el-row :gutter="10"> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质" prop="qlxz"> | ||
82 | <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用途:" prop="yt"> | ||
87 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格:" prop="qdjg"> | ||
92 | <el-input disabled v-model="ruleForm.qdjg"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | </el-row> | ||
96 | <el-row :gutter="10"> | ||
97 | <el-col :span="8"> | ||
98 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:"> | ||
99 | <el-input disabled v-model="ruleForm.fwyt"></el-input> | ||
100 | </el-form-item> | ||
101 | </el-col> | ||
102 | <el-col :span="8"> | ||
103 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:"> | ||
104 | <el-input disabled v-model="ruleForm.fwxz"></el-input> | ||
105 | </el-form-item> | ||
106 | </el-col> | ||
107 | <el-col :span="8"> | ||
108 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:"> | ||
109 | <el-input disabled v-model="ruleForm.fwjg"></el-input> | ||
110 | </el-form-item> | ||
111 | </el-col> | ||
112 | </el-row> | ||
113 | <el-row :gutter="10"> | ||
114 | <el-col :span="8"> | ||
115 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:"> | ||
116 | <el-input disabled v-model="ruleForm.fwyt"></el-input> | ||
117 | </el-form-item> | ||
118 | </el-col> | ||
119 | <el-col :span="8"> | ||
120 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:"> | ||
121 | <el-input disabled v-model="ruleForm.fwxz"></el-input> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:"> | ||
126 | <el-input disabled v-model="ruleForm.fwjg"></el-input> | ||
127 | </el-form-item> | ||
128 | </el-col> | ||
129 | </el-row> | ||
130 | <el-row :gutter="10"> | ||
131 | <el-col> | ||
132 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cffw"> | ||
133 | <el-input class="textArea" type="textarea" v-model="ruleForm.cffw"></el-input> | ||
134 | </el-form-item> | ||
135 | </el-col> | ||
136 | </el-row> | ||
137 | <el-row :gutter="10"> | ||
138 | <el-col> | ||
139 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> | ||
140 | <el-input class="textArea" type="textarea" v-model="ruleForm.fj"></el-input> | ||
141 | </el-form-item> | ||
142 | </el-col> | ||
143 | </el-row> | ||
144 | <div class="slxx_title">不动产权利人信息</div> | ||
145 | <el-row :gutter="10"> | ||
146 | <el-col :span="14"> | ||
147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
148 | <el-radio-group v-model="ruleForm.gyfs"> | ||
149 | <el-radio label="1">单独所有</el-radio> | ||
150 | <el-radio label="2">共同共有</el-radio> | ||
151 | <el-radio label="3">按份所有</el-radio> | ||
152 | </el-radio-group> | ||
153 | </el-form-item> | ||
154 | </el-col> | ||
155 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
156 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
157 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
158 | <el-radio label="1">是</el-radio> | ||
159 | <el-radio label="0">否</el-radio> | ||
160 | </el-radio-group> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
164 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
165 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
166 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
167 | </el-option> | ||
168 | </el-select> | ||
169 | </el-form-item> | ||
170 | </el-col> | ||
171 | </el-row> | ||
172 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> | ||
173 | <div class="slxx_title">登记原因</div> | ||
174 | <el-row :gutter="10"> | ||
175 | <el-col> | ||
176 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
177 | <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input> | ||
178 | </el-form-item> | 57 | </el-form-item> |
179 | </el-col> | 58 | </el-col> |
180 | </el-row> | 59 | </el-row> |
60 | <div class="slxx_title title-block">抵押不动产情况</div> | ||
181 | </div> | 61 | </div> |
182 | <el-row class="btn" v-if="!$route.query.viewtype"> | 62 | <el-row class="btn" v-if="!$route.query.viewtype"> |
183 | <el-form-item :class="flag ? 'marginBot0' : ''"> | 63 | <el-form-item :class="flag ? 'marginBot0' : ''"> |
... | @@ -192,17 +72,15 @@ import InformationTable from "@/views/workflow/components/InformationTable"; | ... | @@ -192,17 +72,15 @@ import InformationTable from "@/views/workflow/components/InformationTable"; |
192 | import { Init } from "@/api/diyaqFlow.js"; | 72 | import { Init } from "@/api/diyaqFlow.js"; |
193 | import { mapGetters } from "vuex"; | 73 | import { mapGetters } from "vuex"; |
194 | export default { | 74 | export default { |
195 | async created () { | 75 | async created() { |
196 | this.propsParam = this.$attrs; | 76 | this.propsParam = this.$attrs; |
197 | var formdata = new FormData(); | 77 | var formdata = new FormData(); |
198 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 78 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
79 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
199 | formdata.append("djlx", this.propsParam.djlx); | 80 | formdata.append("djlx", this.propsParam.djlx); |
200 | Init(formdata).then((res) => { | 81 | Init(formdata).then((res) => { |
201 | if (res.code === 200 && res.result) { | 82 | if (res.code === 200 && res.result) { |
202 | this.ruleForm = { | 83 | this.ruleForm = res.result; |
203 | ...res.result, | ||
204 | ...res.result.qlxxdatas, | ||
205 | } | ||
206 | } | 84 | } |
207 | }); | 85 | }); |
208 | }, | 86 | }, |
... | @@ -210,42 +88,12 @@ export default { | ... | @@ -210,42 +88,12 @@ export default { |
210 | computed: { | 88 | computed: { |
211 | ...mapGetters(["dictData", "flag"]), | 89 | ...mapGetters(["dictData", "flag"]), |
212 | }, | 90 | }, |
213 | data () { | 91 | data() { |
214 | return { | 92 | return { |
215 | disabled: true, | 93 | disabled: true, |
216 | tdytOption: [], | ||
217 | czrOptions: [], | ||
218 | ruleForm: { | 94 | ruleForm: { |
219 | ywh: "", | 95 | slywxx:{} |
220 | slry: "", | 96 | |
221 | slsj: "", | ||
222 | qllx: "", | ||
223 | djlx: "", | ||
224 | djqx: "", | ||
225 | // 宗地代码 | ||
226 | zddm: "", | ||
227 | bdcdyh: "", | ||
228 | qlxzmc: "", | ||
229 | qlrxx: [], | ||
230 | // 自然幢号 | ||
231 | zrzh: "", | ||
232 | // 户不动产单元号 | ||
233 | hbdcdyh: '', | ||
234 | djzt: '', | ||
235 | // 图幅丘幢号 | ||
236 | tfqzh: '', | ||
237 | zl: '', | ||
238 | // 房屋用途 | ||
239 | fwyt: '', | ||
240 | fwxz: '', | ||
241 | fwjg: '', | ||
242 | // 权利人信息 | ||
243 | gyfs: "1", | ||
244 | // 是否分别持证 | ||
245 | sffbcz: "", | ||
246 | // 持证人 | ||
247 | czr: "", | ||
248 | djyy: '' | ||
249 | }, | 97 | }, |
250 | //传递参数 | 98 | //传递参数 |
251 | propsParam: {}, | 99 | propsParam: {}, |
... | @@ -253,9 +101,9 @@ export default { | ... | @@ -253,9 +101,9 @@ export default { |
253 | }; | 101 | }; |
254 | }, | 102 | }, |
255 | methods: { | 103 | methods: { |
256 | list (bsmSldy) { | 104 | list(bsmSldy) { |
257 | Init({ | 105 | Init({ |
258 | bsmSldy: bsmSldy.split(',') | 106 | bsmSldy: bsmSldy.split(","), |
259 | }).then((res) => { | 107 | }).then((res) => { |
260 | if (res.code === 200 && res.result) { | 108 | if (res.code === 200 && res.result) { |
261 | this.ruleForm = { | 109 | this.ruleForm = { |
... | @@ -267,7 +115,7 @@ export default { | ... | @@ -267,7 +115,7 @@ export default { |
267 | } | 115 | } |
268 | }); | 116 | }); |
269 | }, | 117 | }, |
270 | onSubmit () { | 118 | onSubmit() { |
271 | fristReg(this.ruleForm).then((res) => { | 119 | fristReg(this.ruleForm).then((res) => { |
272 | if (res.code === 200 && res.result) { | 120 | if (res.code === 200 && res.result) { |
273 | console.log(res); | 121 | console.log(res); |
... | @@ -280,77 +128,5 @@ export default { | ... | @@ -280,77 +128,5 @@ export default { |
280 | </script> | 128 | </script> |
281 | <style scoped lang='scss'> | 129 | <style scoped lang='scss'> |
282 | @import "~@/styles/public.scss"; | 130 | @import "~@/styles/public.scss"; |
283 | 131 | @import "~@/styles/slxx/slxx.scss"; | |
284 | /deep/.el-form { | ||
285 | display: flex; | ||
286 | flex-direction: column; | ||
287 | height: calc(100vh - 130px); | ||
288 | background-color: aqua; | ||
289 | } | ||
290 | |||
291 | /deep/.el-form-item__label { | ||
292 | padding: 0; | ||
293 | } | ||
294 | |||
295 | /deep/.el-radio { | ||
296 | margin-right: 10px; | ||
297 | } | ||
298 | |||
299 | /deep/.el-select { | ||
300 | width: 100%; | ||
301 | } | ||
302 | |||
303 | /deep/.el-form-item { | ||
304 | margin-bottom: 8px; | ||
305 | } | ||
306 | |||
307 | .marginBot0 { | ||
308 | margin-bottom: 0 !important; | ||
309 | } | ||
310 | |||
311 | .slxx { | ||
312 | box-sizing: border-box; | ||
313 | } | ||
314 | |||
315 | .slxx_con { | ||
316 | flex: 1; | ||
317 | height: 100%; | ||
318 | background-color: #ffffff; | ||
319 | overflow-y: auto; | ||
320 | padding-right: 3px; | ||
321 | overflow-x: hidden; | ||
322 | } | ||
323 | |||
324 | .submit_btn { | ||
325 | height: 50px; | ||
326 | } | ||
327 | |||
328 | .slxx_title { | ||
329 | border-bottom: 1px solid $borderColor; | ||
330 | padding-left: 10px; | ||
331 | padding-bottom: 5px; | ||
332 | margin-bottom: 10px; | ||
333 | margin-top: 5px; | ||
334 | font-size: 16px; | ||
335 | font-weight: 500; | ||
336 | color: #4a4a4a; | ||
337 | } | ||
338 | |||
339 | .btn { | ||
340 | text-align: center; | ||
341 | padding-top: 10px; | ||
342 | height: 36px; | ||
343 | background-color: #ffffff; | ||
344 | padding: 5px 0; | ||
345 | } | ||
346 | |||
347 | .textArea { | ||
348 | /deep/.el-textarea__inner { | ||
349 | min-height: 90px !important; | ||
350 | } | ||
351 | } | ||
352 | |||
353 | /deep/.el-form-item__label { | ||
354 | padding-bottom: 0px; | ||
355 | } | ||
356 | </style> | 132 | </style> | ... | ... |
... | @@ -124,6 +124,10 @@ export default { | ... | @@ -124,6 +124,10 @@ export default { |
124 | }); | 124 | }); |
125 | }, | 125 | }, |
126 | handleSelectionChange (val) { | 126 | handleSelectionChange (val) { |
127 | val.forEach((item, index) => { | ||
128 | item.bsmSsql = item.bsmQlxx | ||
129 | item.ybdcqzsh = item.bdcqzh | ||
130 | }) | ||
127 | this.bdcdysz = val | 131 | this.bdcdysz = val |
128 | } | 132 | } |
129 | }, | 133 | }, | ... | ... |
-
Please register or sign in to post a comment