Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9be53f2d by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents cc996c89 52458f0e
Inline Side-by-side
Showing 8 changed files with 484 additions and 243 deletions
/*
* @Description: 不动产权证
* @Autor: renchao
* @LastEditTime: 2023-09-13 16:06:55
* @LastEditTime: 2023-11-15 13:32:46
*/
import request from '@/utils/request';
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
......@@ -160,3 +160,16 @@ export function getBdcqzQlr (bsmBdcqz) {
}
})
}
/**
* @description: 修改
* @param {*} data
* @author: renchao
*/
export function editBdcqz (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/editBdcqz',
method: 'post',
data
})
}
\ No newline at end of file
......
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1700016852243" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1613" id="mx_n_1700016852243" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M877.216 491.808M769.472 960 192.224 960C139.168 960 96 916.832 96 863.776L96 222.368c0-53.056 43.168-96.224 96.224-96.224l448.992 0c17.728 0 32.064 14.368 32.064 32.064 0 17.696-14.336 32.064-32.064 32.064L192.224 190.272c-17.664 0-32.064 14.4-32.064 32.064l0 641.408c0 17.696 14.4 32.064 32.064 32.064l577.28 0c17.696 0 32.064-14.368 32.064-32.064L801.568 350.656c0-17.696 14.336-32.064 32.064-32.064 17.728 0 32.064 14.368 32.064 32.064l0 513.12C865.696 916.832 822.528 960 769.472 960L769.472 960zM581.056 446.88c-8.224 0-16.416-3.136-22.656-9.408-12.544-12.544-12.544-32.8 0-45.344l318.72-318.72c12.544-12.544 32.8-12.544 45.344 0 12.544 12.544 12.544 32.8 0 45.344l-318.72 318.72C597.504 443.744 589.28 446.88 581.056 446.88L581.056 446.88zM448.768 446.88 256.352 446.88c-17.696 0-32.064-14.368-32.064-32.064 0-17.696 14.368-32.064 32.064-32.064l192.416 0c17.696 0 32.064 14.368 32.064 32.064C480.832 432.512 466.464 446.88 448.768 446.88L448.768 446.88zM641.216 639.296 256.352 639.296c-17.696 0-32.064-14.336-32.064-32.064 0-17.728 14.368-32.064 32.064-32.064l384.832 0c17.728 0 32.064 14.336 32.064 32.064C673.28 624.96 658.944 639.296 641.216 639.296L641.216 639.296zM641.216 639.296" fill="#ffffff" p-id="1614"></path></svg>
\ No newline at end of file
......@@ -270,4 +270,13 @@
// 整体配置
.el-form-item--mini.el-form-item {
margin-bottom: 10px;
}
.vue-treeselect__control {
height: 28px !important;
}
.vue-treeselect__placeholder,
.vue-treeselect__single-value {
line-height: 28px !important;
}
\ No newline at end of file
......
......@@ -20,6 +20,7 @@
flex-wrap: wrap;
justify-content: flex-start;
min-height: 30px;
margin-bottom: 10px !important;
span {
display: flex;
......@@ -78,6 +79,10 @@
}
}
.from-clues-header {
padding-bottom: 0 !important;
}
//*****end*通用表单查询条件，列表样式******//
/deep/.el-range-separator {
line-height: 28px !important;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-15 15:33:27
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中...">
<!-- 表单部分 -->
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1" style="margin-top:-15px">
<el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
v-for="(item, index) in headTabBdcqz" :key="index">
</el-tab-pane>
</el-tabs>
<el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
<div style="height:540px">
<el-form class="zs" :model="bdcqz" v-if="this.bdcqz.bdcqzlx==1" ref="ruleForm" label-width="100px">
<el-row>
<el-col :span="24">
<el-form-item label="权利人">
<el-input v-model="bdcqz.qlr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="共有情况">
<el-input v-model="bdcqz.gyqk"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="坐落">
<el-input v-model="bdcqz.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="不动产单元号">
<el-input v-model="bdcqz.bdcdyh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="权利类型">
<el-input v-model="bdcqz.qllx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="权利性质 ">
<el-input v-model="bdcqz.qlxz"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="用途">
<el-input v-model="bdcqz.yt"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="面积">
<el-input v-model="bdcqz.mj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="使用期限 ">
<el-input v-model="bdcqz.syqx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="权利其他状况">
<el-input v-model="bdcqz.qlqtzk" :rows="4" type="textarea"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="附记">
<el-input v-model="bdcqz.fj" :rows="4" type="textarea"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-form :model="bdcqz" class="zm" v-else ref="ruleForm" label-width="110px">
<el-row>
<el-col :span="24">
<el-form-item label="证明权利或事项">
<el-input v-model="bdcqz.zmqlhsx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="权利人(申请人)">
<el-input v-model="bdcqz.qlr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="义务人">
<el-input v-model="bdcqz.ywr"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="坐落">
<el-input v-model="bdcqz.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="不动产单元号">
<el-input v-model="bdcqz.bdcdyh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="其他状况">
<el-input v-model="bdcqz.qlqtzk" :rows="6" type="textarea"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="附记">
<el-input v-model="bdcqz.fj" :rows="6" type="textarea"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div style="text-align:center">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" @click="handleSubmit">保存</el-button>
</div>
</div>
</template>
<script>
import { getSlsqBdcqzList, editBdcqz } from "@/api/bdcqz.js"
export default {
name: "zsxg",
props: {
formData: {
type: Object,
default: {}
}
},
data () {
return {
key: 0,
noData: false,
loading: false,
bdcqz: {},
//tab切换栏数组
headTabBdcqz: [],
//tab选择绑定值
activeName: '',
}
},
mounted () {
this.getHeadTabBdcqz()
},
methods: {
/**
* @description: 获取受理申请下全部不动产权证
* @author: renchao
*/
getHeadTabBdcqz () {
this.loading = true
getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
if (res.code == 200) {
this.noData = true
if (res.result && res.result.length > 0) {
this.bdcqz = res.result[0]
this.headTabBdcqz = res.result
if (this.formData.bsmBdcqz) {
this.activeName = this.formData.bsmBdcqz
} else {
this.activeName = res.result[0].bsmBdcqz
}
}
}
this.loading = false
})
},
handleClick (tab) {
this.bdcqz = this.headTabBdcqz[tab.index]
},
handleSubmit () {
editBdcqz(this.bdcqz).then(res => {
if (res.code == 200) {
this.$message.success('保存成功');
//刷新列表
this.$popupCacel()
} else {
this.$message.error(res.message)
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-08 13:25:20
* @LastEditTime: 2023-11-15 15:34:21
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
<!-- 表单部分 -->
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1" style="margin-top:-23px">
<el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
v-for="(item, index) in headTabBdcqz" :key="index">
</el-tab-pane>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-18 15:24:05
* @LastEditTime: 2023-11-15 10:24:42
-->
<template>
<div class="szxx">
<el-card
:class="classJudge(item)"
v-for="(item, index) in tableData"
:key="index"
>
:key="index">
<div slot="header" class="szxx_header">
<span class="header_type">{{
item.bdcqzlx == 1 ? "不动产权证书" : "不动产登记证明"
......@@ -21,8 +20,7 @@
<span>{{ item.qllx }}</span>
</div>
<div class="text color_red">
<span>{{ item.qlr }}</span
><span class="color_iray">({{ item.qllx }})</span>
<span>{{ item.qlr }}</span><span class="color_iray">({{ item.qllx }})</span>
</div>
<div class="text color_iray">
<span>{{ item.gyqk }}</span>
......@@ -52,29 +50,21 @@
<el-button
class="operation_button"
type="text"
@click="openInvalidDiglog(item)"
>再次打印（{{ item.szcs }})</el-button
>
@click="openInvalidDiglog(item)">再次打印（{{ item.szcs }})</el-button>
<el-button
class="operation_button"
type="text"
@click="openRecordPop(item)"
>缮证记录</el-button
>
@click="openRecordPop(item)">缮证记录</el-button>
</div>
<div class="text tac" v-else>
<el-button
class="operation_button"
type="text"
@click="openZsylDialog(item, 2)"
>证书打印（{{ item.szcs }}）</el-button
>
@click="openZsylDialog(item, 2)">证书打印（{{ item.szcs }}）</el-button>
<el-button
class="operation_button"
type="text"
@click="openRecordPop(item)"
>缮证记录</el-button
>
@click="openRecordPop(item)">缮证记录</el-button>
</div>
</div>
</el-card>
......@@ -83,72 +73,86 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import { getSlsqBdcqzList } from "@/api/bdcqz.js";
export default {
props: {},
data() {
return {
//表单是否可操作
viewEdit: false,
dialog: false,
tableData: [],
bdcqzlx: 1,
bdcqz: {},
};
},
computed: {
...mapGetters(["workFresh"]),
},
watch: {
workFresh: {
handler(newVal, oldVal) {
if (newVal) this.list();
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import { getSlsqBdcqzList } from "@/api/bdcqz.js";
export default {
props: {},
data () {
return {
//表单是否可操作
viewEdit: false,
dialog: false,
tableData: [],
bdcqzlx: 1,
bdcqz: {},
};
},
computed: {
...mapGetters(["workFresh"]),
},
watch: {
workFresh: {
handler (newVal, oldVal) {
if (newVal) this.list();
},
},
},
},
created() {
this.list();
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
},
methods: {
/**
* @description: 初始化列表
* @author: renchao
*/
list() {
return new Promise((resolve, reject) => {
var bsmSlsq = this.$route.query.bsmSlsq;
getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
resolve(res.code);
if (res.code === 200) {
this.tableData = res.result;
if (res.result) {
this.bdcqz = res.result[0];
created () {
this.list();
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
},
methods: {
/**
* @description: 初始化列表
* @author: renchao
*/
list () {
return new Promise((resolve, reject) => {
var bsmSlsq = this.$route.query.bsmSlsq;
getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
resolve(res.code);
if (res.code === 200) {
this.tableData = res.result;
if (res.result) {
this.bdcqz = res.result[0];
}
}
}
});
});
});
},
/**
* @description: 打开证书预览弹窗
* @param {*} item
* @param {*} type
* @author: renchao
*/
openZsylDialog(item, type) {
store.dispatch("user/reWorkFresh", false);
if (type == 1) {
//证书证明预览
this.$popupDialog(
"证书证明预览",
"workflow/components/dialog/zsyl",
{ bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq },
'1230px',
true
);
} else {
},
/**
* @description: 打开证书预览弹窗
* @param {*} item
* @param {*} type
* @author: renchao
*/
openZsylDialog (item, type) {
store.dispatch("user/reWorkFresh", false);
if (type == 1) {
this.$popupDialog(
"证书证明预览",
"workflow/components/dialog/zsyl",
{ bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq },
'1230px',
true
);
} else {
this.$popupDialog(
"证书证明打印",
"workflow/components/dialog/zsdy",
{ ...item },
"76%",
true
);
}
},
/**
* @description: 再次打印
* @param {*} item
* @author: renchao
*/
openInvalidDiglog (item) {
this.$popupDialog(
"证书证明打印",
"workflow/components/dialog/zsdy",
......@@ -156,189 +160,174 @@ export default {
"76%",
true
);
}
},
/**
* @description: 再次打印
* @param {*} item
* @author: renchao
*/
openInvalidDiglog(item) {
this.$popupDialog(
"证书证明打印",
"workflow/components/dialog/zsdy",
{ ...item },
"76%",
true
);
},
/**
* @description: openRecordPop
* @param {*} item
* @author: renchao
*/
openRecordPop(item) {
this.$popupDialog(
"缮证记录",
"workflow/components/dialog/szRecord",
{ bsmBdcqz: item.bsmBdcqz },
"60%",
true
);
},
/**
* @description: classJudge 判断class
* @param {*} item
* @author: renchao
*/
classJudge(item) {
let className = "box-card";
if (item.bdcqzlx == 1) {
className += " zs-card";
} else {
className += " zm-card";
}
if (item.szcs == 0) {
className += " no-print";
}
return className;
},
/**
* @description: openRecordPop
* @param {*} item
* @author: renchao
*/
openRecordPop (item) {
this.$popupDialog(
"缮证记录",
"workflow/components/dialog/szRecord",
{ bsmBdcqz: item.bsmBdcqz },
"60%",
true
);
},
/**
* @description: classJudge 判断class
* @param {*} item
* @author: renchao
*/
classJudge (item) {
let className = "box-card";
if (item.bdcqzlx == 1) {
className += " zs-card";
} else {
className += " zm-card";
}
if (item.szcs == 0) {
className += " no-print";
}
return className;
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
.szxx {
box-sizing: border-box;
padding-right: 15px;
width: 100%;
height: 100%;
overflow-y: scroll;
padding-bottom: 55px;
@import "~@/styles/public.scss";
.szxx {
box-sizing: border-box;
padding-right: 15px;
width: 100%;
height: 100%;
overflow-y: scroll;
padding-bottom: 55px;
.box-card {
float: left;
width: 350px;
margin: 10px;
box-shadow: none;
background-image: url("~@/image/zm-bg.png");
background-size: 100% 100%;
border: 1px solid transparent;
/deep/ .el-card__header {
padding: 12px 66px;
background-size: auto;
border-bottom: 0;
position: relative;
}
.szxx_header {
color: #8b4534;
}
.szxx_body {
min-height: 280px;
}
}
.zs-card {
border: 1px solid #a6b0be;
background-image: none;
/deep/ .el-card__header {
background-image: url("~@/image/zs-red.png");
.box-card {
float: left;
width: 350px;
margin: 10px;
box-shadow: none;
background-image: url("~@/image/zm-bg.png");
background-size: 100% 100%;
border: 1px solid transparent;
/deep/ .el-card__header {
padding: 12px 66px;
background-size: auto;
border-bottom: 0;
position: relative;
}
.szxx_header {
color: #ffe47c;
color: #8b4534;
}
.szxx_body {
min-height: 280px;
}
}
.top_line {
border-top: 1px solid #d3dbe5;
width: 330px;
margin: 0 auto 10px;
}
}
.zm-card {
/deep/ .el-card__header {
&:after {
content: "";
display: inline-block;
.zs-card {
border: 1px solid #a6b0be;
background-image: none;
/deep/ .el-card__header {
background-image: url("~@/image/zs-red.png");
.szxx_header {
color: #ffe47c;
}
}
.top_line {
border-top: 1px solid #d3dbe5;
width: 330px;
height: 1px;
background-color: #b28676;
position: absolute;
left: 10px;
bottom: 0;
margin: 0 auto 10px;
}
}
}
.zm-card.no-print {
background-image: url("~@/image/zm-gray.png");
/deep/ .el-card__header {
&:after {
background-color: #6d7278;
.zm-card {
/deep/ .el-card__header {
&:after {
content: "";
display: inline-block;
width: 330px;
height: 1px;
background-color: #b28676;
position: absolute;
left: 10px;
bottom: 0;
}
}
}
.szxx_header {
color: #6d7278;
}
}
.zs-card.no-print {
/deep/ .el-card__header {
background-image: url("~@/image/zs-gray.png");
.zm-card.no-print {
background-image: url("~@/image/zm-gray.png");
/deep/ .el-card__header {
&:after {
background-color: #6d7278;
}
}
.szxx_header {
color: #ffffff;
color: #6d7278;
}
}
.zs-card.no-print {
/deep/ .el-card__header {
background-image: url("~@/image/zs-gray.png");
.szxx_header {
color: #ffffff;
}
}
}
}
}
.szxx_header {
// color: #ffffff;
// font-weight: bolder;
font-size: 16px;
.szxx_header {
// color: #ffffff;
// font-weight: bolder;
font-size: 16px;
.header_type {
display: flex;
justify-content: center;
align-content: center;
}
.header_type {
display: flex;
justify-content: center;
align-content: center;
.header_text {
text-align: center;
margin-top: 2px;
line-height: 22px;
}
}
.header_text {
.text {
margin-bottom: 8px;
text-align: left;
text-indent: 16px;
}
.text.tac {
text-align: center;
margin-top: 2px;
line-height: 22px;
}
}
.text {
margin-bottom: 8px;
text-align: left;
text-indent: 16px;
}
.text.tac {
text-align: center;
}
.color_iray {
color: #6d7278;
}
.color_iray {
color: #6d7278;
}
.color_red {
color: #ab0c0c;
}
.color_red {
color: #ab0c0c;
}
.middle_margin {
margin-bottom: 10px;
}
.middle_margin {
margin-bottom: 10px;
}
.operation_button {
border: 1px solid #5c95e5;
padding: 5px;
text-align: center;
}
.operation_button {
border: 1px solid #5c95e5;
padding: 5px;
text-align: center;
}
.card_padding {
padding-top: 8px;
font-size: 14px;
line-height: 22px;
}
/deep/.el-card__body {
padding: 0px;
}
.card_padding {
padding-top: 8px;
font-size: 14px;
line-height: 22px;
}
/deep/.el-card__body {
padding: 0px;
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-16 13:35:55
* @LastEditTime: 2023-11-15 11:29:32
*/
import { getPrintTemplateByCode } from "@/api/print";
import { uploadUndo } from "@/api/clxx";
......@@ -74,8 +74,8 @@ export default {
* @author: renchao
*/
operation (item) {
//按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿,B10:打印回执
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
//按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿,B10:打印回执 ZSXG: 证书修改
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
let that = this;
switch (item.value) {
case "B0":
......@@ -128,6 +128,9 @@ export default {
entryType: '1'
}, '1230px', true)
break;
case "B-ZSXG":
this.$popupDialog("证书修改", "workflow/components/dialog/zsxg", { bsmSlsq: this.bsmSlsq, }, '55%', true)
break;
case "B6":
//根据编号获取对应信息
getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => {
......