Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
644c70e9 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 9adb854b f63c044a
Inline Side-by-side
Showing 44 changed files with 3740 additions and 445 deletions
......@@ -26,6 +26,7 @@
"qrcode": "^1.5.3",
"vue": "2.6.10",
"vue-json-editor": "^1.4.3",
"vue-print-nb": "^1.7.5",
"vue-quill-editor": "^3.0.6",
"vue-router": "3.0.2",
"vue-seamless-scroll": "^1.1.23",
......
/*
* @Description: 信息备案
* @Autor:
* @LastEditTime: 2023-07-19 14:52:03
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
/**
* @description: 添加银行
* @param {*} data
* @author:
*/
export function addYh (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/company/addYh',
method: 'post',
data
})
}
/**
* @description: 添加企业
* @param {*} data
* @author:
*/
export function addQy (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/company/addQy',
method: 'post',
data
})
}
/**
* @description: 查询企业列表
* @author:
* @param data
*/
export function queryQyByPage (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/company/queryQyByPage',
method: 'post',
data
})
}
/**
* @description: 查询银行列表
* @author:
* @param data
*/
export function queryYhByPage (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/company/queryYhByPage',
method: 'post',
data
})
}
......@@ -15,6 +15,8 @@ import mixin from '@/utils/mixin/theme.js'
import Loading from '@/components/Loading/index.js';
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
import Print from 'vue-print-nb'
Vue.use(Print);
Vue.mixin(mixin);
Vue.use(Loading.directive);
......
......@@ -66,14 +66,6 @@ export const constantRoutes = [
hidden: true,
meta: { title: '发起申请' }
},
// 打印登记簿
{
path: '/printdjb',
component: () => import('@/views/printdjb/printdjb.vue'),
name: 'printdjb',
hidden: true,
meta: { title: '打印登记簿' }
},
{
path: '/',
component: Layout,
......
......@@ -5,8 +5,8 @@
-->
<template>
<div class="bdcqljqtsx">
<div class="content" v-if="qlxxList.ztqlmc">
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-print="printObj">打印</el-button>
<div class="content" v-if="qlxxList.ztqlmc" id="box">
<div class="title">不动产权利及其他事项<br />登记信息</div>
<div>
不动产单元号:
......@@ -60,6 +60,10 @@
name: "bdcqljqtsx",
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
//传递参数
propsParam: this.$attrs,
qlxxList: "",
......@@ -75,15 +79,6 @@
}
});
},
methods: {
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=bdcqljqtsx`,
`bdcqljqtsx`
);
},
}
};
</script>
......@@ -100,6 +95,8 @@
left: 11px;
top: 5px;
}
}
.content {
width: 50%;
height: 100%;
......@@ -126,5 +123,4 @@
display: inline-block;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:06:44
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -96,12 +99,21 @@
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getCfdjList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "查封登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -134,6 +146,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -207,13 +220,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=cfdj`,
`cfdj`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 16:15:01
-->
<template>
<div id="box">
<div class="tbalede" v-for="(el, indexx) in datass" :key="indexx" style="page-break-after: always">
<div class="title">{{ title }}</div>
<table class="xxTable">
<tr v-for="(item) in columns" :key="item.name">
<td>
{{ item.despriction }}
</td>
<td v-for="(row, index) in el" :key="index+'2'">
{{ row[item.name] }}
</td>
<td v-show="el.emptycolNum" v-for="count in emptycolNum" :key="count"></td>
</tr>
</table>
</div>
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
export default {
data() {
return {
title: this.$parent.title,
checkList: datas.columns().checkList,
//列表数据
//空列值个数
emptycolNum:3,
//列名称对象
columns: [],
datass:[],
};
},
props: {
propsParam: {
type: Object,
default: () => {},
},
tableData: {
type: Array,
default: () => [],
},
},
created() {
},
watch: {
tableData: {
handler (newValue, oldValue) {
this.tableData=newValue
this.loadData()
},
}
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData() {
getFieldListByQlxx({
qllx: this.propsParam.qllx
}).then((res) => {
if (res.code === 200) {
this.columns = res.result;
}
});
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
})
for (let i = 0; i < this.tableData.length; i+=3) {
this.datass.push(this.tableData.slice(i,i+3))
}
let num=this.datass[this.datass.length-1].length
if (num < 3) {
this.emptycolNum =
3 - num;
this.datass[this.datass.length-1].emptycolNum=true
} else {
this.emptycolNum = 0;
}
},
},
};
</script>
<style lang="scss" scoped>
.tbalede {
width: 794px;
// height: 1123px;
margin: auto;
.title {
width: 100%;
font-weight: 700;
font-size: 16px;
text-align: center;
height: 62px;
line-height: 62px;
position: relative;
margin: 0 3px;
}
.xxTable {
width: 100%;
border-collapse: collapse;
tr td {
border: 2px solid rgb(227, 226, 226);
text-align: center;
height: 40px;
font-size: 13px;
min-width: 80px;
z-index: 1;
min-width: 80px;
padding: 5px;
}
}
}
</style>
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns() {
return {
//空列值个数
emptycolNum: 3,
checkList: ["0", "1", "2"],
//权属状态集合
qsztList: [
{
value: "0",
label: "临时",
},
{
value: "1",
label: "现势",
},
{
value: "2",
label: "历史",
},
],
TDSYQ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "gyqk",
label: "共有情况",
},
{
prop: "qlrlx",
label: "权利人类型",
},
{
prop: "qlrmc",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "mjdw",
label: "面积单位",
},
{
prop: "gdmj",
label: "耕地面积",
},
{
prop: "ldmj",
label: "林地面积",
},
{
prop: "cdmj",
label: "草地面积",
},
{
prop: "qtnydmj",
label: "其他农用地面积",
},
{
prop: "jsydmj",
label: "建设用地面积",
},
{
prop: "wlydmj",
label: "未利用地面积",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
JSYDSYQ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "gyqk",
label: "共有情况",
},
{
prop: "qlrlx",
label: "权利人类型",
},
{
prop: "qlrmc",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "mjmc",
label: "使用权面积",
},
{
prop: "qlxzmc",
label: "权利性质",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "syqqzsj",
label: "使用权起止时间",
},
// {
// prop: "syqjssj",
// label: "使用权结束时间",
// },
// {
// prop: "tdsyqx",
// label: "土地使用期限",
// },
{
prop: "tdsyqx",
label: "土地使用期限",
},
{
prop: "qdjgmc",
label: "取得价格",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
FDCQ1: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "xmmc",
label: "项目名称",
},
{
prop: "zh",
label: "幢号",
},
{
prop: "zcs",
label: "总层数",
},
{
prop: "ghyt",
label: "规划用途",
},
{
prop: "ytmc",
label: "用途名称",
},
{
prop: "pzyt",
label: "批准用途",
},
{
prop: "sjyt",
label: "实际用途",
}, {
prop: "fwjg",
label: "房屋结构",
}, {
prop: "fwjgmc",
label: "房屋结构名称",
}, {
prop: "jzmj",
label: "建筑面积",
},
{
prop: "jgsj",
label: "竣工时间",
}, {
prop: "zts",
label: "总套数",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
FDCQ2: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "gyqk",
label: "共有情况",
},
{
prop: "qlrlx",
label: "权利人类型",
},
{
prop: "qlrmc",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "tdsyqr",
label: "土地使用权人",
},
{
prop: "dytdmj",
label: "独用土地面积(m²)",
},
{
prop: "fttdmj",
label: "分摊土地面积(m²)",
},
{
prop: "tdxzmc",
label: "土地性质",
},
{
prop: "tdsyqzsj",
label: "使用权起止时间",
},
{
prop: "qdjgmc",
label: "房地产交易价格",
},
{
prop: "ytmc",
label: "房屋用途",
},
{
prop: "fwxzmc",
label: "房屋性质",
},
{
prop: "fwjgmc",
label: "房屋结构",
},
{
prop: "szc",
label: "所在层",
},
{
prop: "zcs",
label: "总层数",
},
{
prop: "jzmj",
label: "建筑面积（m2）",
},
{
prop: "zyjzmj",
label: "专有建筑面积（m2）",
},
{
prop: "ftjzmj",
label: "分摊建筑面积（m2）",
},
{
prop: "jgsj",
label: "竣工时间",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
NYDSYQ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "gyqk",
label: "共有情况",
},
{
prop: "qlrlx",
label: "权利人类型",
},
{
prop: "qlrmc",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "mj",
label: "使用权面积(m²)",
},
{
prop: "qlxzmc",
label: "权利性质",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "fbfdm",
label: "发包方代码",
},
{
prop: "fbfmc",
label: "发包方名称",
},
{
prop: "cbqzsj",
label: "承包起止时间",
},
{
prop: "cbqx",
label: "承包期限",
},
{
prop: "tdsyqxzmc",
label: "土地所有权性质",
},
{
prop: "syttlxmc",
label: "水域滩涂类型",
},
{
prop: "yzyfsmc",
label: "养殖业方式",
},
{
prop: "cyzl",
label: "草原质量",
},
{
prop: "syzcl",
label: "适宜载畜量",
},
{
prop: "ydyhflmc",
label: "用地用海分类",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
DYAQ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "dybdclx",
label: "抵押不动产类型",
render: (h, scope) => {
return (
<div>
<span v-show={scope.row.dybdclx == '1'}>土地</span>
<span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
<span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
<span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
<span v-show={scope.row.dybdclx == '5'}>海域</span>
<span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
<span v-show={scope.row.dybdclx == '7'}>其它</span>
</div>
)
}
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "在建建筑物坐落",
},
{
prop: "dyfsmc",
label: "抵押方式",
},
{
prop: "qlrmc",
label: "抵押权人",
},
{
prop: "qlrzjzl",
label: "抵押权人证件种类",
},
{
prop: "qlrzjhm",
label: "抵押权人证件号",
},
{
prop: "dyrlx",
label: "抵押人类型",
},
{
prop: "ywrmc",
label: "抵押人",
},
{
prop: "ywrzjzl",
label: "抵押人证件种类",
},
{
prop: "ywrzjhm",
label: "抵押人证件号",
},
{
prop: "sfygdj",
label: "是否预告登记",
},
{
prop: "zjjzwdyfw",
label: "在建建筑物抵押范围",
},
{
prop: "dymj",
label: "抵押面积",
},
{
prop: "bdbzzqse",
label: "被担保主债权数额(万元)",
},
{
prop: "dbfw",
label: "担保范围",
},
{
prop: "zwlxqssj",
label: "债务履行起始时间",
},
{
prop: "zwlxjssj",
label: "债务履行结束时间",
},
{
prop: "zwlxqx",
label: "债务履行期限(债务确定期间)",
},
{
prop: "zgzqqdsshse",
label: "最高债权确定事实和数额",
},
{
prop: "sfczyd",
label: "是否存在禁止或限制转让抵押不动产的约定",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产登记证明号",
},
{
prop: "fj",
label: "附记",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "zxywh",
label: "注销抵押业务号",
},
{
prop: "zxdyyy",
label: "注销抵押原因",
},
{
prop: "zxsj",
label: "注销登记时间",
},
{
prop: "zxdbr",
label: "注销登簿人",
},
],
DYIQ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "gydbdcdyh",
label: "供役地不动产单元号",
},
{
prop: "gydqlr",
label: "供役地权利人",
},
{
prop: "gydqlrzjzl",
label: "供役地权利人证件种类",
},
{
prop: "xydbdcdyh",
label: "需役地不动产单元号",
},
{
prop: "xydzl",
label: "需役地坐落",
},
{
prop: "xydqlr",
label: "需役地权利人",
},
{
prop: "xydqlrzjzl",
label: "需役地权利人证件种类",
},
{
prop: "xydzjh",
label: "需役地证件号",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "dyqnr",
label: "地役权内容",
},
{
prop: "qlqssj",
label: "权利起始时间",
},
{
prop: "qljssj",
label: "权利结束时间",
},
{
prop: "bdcdjzmh",
label: "不动产登记证明号",
},
{
prop: "qxdm",
label: "区县代码",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djsj",
label: "登记时间",
},
],
YGDJ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "ygdjzlmc",
label: "预告登记种类",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "qlrmc",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "ywrmc",
label: "义务人",
},
{
prop: "ywrzjzl",
label: "证件种类",
},
{
prop: "ywrzjhm",
label: "证件号",
},
{
prop: "fwxzmc",
label: "房屋性质",
},
{
prop: "fwjgmc",
label: "房屋结构",
},
{
prop: "ytmc",
label: "房屋用途",
},
{
prop: "szc",
label: "所在层",
},
{
prop: "zcs",
label: "总层数",
},
{
prop: "jzmj",
label: "建筑面积/抵押面积(㎡)",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "fj",
label: "附记",
},
{
prop: "qdjgmc",
label: "取得价格/被担保主债权数额",
},
{
prop: "dbfw",
label: "担保范围",
},
{
prop: "sfczyd",
label: "是否存在禁止或限制转让抵押不动产的约定",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "bdcqzh",
label: "不动产登记证明号",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "zxywh",
label: "注销预告业务号",
},
{
prop: "zxyy",
label: "注销预告原因",
},
{
prop: "zxsj",
label: "注销时间",
}
],
CFDJ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "cflxmc",
label: "查封类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "cfjg",
label: "查封机关",
},
{
prop: "ywrmc",
label: "被执行人",
},
{
prop: "ywrzjzl",
label: "证件种类",
},
{
prop: "ywrzjhm",
label: "证件号",
},
{
prop: "cfwh",
label: "查封文号",
},
{
prop: "cfwj",
label: "查封文件",
},
{
prop: "cfqssj",
label: "查封起始时间",
},
{
prop: "cfjssj",
label: "查封结束时间",
},
{
prop: "cfqx",
label: "查封期限",
},
{
prop: "cffw",
label: "查封范围",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "zxywh",
label: "解封业务号",
},
{
prop: "jfjg",
label: "解封机关",
},
{
prop: "jfwh",
label: "解封文号",
},
{
prop: "jfwj",
label: "解封文件",
},
{
prop: "zxsj",
label: "解封登记时间",
},
{
prop: "zxdbr",
label: "解封登簿人",
},
],
YYDJ: [
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "qszt",
label: "权属状态",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "yyr",
label: "异议人",
},
{
prop: "zjzl",
label: "证件种类",
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "yysx",
label: "异议事项",
},
{
prop: "bdcdjzmh",
label: "不动产登记证明号",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "zxyyywh",
label: "注销异议业务号",
},
{
prop: "zxyyyy",
label: "注销异议原因",
},
{
prop: "zxyydbr",
label: "注销异议登簿人",
},
{
prop: "zxyydjsj",
label: "注销异议登记时间",
},
],
LDSYQ: [
{
prop: "ywh",
label: "业务号",
},
{
prop: "sjlx",
label: "数据类型",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "gyqk",
label: "共有情况",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "ldsyqxz",
label: "林地所有权性质",
},
{
prop: "fbf",
label: "发包方",
},
{
prop: "fbfdm",
label: "发包方代码",
},
{
prop: "syqmj",
label: "使用权面积",
},
{
prop: "sllb",
label: "森林类别",
},
{
prop: "zylz",
label: "主要树种",
},
{
prop: "zs",
label: "株数",
},
{
prop: "lz",
label: "林种",
},
{
prop: "qy",
label: "起源",
},
{
prop: "zlnd",
label: "造林年度",
},
{
prop: "lb",
label: "林班",
},
{
prop: "xb",
label: "小班",
},
{
prop: "xdm",
label: "小地名",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djsj",
label: "登记时间",
},
]
}
}
}
let datas = new data()
export {
datas
}
......@@ -5,10 +5,13 @@
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -101,9 +104,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyaqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "抵押权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -136,6 +148,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
......@@ -203,13 +216,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyaq`,
`diyaq`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:12:43
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -101,9 +104,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "地役权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -136,6 +148,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
......@@ -204,13 +217,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyiq`,
`diyiq`
);
},
},
};
</script>
......
......@@ -16,7 +16,7 @@
node-key="id"
:default-checked-keys="[showTab]">
</el-tree>
<el-collapse v-model="activeName" accordion @change="handleChange">
<el-collapse v-model="activeName" accordion>
<el-collapse-item
class="sfqqq"
ref="sfq"
......
......@@ -5,10 +5,10 @@
-->
<template>
<div class="djbfm">
<br /><br />
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-print="printObj">打印</el-button>
<div class="fm" id="box">
<p>
<font>{{ info.sheng }}</font>
<font style="">{{ info.sheng }}</font>
省 (区、市)
<font>{{ info.shi }}</font>
市 (区)
......@@ -24,7 +24,6 @@
组
</p>
<div class="title">不动产登记簿</div>
<br />
<p>
宗地/宗海号:
<font>{{ info.zddm }}</font>
......@@ -36,6 +35,8 @@
</p>
</div>
</div>
</div>
</template>
<script>
......@@ -44,6 +45,10 @@
export default {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
//传递参数
propsParam: this.$attrs,
info: {},
......@@ -64,10 +69,6 @@
}
});
},
print(){
console.log("this.propsParam.bdcdyid ",this.propsParam);
window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `djbfm`);
}
},
};
</script>
......@@ -76,12 +77,6 @@
.djbfm {
width: 100%;
height: 100%;
background: #fff;
border-right: 1px solid #ccc;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
position: relative;
.print{
// background-color: #0079fe;
......@@ -92,6 +87,17 @@
}
}
.fm{
width: 100%;
height: 100%;
background: #fff;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
}
font {
border-bottom: 1px solid #000;
display: inline-block;
......@@ -126,5 +132,4 @@
line-height: 24px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -113,12 +121,22 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq1List } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "房地产权登记信息（多幢）",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -141,11 +159,8 @@ export default {
* @author: renchao
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getFdcq1List({
bdcdyid: this.propsParam.bdcdyid,
......@@ -154,6 +169,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -237,13 +253,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq1`,
`fdcq1`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:17:06
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -98,12 +101,21 @@
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq2List } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "房地产权登记信息（独幢、层、套、间房屋）",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -136,6 +148,8 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
console.log("this.tableData111",this.tableData);
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -198,13 +212,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq2`,
`fdcq2`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 16:15:01
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -98,12 +101,21 @@
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getJsydsyqList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -126,12 +138,7 @@ export default {
* @author: renchao
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -139,6 +146,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -206,27 +214,20 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=jsydsyq`,
`jsydsyq`
);
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:16:32
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -99,9 +102,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -137,6 +149,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
......@@ -207,13 +220,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ldsyq`,
`ldsyq`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:19:17
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -150,8 +153,16 @@ import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getNydsyqList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "农用地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -193,6 +204,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -259,13 +271,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=nydsyq`,
`nydsyq`
);
},
},
};
</script>
......
......@@ -15,10 +15,13 @@
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -84,9 +87,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
export default {
data () {
return {
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -122,6 +134,7 @@
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -189,13 +202,6 @@
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=sllmsyq`,
`sllmsyq`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 16:15:38
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
......@@ -74,9 +77,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getTdsyqList } from "@/api/djbDetail.js";
export default {
data () {
return {
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "土地所有权信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -113,6 +125,7 @@
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach(item => {
item.sjlx = getSjlx(item.sjlx)
})
......@@ -179,13 +192,6 @@
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=tdsyq`,
`tdsyq`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:14:29
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
......@@ -21,21 +29,35 @@
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
]">
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<div class="setbut" v-if="item.prop == 'cz'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row)"
>编辑</el-button
>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row, 'D')"
>删除</el-button
>
</div>
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
......@@ -48,14 +70,20 @@
正在注销
</div>
<p v-if="!['djyy','fj'].includes(item.prop)">
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
......@@ -70,129 +98,133 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getYgdjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
export default {
data () {
return {
title: "预告登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YGDJ,
};
},
created () {
this.loadData();
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData () {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作"
})
}
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getYgdjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
shows:false,
title: "预告登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YGDJ,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData() {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog (row, del) {
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row, del)
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: 'success',
message: '补录成功!'
type: "success",
message: "补录成功!",
});
}).catch(() => {
})
.catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
type: "info",
message: "取消编辑",
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ygdj`,
`ygdj`
);
},
},
};
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 16:15:45
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
......@@ -73,9 +76,18 @@
import { datas } from "./qlxxFormData.js";
import { getYydjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
export default {
data () {
return {
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "异议登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -111,6 +123,7 @@
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
......@@ -178,13 +191,6 @@
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=yydj`,
`yydj`
);
},
},
};
</script>
......
......@@ -5,8 +5,8 @@
-->
<template>
<div class="tableDivCss">
<table cellpadding="0" cellspacing="0" class="tableCss">
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-print="printObj">打印</el-button>
<table cellpadding="0" cellspacing="0" id="box" class="tableCss">
<tr>
<th colspan="5" class="title">宗地基本信息</th>
</tr>
......@@ -118,6 +118,10 @@ import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
export default {
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
bhqkColumns: [
{
prop: "ssywh",
......@@ -212,26 +216,21 @@ export default {
}
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=zdjbxx`,
`zdjbxx`
);
},
},
};
</script>
<style lang="scss" scoped>
@import "~@/styles/tablecss.scss";
.tableCss {
.tableDivCss {
position: relative;
.print {
display: inline;
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
top: 11px;
}
}
</style>
......
......@@ -123,13 +123,7 @@ export default {
});
});
this.datalist=this.list
// this.list.forEach((item,index) => {
// this.value.push({
// key: index,
// name:item.name,
// despriction: item.despriction,
// });
// });
this.loading=false
}
});
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-05 16:40:43
* @LastEditTime: 2023-09-06 15:32:50
-->
<template>
<div>
......@@ -211,7 +211,7 @@
const image = new Image();
image.onload = () => {
context.drawImage(image, 0, 0);
context.font = '16px 楷体';
context.font = '18px 楷体';
context.fillStyle = '#000000';
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
......@@ -440,7 +440,7 @@
const image = new Image();
image.onload = () => {
context.drawImage(image, 0, 0);
context.font = '16px 楷体';
context.font = '18px 楷体';
context.fillStyle = '#000000';
// ysxlh
context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-31 09:48:52
* @LastEditTime: 2023-09-06 16:15:09
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
......@@ -143,7 +143,7 @@
const image = new Image();
image.onload = () => {
context.drawImage(image, 0, 0);
context.font = '16px 楷体';
context.font = '18px 楷体';
context.fillStyle = '#000000';
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
......@@ -206,17 +206,16 @@
}
// context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429);
// 权利其他状态
const maxWidth = 332; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 41)
if (getByteLen(lines[i]) > 41) {
let num = Math.ceil(getByteLen(lines[i]) / 38)
if (getByteLen(lines[i]) > 38) {
let currentLine = '';
let arr = [];
for (let word of lines[i]) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
if (lineWidth <= 323) {
currentLine = testLine;
} else {
arr.push(currentLine);
......@@ -226,11 +225,11 @@
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高
context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高
})
} else {
arr.forEach((line, index) => {
context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高
context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 14)); // 调整行高
})
}
} else {
......@@ -374,7 +373,7 @@
const image = new Image();
image.onload = () => {
context.drawImage(image, 0, 0);
context.font = '16px 楷体';
context.font = '18px 楷体';
context.fillStyle = '#000000';
// ysxlh
context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
......@@ -447,8 +446,8 @@
const maxWidth = 295; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 41)
if (getByteLen(lines[i]) > 41) {
let num = Math.ceil(getByteLen(lines[i]) / 37)
if (getByteLen(lines[i]) > 37) {
let currentLine = '';
let arr = [];
for (let word of lines[i]) {
......@@ -464,27 +463,26 @@
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
context.fillText(line, 770, 428 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高
})
} else {
arr.forEach((line, index) => {
context.fillText(line, 770, 435 + (23 * (i - 1)) + (index * 14)); // 调整行高
context.fillText(line, 770, 435 + (25 * (i - 1)) + (index * 14)); // 调整行高
})
}
} else {
context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1)));
// if (i > 0) {
// context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1)));
// } else {
// context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1)));
// }
if (i > 0) {
context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (24 * (i - 1)));
} else {
context.fillText(lines[i] ? lines[i] : '', 770, 440 + (24 * (i - 1)));
}
}
}
// fj
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
for (let i = 0; i < lines1.length; i++) {
let num = Math.ceil(getByteLen(lines1[i]) / 41)
if (getByteLen(lines1[i]) > 41) {
let num = Math.ceil(getByteLen(lines1[i]) / 37)
if (getByteLen(lines1[i]) > 37) {
let currentLine = '';
let arr = [];
for (let word of lines1[i]) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-06 15:20:16
-->
<template>
<div>
<div>自来水信息</div>
<div>天然气信息</div>
<div>电力信息</div>
<div class="slxx sdqxx">
<el-form
:model="ruleForm"
ref="ruleForm"
v-Loading="loading"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="130px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
电力信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="服务代码：">
<el-input v-model="ruleForm.serviceCode"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="行政区划区县代码：">
<el-input v-model="ruleForm.AREACODE"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记系统业务号：">
<el-input v-model="ruleForm.YWH"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="推送日期：">
<el-input v-model="ruleForm.SENDTIME"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原户主姓名：">
<el-input v-model="ruleForm.MC_OLD"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原户主身份证号码：">
<el-input v-model="ruleForm.ZJHM_OLD"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="原户主联系电话：">
<el-input v-model="ruleForm.LXDH_OLD"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="新户主姓名：">
<el-input v-model="ruleForm.MC_NEW"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="新户主身份证号码：">
<el-input v-model="ruleForm.ZJHM_NEW"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="新户主联系电话：">
<el-input v-model="ruleForm.LXDH_NEW"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房产证编号：">
<el-input v-model="ruleForm.FCZBH"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否过户：">
<el-switch
v-model="ruleForm.SFGH"
:active-value='1'
active-text="是"
:inactive-value="0"
inactive-text="否">
</el-switch>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="房屋坐落（地址）：">
<el-input v-model="ruleForm.FWZL" type="textarea"
:rows="2"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
</template>
\ No newline at end of file
</template>
<script>
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData", "flag"]),
},
mounted () {
// this.loading = true
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
// Init(formdata).then((res) => {
// if (res.code === 200 && res.result) {
// }
// });
},
data () {
return {
loading: false,
//表单是否可操作
viewEdit: false,
ruleForm: {
SFGH: 1
}
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-05 16:52:14
* @LastEditTime: 2023-09-06 09:09:45
-->
<template>
<div class="sfxx">
<div class='sfxx'>
<div class="sfxx-left">
<div class="slxx_title title-block">
基本信息
<div class="triangle"></div>
</div>
<ul>
<li>
<p>业务号</p>
<p>{{detail.ywh}}</p>
</li>
<li>
<p>申请登记类型</p>
<p>{{detail.sqdjlx}}</p>
</li>
<li>
<p>联系人</p>
<p>{{detail.lxr}}</p>
</li>
<li>
<p>联系人电话</p>
<p>{{detail.lxdh}}</p>
</li>
<li>
<p>缴费人</p>
<p><el-input v-model="detail.jfr"></el-input></p>
</li>
<li>
<p>缴费单号</p>
<p><el-input v-model="detail.jfdh"></el-input></p>
</li>
<li>
<p>应收金额</p>
<p style="color:red">{{detail.ysje}}元</p>
</li>
<li>
<p>实收金额</p>
<p><el-input v-model="detail.ssje"></el-input></p>
</li>
<li>
<p>备注</p>
<p><el-input v-model="detail.bz"></el-input></p>
</li>
</ul>
</div>
<div class="sfxx-right">
<div class="slxx_title title-block">
收费明细
<div class="triangle"></div>
</div>
<el-table :data="tableData.data" border :height="355">
<el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
</el-table-column>
<el-table-column label="操作" width="50">
<template slot-scope="scope">
<el-button type="text">使用</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
\ No newline at end of file
</template>
<script>
export default {
components: {},
data () {
return {
detail: {
ywh: '',
sqdjlx: '',
lxr: '',
lxdh: '',
jfr: '',
jfdh: '',
ysje: '',
ssje: '',
bz: ''
},
tableData: {
columns: [
{
prop: "sfxmmc",
label: "收费项目名称",
},
{
prop: "sl",
label: "数县",
},
{
prop: "je",
label: "金额(元)",
},
{
label: '操作',
align: 'center',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { }}></el-button>
</div>
)
}
}
],
data: []
}
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
.sfxx {
display: flex;
padding: 10px;
height: 100%;
box-sizing: border-box;
&-left {
width: 50%;
margin-right: 10px;
ul {
border-radius: 3px;
}
li:last-child {
border-bottom: 1px solid #e8e5e5;
}
li {
display: flex;
border: 1px solid #e8e5e5;
border-bottom: none;
p:nth-child(1) {
width: 35%;
text-align: center;
background-color: #fafafa;
border-right: 1px solid #e8e5e5;
padding: 10px 0;
}
p:nth-child(2) {
width: 65%;
display: flex;
align-items: center;
box-sizing: border-box;
margin: 0 10px;
}
}
}
&-right {
width: 50%;
margin-left: 10px;
}
}
</style>
\ No newline at end of file
......
<template>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="企业名称:" prop="qymc">
<el-input v-model="ruleForm.qymc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电话:" prop="dh">
<el-input v-model="ruleForm.dh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="证件种类:">
<el-input v-model="ruleForm.zjzl"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件号:" prop="zjh">
<el-input v-model="ruleForm.zjh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="法人名称:" prop="frmc">
<el-input v-model="ruleForm.frmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="法人电话:" prop="frdh">
<el-input v-model="ruleForm.frdh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="单位地址:">
<el-input v-model="ruleForm.dwdz"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编:" prop="yb">
<el-input v-model="ruleForm.yb"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item style="text-align:center">
<el-button @click="closeDialog">取消</el-button>
<el-button type="primary" @click="submitForm">保存</el-button>
</el-form-item>
</el-form>
</template>
<script>
import store from '@/store/index.js'
import { addQy } from "@/api/xxba.js"
export default {
props: {
formData: {
type: Object,
default: () => { },
},
},
data () {
return {
DJJGLIST: store.getters.dictData['ywly'],
readOnly: false,
//表单提交数据
ruleForm: {
batchno: '',
djjg: '',
operator: '超级管理员',
operationtime: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
//表格数据
tableForm: [
{
name: '不动产权证书',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 1
},
{
name: '不动产登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 2
}
],
//证书入库业务号参数
ywhQueryForm: {
serialtype: 'zsrkbh',
serialname: '证书入库编号',
serialcode: 'zsrk',
digit: '5'
},
rules: {
batchNo: [
{ required: true, message: '入库编号不能为空', trigger: 'blur' }
],
djjg: [
{ required: true, message: '请选择登记机构', trigger: 'change' }
],
rksj: [
{ required: true, message: '请选择入库时间', trigger: 'change' }
],
},
}
},
mounted () {
if (this.formData.bsmBatch) {
this.tableForm[0].bs = null;
this.tableForm[1].bs = null;
this.getDetailInfo(this.formData.bsmBatch);
} else { }
},
methods: {
/**
* @description: 表单提交
* @author: renchao
*/
submitForm () {
this.tableForm.forEach((item, index) => {
if (item.bs < 0) {
return;
}
})
addQy(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success('保存成功')
this.$emit("input", false);
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
this.closeDialog();
//刷新列表
store.dispatch('user/reWorkFresh', true)
} else {
this.$message.error(res.message);
}
})
},
/**
* @description: 获取详情信息
* @param {*} bsmBatch
* @author: renchao
*/
getDetailInfo (bsmBatch) {
getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
if (res.code == 200) {
this.ruleForm = res.result;
this.readOnly = false;
this.tableForm[0].ksysxlh = res.result.zsstarno;
this.tableForm[0].jsysxlh = res.result.zsendno;
this.tableForm[0].bs = res.result.zsnum;
this.tableForm[1].ksysxlh = res.result.zmstarno;
this.tableForm[1].jsysxlh = res.result.zmendno;
this.tableForm[1].bs = res.result.zmnum;
}
})
},
/**
* @description: 印刷序列号处理
* @param {*} item
* @author: renchao
*/
ysxlhDeal (item) {
if (item.ksysxlh && item.jsysxlh) {
if (item.ksysxlh.length == item.jsysxlh.length) {
if (item.ksysxlh.length != 11) {
item.bs = -1;
return;
}
if (item.ksysxlh > item.jsysxlh) {
item.bs = -1;
return;
}
item.bs = item.jsysxlh - item.ksysxlh + 1;
if (item.zslx == 1) {
this.ruleForm.zsstarno = item.ksysxlh;
this.ruleForm.zsendno = item.jsysxlh;
this.ruleForm.zsnum = item.bs
} else if (item.zslx == 2) {
this.ruleForm.zmstarno = item.ksysxlh;
this.ruleForm.zmendno = item.jsysxlh;
this.ruleForm.zmnum = item.bs
}
} else {
item.bs = -1;
}
} else {
item.bs = 0;
if (item.zslx == 1) {
this.ruleForm.zsstarno = '';
this.ruleForm.zsendno = '';
this.ruleForm.zsnum = item.bs
} else if (item.zslx == 2) {
this.ruleForm.zmstarno = '';
this.ruleForm.zmendno = '';
this.ruleForm.zmnum = item.bs
}
}
},
/**
* @description: resetTableFields
* @author: renchao
*/
resetTableFields () {
this.tableForm = [
{
name: '不动产权证书',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 1
},
{
name: '不动产权登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 2
}
]
},
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.$popupCacel()
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBoxheader.scss";
.font-red {
color: red;
}
.middle-margin-bottom {
margin-top: 20px;
}
</style>
/*
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-01 10:17:27
* @LastEditTime: 2023-09-06 16:10:25
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -28,33 +28,15 @@ class data extends filter {
}
},
{
prop: "sqrmc",
label: "姓名/名称",
prop: "qymc",
label: "名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
clearable
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span>
}
},
{
prop: "zjh",
......@@ -65,7 +47,7 @@ class data extends filter {
label: "法人名称",
},
{
prop: "txdz",
prop: "dwdz",
label: "地址",
},
{
......@@ -79,7 +61,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
<el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button>
</div>
)
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-01 10:17:48
* @LastEditTime: 2023-09-06 16:08:08
-->
<template>
<div class="from-clues">
......@@ -11,7 +11,7 @@
<el-row>
<el-col :span="5">
<el-form-item label="姓名/名称">
<el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100">
<el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -24,12 +24,13 @@
<el-col :span="14" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<div class="from-clues-content loadingtext">
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
......@@ -38,8 +39,10 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./data"
import { queryQyByPage, addQy } from "@/api/xxba.js";
export default {
name: "cwrz",
components: {},
......@@ -47,18 +50,26 @@
mounted () {
sendThis(this);
},
activated () {
this.queryClick()
},
computed: {
...mapGetters(['workFresh'])
},
watch: {
workFresh: {
handler (newVal, oldVal) {
console.log(newVal, 'newVal');
if (newVal) this.queryClick()
}
}
},
data () {
return {
queryForm: {
sqrmc: "",
qymc: "",
zjh: "",
},
pageData: {
current: 1,
size: 10,
},
tableData: {
total: 0,
columns: datas.columns(),
......@@ -69,12 +80,42 @@
methods: {
/**
* @description: queryClick
* @author: renchao
*/
queryClick () {
this.$startLoading();
let data = { ...this.queryForm, ...this.pageData }
queryQyByPage(data).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
},
handleSearch () {
this.queryClick();
},
handleAdd () {
this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%")
},
handleSearch () { },
handleDelete () { }
handleDelete () {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
}
}
</script>
......
<template>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="企业名称:" prop="qymc">
<el-input v-model="ruleForm.qymc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电话:" prop="dh">
<el-input v-model="ruleForm.dh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="证件种类:">
<el-input v-model="ruleForm.zjzl"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件号:" prop="zjh">
<el-input v-model="ruleForm.zjh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="法人名称:" prop="frmc">
<el-input v-model="ruleForm.frmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="法人电话:" prop="frdh">
<el-input v-model="ruleForm.frdh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="单位地址:">
<el-input v-model="ruleForm.dwdz"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编:" prop="yb">
<el-input v-model="ruleForm.yb"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item style="text-align:center">
<el-button type="primary" @click="submitForm">保存</el-button>
<el-button @click="closeDialog">取消</el-button>
</el-form-item>
</el-form>
</template>
<script>
import store from '@/store/index.js'
import { addYh } from "@/api/xxba.js"
export default {
props: {
formData: {
type: Object,
default: () => { },
},
},
data () {
return {
DJJGLIST: store.getters.dictData['ywly'],
readOnly: false,
//表单提交数据
ruleForm: {
batchno: '',
djjg: '',
operator: '超级管理员',
operationtime: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
//表格数据
tableForm: [
{
name: '不动产权证书',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 1
},
{
name: '不动产登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 2
}
],
//证书入库业务号参数
ywhQueryForm: {
serialtype: 'zsrkbh',
serialname: '证书入库编号',
serialcode: 'zsrk',
digit: '5'
},
rules: {
batchNo: [
{ required: true, message: '入库编号不能为空', trigger: 'blur' }
],
djjg: [
{ required: true, message: '请选择登记机构', trigger: 'change' }
],
rksj: [
{ required: true, message: '请选择入库时间', trigger: 'change' }
],
},
}
},
mounted () {
if (this.formData.bsmBatch) {
this.tableForm[0].bs = null;
this.tableForm[1].bs = null;
this.getDetailInfo(this.formData.bsmBatch);
}
},
methods: {
/**
* @description: 表单提交
* @author: renchao
*/
submitForm () {
this.tableForm.forEach((item, index) => {
if (item.bs < 0) {
return;
}
})
addYh(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success('保存成功')
this.$emit("input", false);
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
this.closeDialog();
//刷新列表
store.dispatch('user/reWorkFresh', true)
} else {
this.$message.error(res.message);
}
})
},
/**
* @description: 获取详情信息
* @param {*} bsmBatch
* @author: renchao
*/
getDetailInfo (bsmBatch) {
getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
if (res.code == 200) {
this.ruleForm = res.result;
this.readOnly = false;
this.tableForm[0].ksysxlh = res.result.zsstarno;
this.tableForm[0].jsysxlh = res.result.zsendno;
this.tableForm[0].bs = res.result.zsnum;
this.tableForm[1].ksysxlh = res.result.zmstarno;
this.tableForm[1].jsysxlh = res.result.zmendno;
this.tableForm[1].bs = res.result.zmnum;
}
})
},
/**
* @description: 印刷序列号处理
* @param {*} item
* @author: renchao
*/
ysxlhDeal (item) {
if (item.ksysxlh && item.jsysxlh) {
if (item.ksysxlh.length == item.jsysxlh.length) {
if (item.ksysxlh.length != 11) {
item.bs = -1;
return;
}
if (item.ksysxlh > item.jsysxlh) {
item.bs = -1;
return;
}
item.bs = item.jsysxlh - item.ksysxlh + 1;
if (item.zslx == 1) {
this.ruleForm.zsstarno = item.ksysxlh;
this.ruleForm.zsendno = item.jsysxlh;
this.ruleForm.zsnum = item.bs
} else if (item.zslx == 2) {
this.ruleForm.zmstarno = item.ksysxlh;
this.ruleForm.zmendno = item.jsysxlh;
this.ruleForm.zmnum = item.bs
}
} else {
item.bs = -1;
}
} else {
item.bs = 0;
if (item.zslx == 1) {
this.ruleForm.zsstarno = '';
this.ruleForm.zsendno = '';
this.ruleForm.zsnum = item.bs
} else if (item.zslx == 2) {
this.ruleForm.zmstarno = '';
this.ruleForm.zmendno = '';
this.ruleForm.zmnum = item.bs
}
}
},
/**
* @description: resetTableFields
* @author: renchao
*/
resetTableFields () {
this.tableForm = [
{
name: '不动产权证书',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 1
},
{
name: '不动产权登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx: 2
}
]
},
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.$popupCacel()
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBoxheader.scss";
.font-red {
color: red;
}
.middle-margin-bottom {
margin-top: 20px;
}
</style>
/*
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-01 10:17:27
* @LastEditTime: 2023-09-06 16:12:16
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -28,33 +28,15 @@ class data extends filter {
}
},
{
prop: "sqrmc",
label: "姓名/名称",
prop: "qymc",
label: "名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
clearable
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span>
}
},
{
prop: "zjh",
......@@ -65,7 +47,7 @@ class data extends filter {
label: "法人名称",
},
{
prop: "txdz",
prop: "dwdz",
label: "地址",
},
{
......@@ -79,7 +61,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
<el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button>
</div>
)
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-04 16:59:15
* @LastEditTime: 2023-09-06 16:08:32
-->
<template>
<div class="from-clues">
......@@ -11,7 +11,7 @@
<el-row>
<el-col :span="5">
<el-form-item label="姓名/名称">
<el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100">
<el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -24,12 +24,13 @@
<el-col :span="14" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<div class="from-clues-content loadingtext">
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
......@@ -38,8 +39,10 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./data"
import { queryYhByPage, addYh } from "@/api/xxba.js";
export default {
name: "cwrz",
components: {},
......@@ -47,18 +50,26 @@
mounted () {
sendThis(this);
},
activated () {
this.queryClick()
},
computed: {
...mapGetters(['workFresh'])
},
watch: {
workFresh: {
handler (newVal, oldVal) {
console.log(newVal, 'newVal');
if (newVal) this.queryClick()
}
}
},
data () {
return {
queryForm: {
sqrmc: "",
qymc: "",
zjh: "",
},
pageData: {
current: 1,
size: 10,
},
tableData: {
total: 0,
columns: datas.columns(),
......@@ -69,12 +80,42 @@
methods: {
/**
* @description: queryClick
* @author: renchao
*/
queryClick () {
this.$startLoading();
let data = { ...this.queryForm, ...this.pageData }
queryYhByPage(data).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
});
},
handleSearch () {
this.queryClick();
},
handleAdd () {
this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%")
},
handleSearch () { },
handleDelete () { }
handleDelete () {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
}
}
</script>
......
<!--
* @Author: yangwei
* @Date: 2023-09-06 09:20:11
* @LastEditors: yangwei
* @LastEditTime: 2023-09-06 09:20:44
* @FilePath: \bdcdj-web\src\views\ywbl\ycsl\ycsl.vue
* @Description:
*
* Copyright (c) 2023 by yangwei, All Rights Reserved.
-->
<template>
<div></div>
</template>
<script>
export default {
name: "BdcdjWebYcsl",
data() {
return {};
},
mounted() {},
methods: {},
};
</script>
<style lang="scss" scoped></style>
<!--
* @Author: yangwei
* @Date: 2023-09-06 09:19:56
* @LastEditors: yangwei
* @LastEditTime: 2023-09-06 09:20:51
* @FilePath: \bdcdj-web\src\views\ywbl\ydsq\ydsq.vue
* @Description:
*
* Copyright (c) 2023 by yangwei, All Rights Reserved.
-->
<template>
<div></div>
</template>
<script>
export default {
name: "BdcdjWebYcsl",
data() {
return {};
},
mounted() {},
methods: {},
};
</script>
<style lang="scss" scoped></style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-07 09:51:38
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落" label-width="60px">
<el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content loadingtext">
国有房屋变更信息
<el-table
:data="tableData.data"
height="210"
border
:cell-style="{ textAlign: 'center' }"
:header-cell-style="{textAlign: 'center'}"
@row-click="clickChange"
style="width: 100%">
<el-table-column
label="选择"
width="50">
<template slot-scope="scope">
<el-radio v-model="radioVal"
@click.native.stop.prevent="getCurrentRow(scope.row)"
:label="scope.row.bdcdyh">{{''}}</el-radio>
</template>
</el-table-column>
<el-table-column
label="序号"
type="index"
width="50"
align="center">
<template scope="scope">
{{ scope.$index + (pageData.currentPage - 1) * pageData.pageSize + 1 }}
</template>
</el-table-column>
<el-table-column
label="状态"
width="100">
<template slot-scope="scope">
<a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a>
<span v-show="scope.row.zjgcdyzt==1">,在建工程抵押</span>
<span v-show="scope.row.ycfzt==1">,已预查封</span>
<span v-show="scope.row.ycfzt==1">,已预查封</span>
<span v-show="scope.row.cfzt==1">,已查封</span>
<span v-show="scope.row.diyizt==1">,已地役</span>
<span v-show="scope.row.yyzt==1">,异议中</span>
<span v-show="scope.row.xzzt==1">,已限制</span>
<span v-show="scope.row.ygmmzt==1">,已预告买卖</span>
<span v-show="scope.row.ygdyzt==1">,已预告抵押</span>
<span v-show="scope.row.dyzt==1">,已抵押</span>
</template>
</el-table-column>
<el-table-column
width="100"
label="权利类型">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.qllxmc" placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {{scope.row.qllxmc}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
property="bdcdyh"
label="不动产单元号"
width="150">
</el-table-column>
<el-table-column
width="150"
label="不动产权证号">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.bdcqzh" placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {{scope.row.bdcqzh}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
property="gyqk"
label="共有情况">
</el-table-column>
<el-table-column
width="100"
label="权利人">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.qlrmc" placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {{scope.row.qlrmc}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
width="100"
label="证件号">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.qlrzjhm" placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {{scope.row.qlrzjhm}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
property="qlxzmc"
label="权利性质">
</el-table-column>
<el-table-column
property="qlytmc"
label="用途">
</el-table-column>
<el-table-column
property="qlmjmc"
label="面积">
</el-table-column>
<el-table-column
width="150"
label="坐落">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.zl" placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {{scope.row.zl}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
label="操作"
width="80">
<template slot-scope="scope">
<el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination background layout="prev, pager, next,total" :total="tableData.total"
@current-change="handleCurrentChange"></el-pagination>
</div>
<div class="from-clues-content loadingtext">
抵押变更信息
<lb-table ref="table" :pagination="false" :calcHeight="500" :column="tableData.columns"
:data="tableData.dataList">
</lb-table>
</div>
<div class="submit_button">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
</div>
</div>
</template>
<script>
//首次登记
import jump from "./mixin/jump";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectFwbjDybgSplitMerge.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import { selectFwsyq } from "@/api/ywsq.js";
import { startBusinessFlow } from "@/api/workFlow.js";
export default {
mixins: [table, jump],
props: {
isJump: { type: Boolean, default: false },
sqywInfo: { type: Object, default: () => { } },
},
data () {
return {
loading: false,
queryForm: defaultParameters.defaultParameters(),
// 表格数据
tableData: {
columns: datas.columns(),
data: [],
total: 0,
dataList: []
},
bdcdysz: [],
radioVal: ""
}
},
mounted () {
sendThis(this)
},
methods: {
clickChange (row) {
this.getCurrentRow(row)
},
/**
* @description: 单选事件
* @author: renchao
*/
getCurrentRow (row) {
this.radioVal = row.bdcdyh;
this.bdcdysz = [row]
selectFwsyq({ bdcdyh: this.radioVal, currentPage: 1, pageSize: 10, sqywbm: this.sqywInfo.djywbm }).then((res) => {
if (res.code === 200) {
this.tableData.dataList = res.result.records
this.bdcdysz = [this.bdcdysz[0], ...this.tableData.dataList]
}
console.log(this.bdcdysz, 'this.bdcdysz');
})
},
/**
* @description: queryClick
* @author: renchao
*/
queryClick () {
this.$startLoading();
this.queryForm.sqywbm = this.sqywInfo.djywbm;
selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
},
handleCurrentChange (val) {
this.pageData.currentPage = val
this.queryClick()
},
/**
* @description: submitForm
* @author: renchao
*/
submitForm () {
this.loading = true
startBusinessFlow({
bsmSqyw: this.sqywInfo.bsmSqyw,
bdcdysz: this.bdcdysz,
}).then((res) => {
this.loading = false
if (res.code == 200) {
this.$message({
showClose: true,
message: "发起申请成功",
type: "success",
});
if (!this.isJump) {
this.jump(res.result, this.sqywInfo.djywbm);
} else {
store.dispatch('user/refreshPage', true);
}
this.$popupCacel()
} else {
if (res.result && res.result.length > 0) {
ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
} else {
ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
}
}
}).catch(() => {
this.loading = false
})
},
/**
* @description: openBook
* @param {*} row
* @author: renchao
*/
openBook (row) {
var param = {
bdcdyid: row.bdcdyid,
qllx: row.qllx,
bdcdyh: row.bdcdyh,
bsmQlxx: row.bsmQlxx,
};
this.$popup("登记簿详情", "registerBook/djbFrame", {
formData: param
})
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
/deep/.el-radio__label {
display: none;
}
/deep/.el-table .cell {
line-height: 20px;
}
</style>
......@@ -59,7 +59,7 @@
import { datas, sendThis } from "../javascript/selectFwsyq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import { selectFwsyq } from "@/api/ywsq.js";
import { startBusinessFlow } from "@/api/workFlow.js";
import { startBusinessFlow,startTogetherFlow } from "@/api/workFlow.js";
export default {
mixins: [table, jump],
props: {
......@@ -107,8 +107,37 @@
this.$message.error("请至少选择一条数据");
return;
}
this.loading = true
startBusinessFlow({
this.loading = true;
if(this.sqywInfo.sqfl=='1'){
startBusinessFlow({
bsmSqyw: this.sqywInfo.bsmSqyw,
bdcdysz: this.bdcdysz,
}).then((res) => {
this.loading = false
if (res.code == 200) {
this.$message({
showClose: true,
message: "发起申请成功",
type: "success",
});
if (!this.isJump) {
this.jump(res.result, this.sqywInfo.djywbm);
} else {
store.dispatch('user/refreshPage', true);
}
this.$popupCacel()
} else {
if (res.result && res.result.length > 0) {
ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
} else {
ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
}
}
}).catch(() => {
this.loading = false
})
}else{
startTogetherFlow({
bsmSqyw: this.sqywInfo.bsmSqyw,
bdcdysz: this.bdcdysz,
}).then((res) => {
......@@ -116,15 +145,15 @@
if (res.code == 200) {
this.$message({
showClose: true,
message: "发起申请成功",
type: "success",
});
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.sqywInfo.djywbm);
this.jump(res.result, this.sqywInfo.djywbm)
} else {
store.dispatch('user/refreshPage', true);
this.$popupCacel()
}
this.$popupCacel()
} else {
if (res.result && res.result.length > 0) {
ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
......@@ -135,6 +164,8 @@
}).catch(() => {
this.loading = false
})
}
},
/**
* @description: handleSelectionChange
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-07 10:13:50
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落" label-width="60px">
<el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content loadingtext">
国有房屋变更信息
<el-table
:data="tableData.data"
height="210"
border
:cell-style="{ textAlign: 'center' }"
:header-cell-style="{textAlign: 'center'}"
@row-click="clickChange"
style="width: 100%">
<el-table-column
label="选择"
width="50">
<template slot-scope="scope">
<el-radio v-model="radioVal"
@click.native.stop.prevent="getCurrentRow(scope.row)"
:label="scope.row.bdcdyh">{{''}}</el-radio>
</template>
</el-table-column>
<el-table-column
label="序号"
type="index"
width="50"
align="center">
<template slot-scope="scope">
{{ scope.$index + (pageData.currentPage - 1) * pageData.pageSize + 1 }}
</template>
</el-table-column>
<el-table-column
label="状态"
width="100">
<template slot-scope="scope">
<a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a>
<span v-show="scope.row.zjgcdyzt==1">,在建工程抵押</span>
<span v-show="scope.row.ycfzt==1">,已预查封</span>
<span v-show="scope.row.ycfzt==1">,已预查封</span>
<span v-show="scope.row.cfzt==1">,已查封</span>
<span v-show="scope.row.diyizt==1">,已地役</span>
<span v-show="scope.row.yyzt==1">,异议中</span>
<span v-show="scope.row.xzzt==1">,已限制</span>
<span v-show="scope.row.ygmmzt==1">,已预告买卖</span>
<span v-show="scope.row.ygdyzt==1">,已预告抵押</span>
<span v-show="scope.row.dyzt==1">,已抵押</span>
</template>
</el-table-column>
<el-table-column
width="100"
label="预告登记种类">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.ygdjzlmc" placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {{scope.row.ygdjzlmc}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
property="bdcdyh"
label="不动产单元号"
width="150">
</el-table-column>
<el-table-column
width="150"
label="不动产登记证明号">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.bdcqzh" placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {{scope.row.bdcqzh}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
width="100"
label="权利人">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.qlrmc" placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {{scope.row.qlrmc}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
width="100"
label="证件号">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.qlrzjhm" placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {{scope.row.qlrzjhm}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
property="ywrmc"
label="义务人">
</el-table-column>
<el-table-column
property="ywrzjhm"
label="义务人证件号">
</el-table-column>
<el-table-column
property="fwxzmc"
label="房屋性质">
</el-table-column>
<el-table-column
property="ytmc"
label="房屋用途">
</el-table-column>
<el-table-column
property="fwjgmc"
label="房屋结构">
</el-table-column>
<el-table-column
property="jzmj"
label="房屋面积(㎡)">
</el-table-column>
<el-table-column
width="150"
label="坐落">
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.zl" placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {{scope.row.zl}}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column
label="操作"
width="80">
<template slot-scope="scope">
<el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination background layout="prev, pager, next,total" :total="tableData.total"
@current-change="handleCurrentChange"></el-pagination>
</div>
<div class="from-clues-content loadingtext">
抵押变更信息
<lb-table ref="table" :pagination="false" :calcHeight="500" :column="tableData.columns"
:data="tableData.dataList">
</lb-table>
</div>
<div class="submit_button">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
</div>
</div>
</template>
<script>
//首次登记
import jump from "./mixin/jump";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectFwbjDybgSplitMerge.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import { selectYgdj200 } from "@/api/ywsq.js";
import { startBusinessFlow } from "@/api/workFlow.js";
export default {
mixins: [table, jump],
props: {
isJump: { type: Boolean, default: false },
sqywInfo: { type: Object, default: () => { } },
},
data () {
return {
loading: false,
queryForm: defaultParameters.defaultParameters(),
// 表格数据
tableData: {
columns: datas.columns(),
data: [],
total: 0,
dataList: []
},
bdcdysz: [],
radioVal: ""
}
},
mounted () {
sendThis(this)
},
methods: {
clickChange (row) {
this.getCurrentRow(row)
},
/**
* @description: 单选事件
* @author: renchao
*/
getCurrentRow (row) {
this.radioVal = row.bdcdyh;
this.bdcdysz = [row]
selectYgdj200({ bdcdyh: this.radioVal, currentPage: 1, pageSize: 10, sqywbm: this.sqywInfo.djywbm }).then((res) => {
if (res.code === 200) {
this.tableData.dataList = res.result.records
this.bdcdysz = [this.bdcdysz[0], ...this.tableData.dataList]
}
console.log(this.bdcdysz, 'this.bdcdysz');
})
},
/**
* @description: queryClick
* @author: renchao
*/
queryClick () {
this.$startLoading();
this.queryForm.sqywbm = this.sqywInfo.djywbm;
selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
},
handleCurrentChange (val) {
this.pageData.currentPage = val
this.queryClick()
},
/**
* @description: submitForm
* @author: renchao
*/
submitForm () {
this.loading = true
startBusinessFlow({
bsmSqyw: this.sqywInfo.bsmSqyw,
bdcdysz: this.bdcdysz,
}).then((res) => {
this.loading = false
if (res.code == 200) {
this.$message({
showClose: true,
message: "发起申请成功",
type: "success",
});
if (!this.isJump) {
this.jump(res.result, this.sqywInfo.djywbm);
} else {
store.dispatch('user/refreshPage', true);
}
this.$popupCacel()
} else {
if (res.result && res.result.length > 0) {
ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
} else {
ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
}
}
}).catch(() => {
this.loading = false
})
},
/**
* @description: openBook
* @param {*} row
* @author: renchao
*/
openBook (row) {
var param = {
bdcdyid: row.bdcdyid,
qllx: row.qllx,
bdcdyh: row.bdcdyh,
bsmQlxx: row.bsmQlxx,
};
this.$popup("登记簿详情", "registerBook/djbFrame", {
formData: param
})
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
/deep/.el-radio__label {
display: none;
}
/deep/.el-table .cell {
line-height: 20px;
}
</style>
......@@ -68,6 +68,7 @@
},
data () {
return {
loading: false,
queryForm: defaultParameters.defaultParameters(),
tableData: {
total: 0,
......@@ -106,10 +107,12 @@
this.$message.error("请至少选择一条数据");
return;
}
this.loading = true
startTogetherFlow({
bsmSqyw: this.sqywInfo.bsmSqyw,
bdcdysz: this.bdcdysz,
}).then((res) => {
this.loading = false
if (res.code == 200) {
this.$message({
showClose: true,
......
......@@ -32,7 +32,7 @@
<div v-if="selectType == 'together'" class="right-situation el-card">
<div class="right-title">一并申请</div>
<ul>
<li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
<li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :tag="item.selected" :key="index"
@dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
<dt>{{ item.nodename }}</dt>
<p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
......@@ -189,7 +189,7 @@
*/
selectSqywClick (data, index) {
data.forEach(item => {
item.selected = false;
this.$set(item, "selected", false)
});
data[index].selected = true;
if (data[index].sffqlc == "1") {
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-07 09:50:26
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "status",
label: "状态",
minWidth: '120',
render: (h, scope) => {
return (
<div>
<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
<span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
</div>
)
}
},
{
label: "不动产证明号",
width: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "bdcdyh",
label: "不动产单元号",
minWidth: '150'
},
{
prop: "dyfs",
label: "抵押方式",
render: (h, scope) => {
switch (scope.row.dyfs) {
case '1':
return <span>一般抵押</span>
case '2':
return <span>最高额抵押</span>
}
}
},
{
label: "抵押权人",
minWidth: '130',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.qlrmc}</span>
</el-tooltip>
)
}
},
{
label: "抵押权人证件号",
minWidth: '130',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.qlrzjhm}</span>
</el-tooltip>
)
}
},
{
prop: "ywrmc",
label: "抵押人",
},
{
label: "抵押人证件号",
minWidth: '130',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.ywrzjhm} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.ywrzjhm}</span>
</el-tooltip>
)
}
},
{
prop: "dyje",
label: "抵押金额(万元)",
},
{
prop: "dymj",
label: "抵押面积",
},
{
prop: "dyqx",
label: "债务履行期限",
},
{
label: "坐落",
minWidth: '130',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
label: '操作',
width: '100',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
</div>
)
}
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-29 13:09:45
* @LastEditTime: 2023-09-06 17:03:59
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -130,21 +130,12 @@ class datatwo extends filter {
},
{
label: "状态",
width: '130',
render: (h, scope) => {
return (
<div>
{/* <a v-on:click="doSomething"></a> */}
<a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span>
<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
<span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
</div>
)
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 17:00:15
* @LastEditTime: 2023-09-07 10:04:33
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -87,11 +87,11 @@ class data extends filter {
{
prop: "fwjgmc",
label: "房屋结构",
},
},
{
prop: "jzmj",
label: "房屋面积(㎡)",
},
},
{
prop: "zl",
label: "坐落",
......
......@@ -92,13 +92,17 @@ export function queueDjywmc (djywbm, djqxbm) {
case "C40100": //一并申请首次
vm = "selectYbsc";
break;
// case "C40300": //一并申请变更
// case "C40400": //一并申请注销
// vm = "selectYbbg";
// break;
//case "C04372": //一并国有房屋变更
case "C40300": //一并申请变更
case "C40400": //一并申请注销
// vm = "selectYbbg";
vm = "selectYbbgSplitMerge"
break;
case "C04371": //一并国有房屋转移
vm = "selectYbgybg";
vm = "selectFwsyq";
break;
case "C04372": //一并国有房屋变更
// vm = "selectYbgybg";
vm = "selectFwbjDybgSplitMerge"
break;
case "A11100"://林地使用权首次
vm = "selectLqsc";
......@@ -115,7 +119,7 @@ export function queueDjywmc (djywbm, djqxbm) {
case "A12300"://森林林木登记
case "A12400"://森林林木变更
vm = "selectSllmqt";
break;
break;
default:
vm = "selecBdcql";
break;
......