Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
7c826100 by renchao@pashanhoo.com
Options

style:家庭房产

1 parent d1a1eecf
Inline Side-by-side
Showing 6 changed files with 143 additions and 132 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-07-03 09:59:11
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
63 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 63 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
64 </el-form-item> 64 </el-form-item>
65 </el-col> 65 </el-col>
66 <el-col :span="8"> 66 <el-col :span="8">
67 <el-form-item label="登记原因："> 67 <el-form-item label="登记原因：">
68 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 68 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
69 </el-form-item> 69 </el-form-item>
...@@ -106,22 +106,20 @@ ...@@ -106,22 +106,20 @@
106 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 106 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
107 </el-form-item> 107 </el-form-item>
108 </el-col> 108 </el-col>
109 <el-col :span="8"> 109 <el-col :span="8">
110 <el-form-item label="权属状态："> 110 <el-form-item label="权属状态：">
111 <el-select v-model="ruleForm.qlxx.qszt"> 111 <el-select v-model="ruleForm.qlxx.qszt">
112 <el-option 112 <el-option
113 v-for="item in qsztlist" 113 v-for="item in qsztlist"
114 :key="item.dcode" 114 :key="item.dcode"
115 :label="item.dname" 115 :label="item.dname"
116 :value="item.dcode" 116 :value="item.dcode">
117 >
118 </el-option> 117 </el-option>
119 </el-select> 118 </el-select>
120 </el-form-item> 119 </el-form-item>
121 </el-col> 120 </el-col>
122 121
123 122 <el-col :span="8">
124 <el-col :span="8">
125 <el-form-item label="供地役不动产单元号："> 123 <el-form-item label="供地役不动产单元号：">
126 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 124 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
127 </el-form-item> 125 </el-form-item>
...@@ -214,7 +212,7 @@ ...@@ -214,7 +212,7 @@
214 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 212 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
215 </el-form-item> 213 </el-form-item>
216 </el-col> 214 </el-col>
217 <el-col :span="24"> 215 <el-col :span="24">
218 <el-form-item label="附记："> 216 <el-form-item label="附记：">
219 <el-input v-model="ruleForm.qlxx.fj"></el-input> 217 <el-input v-model="ruleForm.qlxx.fj"></el-input>
220 </el-form-item> 218 </el-form-item>
...@@ -264,134 +262,135 @@ ...@@ -264,134 +262,135 @@
264 </div> 262 </div>
265 </template> 263 </template>
266 <script> 264 <script>
267 import { mapGetters } from "vuex"; 265 import { mapGetters } from "vuex";
268 import { init,save } from "@/api/djbbl.js"; 266 import { init, save } from "@/api/djbbl.js";
269 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 267 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
270 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 268 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
271 import tdytTable from "@/views/workflow/components/tdytTable"; 269 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
272 export default { 270 import tdytTable from "@/views/workflow/components/tdytTable";
273 components: { qlrCommonTable,ywrCommonTable,tdytTable }, 271 export default {
274 computed: { 272 components: { qlrCommonTable, ywrCommonTable, tdytTable },
275 ...mapGetters(["dictData", "flag"]), 273 computed: {
276 }, 274 ...mapGetters(["dictData", "flag"]),
277 data() {
278 return {
279 //表单是否可操作
280 propsParam: this.$attrs,
281 key: 0,
282 isShow: false,
283 disabled: true,
284 czrOptions: [],
285 ruleForm: {},
286 // 权属状态
287 qsztlist: [
288 {
289 dcode: "1",
290 dname: "现势",
291 },
292 {
293 dcode: "2",
294 dname: "历史",
295 },
296 ],
297 //传递参数\
298 rules: {},
299 };
300 },
301 created() {
302 this.loadData();
303 },
304 mounted() {},
305 methods: {
306 loadData() {
307 console.log("预告登记",this.propsParam);
308 init(this.propsParam.bsmRepair).then((res) => {
309 if (res.code == 200) {
310 this.ruleForm = res.result;
311 console.log("this.ruleForm",this.ruleForm);
312 this.isShow = true;
313 }
314 });
315 }, 275 },
316 // 更新土地用途信息 276 data () {
317 upDateTdytxxList(val) { 277 return {
318 console.log("VAL",val); 278 //表单是否可操作
319 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 279 propsParam: this.$attrs,
320 this.key++; 280 key: 0,
281 isShow: false,
282 disabled: true,
283 czrOptions: [],
284 ruleForm: {},
285 // 权属状态
286 qsztlist: [
287 {
288 dcode: "1",
289 dname: "现势",
290 },
291 {
292 dcode: "2",
293 dname: "历史",
294 },
295 ],
296 //传递参数\
297 rules: {},
298 };
321 }, 299 },
322 // 更新权利人信息 300 created () {
323 upDateQlrxxList(val) { 301 this.loadData();
324 console.log("val",val);
325 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
326 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
327 this.czrOptions = this.ruleForm.qlrData;
328 this.key++;
329 }, 302 },
330 // 更新义务人信息 303 mounted () { },
331 upDateYwrxxList(val) { 304 methods: {
332 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 305 loadData () {
333 this.key++; 306 console.log("预告登记", this.propsParam);
334 }, 307 init(this.propsParam.bsmRepair).then((res) => {
335 onSubmit() { 308 if (res.code == 200) {
336 console.log("this.ruleForm大信息",this.ruleForm); 309 this.ruleForm = res.result;
337 if (this.ruleForm.qlrData.length == 0) { 310 console.log("this.ruleForm", this.ruleForm);
338 this.$message({ 311 this.isShow = true;
339 showClose: true, 312 }
340 message: "请确认权利人信息",
341 type: "error",
342 }); 313 });
343 return false; 314 },
344 } 315 // 更新土地用途信息
345 316 upDateTdytxxList (val) {
346 if (this.ruleForm.qlxx.gyfs == "0") { 317 console.log("VAL", val);
347 if (this.ruleForm.qlrData.length > 1) { 318 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
319 this.key++;
320 },
321 // 更新权利人信息
322 upDateQlrxxList (val) {
323 console.log("val", val);
324 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
325 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
326 this.czrOptions = this.ruleForm.qlrData;
327 this.key++;
328 },
329 // 更新义务人信息
330 upDateYwrxxList (val) {
331 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
332 this.key++;
333 },
334 onSubmit () {
335 console.log("this.ruleForm大信息", this.ruleForm);
336 if (this.ruleForm.qlrData.length == 0) {
348 this.$message({ 337 this.$message({
349 showClose: true, 338 showClose: true,
350 message: "共有方式：单独所有，权利人只能是一个人", 339 message: "请确认权利人信息",
351 type: "error", 340 type: "error",
352 }); 341 });
353 return false; 342 return false;
354 } 343 }
355 this.ruleForm.qlrData[0].sfczr = "1"; 344
356 } 345 if (this.ruleForm.qlxx.gyfs == "0") {
357 if (this.ruleForm.qlxx.gyfs == "1") { 346 if (this.ruleForm.qlrData.length > 1) {
358 //是否分别持证 347 this.$message({
359 if (this.ruleForm.qlxx.sqfbcz == "1") { 348 showClose: true,
360 //是 349 message: "共有方式：单独所有，权利人只能是一个人",
361 this.ruleForm.qlrData.forEach((item, index) => { 350 type: "error",
362 item.sfczr = "1"; 351 });
363 }); 352 return false;
364 } else { 353 }
365 this.ruleForm.qlrData.forEach((item, index) => { 354 this.ruleForm.qlrData[0].sfczr = "1";
366 if (item.zjh == this.ruleForm.czr) {
367 item.sfczr = "1";
368 } else {
369 item.sfczr = "0";
370 }
371 });
372 } 355 }
373 } 356 if (this.ruleForm.qlxx.gyfs == "1") {
374 save(this.ruleForm).then((res) => { 357 //是否分别持证
375 if (res.code === 200) { 358 if (this.ruleForm.qlxx.sqfbcz == "1") {
376 this.$message({ 359 //是
377 showClose: true, 360 this.ruleForm.qlrData.forEach((item, index) => {
378 message: "保存成功！", 361 item.sfczr = "1";
379 type: "success", 362 });
380 }); 363 } else {
381 this.$store.dispatch("user/refreshPage", true); 364 this.ruleForm.qlrData.forEach((item, index) => {
382 } else { 365 if (item.zjh == this.ruleForm.czr) {
383 this.$message({ 366 item.sfczr = "1";
384 showClose: true, 367 } else {
385 message: res.message, 368 item.sfczr = "0";
386 type: "error", 369 }
387 }); 370 });
371 }
388 } 372 }
389 }); 373 save(this.ruleForm).then((res) => {
374 if (res.code === 200) {
375 this.$message({
376 showClose: true,
377 message: "保存成功！",
378 type: "success",
379 });
380 this.$store.dispatch("user/refreshPage", true);
381 } else {
382 this.$message({
383 showClose: true,
384 message: res.message,
385 type: "error",
386 });
387 }
388 });
389 },
390 }, 390 },
391 }, 391 };
392 };
393 </script> 392 </script>
394 <style scoped lang="scss"> 393 <style scoped lang="scss">
395 @import "~@/styles/public.scss"; 394 @import "~@/styles/public.scss";
396 @import "~@/styles/slxx/slxx.scss"; 395 @import "~@/styles/slxx/slxx.scss";
397 </style> 396 </style>
......
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
53 53
54 <script> 54 <script>
55 import { datas } from "./qlxxFormData.js"; 55 import { datas } from "./qlxxFormData.js";
56 import { getSjlx } from "@/utils/dictionary.js"; 56 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
57 import { getDiyiqList } from "@/api/registerBook.js"; 57 import { getDiyiqList } from "@/api/registerBook.js";
58 export default { 58 export default {
59 data () { 59 data () {
...@@ -88,6 +88,7 @@ ...@@ -88,6 +88,7 @@
88 this.tableData = res.result; 88 this.tableData = res.result;
89 this.tableData.forEach((item) => { 89 this.tableData.forEach((item) => {
90 item.sjlx = getSjlx(item.sjlx); 90 item.sjlx = getSjlx(item.sjlx);
91 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
91 }); 92 });
92 if (this.tableData.length < datas.columns().emptycolNum) { 93 if (this.tableData.length < datas.columns().emptycolNum) {
93 this.emptycolNum = 94 this.emptycolNum =
......
...@@ -46,8 +46,9 @@ ...@@ -46,8 +46,9 @@
46 </template> 46 </template>
47 47
48 <script> 48 <script>
49 import { getYgdjList } from "@/api/registerBook.js";
50 import { datas } from "./qlxxFormData.js"; 49 import { datas } from "./qlxxFormData.js";
50 import { getYgdjList } from "@/api/registerBook.js";
51 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
51 export default { 52 export default {
52 data () { 53 data () {
53 return { 54 return {
...@@ -83,6 +84,10 @@ ...@@ -83,6 +84,10 @@
83 }).then((res) => { 84 }).then((res) => {
84 if (res.code === 200) { 85 if (res.code === 200) {
85 this.tableData = res.result; 86 this.tableData = res.result;
87 this.tableData.forEach((item) => {
88 item.sjlx = getSjlx(item.sjlx);
89 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
90 });
86 if (this.tableData.length < datas.columns().emptycolNum) { 91 if (this.tableData.length < datas.columns().emptycolNum) {
87 this.emptycolNum = 92 this.emptycolNum =
88 datas.columns().emptycolNum - this.tableData.length; 93 datas.columns().emptycolNum - this.tableData.length;
......
...@@ -46,8 +46,9 @@ ...@@ -46,8 +46,9 @@
46 </template> 46 </template>
47 47
48 <script> 48 <script>
49 import { getYydjList } from "@/api/registerBook.js";
50 import { datas } from "./qlxxFormData.js"; 49 import { datas } from "./qlxxFormData.js";
50 import { getYydjList } from "@/api/registerBook.js";
51 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
51 export default { 52 export default {
52 data () { 53 data () {
53 return { 54 return {
...@@ -82,6 +83,10 @@ ...@@ -82,6 +83,10 @@
82 }).then((res) => { 83 }).then((res) => {
83 if (res.code === 200) { 84 if (res.code === 200) {
84 this.tableData = res.result; 85 this.tableData = res.result;
86 this.tableData.forEach((item) => {
87 item.sjlx = getSjlx(item.sjlx);
88 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
89 });
85 if (this.tableData.length < datas.columns().emptycolNum) { 90 if (this.tableData.length < datas.columns().emptycolNum) {
86 this.emptycolNum = 91 this.emptycolNum =
87 datas.columns().emptycolNum - this.tableData.length; 92 datas.columns().emptycolNum - this.tableData.length;
......
...@@ -107,9 +107,9 @@ ...@@ -107,9 +107,9 @@
107 <el-button @click="closeDialog">关闭</el-button> 107 <el-button @click="closeDialog">关闭</el-button>
108 </div> 108 </div>
109 <!-- 打印模板需要此模块 --> 109 <!-- 打印模板需要此模块 -->
110 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> 110 <!-- <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
111 <embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" /> 111 <embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" />
112 </object> 112 </object> -->
113 <printView ref="printContent" :form="form" v-show="false" /> 113 <printView ref="printContent" :form="form" v-show="false" />
114 </div> 114 </div>
115 </template> 115 </template>
...@@ -344,6 +344,7 @@ ...@@ -344,6 +344,7 @@
344 this.$endLoading(); 344 this.$endLoading();
345 if (res.code == 200) { 345 if (res.code == 200) {
346 this.form = res.result; 346 this.form = res.result;
347 console.log(this.form, 'form');
347 this.isSearch = true; 348 this.isSearch = true;
348 } 349 }
349 }); 350 });
......
1 <!-- 1 <!--
2 * @Description: 不动产查询证明打印模板 2 * @Description: 不动产查询证明打印模板
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-28 15:12:05 4 * @LastEditTime: 2023-07-03 10:44:15
5 --> 5 -->
6 <template> 6 <template>
7 <div class="printView" style="width:100%;padding:20px"> 7 <div class="printView" style="width:100%;padding:20px">
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
15 <h5 style=" text-align: center; 15 <h5 style=" text-align: center;
16 margin-top: 20px; 16 margin-top: 20px;
17 font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5> 17 font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5>
18 <p style="text-indent: 2em; 18 <p v-if="form.cxjgList.length>0" style="text-indent: 2em;
19 margin-top: 15px; 19 margin-top: 15px;
20 line-height: 24px; 20 line-height: 24px;
21 font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》 21 font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
22 有关规定，经线上查询不动产登记信息系统，权利人： {{form.cxjgListp[0].qlrmc}} 22 有关规定，经线上查询不动产登记信息系统，权利人： {{form.cxjgList[0].qlrmc}}
23 ，证件号：{{form.cxjgListp[0].zjhm}}，截止{{newDatez}} 23 ，证件号：{{form.cxjgList[0].zjhm}}，截止{{newDatez}}
24 ，名下不动产登记信息查询结果如下：</p> 24 ，名下不动产登记信息查询结果如下：</p>
25 <table style=" border-collapse: collapse; 25 <table style=" border-collapse: collapse;
26 width: 100%; 26 width: 100%;
......