Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
44d4c51e by 蔡俊立
Options

抵押权、房屋所有权受理信息页面

1 parent d936548d
Inline Side-by-side
Showing 6 changed files with 381 additions and 4 deletions
1 import request from '@/utils/request'
2
3 // 初始化内容
4 export function Init (data) {
5 return request({
6 url: '/ywbl/dyaq/Init',
7 method: 'post',
8 data
9 })
10 }
...\ No newline at end of file ...\ No newline at end of file
1 import request from '@/utils/request'
2
3 // 初始化内容
4 export function Init (data) {
5 return request({
6 url: '/ywbl/fwsyqlr/Init',
7 method: 'post',
8 data
9 })
10 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -204,7 +204,7 @@ export default { ...@@ -204,7 +204,7 @@ export default {
204 }, 204 },
205 //流程环节操作按钮 205 //流程环节操作按钮
206 operation (index, item) { 206 operation (index, item) {
207 //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 207 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
208 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout 208 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
209 let that = this; 209 let that = this;
210 switch (item.value) { 210 switch (item.value) {
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title">受理信息</div>
8 <el-row :gutter="10">
9 <el-col :span="8">
10 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
11 <el-input disabled v-model="ruleForm.ywh"></el-input>
12 </el-form-item>
13 </el-col>
14 <el-col :span="8">
15 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
16 <el-input disabled v-model="ruleForm.slry"></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
21 <el-input disabled v-model="ruleForm.slsj"></el-input>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 <el-row :gutter="10">
26 <el-col :span="8">
27 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
28 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
29 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
30 </el-option>
31 </el-select>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
36 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
37 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
38 </el-option>
39 </el-select>
40 </el-form-item>
41 </el-col>
42 <el-col :span="8">
43 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
44 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
45 </el-form-item>
46 </el-col>
47 </el-row>
48 <div class="slxx_title">查封不动产情况</div>
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">登记原因{{flag}}</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>
179 </el-col>
180 </el-row>
181 </div>
182 <el-row class="btn">
183 <el-form-item :class="flag ? 'marginBot0' : ''">
184 <el-button type="primary" @click="onSubmit">保存</el-button>
185 </el-form-item>
186 </el-row>
187 </el-form>
188 </div>
189 </template>
190 <script>
191 import InformationTable from "@/views/workflow/components/InformationTable";
192 import { Init } from "@/api/diyaqFlow.js";
193 import { mapGetters } from "vuex";
194 export default {
195 async created () {
196 this.propsParam = this.$attrs;
197 Init({
198 bsmSldy: this.propsParam.bsmSldy.split(",")
199 }).then((res) => {
200 if (res.code === 200 && res.result) {
201 this.ruleForm = {
202 ...res.result,
203 ...res.result.zdjbxxdatas,
204 ...res.result.qlxxdatas,
205 ...res.result.jsydsyqdatas,
206 };
207 }
208 });
209 },
210 components: { InformationTable },
211 computed: {
212 ...mapGetters(["dictData", "flag"]),
213 },
214 data () {
215 return {
216 disabled: true,
217 tdytOption: [],
218 czrOptions: [],
219 ruleForm: {
220 ywh: "",
221 slry: "",
222 slsj: "",
223 qllx: "",
224 djlx: "",
225 djqx: "",
226 // 宗地代码
227 zddm: "",
228 bdcdyh: "",
229 qlxzmc: "",
230 qlrxx: [],
231 // 自然幢号
232 zrzh: "",
233 // 户不动产单元号
234 hbdcdyh: '',
235 djzt: '',
236 // 图幅丘幢号
237 tfqzh: '',
238 zl: '',
239 // 房屋用途
240 fwyt: '',
241 fwxz: '',
242 fwjg: '',
243 // 权利人信息
244 gyfs: "1",
245 // 是否分别持证
246 sffbcz: "",
247 // 持证人
248 czr: "",
249 djyy: ''
250 },
251 //传递参数
252 propsParam: {},
253 rules: {},
254 };
255 },
256 methods: {
257 list (bsmSldy) {
258 Init({
259 bsmSldy: bsmSldy.split(',')
260 }).then((res) => {
261 if (res.code === 200 && res.result) {
262 this.ruleForm = {
263 ...res.result,
264 ...res.result.zdjbxxdatas,
265 ...res.result.qlxxdatas,
266 ...res.result.jsydsyqdatas,
267 };
268 }
269 });
270 },
271 onSubmit () {
272 fristReg(this.ruleForm).then((res) => {
273 if (res.code === 200 && res.result) {
274 console.log(res);
275 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
276 }
277 });
278 },
279 },
280 };
281 </script>
282 <style scoped lang='scss'>
283 @import "~@/styles/public.scss";
284
285 /deep/.el-form {
286 display: flex;
287 flex-direction: column;
288 height: calc(100vh - 130px);
289 background-color: aqua;
290 }
291
292 /deep/.el-form-item__label {
293 padding: 0;
294 }
295
296 /deep/.el-radio {
297 margin-right: 10px;
298 }
299
300 /deep/.el-select {
301 width: 100%;
302 }
303
304 /deep/.el-form-item {
305 margin-bottom: 8px;
306 }
307
308 .marginBot0 {
309 margin-bottom: 0 !important;
310 }
311
312 .slxx {
313 box-sizing: border-box;
314 }
315
316 .slxx_con {
317 flex: 1;
318 height: 100%;
319 background-color: #ffffff;
320 overflow-y: auto;
321 padding-right: 3px;
322 overflow-x: hidden;
323 }
324
325 .submit_btn {
326 height: 50px;
327 }
328
329 .slxx_title {
330 border-bottom: 1px solid $borderColor;
331 padding-left: 10px;
332 padding-bottom: 5px;
333 margin-bottom: 10px;
334 margin-top: 5px;
335 font-size: 16px;
336 font-weight: 500;
337 color: #4a4a4a;
338 }
339
340 .btn {
341 text-align: center;
342 padding-top: 10px;
343 height: 36px;
344 background-color: #ffffff;
345 padding: 5px 0;
346 }
347
348 .textArea {
349 /deep/.el-textarea__inner {
350 min-height: 90px !important;
351 }
352 }
353
354 /deep/.el-form-item__label {
355 padding-bottom: 0px;
356 }
357 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
49 <el-row :gutter="10"> 49 <el-row :gutter="10">
50 <el-col :span="8"> 50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm"> 51 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
52 <el-input disabled v-model="ruleForm.zddm"></el-input> 52 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
53 </el-form-item> 53 </el-form-item>
54 </el-col> 54 </el-col>
55 <el-col :span="8"> 55 <el-col :span="8">
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
66 <el-row :gutter="10"> 66 <el-row :gutter="10">
67 <el-col :span="8"> 67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号：" prop="zrzh"> 68 <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号：" prop="zrzh">
69 <el-input disabled v-model="ruleForm.zdmj"></el-input> 69 <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input>
70 </el-form-item> 70 </el-form-item>
71 </el-col> 71 </el-col>
72 <el-col :span="8"> 72 <el-col :span="8">
...@@ -161,7 +161,7 @@ ...@@ -161,7 +161,7 @@
161 </template> 161 </template>
162 <script> 162 <script>
163 import InformationTable from "@/views/workflow/components/InformationTable"; 163 import InformationTable from "@/views/workflow/components/InformationTable";
164 import { Init, fristReg } from "@/api/jsydsyqFlow.js"; 164 import { Init } from "@/api/fwsyqFlow.js";
165 import { mapGetters } from "vuex"; 165 import { mapGetters } from "vuex";
166 export default { 166 export default {
167 async created () { 167 async created () {
......