Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
1e28e767 by 蔡俊立
Options

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

2 parents bbcb138e 4d792518
Inline Side-by-side
Showing 17 changed files with 381 additions and 263 deletions
// import request from '@/utils/request'
// // 根据条件进行列表查询
// export function getJtfcPage (data) {
// return request({
// url: '/sqcx/getJtfcPage',
// method: 'post',
// data
// })
// }
// // 新增申请查询家庭房产信息
// export function addJtfcCxjgXx (data) {
// return request({
// url: '/sqcx/addJtfcCxjgXx',
// method: 'post',
// data,
// showLoading: true,
// loadingTarget: '正在查询中...'
// })
// }
\ No newline at end of file
......@@ -10,18 +10,18 @@
<template>
<div :class="['lb-table', customClass]">
<el-table v-if="!heightNumSetting" class="table-fixed" ref="elTable" :border='border'
:row-class-name="tableRowClassName" :show-header='showHeader'
<el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }" ref="elTable"
:border='border' :row-class-name="tableRowClassName" :show-header='showHeader'
:header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
:data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
<lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
</lb-column>
</el-table>
<el-table v-else ref="elTable" class="table-fixed" :border='border' :row-class-name="tableRowClassName"
:show-header='showHeader' :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs"
:max-height="maxHeight" v-on="$listeners" :data="data" style="width: 100%"
:span-method="this.merge ? this.mergeMethod : this.spanMethod">
<el-table v-else ref="elTable" class="table-fixed" :row-style="{ height: '50px' }" :border='border'
:row-class-name="tableRowClassName" :show-header='showHeader'
:header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :max-height="maxHeight"
v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
<lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
</lb-column>
</el-table>
......
......@@ -34,7 +34,8 @@
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
box-sizing: border-box;
padding-left: 5px;
overflow-x: hidden;
}
......
......@@ -5,30 +5,44 @@
{{ title }}
<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>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -50,7 +64,7 @@
import { getCfdjList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
data () {
return {
title: "查封登记信息",
qsztList: datas.columns().qsztList,
......@@ -65,11 +79,11 @@ export default {
columns: datas.columns().CFDJ,
};
},
created() {
created () {
this.loadData();
},
methods: {
loadData() {
loadData () {
getCfdjList({
bdcdyid: this.propsParam.bdcdyid,
bsmSldy: this.propsParam.bsmSldy,
......@@ -78,7 +92,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
......@@ -87,7 +101,7 @@ export default {
}
});
},
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -95,7 +109,7 @@ export default {
this.loadData();
}
},
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......
......@@ -5,30 +5,44 @@
{{ title }}
<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>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -50,8 +64,8 @@
import { getDiyaqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
data () {
return {
title: "抵押权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -65,11 +79,11 @@ export default {
columns: datas.columns().DYAQ,
};
},
created() {
created () {
this.loadData();
},
methods: {
loadData() {
loadData () {
getDiyaqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -86,7 +100,7 @@ export default {
}
});
},
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -94,7 +108,7 @@ export default {
this.loadData();
}
},
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......
......@@ -5,30 +5,43 @@
{{ title }}
<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>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -50,8 +63,8 @@
import { getDiyiqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
data () {
return {
title: "地役权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -65,11 +78,11 @@ export default {
columns: datas.columns().DYIQ,
};
},
created() {
created () {
this.loadData();
},
methods: {
loadData() {
loadData () {
getDiyiqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -86,7 +99,7 @@ export default {
}
});
},
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -94,7 +107,7 @@ export default {
this.loadData();
}
},
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......
......@@ -5,30 +5,45 @@
{{ title }}
<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>
<div class="xxTableBox">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -50,7 +65,7 @@
import { getJsydsyqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
data () {
return {
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
......@@ -65,11 +80,11 @@ export default {
columns: datas.columns().JSYDSYQ,
};
},
created() {
created () {
this.loadData();
},
methods: {
loadData() {
loadData () {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -77,7 +92,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
......@@ -86,7 +101,7 @@ export default {
}
});
},
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -94,7 +109,7 @@ export default {
this.loadData();
}
},
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......
......@@ -5,30 +5,22 @@
{{ title }}
<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>
<div class="xxTableBox">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -41,6 +33,30 @@
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columnsslice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
......@@ -50,7 +66,7 @@
import { getFdcq2List } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
data () {
return {
title: "房地产权登记信息（独幢、层、套、间房屋）",
qsztList: datas.columns().qsztList,
......@@ -65,11 +81,11 @@ export default {
columns: datas.columns().FDCQ2,
};
},
created() {
created () {
this.loadData();
},
methods: {
loadData() {
loadData () {
getFdcq2List({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -77,7 +93,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
......@@ -86,7 +102,7 @@ export default {
}
});
},
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -94,7 +110,7 @@ export default {
this.loadData();
}
},
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......
......@@ -5,30 +5,45 @@
{{ title }}
<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>
<div class="xxTableBox">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -50,7 +65,7 @@
import { getJsydsyqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
data () {
return {
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
......@@ -65,11 +80,11 @@ export default {
columns: datas.columns().JSYDSYQ,
};
},
created() {
created () {
this.loadData();
},
methods: {
loadData() {
loadData () {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -86,7 +101,7 @@ export default {
}
});
},
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -94,7 +109,7 @@ export default {
this.loadData();
}
},
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......
......@@ -2,7 +2,6 @@
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
color: #333;
.tableBox {
......@@ -105,13 +104,21 @@
z-index: 10;
}
tr {
display: flex;
}
tr td {
border: 1px solid #ccc;
border: 1px solid rgb(227, 226, 226);
text-align: center;
height: 40px;
padding: 4px;
font-size: 13px;
width: 140px;
flex: 1;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
>tr:nth-child(odd) td {
......@@ -130,5 +137,13 @@
color: #7f7f7f;
}
}
.rollTable {
margin-top: -2px;
display: block;
height: calc(100vh - 300px);
overflow-y: scroll;
margin-left: 2px;
}
}
}
\ No newline at end of file
......
......@@ -5,30 +5,43 @@
{{ title }}
<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>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -50,8 +63,8 @@
import { getYgdjList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
data () {
return {
title: "预告登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -60,16 +73,16 @@ export default {
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YGDJ,
};
},
created() {
created () {
this.loadData();
},
methods: {
loadData() {
loadData () {
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -86,7 +99,7 @@ export default {
}
});
},
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -94,7 +107,7 @@ export default {
this.loadData();
}
},
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......
......@@ -5,30 +5,43 @@
{{ title }}
<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>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -50,7 +63,7 @@
import { getYydjList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
data () {
return {
title: "异议登记信息",
qsztList: datas.columns().qsztList,
......@@ -65,11 +78,11 @@ export default {
columns: datas.columns().YYDJ,
};
},
created() {
created () {
this.loadData();
},
methods: {
loadData() {
loadData () {
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -86,7 +99,7 @@ export default {
}
});
},
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -94,7 +107,7 @@ export default {
this.loadData();
}
},
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......
......@@ -46,7 +46,7 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
<lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
......
......@@ -76,7 +76,6 @@ export default {
sqr: "",
},
tableData: {
columns: datas.columns(),
data: [],
......
......@@ -17,23 +17,14 @@
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查询用途">
<el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途">
<el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -42,71 +33,77 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
<lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<addjtfc v-model="isDialog" />
</div>
</template>
<script>
import addjtfc from "./components/addjtfc.vue";
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./sqcxjldata"
import { getJtfcPage } from '@/api/sqcx'
import { getJtfcPage } from '@/api/jtfc'
export default {
name: "sqcxjl",
components: { addjtfc },
mixins: [table],
mounted () {
sendThis(this);
},
data () {
return {
isDialog: false,
sqrOption: [],
cxytOption: [],
queryForm: {
cxbh: "",
sqr: "",
cxyt: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [
{
cxly: "登记大厅",
cxlx: "家庭房产",
cxbh: "20200409146",
cxsj: "2016-10-12 10:00:00",
slry: "查询窗口",
sqr: "张三",
yqlrgx: "不动产权利人",
qlr: "张三",
cxyt: "预告买卖记录||首次登记",
}
]
}
data: [],
},
}
},
methods: {
queryClick(){
this.fetchData();
},
// 初始化数据
fetchData () {
getJtfcPage({ ...this.queryForm, ...this.pageData }).then(res => {
let { records, total } = res.result
this.tableData.data = records
this.tableData.total = total
})
debugger;
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
let { records, total } = res.result;
this.tableData.data = records;
this.tableData.total = total;
});
},
handleSort (name, sort) {
console.log(name, sort);
},
// 查看
handleView () {
this.isDialog = true
// this.isDialog = true
let that = this;
this.$popup({
title: "楼盘表",
width: "50%",
btnShow: true,
editItem: "xxxxxxxxxx",
height: "600px",
formData: {
bsmSlsq: this.bsmSlsq,
dataList: this.unitData,
},
cancel: function () { }, //取消事件的回调
confirm: function () {
that.loadBdcdylist();
}, //确认事件的回调
});
}
},
};
......
......@@ -16,12 +16,15 @@ class data extends filter {
width: '50'
},
{
prop: "cxly",
label: "查询来源",
},
{
prop: "cxlx",
label: "查询类型",
render: (h, scope) => {
switch (scope.row.cxlx) {
case '1':
return <div>家庭房产</div>
case '2':
return <div>登记簿</div>
}
}
},
{
label: "查询编号",
......@@ -32,19 +35,28 @@ class data extends filter {
label: "查询时间",
},
{
prop: "slry",
prop: "cxr",
label: "受理人员",
},
{
prop: "sqr",
prop: "sqrxm",
label: "申请人",
},
{
prop: "yqlrgx",
label: "与权利人的关系",
render: (h, scope) => {
switch (scope.row.ycyrgx) {
case '1':
return <div>权利人</div>
case '2':
return <div>产权利害关系人</div>
case '3':
return <div>委托人</div>
}
}
},
{
prop: "qlr",
prop: "qlrxm",
label: "权利人",
},
{
......
......@@ -362,7 +362,7 @@ export default {
console.log("确认回调");
},
})
break;
break;
case "signout":
window.close();
break;
......@@ -404,12 +404,12 @@ export default {
this.currentSelectProps = this.unitData[index];
getStepFormInfo(this.unitData[index]).then((res) => {
if (res.code === 200) {
//获取单元对应的所有表单信息
this.tabList = res.result;
//默认加载第一个表单信息
this.tabName = res.result[0].value;
//处理分屏材料信息
let that = this;
//获取单元对应的所有表单信息
this.tabList = res.result;
//默认加载第一个表单信息
this.tabName = res.result[0].value;
//处理分屏材料信息
let that = this;
this.tabList.forEach(function (item, index) {
if (item.value == "clxx") {
that.clxxIndex = index;
......@@ -426,7 +426,6 @@ export default {
},
//表单选项卡事件
beforeLeave (activeName, oldActiveName) {
console.log(this.oldDetail, this.newDetail);
if (!_.isEqual(this.oldDetail, this.newDetail)) {
this.$message.error('界面内容有所变化,请先保存')
return false
......@@ -436,6 +435,7 @@ export default {
},
//切换选项卡内容组件
getFromRouter (tabname) {
console.log(tabname, 'tabnametabname');
this.componentTag = getForm(tabname, this.$route.query.sqywbm);
},
//发送下一个环节
......