Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
28f75ab2 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 2b0f92b5 49b44ad1
Inline Side-by-side
Showing 4 changed files with 490 additions and 3 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 inline-message
17 label-width="145px"
18 >
19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
20 <div class="slxx_title title-block">
21 补录信息
22 <div class="triangle"></div>
23 </div>
24 <el-row :gutter="10">
25 <el-col :span="8">
26 <el-form-item label="补录编号：">
27 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
28 </el-form-item>
29 </el-col>
30 <el-col :span="8">
31 <el-form-item label="补录人员：">
32 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
33 </el-form-item>
34 </el-col>
35 <el-col :span="8">
36 <el-form-item label="补录时间：">
37 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
38 </el-form-item>
39 </el-col>
40 </el-row>
41 <div class="slxx_title title-block">
42 建设用地、宅基地使用权信息
43 <div class="triangle"></div>
44 </div>
45 <el-row :gutter="10">
46 <el-col :span="8">
47 <el-form-item label="不动产单元号：">
48 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
49 </el-form-item>
50 </el-col>
51 <el-col :span="8">
52 <el-form-item label="业务号：">
53 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
54 </el-form-item>
55 </el-col>
56 <el-col :span="8">
57 <el-form-item label="上手业务号：">
58 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
59 </el-form-item>
60 </el-col>
61 </el-row>
62 <el-row :gutter="10">
63 <el-col :span="8">
64 <el-form-item label="权利类型：">
65 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
66 </el-form-item>
67 </el-col>
68 <el-col :span="8">
69 <el-form-item label="登记类型：">
70 <el-select v-model="ruleForm.qlxx.djlx">
71 <el-option
72 v-for="item in djlxlist"
73 :key="item.dcode"
74 :label="item.dname"
75 :value="item.dcode"
76 >
77 </el-option>
78 </el-select>
79 </el-form-item>
80 </el-col>
81 <el-col :span="8">
82 <el-form-item label="权属状态：">
83 <el-select v-model="ruleForm.qlxx.qszt">
84 <el-option
85 v-for="item in qsztlist"
86 :key="item.dcode"
87 :label="item.dname"
88 :value="item.dcode"
89 >
90 </el-option>
91 </el-select>
92 </el-form-item>
93 </el-col>
94
95 <el-col :span="8">
96 <el-form-item label="登记原因：">
97 <el-input v-model="ruleForm.jsydsyq.djyy"></el-input>
98 </el-form-item>
99 </el-col>
100 <!-- <el-col :span="8">
101 <el-form-item label="房地坐落：">
102 <el-input v-model="ruleForm.qlxx.zl"></el-input>
103 </el-form-item>
104 </el-col> -->
105 <el-col :span="8">
106 <el-form-item label="使用权面积：">
107 <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="使用权起始时间">
112 <el-input v-model="ruleForm.jsydsyq.syqqssj"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="使用权结束时间">
117 <el-input v-model="ruleForm.jsydsyq.syqjssj"></el-input>
118 </el-form-item>
119 </el-col>
120 <el-col :span="8">
121 <el-form-item label="土地使用期限">
122 <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
123 </el-form-item>
124 </el-col>
125 <el-col :span="8">
126 <el-form-item label="土地用途">
127 <el-input v-model="ruleForm.jsydsyq.yt"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item label="取得价格：">
132 <div style="display: flex">
133 <el-input
134 v-model="ruleForm.jsydsyq.qdjg"
135 style="width: 500%"
136 ></el-input>
137 <el-select v-model="ruleForm.jsydsyq.jedw">
138 <el-option
139 v-for="item in dictData['A57']"
140 :key="item.dcode"
141 :label="item.dname"
142 :value="item.dcode"
143 >
144 </el-option>
145 </el-select>
146 </div>
147 </el-form-item>
148 </el-col>
149
150 <el-col :span="8">
151 <el-form-item
152 label="不动产权证号："
153 prop="qlxx.bdcqzh"
154 :rules="rules.bdcqzhrules"
155 >
156 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
157 </el-form-item>
158 </el-col>
159 <el-col :span="8">
160 <el-form-item
161 label="区县代码："
162 prop="qlxx.qxdm"
163 :rules="rules.qxdmrules"
164 >
165 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item
170 label="登记机构："
171 prop="qlxx.djjg"
172 :rules="rules.djjgrules"
173 >
174 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
175 </el-form-item>
176 </el-col>
177 <el-col :span="8">
178 <el-form-item
179 label="登簿人："
180 prop="qlxx.dbr"
181 :rules="rules.dbrrules"
182 >
183 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
184 </el-form-item>
185 </el-col>
186 <el-col :span="8">
187 <el-form-item
188 label="登记时间："
189 prop="qlxx.djsj"
190 :rules="rules.djsjrules"
191 >
192 <el-date-picker
193 v-model="ruleForm.qlxx.djsj"
194 type="date"
195 placeholder="选择日期"
196 value-format="yyyy-MM-dd HH:mm:ss"
197 format="yyyy-MM-dd"
198 >
199 </el-date-picker>
200 </el-form-item>
201 </el-col>
202 </el-row>
203 <el-row>
204 <el-col :span="24">
205 <el-form-item label="附记：">
206 <el-input v-model="ruleForm.jsydsyq.fj"></el-input>
207 </el-form-item>
208 </el-col>
209 </el-row>
210 <div class="slxx_title title-block">
211 土地用途
212 <div class="triangle"></div>
213 </div>
214 <tdytTable
215 :tableData="ruleForm.tdytqxList"
216 @upDateTdytxxList="upDateTdytxxList"
217 />
218 <div class="slxx_title title-block">
219 权利人信息
220 <div class="triangle"></div>
221 </div>
222 <el-row :gutter="10">
223 <el-col :span="12">
224 <el-form-item label="共有方式：">
225 <el-radio-group
226 :disabled="$route.query.viewtype == 0"
227 v-model="ruleForm.qlxx.gyqk"
228 >
229 <el-radio label="0">单独所有</el-radio>
230 <el-radio label="1">共同共有</el-radio>
231 <el-radio label="2">按份所有</el-radio>
232 <el-radio label="3">其它共有</el-radio>
233 </el-radio-group>
234 </el-form-item>
235 </el-col>
236 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
237 <el-form-item label="是否分别持证：">
238 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
239 <el-radio :label="1">是</el-radio>
240 <el-radio :label="0">否</el-radio>
241 </el-radio-group>
242 </el-form-item>
243 </el-col>
244 <el-col
245 :span="6"
246 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
247 >
248 <el-form-item label="持证人：">
249 <el-select v-model="ruleForm.czr" placeholder="持证人">
250 <el-option
251 v-for="item in czrOptions"
252 :key="item.zjh"
253 :label="item.sqrmc"
254 :value="item.zjh"
255 >
256 </el-option>
257 </el-select>
258 </el-form-item>
259 </el-col>
260 </el-row>
261 <qlrCommonTable
262 :tableData="ruleForm.qlrData"
263 @upDateQlrxxList="upDateQlrxxList"
264 :key="key"
265 :viewtype="$route.query.viewtype"
266 :gyfs="ruleForm.qlxx.gyfs"
267 />
268
269 <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0">
270 <div class="slxx_title title-block">
271 义务人信息
272 <div class="triangle"></div>
273 </div>
274 <ywrCommonTable
275 v-if="ruleForm.ywrData"
276 :tableData="ruleForm.ywrData"
277 :key="key"
278 @upDateQlrxxList="upDateYwrxxList"
279 :viewtype="$route.query.viewtype"
280 />
281 </div>
282 </div>
283 <el-row class="btn" v-if="!$route.query.viewtype">
284 <el-form-item>
285 <el-button type="primary" @click="onSubmit">保存</el-button>
286 </el-form-item>
287 </el-row>
288 </el-form>
289 </div>
290 </template>
291 <script>
292 import store from "@/store/index.js";
293 import { mapGetters } from "vuex";
294 import { init, save } from "@/api/djbbl.js";
295 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
296 import tdytTable from "@/views/workflow/components/tdytTable";
297 export default {
298 components: { qlrCommonTable, tdytTable },
299 computed: {
300 ...mapGetters(["dictData", "flag"]),
301 },
302 data() {
303 return {
304 // 键名转换，方法默认是label和children进行树状渲染
305 normalizer(node) {
306 //方法
307 if (node.children == null || node.children == "null") {
308 delete node.children;
309 }
310 return {
311 id: node.dcode,
312 label: node.dname,
313 };
314 },
315 //表单是否可操作
316 propsParam: this.$attrs,
317 ableOperation: true,
318 key: 0,
319 // 登记类型
320 djlxlist: [
321 {
322 dcode: "100",
323 dname: "首次登记",
324 },
325 {
326 dcode: "200",
327 dname: "转移登记",
328 },
329 {
330 dcode: "300",
331 dname: "变更登记",
332 },
333 {
334 dcode: "500",
335 dname: "更正登记",
336 },
337
338 {
339 dcode: "901",
340 dname: "补证",
341 },
342 {
343 dcode: "902",
344 dname: "换证",
345 },
346 ],
347 // 权属状态
348 qsztlist: [
349 {
350 dcode: "1",
351 dname: "现势",
352 },
353 {
354 dcode: "2",
355 dname: "历史",
356 },
357 ],
358 tdxz: null,
359 isShow: false,
360 disabled: true,
361 czrOptions: [],
362 ruleForm: {},
363 //传递参数\
364 rules: {
365 bdcqzhrules: [
366 { required: true, message: "不动产权证号：", trigger: "change" },
367 ],
368 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
369 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
370 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
371 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
372 },
373 };
374 },
375 created() {
376 this.loadData();
377 },
378 mounted() {},
379 methods: {
380 // 字典
381 getDictData(val) {
382 return store.getters.dictData[val];
383 },
384 loadData() {
385
386 this.propsParam.isEdit = this.$parent.isEdit;
387 init(this.propsParam).then((res) => {
388 if (res.code == 200) {
389 this.ruleForm = res.result;
390 if (this.ruleForm.tdytqxList.length > 0) {
391 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
392 } else {
393 this.tdxz = null;
394 }
395 this.isShow = true;
396 }
397 });
398 },
399 // 更新土地用途信息
400 upDateTdytxxList(val) {
401 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
402 this.key++;
403 },
404 // 更新权利人信息
405 upDateQlrxxList(val) {
406 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
407 this.czrOptions = this.ruleForm.qlrData;
408 this.key++;
409 },
410 // 更新义务人信息
411 upDateYwrxxList(val) {
412 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
413 this.key++;
414 },
415 onSubmit() {
416 this.$refs.ruleForm.validate((valid) => {
417 if (valid) {
418 if (this.ruleForm.qlrData.length == 0) {
419 this.$message({
420 showClose: true,
421 message: "请确认权利人信息",
422 type: "error",
423 });
424 return false;
425 }
426
427 if (this.ruleForm.qlxx.gyfs == "0") {
428 if (this.ruleForm.qlrData.length > 1) {
429 this.$message({
430 showClose: true,
431 message: "共有方式：单独所有，权利人只能是一个人",
432 type: "error",
433 });
434 return false;
435 }
436 this.ruleForm.qlrData[0].sfczr = "1";
437 }
438 if (this.ruleForm.qlxx.gyfs == "1") {
439 //是否分别持证
440 if (this.ruleForm.qlxx.sqfbcz == "1") {
441 //是
442 this.ruleForm.qlrData.forEach((item, index) => {
443 item.sfczr = "1";
444 });
445 } else {
446 this.ruleForm.qlrData.forEach((item, index) => {
447 if (item.zjh == this.ruleForm.czr) {
448 item.sfczr = "1";
449 } else {
450 item.sfczr = "0";
451 }
452 });
453 }
454 }
455 save(this.ruleForm).then((res) => {
456 if (res.code === 200) {
457 this.$message({
458 showClose: true,
459 message: "保存成功！",
460 type: "success",
461 });
462 this.$store.dispatch("user/refreshPage", true);
463 } else {
464 this.$message({
465 showClose: true,
466 message: res.message,
467 type: "error",
468 });
469 }
470 });
471 } else {
472 return false;
473 }
474 });
475 },
476 },
477 };
478 </script>
479 <style scoped lang="scss">
480 @import "~@/styles/public.scss";
481 @import "~@/styles/slxx/slxx.scss";
482 </style>
...@@ -58,9 +58,9 @@ ...@@ -58,9 +58,9 @@
58 </el-form-item> 58 </el-form-item>
59 </el-col> 59 </el-col>
60 <el-col :span="8"> 60 <el-col :span="8">
61 <el-form-item label="审核时间" prop="shjssj"> 61 <el-form-item label="审核时间" prop="shkssj">
62 <el-date-picker 62 <el-date-picker
63 v-model="item.shjssj" 63 v-model="item.shkssj"
64 type="date" 64 type="date"
65 placeholder="选择日期" 65 placeholder="选择日期"
66 value-format="yyyy/MM/dd HH:mm:ss" 66 value-format="yyyy/MM/dd HH:mm:ss"
...@@ -98,7 +98,7 @@ export default { ...@@ -98,7 +98,7 @@ export default {
98 rules: { 98 rules: {
99 shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], 99 shyj: [{ required: true, message: "请填写意见", trigger: "blur" }],
100 shryxm: [{ required: true, message: "审查人", trigger: "blur" }], 100 shryxm: [{ required: true, message: "审查人", trigger: "blur" }],
101 shjssj: [{ required: true, message: "审核时间", trigger: "blur" }], 101 shkssj: [{ required: true, message: "审核时间", trigger: "blur" }],
102 }, 102 },
103 }; 103 };
104 }, 104 },
......
...@@ -43,6 +43,9 @@ export function getForm(tabName) { ...@@ -43,6 +43,9 @@ export function getForm(tabName) {
43 case "slxxjsydsyq": 43 case "slxxjsydsyq":
44 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); 44 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue");
45 break; 45 break;
46 case "slxxtdsyq":
47 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/tdsyq.vue");
48 break;
46 case "slxxfdcq": 49 case "slxxfdcq":
47 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue"); 50 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue");
48 break; 51 break;
......
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
27 box-sizing: border-box; 27 box-sizing: border-box;
28 padding: 10px; 28 padding: 10px;
29 display: flex; 29 display: flex;
30
30 flex-direction: column; 31 flex-direction: column;
31 32
32 .item-list { 33 .item-list {
...@@ -39,6 +40,7 @@ ...@@ -39,6 +40,7 @@
39 line-height: 36px; 40 line-height: 36px;
40 border: 1px solid $borderColor; 41 border: 1px solid $borderColor;
41 font-weight: 700; 42 font-weight: 700;
43 font-size: 16px;
42 padding: 5px 0 5px 10px; 44 padding: 5px 0 5px 10px;
43 background-color: #fff; 45 background-color: #fff;
44 margin-bottom: 5px; 46 margin-bottom: 5px;
......