Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6dcd4fe0 by xiaomiao
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 9d93fbd3 43e50474
Expand all
Inline Side-by-side
Showing 21 changed files with 946 additions and 128 deletions
......@@ -23,6 +23,7 @@
"node-sass": "^4.14.1",
"normalize.css": "7.0.0",
"nprogress": "0.2.0",
"qrcode": "^1.5.3",
"vue": "2.6.10",
"vue-json-editor": "^1.4.3",
"vue-quill-editor": "^3.0.6",
......
......@@ -2,4 +2,4 @@
"TITLE": "不动产登记系统",
"SERVERAPI": "/bdcdj",
"IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
}
\ No newline at end of file
}
......
......@@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
// 初始化内容
export function Init (data) {
return request({
url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init",
method: 'post',
data
})
}
// 批量初始化内容
export function bacthInit (data) {
let apiUrl = "";
switch (data.get("djlx")) {
case "100":
apiUrl = "/rest/ywbl/zjgcdy/fristInit";
apiUrl = "/rest/ywbl/zjgcdy/fristBatchInit";
break;
case "200":
apiUrl = "/rest/ywbl/zjgcdy/transferInit";
apiUrl = "/rest/ywbl/zjgcdy/transferBatchInit";
break;
case "300":
apiUrl = "/rest/ywbl/zjgcdy/changeInit";
apiUrl = "/rest/ywbl/zjgcdy/changeBatchInit";
break;
case "400":
apiUrl = "/rest/ywbl/zjgcdy/logoutInit";
apiUrl = "/rest/ywbl/zjgcdy/logoutBatchInit";
break;
case "500":
apiUrl = "/rest/ywbl/zjgcdy/riviseInit";
apiUrl = "/rest/ywbl/zjgcdy/riviseBatchInit";
break;
case "901":
apiUrl = "/rest/ywbl/zjgcdy/renewalInit";
apiUrl = "/rest/ywbl/zjgcdy/renewaBatchlInit";
break;
case "902":
apiUrl = "/rest/ywbl/zjgcdy/replaceInit";
apiUrl = "/rest/ywbl/zjgcdy/replaceBatchInit";
break;
}
return request({
......@@ -51,6 +59,15 @@ export function saveData (data, djlx) {
})
}
// 受理信息保存
export function saveBatchData (data, djlx) {
return request({
url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData",
method: 'post',
data
})
}
// 流程图
export function getWorkFlowImage (bsmSlsq, bestepid) {
return request({
......
......@@ -340,6 +340,18 @@ export function selectH (data) {
})
}
/**
* @description: 业务办理-选择单元-查询土地所有权信息
* @param {*} data
* @author: renchao
*/
export function selectTdsyqQlxx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectTdsyqQlxx',
method: 'post',
data
})
}
/**
* @description: 业务办理-选择单元-查询建设用地、宅基地信息
......
<!--
* @Descripttion: 表格选择器组件
* @version: 1.3
* @Author: sakuya
* @Date: 2021年6月10日10:04:07
* @LastEditors: Please set LastEditors
* @LastEditTime: 2023-06-29 11:14:11
-->
<template>
<el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags"
:collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod"
@remove-tag="removeTag" @visible-change="visibleChange" @clear="clear">
<template #empty>
<div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading">
<div class="sc-table-select__header">
<slot name="header" :form="formData" :submit="formSubmit"></slot>
</div>
<el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll">
<el-table-column v-if="multiple" type="selection" width="45"></el-table-column>
<el-table-column v-else type="index" width="45">
<template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template>
</el-table-column>
<slot></slot>
</el-table>
<div class="sc-table-select__page">
<el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage"
@current-change="reload"></el-pagination>
</div>
</div>
</template>
</el-select>
</template>
<script>
import config from "./tableSelect";
export default {
props: {
modelValue: null,
apiObj: { type: Object, default: () => { } },
placeholder: { type: String, default: "请选择" },
size: { type: String, default: "small" },
clearable: { type: Boolean, default: false },
multiple: { type: Boolean, default: false },
filterable: { type: Boolean, default: false },
collapseTags: { type: Boolean, default: false },
collapseTagsTooltip: { type: Boolean, default: false },
disabled: { type: Boolean, default: false },
tableWidth: { type: Number, default: 400 },
mode: { type: String, default: "popover" },
props: { type: Object, default: () => { } }
},
data () {
return {
loading: false,
keyword: null,
defaultValue: [],
tableData: [],
pageSize: config.pageSize,
total: 0,
currentPage: 1,
defaultProps: {
label: config.props.label,
value: config.props.value,
page: config.request.page,
pageSize: config.request.pageSize,
keyword: config.request.keyword
},
formData: {}
}
},
computed: {
},
watch: {
modelValue: {
handler () {
this.defaultValue = this.modelValue
this.autoCurrentLabel()
},
deep: true
}
},
mounted () {
this.defaultProps = Object.assign(this.defaultProps, this.props);
this.defaultValue = this.modelValue
this.autoCurrentLabel()
},
methods: {
//表格显示隐藏回调
visibleChange (visible) {
if (visible) {
this.currentPage = 1
this.keyword = null
this.formData = {}
this.getData()
} else {
this.autoCurrentLabel()
}
},
//获取表格数据
async getData () {
this.loading = true;
var reqData = {
[this.defaultProps.page]: this.currentPage,
[this.defaultProps.pageSize]: this.pageSize,
[this.defaultProps.keyword]: this.keyword
}
Object.assign(reqData, this.formData)
// var res = await this.apiObj.get(reqData);
let res = {
code: 200,
data: {
total: 2, rows: [
{
user: 11111111111,
id: 111111111111
},
{
user: 2222222222222,
id: 22222222222
}
]
},
message: ""
}
var parseData = config.parseData(res)
this.tableData = parseData.rows;
this.total = parseData.total;
this.loading = false;
//表格默认赋值
this.$nextTick(() => {
if (this.multiple) {
this.defaultValue.forEach(row => {
var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value])
if (setrow.length > 0) {
this.$refs.table.toggleRowSelection(setrow[0], true);
}
})
} else {
var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value])
this.$refs.table.setCurrentRow(setrow[0]);
}
this.$refs.table.setScrollTop(0)
})
},
//插糟表单提交
formSubmit () {
this.currentPage = 1
this.keyword = null
this.getData()
},
//分页刷新表格
reload () {
this.getData()
},
//自动模拟options赋值
autoCurrentLabel () {
this.$nextTick(() => {
if (this.multiple) {
this.$refs.select.selected.forEach(item => {
item.currentLabel = item.value[this.defaultProps.label]
})
} else {
this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label]
}
})
},
//表格勾选事件
select (rows, row) {
var isSelect = rows.length && rows.indexOf(row) !== -1
if (isSelect) {
this.defaultValue.push(row)
} else {
this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1)
}
this.autoCurrentLabel()
this.$emit('update:modelValue', this.defaultValue);
this.$emit('change', this.defaultValue);
},
//表格全选事件
selectAll (rows) {
var isAllSelect = rows.length > 0
if (isAllSelect) {
rows.forEach(row => {
var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value])
if (!isHas) {
this.defaultValue.push(row)
}
})
} else {
this.tableData.forEach(row => {
var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value])
if (isHas) {
this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1)
}
})
}
this.autoCurrentLabel()
this.$emit('update:modelValue', this.defaultValue);
this.$emit('change', this.defaultValue);
},
click (row) {
if (this.multiple) {
//处理多选点击行
} else {
this.defaultValue = row
this.$refs.select.blur()
this.autoCurrentLabel()
this.$emit('update:modelValue', this.defaultValue);
this.$emit('change', this.defaultValue);
}
},
//tags删除后回调
removeTag (tag) {
var row = this.findRowByKey(tag[this.defaultProps.value])
this.$refs.table.toggleRowSelection(row, false);
this.$emit('update:modelValue', this.defaultValue);
},
//清空后的回调
clear () {
this.$emit('update:modelValue', this.defaultValue);
},
// 关键值查询表格数据行
findRowByKey (value) {
return this.tableData.find(item => item[this.defaultProps.value] === value)
},
filterMethod (keyword) {
if (!keyword) {
this.keyword = null;
return false;
}
this.keyword = keyword;
this.getData()
},
// 触发select隐藏
blur () {
this.$refs.select.blur();
},
// 触发select显示
focus () {
this.$refs.select.focus();
}
}
}
</script>
<style scoped>
.sc-table-select__table {
padding: 12px;
}
.sc-table-select__page {
padding-top: 12px;
}
</style>
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-29 11:05:49
*/
//表格选择器配置
export default {
pageSize: 10, //表格每一页条数
parseData: function (res) {
return {
data: res.data,
rows: res.data.rows, //分析行数据字段结构
total: res.data.total, //分析总数字段结构
msg: res.message, //分析描述字段结构
code: res.code //分析状态字段结构
}
},
request: {
page: 'page', //规定当前分页字段
pageSize: 'pageSize', //规定一页条数字段
keyword: 'keyword' //规定搜索字段
},
props: {
label: 'label', //映射label显示字段
value: 'value', //映射value值字段
}
}
import cookies from './util.cookies'
export function getUrlParam(paraName) {
export function getUrlParam (paraName) {
let url = document.location.toString();
let arrObj = url.split('?');
......@@ -12,7 +12,7 @@ export function getUrlParam(paraName) {
if (arr != null && arr[0] === paraName) {
// 截取#之前的内容
let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1];
let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1];
return result;
}
}
......@@ -22,26 +22,42 @@ export function getUrlParam(paraName) {
}
}
export function setToken(token) {
export function setToken (token) {
if (token === undefined) {
if (process.env.NODE_ENV === 'development') {
sessionStorage.removeItem('token')
} else {
cookies.remove('ACCESS_TOKEN')
cookies.remove('ACCESS_TOKEN')
}
} else {
if (process.env.NODE_ENV === 'development') {
sessionStorage.setItem('token', token);
} else {
cookies.set('ACCESS_TOKEN', token)
cookies.set('ACCESS_TOKEN', token)
}
}
}
export function getToken() {
export function getToken () {
if (process.env.NODE_ENV === 'development') {
return sessionStorage.getItem('token')
}
return cookies.get('ACCESS_TOKEN')
}
// 获取当前时间
export function getNewDate (type = 1) {
const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0');
const day = String(now.getDate()).padStart(2, '0');
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
if (type == 1) {
return `${year}年${month}月${day}日`
} else {
return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒`
}
}
\ No newline at end of file
......
......@@ -415,6 +415,19 @@ class data extends filter {
{
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",
......
......@@ -108,24 +108,28 @@
</div>
<!-- 打印模板需要此模块 -->
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
<embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" />
</object>
<printView ref="printContent" :form="form" v-show="false" />
</div>
</template>
<script>
import store from '@/store/index.js'
import { datas } from "./addjtfcdata";
import { getLodop } from "@/utils/LodopFuncs"
import printView from "./printView.vue";
import { getIdCardInfo } from '@/utils/operation.js'
import { getPrintTemplateByCode } from "@/api/system";
import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
import { log } from 'bpmn-js-token-simulation';
export default {
components: {
printView
},
props: {
formData: {
type: Object,
default: () => { },
},
default: () => { }
}
},
data () {
return {
......@@ -428,16 +432,15 @@
},
//打开打印预览
openPrintPrew () {
//根据编号获取对应信息
getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => {
if (res.code == 200) {
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
LODOP.PREVIEW();
}
})
let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
// 获取页面的HTML内容
const pageHtml = this.$refs.printContent.$el.innerHTML;
lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml);
lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应
lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例
lodop.PREVIEW();
}
},
}
};
</script>
<style scoped lang="scss">
......
<!--
* @Description: 不动产查询证明打印模板
* @Autor: renchao
* @LastEditTime: 2023-06-28 15:12:05
-->
<template>
<div class="printView" style="width:100%;padding:20px">
<h1 style="color: red;
text-align: center;
font-size: 38px;">城固县不动产登记交易服务中心</h1>
<p style="width:100%;border-bottom: 1px solid red;margin-top: 20px;
margin-bottom: 10px;"></p>
<h2 style="font-size: 36px;
text-align: center;">不动产登记信息查询证明</h2>
<h5 style=" text-align: center;
margin-top: 20px;
font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5>
<p style="text-indent: 2em;
margin-top: 15px;
line-height: 24px;
font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
有关规定，经线上查询不动产登记信息系统，权利人： {{form.cxjgListp[0].qlrmc}}
，证件号：{{form.cxjgListp[0].zjhm}}，截止{{newDatez}}
，名下不动产登记信息查询结果如下：</p>
<table style=" border-collapse: collapse;
width: 100%;
margin-top: 20px;margin-left:20px">
<thead>
<tr>
<th style="background-color: #f2f2f2;
text-align: center;height:36px">权利人</th>
<th style="background-color: #f2f2f2;
text-align: center;height:36px">证号</th>
<th style="background-color: #f2f2f2;
text-align: center;height:36px">坐落</th>
<th style="background-color: #f2f2f2;
text-align: center;height:36px">面积</th>
<th style="background-color: #f2f2f2;
text-align: center;height:36px">共有人</th>
<th style="background-color: #f2f2f2;
text-align: center;height:36px">状态</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in form.cxjgList" :key="index">
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.qlrmc }}</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.zjhm }}</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.fdzl }}</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.fwmj }}</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.gyr }}</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;" v-if="item.dyzt != '0' && item.cfzt != '0'">抵押、查封</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;" v-if="item.dyzt != '0'">抵押</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;" v-if="item.cfzt != '0'">查封</td>
</tr>
</tbody>
</table>
<h6 style="font-size: 28px;
margin-top: 20px;
font-weight: 100;">特此证明。</h6>
<div>
<img :src="qrcodeImage" alt="QR Code">
</div>
<ul style="text-align: right;
line-height: 36px;
font-size: 18px;">
<li style="list-style: none;">城固县不动产登记交易服务中心</li>
<li style="list-style: none;">{{newDate}}</li>
</ul>
<ol style="margin-left: 20px;
line-height: 36px;">
<p>说明：</p>
<li>该查询结果仅显示权利人在当前查询时间点不动产（房产）登记有关情况（“/”表示未查询到不动产登记信息）；</li>
<li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息；</li>
<li>本次查询由系统终端自动检索，因数据采集处理误差而造成查询结果于实际登记信息不相符的，以我中心登记簿记载信息为准；</li>
<li>查询人应当妥善保管不动产登记查询结果，因操作不当，导致查询结果泄露，有关责任概由查询人承担。</li>
</ol>
</div>
</template>
<script>
import QRCode from 'qrcode';
import { getNewDate } from '@/utils/util'
export default {
props: {
form: {
type: Object,
default: () => ({})
}
},
data () {
return {
qrcodeImage: '',
newDate: getNewDate(),
newDatez: getNewDate(2)
}
},
watch: {
"form.djSqcxDO.cxbh": {
handler: function (val) {
if (val) {
QRCode.toDataURL(val)
.then(url => {
this.qrcodeImage = url
})
.catch(error => {
console.error(error);
})
}
},
immediate: true
}
}
}
</script>
\ No newline at end of file
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-28 14:45:20
-->
<template>
<div class="from-clues">
<!-- 家庭房产 -->
......@@ -41,59 +46,59 @@
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./jtfcdata";
import { getSqcxPage } from "@/api/sqcx";
export default {
name: "jtfc",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick();
},
data () {
return {
sqcxBsm: "",
queryForm: {
cxbh: "",
sqr: "",
cxlx: '1'
},
tableData: {
columns: datas.columns(),
data: [],
},
};
},
methods: {
// 初始化数据
queryClick () {
this.$startLoading();
getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { records, total } = res.result;
this.tableData.data = records;
this.tableData.total = total;
}
});
},
handleSort (name, sort) {
console.log(name, sort);
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./jtfcdata";
import { getSqcxPage } from "@/api/sqcx";
export default {
name: "jtfc",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick();
},
handleAdd () {
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: ''
})
data () {
return {
sqcxBsm: "",
queryForm: {
cxbh: "",
sqr: "",
cxlx: '1'
},
tableData: {
columns: datas.columns(),
data: [],
},
};
},
handleViewClick (row) {
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: row.bsmSqcx
})
methods: {
// 初始化数据
queryClick () {
this.$startLoading();
getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { records, total } = res.result;
this.tableData.data = records;
this.tableData.total = total;
}
});
},
handleSort (name, sort) {
console.log(name, sort);
},
handleAdd () {
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: ''
})
},
handleViewClick (row) {
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: row.bsmSqcx
})
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
......@@ -107,18 +107,20 @@ export default {
switch (qllx) {
case 'A04':
this.showBatch = true;
this.batchButtonName = '批量单元信息';
this.batchButtonName = '房屋批量操作';
break;
case 'B39':
this.showBatch = true;
this.batchButtonName = '批量查封清单信息';
this.batchButtonName = '查封批量操作';
break;
case 'A37':
this.showBatch = true;
this.batchButtonName = '批量抵押';
this.batchButtonName = '抵押批量操作';
break;
case 'B37':
this.showBatch = true;
this.batchButtonName = '在建工程抵押批量操作';
break;
default:
this.batchButtonName = '批量操作';
}
}
},
......
......@@ -4,7 +4,7 @@
* @LastEditTime: 2023-06-19 13:16:53
*/
//流程环节操作按钮
export function getForm (tabName, djywbm) {
export function getForm(tabName, djywbm) {
let form;
switch (tabName) {
case "tdsyqslxx":
......@@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) {
case "nydsyqslxx100":
form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
break;
case "nydsyqslxx200":
form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
break;
......@@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) {
case "zjgcdyqSlxx":
form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
break;
case "batchZjgcdyq":
form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
break;
case "cfdjxx":
form = require("@/views/registerBook/cfdj.vue");
break;
case "tdsyqQlxx":
form = require("@/views/registerBook/tdsyq.vue");
break;
case "jsydsyqQlxx":
case "jsydsyqQlxx":
form = require("@/views/registerBook/jsydsyq.vue");
break;
case "nydsyqQlxx":
......
......@@ -32,12 +32,12 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -102,7 +102,7 @@
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
v-model="ruleForm.sldy.gyfs">
v-model="ruleForm.sldyList[0].gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -114,13 +114,13 @@
<el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.sldy.sqfbcz">
<el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......@@ -192,6 +192,7 @@ export default {
,qlxxList:[]//权利信息集合
,sldyList:[]//受理不动产单元集合
,slsq: {}//受理申请流程明细
,flow: {}//受理申请流程明细
,sqrList:[]//申请人
,ssQlxxList:[]//上手权利信息
,user:{}//用户
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-25 08:59:02
* @LastEditTime: 2023-06-29 11:13:35
-->
<template>
<!-- 受理信息 -->
......@@ -88,46 +88,55 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="农用地面积：">
<el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
<el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="耕地面积：">
<el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
<el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地面积：">
<el-input v-model="ruleForm.tdsyq.ldmj"></el-input>
<el-input v-model="ruleForm.tdsyq.ldmj"></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.tdsyq.cdmj"></el-input>
<el-input v-model="ruleForm.tdsyq.cdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="其他农用地面积：">
<el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
<el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="建筑使用面积：">
<el-input v-model="ruleForm.tdsyq.jsydmj"></el-input>
<el-input v-model="ruleForm.tdsyq.jsydmj"></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.tdsyq.wlydmj"></el-input>
<el-input v-model="ruleForm.tdsyq.wlydmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="面积单位：">
<el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
<el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="下拉表格测试：">
<select-table v-model="value2" :table-width="600" :props="props" @change="change">
<el-table-column prop="id" label="ID" width="180"></el-table-column>
<el-table-column prop="user" label="姓名"></el-table-column>
</select-table>
</el-form-item>
</el-col>
......@@ -203,7 +212,9 @@
import { mapGetters } from "vuex"
import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
import selectTable from '@/components/selectTable/index.vue'
export default {
components: { qlrCommonTable, selectTable },
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......@@ -222,12 +233,22 @@
})
})
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"])
},
data () {
return {
value2: {
id: "520000198407304275",
user: "史平"
},
props: {
label: 'user',
value: 'id',
keyword: "keyword"
},
//表单是否可操作
ableOperation: true,
key: 0,
......@@ -241,6 +262,7 @@
}
},
methods: {
change () { },
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
......
......@@ -43,41 +43,40 @@
</el-col>
</el-row>
<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 disabled v-model="ruleForm.qlxx.qlrmc"></el-input>
<el-form-item label="房屋用途：">
<el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件号：">
<el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input>
<el-form-item label="房屋性质：">
<el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类：">
<el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input>
<el-form-item label="房屋结构：">
<el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
<el-form-item label="建筑面积：">
<el-input disabled v-model="ruleForm.qjh.jzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
<el-form-item label="套内建筑面积：">
<el-input disabled v-model="ruleForm.qjh.tnjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-form-item label="分摊建筑面积：">
<el-input disabled v-model="ruleForm.qjh.ftjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -88,13 +87,13 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="面积：">
<el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
<el-form-item label="室号部位：">
<el-input disabled v-model="ruleForm.qjh.shbw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用途：">
<el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -254,14 +253,13 @@
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.$endLoading();
this.ruleForm.diyaq.sfczjzhxz = "0";
//this.ruleForm.diyaq.sfczjzhxz = "0";
}
})
},
......@@ -275,12 +273,7 @@
ableOperation: true,
disabled: true,
czrOptions: [],
ruleForm: {
slywxx: {},
qlxxold: {},
diyaq: {},
gyfs: "",
},
ruleForm: {},
//传递参数
propsParam: {},
rules: {},
......
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable maxlength="28" class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="权利人">
<el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="坐落">
<el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
<div class="submit_button">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" plain @click="submitForm">发起申请</el-button>
</div>
</div>
</template>
<script>
//首次登记
import store from '@/store/index.js'
import { datas, sendThis } from "../javascript/selectTdsyq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
isJump: { type: Boolean, default: false },
sqywInfo: { type: Object, default: () => { } },
},
data () {
return {
queryForm: defaultParameters.defaultParameters(),
tableData: {
total: 0,
columns: datas.columns(),
data: []
},
bdcdysz: []
}
},
mounted () {
sendThis(this);
},
methods: {
queryClick () {
this.$startLoading();
this.queryForm.sqywbm = this.sqywInfo.djywbm;
selectTdsyqQlxx({ ...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;
}
});
},
submitForm () {
if (this.bdcdysz.length == 0) {
this.$message.error("请至少选择一条数据");
return;
}
startBusinessFlow({
bsmSqyw: this.sqywInfo.parentid,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
}).then((res) => {
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 {
this.$message.error(res.message);
}
})
},
handleSelectionChange (val) {
this.bdcdysz = val;
},
openBook (row) {
var param = {
bdcdyid: row.bdcdyid,
qllx: row.qllx,
bdcdyh: row.bdcdyh,
bsmQlxx: row.bsmQlxx,
};
this.$popup("登记簿详情", "registerBook/djbFrame", {
formData: param
})
},
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return
this.$refs.table.toggleRowSelection(row, true);
}
},
handleRowClick (row) {
// 如果状态是1，那就是单选
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
} else {
this.$refs.table.toggleRowSelection(row);
}
},
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>
/*
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:37:24
......@@ -88,11 +88,11 @@ class data extends filter {
prop: "mjmc",
width: '100',
label: "使用权面积",
},
},
{
prop: "ytmc",
label: "土地用途",
},
},
{
prop: "qdjgmc",
width: '100',
......
/*
* @Description: 土地所有权对象处理
* @Autor: ssq
* @LastEditTime: 2023年06月28日 11:08:58
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选',
selectable: this.selected
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
label: "状态",
width: '130',
render: (h, scope) => {
return (
<div>
<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>
</div>
)
}
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "bdcdyh",
label: "不动产单元号",
minWidth: '150'
},
{
prop: "bdcqzh",
label: "不动产权证号",
minWidth: '150'
},
{
prop: "gyqk",
label: "共有方式",
},
{
prop: "qlrmc",
label: "使用权人",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "qlxzmc",
width: '80',
label: "权利性质",
},
{
prop: "mjmc",
width: '100',
label: "使用权面积",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "zl",
label: "坐落",
minWidth: '150'
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
},
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) {
case "A07100"://集体建设用地使用权（首次登记）
vm = "selectQjzdjbxx";
break;
case "A01200":
case "A01300":
case "A01400":
case "A02200":
case "A02300":
case "A02400":
vm = "selectTdsyq";
break;
case "A03200":
case "A03300":
case "A03400":
......