Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e1acd9c7 by 田浩浩
Options

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

2 parents b98c39de 096314e5
Inline Side-by-side
Showing 55 changed files with 1545 additions and 670 deletions
import request from '@/utils/request'
// 初始化内容
export function cfInit (data) {
export function Init(data) {
let apiUrl = "";
switch (data.get("sqywbm")) {
case "B39300":
apiUrl = "/ywbl/cfdj/xfInit";
break;
case "B39400":
apiUrl = "/ywbl/cfdj/jfInit";
break;
case "B39800":
apiUrl = "/ywbl/cfdj/cfInit";
break;
}
return request({
url: '/ywbl/cfdj/cfInit',
url: apiUrl,
method: 'post',
data
})
}
// 初始化内容
export function xfInit (data) {
return request({
url: '/ywbl/cfdj/xfInit',
method: 'post',
data
})
}
// 初始化内容
export function jfInit (data) {
//批量查封
export function cfBatchInit (data) {
return request({
url: '/ywbl/cfdj/jfInit',
url: '/ywbl/cfdj/cfBatchInit',
method: 'post',
data
})
......
......@@ -28,7 +28,7 @@ export function sendBackTask (data) {
// 获取左侧列表
export function leftMenu (data) {
return request({
url: '/ywbl/jsydsyqlr/leftMenu',
url: '/business/workFlow/leftMenu',
method: 'post',
data
})
......
// 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
import request from '@/utils/request'
// 获取申请查询记录详细信息
export function getJtfcInfo(params) {
return request({
url: '/sqcx/jtfc/getJtfcInfo/',
method: 'get',
params
})
}
......@@ -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>
......
......@@ -101,11 +101,18 @@
}
// 搜索框按钮的位置
.btnCol {
.btnColRight {
box-sizing: border-box;
text-align: right;
}
// 搜索框按钮的位置 左
.btnColLeft {
box-sizing: border-box;
text-align: left;
}
.title-block {
display: inline-block;
position: relative;
......
......@@ -82,4 +82,16 @@
.width300px {
width: 300px;
}
\ No newline at end of file
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
\ No newline at end of file
......
......@@ -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;
}
......
......@@ -3,7 +3,7 @@
作者：calliope
-->
<template>
<lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
<lb-table border :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
</lb-table>
</template>
<script>
......@@ -40,6 +40,7 @@ export default {
}
},
{
width: '200',
label: '身份证读卡器',
render: (h, scope) => {
return (
......@@ -50,6 +51,7 @@ export default {
}
},
{
width: '200',
prop: 'sqrxm',
label: '姓名/名称',
render: (h, scope) => {
......
......@@ -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) {
......
<template>
<div>
<el-form :model="ruleForm" label-width="120px">
<el-row>
<el-col :span="6">
<el-form-item label="查询时间：">
<!-- <el-input disabled v-model="ruleForm.cxlx"></el-input> -->
{{ ruleForm.cxsj }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号：">
{{ ruleForm.bdcdyh }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<table class="table1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
</table>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script>
import { getJtfcInfo } from "@/api/sqcxjl";
export default {
components: {},
props: ["formData"],
created() {
var sqcxdata = this.formData.sqcxdata;
this.ruleForm = sqcxdata;
},
data() {
return {
ruleForm: {
cxsj: "",
bdcdyh: "",
},
};
},
mounted() {},
methods: {},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.table1 {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.table1 td {
border: 1px solid #acbed1;
height: 30px;
}
</style>
\ No newline at end of file
......@@ -5,39 +5,31 @@
<el-form :model="queryForm" ref="queryForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="业务来源">
<el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
<el-option v-for="item in dictData['ywly']" :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-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
<el-form-item label="查询编号">
<el-input
placeholder="请输入编号"
v-model="queryForm.cxbh"
class="width200px"
clearable
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
<el-form-item label="申请人">
<el-input
placeholder="请输入申请人"
v-model="queryForm.sqr"
class="width200px"
clearable
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="14" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -46,59 +38,82 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" @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
: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>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./dydjbdata";
import { getJtfcPage } from "@/api/jtfc";
export default {
name: "dydjb",
mixins: [table],
mounted () {
mounted() {
sendThis(this);
},
computed: {
...mapGetters(['dictData']),
...mapGetters(["dictData"]),
},
data () {
data() {
return {
queryForm: {
ywly: "",
qllx: "",
djlx: "",
cxbh: "",
sqr: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [
{
cxlx: "家庭房产",
cxbh: "20200409146",
cxsj: "2016-10-02 10:00:00",
slry: "张三",
sqr: "张三",
yqlrgx: "不动产权利人",
qlr: "绿地开发商",
},
],
data: [],
},
};
},
methods: {
// 初始化数据
fetchData () { },
handleSort (name, sort) {
fetchData() {
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);
},
openDialog () {
console.log(999999999999999);
dydjbClick(scope) {
// var sqcxBsm = scope.row.bsmSqcx;
this.$popup({
title: "打印登记薄",
width: "85%",
btnShow: true,
editItem: "sqcx/dydjb/components/dydjbInfo", // 弹窗内容
height: "700px",
formData: {
sqcxdata: scope.row,
},
cancel: function () {}, //取消事件的回调
confirm: function () {
// that.loadBdcdylist();
}, //确认事件的回调
});
},
queryClick() {
this.fetchData();
},
},
};
......
......@@ -16,8 +16,15 @@ class data extends filter {
width: '50'
},
{
prop: "cxlx",
label: "查询类型",
render: (h, scope) => {
switch (scope.row.cxlx) {
case '1':
return <div>家庭房产</div>
case '2':
return <div>登记簿</div>
}
}
},
{
prop: "cxbh",
......@@ -28,32 +35,40 @@ 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: "权利人",
},
{
label: "操作",
render: (h, scope) => {
return <el-button type="text" icon='el-icon-view' onClick={() => { vm.dydjbClick(scope) }}>打印登记薄</el-button>
}
},
]
}
ywlys(){
return[
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
{ value: 4, label: "银行端" },
]
}
}
let datas = new data()
......
<template>
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="myValue">
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="90%" :isButton="false" v-model="myValue">
<div class="jtfccx-edit">
<div class="jtfccx-edit-con">
<b class="title">申请信息</b>
<personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" />
<el-form :model="ruleForm" label-width="120px">
<el-row>
<el-col :span="8">
<el-form-item label="查询用途" label-width="90px">
<el-input v-model="ruleForm.cxyt"></el-input>
<el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
......@@ -22,15 +21,17 @@
</el-col>
</el-row>
</el-form>
<personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" />
<b class="title">权利人</b>
<personInfoTable :dataList="qldataList" @getInfoList="handleGetQlList" />
<personInfoTable @getInfoList="handleGetQlList" :dataList="qldataList" />
<div class="submit-button">
<el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
<el-button icon="el-icon-refresh-left" @click="handleReset">重置</el-button>
<el-button type="primary" @click="queryChick()">查询</el-button>
<el-button @click="resetClick()">重置</el-button>
</div>
<b class="title">查询结果</b>
<p>查询编号：202200409</p>
<lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
<lb-table :column="searchData.columns" border :data="searchData.data" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
</div>
......@@ -47,6 +48,8 @@
<script>
import personInfoTable from '@/views/components/personInfoTable'
import { addJtfcCxjgXx } from '@/api/jtfc'
import { datas, sendThis } from "./addjtfcdata";
export default {
components: {
personInfoTable
......@@ -54,6 +57,10 @@ export default {
props: {
value: { type: Boolean, default: false },
},
mounted() {
sendThis(this);
},
data () {
return {
myValue: this.value,
......@@ -75,73 +82,12 @@ export default {
name: '1',
value: 1
}],
searchData: {
columns: [
{
prop: 'qszt',
label: '权属状态',
},
{
prop: 'bdcqzh',
label: '不动产权证号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'hth',
label: '合同号',
},
{
prop: 'wqsj',
label: '网签时间',
},
{
prop: 'bdcdyh',
label: '不动产单元号',
},
{
prop: 'gyfs',
label: '共有方式',
},
{
prop: 'qlr',
label: '权利人',
},
{
prop: 'zjh',
label: '证件号',
},
{
prop: 'fdzl',
label: '房地坐落',
},
{
prop: 'jzmj',
label: '建筑面积（㎡）',
},
{
prop: 'fwyt',
label: '房屋用途',
},
{
label: '登记状态',
width: '150',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
</div>
)
}
}
],
data: []
searchData: {
columns: datas.columns(),
data: [],
},
addJtfc: {
djSqcxDO: {},
sqxx: [],
......@@ -183,23 +129,40 @@ export default {
this.addJtfc.qlrxx = val
}
},
handleSearch () {
queryChick () {
debugger;
this.addJtfc.djSqcxDO = { ...this.ruleForm }
// this.$message({
// type: 'success',
// message: '删除成功!'
// });
addJtfcCxjgXx(this.addJtfc).then(res => {
this.searchData.data = res.result;
console.log(res);
})
},
handleReset () {
resetClick () {
this.qldataList = _.cloneDeep(this.dataList)
this.sqdataList = _.cloneDeep(this.dataList)
},
handleRead (row) { }
handleRead (row) { },
//抵押
dyClick(){
},
//查封
cfClick(){
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
.title {
padding-bottom: 10px;
margin-bottom: 10px;
......
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: 'qszt',
label: '权属状态',
},
{
prop: 'bdcqzh',
label: '不动产权证号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'hth',
label: '合同号',
},
{
prop: 'wqsj',
label: '网签时间',
},
{
prop: 'bdcdyh',
label: '不动产单元号',
},
{
prop: 'gyfs',
label: '共有方式',
},
{
prop: 'qlr',
label: '权利人',
},
{
prop: 'zjh',
label: '证件号',
},
{
prop: 'fdzl',
label: '房地坐落',
},
{
prop: 'jzmj',
label: '建筑面积（㎡）',
},
{
prop: 'fwyt',
label: '房屋用途',
},
{
label: '登记状态',
width: '150',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button>
</div>
)
}
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -26,7 +26,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="14" class="btnCol">
<el-col :span="14" class="btnColRight">
<el-button type="primary" @click="queryClick()"
>查询</el-button
>
......@@ -51,7 +51,7 @@
>
</lb-table>
</div>
<editDialog v-model="isDialog" />
<addjtfc v-model="isDialog" />
</div>
</template>
<script>
......@@ -76,7 +76,6 @@ export default {
sqr: "",
},
tableData: {
columns: datas.columns(),
data: [],
......
<template>
<div >
<el-form :model="ruleForm" label-width="120px">
<el-row>
<el-col :span="24" style="margin-bottom: 15px">
<div class="slxx_title title-block">
申请信息
<div class="triangle"></div>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="查询用途" label-width="90px">
<el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="与产权人的关系">
<el-radio-group v-model="ruleForm.ycyrgx">
<el-radio :label="1">房屋权利人</el-radio>
<el-radio :label="2">产权利害关系人</el-radio>
<el-radio :label="3">委托人</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<lb-table
:column="sqrData.columns"
border
:data="sqrData.data"
:maxHeight="200"
heightNumSetting
:pagination="false"
>
</lb-table>
</el-col>
</el-row>
<el-row>
<el-col :span="24" style="margin-bottom: 15px">
<div class="slxx_title title-block">
权利人
<div class="triangle"></div>
</div>
</el-col>
</el-row>
<el-row>
<el-col>
<lb-table
:column="qlrData.columns"
border
:data="qlrData.data"
:maxHeight="200"
heightNumSetting
:pagination="false"
>
</lb-table>
</el-col>
</el-row>
<el-row>
<el-col :span="24" style="margin-bottom: 15px">
<div class="slxx_title title-block">
查询结果
<div class="triangle"></div>
</div>
</el-col>
</el-row>
<el-row>
<el-col>
<p>查询编号：202200409</p>
</el-col>
</el-row>
<el-row>
<el-col>
<lb-table
border
:column="cxjgData.columns"
:data="cxjgData.data"
:maxHeight="200"
heightNumSetting
:pagination="false"
>
</lb-table>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script>
import { getJtfcInfo } from "@/api/sqcxjl";
import { datas, sendThis } from "./sqcxjlInfodata";
export default {
components: {},
// props: {
// value: { type: Boolean, default: false },
// },
props: ["formData"],
created() {
// debugger;
// alert(this.formData.sqcxBsm);
},
data() {
return {
ruleForm: {
cxyt: "",
ycyrgx: 1,
cxlx: "1", //查询类型 1：房产查询 2：登记簿查询
},
sqrData: {
columns: datas.sqrcolumns(),
data: [],
},
cxjgData: {
columns: datas.cxjgcolumns(),
data: [],
},
qlrData: {
columns: datas.qlrcolumns(),
data: [],
},
};
},
mounted() {
debugger;
sendThis(this);
var sqcxBsm = this.formData.sqcxBsm;
getJtfcInfo({ sqcxBsm: sqcxBsm })
.then((res) => {
if (res.code == 200) {
this.sqrData.data = res.result.sqxx;
this.qlrData.data = res.result.qlrxx;
this.cxjgData.data = res.result.djSqcxCxjgDOList;
}
})
.catch((error) => {
console.log(error);
});
},
methods: {},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
</style>
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
cxjgcolumns () {
return [
{
prop: 'qszt',
label: '权属状态',
},
{
prop: 'bdcqzh',
label: '不动产权证号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'hth',
label: '合同号',
},
{
prop: 'wqsj',
label: '网签时间',
},
{
prop: 'bdcdyh',
label: '不动产单元号',
},
{
prop: 'gyfs',
label: '共有方式',
},
{
prop: 'qlr',
label: '权利人',
},
{
prop: 'zjh',
label: '证件号',
},
{
prop: 'fdzl',
label: '房地坐落',
},
{
prop: 'jzmj',
label: '建筑面积（㎡）',
},
{
prop: 'fwyt',
label: '房屋用途',
},
{
label: '登记状态',
width: '150',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
</div>
)
}
}
]
}
sqrcolumns () {
return [
{
prop: 'sqrxm',
label: '姓名/名称',
},
{
prop: 'sqrzjlxmc',
label: '证件种类',
},
{
prop: 'sqrzjhm',
label: '证件号',
},
{
prop: 'lxdh',
label: '联系电话',
},
]
}
qlrcolumns () {
return [
{
prop: 'sqrxm',
label: '姓名/名称',
},
{
prop: 'sqrzjlxmc',
label: '证件种类',
},
{
prop: 'sqrzjhm',
label: '证件号',
},
{
prop: 'lxdh',
label: '联系电话',
},
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -6,34 +6,29 @@
<el-row>
<el-col :span="5">
<el-form-item label="查询编号">
<el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable>
<el-input
placeholder="请输入编号"
v-model="queryForm.cxbh"
class="width200px"
clearable
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="申请人">
<el-input placeholder="请输入申请人" v-model="queryForm.sqr" clearable>
<el-input
placeholder="请输入申请人"
v-model="queryForm.sqr"
class="width200px"
clearable
>
</el-input>
</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-col :span="14" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -42,75 +37,84 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" @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
: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>
<!-- <editDialog v-model="isDialog" /> -->
</div>
</template>
<script>
// import editDialog from "../components/editDialog.vue"
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./sqcxjldata"
import { getJtfcPage } from '@/api/sqcx'
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./sqcxjldata";
import { getJtfcPage } from "@/api/jtfc";
export default {
name: "sqcxjl",
components: { editDialog },
mixins: [table],
mounted () {
mounted() {
sendThis(this);
},
data () {
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
})
fetchData() {
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
let { records, total } = res.result;
this.tableData.data = records;
this.tableData.total = total;
});
},
handleSort (name, sort) {
handleSort(name, sort) {
console.log(name, sort);
},
// 查看
handleView () {
this.isDialog = true
}
handleViewClick(scope) {
var sqcxBsm = scope.row.bsmSqcx;
this.$popup({
title: "申请查询记录",
width: "85%",
btnShow: true,
editItem: "sqcx/sqcxjl/components/sqcxjlInfo", // 弹窗内容
height: "700px",
formData: {
sqcxBsm: sqcxBsm,
},
cancel: function () {}, //取消事件的回调
confirm: function () {
// that.loadBdcdylist();
}, //确认事件的回调
});
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
</style>
......
......@@ -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: "权利人",
},
{
......@@ -52,9 +64,9 @@ class data extends filter {
label: "查询用途",
},
{
label: "查询编号",
label: "操作",
render: (h, scope) => {
return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleView() }}>查看</el-button>
return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope) }}>查看</el-button>
}
},
]
......
......@@ -14,7 +14,7 @@
<el-input v-model="ruleForm.dname" placeholder="字典类型名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnCol">
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button icon="el-icon-refresh" @click="handleRefresh">刷新缓存</el-button>
......
......@@ -12,7 +12,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnCol">
<el-col :span="18" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......
......@@ -18,7 +18,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnCol">
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
</el-form-item>
......
<template>
<div>
<lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData">
</lb-table>
</div>
</template>
<script>
import addQlr from './addQlr.vue'
import { mapGetters } from 'vuex'
export default {
components: {
addQlr
},
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return []
}
},
gyfs: {
type: String,
default: '1'
}
},
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
details: {},
tableDataList: [],
InformationTable: [
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{scope.$index + 1}
</div>
)
}
},
{
prop: "qllxmc",
label: "权利类型"
},
{
prop: "bdcqzh",
label: "不动产权证号"
},
{
prop: "qlrmc",
label: "权利人"
},
{
prop: "ywrmc",
label: "义务人"
},
{
prop: "qlxz",
label: "权利性质"
},
{
prop: "ytmc",
label: "用途"
},
{
prop: "mj",
label: "面积"
},
{
prop: "zl",
label: "坐落"
},
],
column: this.InformationTable
}
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([{
sqrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
}])
} else {
that.tableDataList = _.cloneDeep(val)
}
},
immediate: true,
deep: true
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == '1') {
this.column = _.cloneDeep(dataList).slice(1, dataList.length)
} else if ((newVal == '2')) {
this.column = dataList
} else {
this.column = _.cloneDeep(dataList)
this.column.splice(
2, 0, {
prop: "fs",
label: "份数"
})
}
},
immediate: true
}
},
methods: {
}
}
</script>
<style scoped lang='scss'>
</style>
\ No newline at end of file
......@@ -19,7 +19,7 @@
<el-input v-model="ruleForm.qlr" clearable placeholder="请输入权利人"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnCol">
<el-col :span="6" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
</el-form-item>
......
......@@ -25,7 +25,10 @@ export function getForm(tabName, djywbm) {
break;
case "fwslxxCfdj":
form = require("@/views/ywbl/cfdj/fwslxx.vue");
break;
break;
case "plslxxCfdj":
form = require("@/views/ywbl/cfdj/plcfslxx.vue");
break;
case "clxx":
form = require("@/views/workflow/components/clxx.vue");
break;
......
......@@ -21,6 +21,7 @@
<div class="containerFrame">
<!-- 左侧菜单栏 -->
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
<div class="title" @click="unitClick(-1)" v-if="showBatch">{{batchButtonName}}</div>
<div v-if="this.isShowdrawer">
<div class="title">
申请单元列表({{ unitData.length }})
......@@ -103,6 +104,10 @@ export default {
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//是否展示批量按钮
showBatch: false,
//批量按钮名称
batchButtonName: '',
//顶部左侧按钮集合
leftButtonList: [],
//顶部右侧按钮集合
......@@ -362,7 +367,7 @@ export default {
console.log("确认回调");
},
})
break;
break;
case "signout":
window.close();
break;
......@@ -393,23 +398,37 @@ export default {
formdata.append("bestepid", this.bestepid);
leftMenu(formdata).then((res) => {
if (res.code === 200) {
this.unitData = res.result;
this.currentSelectProps = res.result[0];
this.unitClick(0);
if(res.result){
this.unitData = res.result;
this.currentSelectProps = res.result[0];
this.judgeBatchShow();
if(this.showBatch){
//满足批量查封/批量抵押按钮出现 即先展示批量表单
this.unitClick(-1);
}else{
//默认选择单元列表第一个
this.unitClick(0);
}
}
}
});
},
//申请单元点击事件
unitClick (index) {
this.currentSelectProps = this.unitData[index];
getStepFormInfo(this.unitData[index]).then((res) => {
if(index >= 0){
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.batchOperation = false;
}else{
this.currentSelectProps.batchOperation = true;
}
getStepFormInfo(this.currentSelectProps).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;
......@@ -424,9 +443,25 @@ export default {
// this.fresh += 1;
// }
},
//批量按钮判断
judgeBatchShow() {
this.showBatch = false;
let qllx = this.$route.query.sqywbm.substring(0,3);
if(this.unitData.length > 1){
switch(qllx){
case 'B39':
this.showBatch = true;
this.batchButtonName = '批量查封';
break;
case 'A37':
this.showBatch = true;
this.batchButtonName = '批量抵押';
break;
}
}
},
//表单选项卡事件
beforeLeave (activeName, oldActiveName) {
console.log(this.oldDetail, this.newDetail);
if (!_.isEqual(this.oldDetail, this.newDetail)) {
this.$message.error('界面内容有所变化,请先保存')
return false
......@@ -436,6 +471,7 @@ export default {
},
//切换选项卡内容组件
getFromRouter (tabname) {
console.log(tabname, 'tabnametabname');
this.componentTag = getForm(tabname, this.$route.query.sqywbm);
},
//发送下一个环节
......
......@@ -3,7 +3,10 @@
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title">受理信息</div>
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
......@@ -44,7 +47,10 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title">查封不动产情况</div>
<div class="slxx_title title-block">
查封不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
......@@ -145,9 +151,15 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title">不动产权利人信息</div>
<div class="slxx_title title-block">
不动产权利人信息
<div class="triangle"></div>
</div>
<sqrViewTable :tableData="ruleForm.ywrList" />
<div class="slxx_title">登记原因</div>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
......@@ -156,8 +168,8 @@
</el-col>
</el-row>
</div>
<el-row>
<el-form-item :class="flag ? 'marginBot0' : ''" class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
......@@ -166,7 +178,7 @@
</template>
<script>
import sqrViewTable from "@/views/workflow/components/sqrViewTable";
import { cfInit, saveData } from "@/api/cfdjFlow.js";
import { Init, saveData } from "@/api/cfdjFlow.js";
import { mapGetters } from "vuex";
export default {
data () {
......@@ -183,13 +195,7 @@ export default {
},
created () {
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
cfInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result
}
});
this.list(this.propsParam.bsmSldy);
},
watch: {
......@@ -213,7 +219,8 @@ export default {
list (bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
cfInit(formdata).then((res) => {
formdata.append("sqywbm", this.$route.query.sqywbm);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result
}
......@@ -238,63 +245,5 @@ export default {
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
overflow-y: auto;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 5px;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
@import "~@/styles/slxx/slxx.scss";
</style>
\ No newline at end of file
......
<template>
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
<el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slywxx.slry">
<el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slywxx.slsj">
<el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slywxx.qllx">
<el-select disabled v-model="ruleForm.slywxx.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slywxx.djlx">
<el-select disabled v-model="ruleForm.slywxx.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="slywxx.djqx">
<el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
查封不动产列表
<div class="triangle"></div>
</div>
<cfBdcdyTable :tableData="ruleForm.qlxx" />
<div class="slxx_title title-block">
批量查封信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
<el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型：" prop="cfdj.cflx">
<el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型："
:disabled="$route.query.viewtype" @change="changeCflx">
<el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" :disabled="$route.query.viewtype"
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj">
<el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" :disabled="$route.query.viewtype"
type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw">
<el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj">
<el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
<el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
import { cfBatchInit, saveData } from "@/api/cfdjFlow.js";
import { mapGetters } from "vuex";
export default {
data () {
return {
disabled: true,
flagTop: this.flag ? "top" : "",
rules: {},
//传递参数
propsParam: {},
//页面数据
ruleForm: {},
tableData: []
};
},
created () {
this.list();
},
watch: {
},
components: { cfBdcdyTable },
props: {
flag: {
type: Boolean,
default: false,
},
fetch: {
type: Boolean,
default: false,
},
},
computed: {
...mapGetters(["dictData"]),
},
methods: {
list () {
var formdata = new FormData();
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
cfBatchInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result
}
});
},
onSubmit () {
saveData(this.ruleForm).then((res) => {
if (res.code === 200 && res.result) {
this.$message.success('保存成功');
}
});
},
changeCflx(e){
let cflxItem = {}
cflxItem = this.dictData['A32'].find((item) => {
return item.dcode == e
})
this.ruleForm.cfdj.cflxmc = cflxItem.dname;
}
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
\ No newline at end of file
......@@ -3,7 +3,10 @@
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title">受理信息</div>
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
......@@ -44,11 +47,14 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title">查封不动产情况</div>
<div class="slxx_title title-block">
查封不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
<el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
<el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -56,28 +62,11 @@
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：" prop="qlxx.qlrmc">
<el-input disabled v-model="ruleForm.qlxx.ywrmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：">
<el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：">
<el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
<el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
......@@ -85,24 +74,33 @@
<el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：">
<el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
<el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格：">
<el-input disabled v-model="ruleForm.zdjbxx.qdjg"></el-input>
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：" prop="qlxx.qlrmc">
<el-input disabled v-model="ruleForm.qlxx.ywrmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
<el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
<el-input disabled v-model="ruleForm.qlxx.ywrzjhm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
<el-input disabled v-model="ruleForm.qlxx.ywrzjzl"></el-input>
</el-form-item>
</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 :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
......@@ -157,9 +155,6 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title">不动产权利人信息</div>
<sqrViewTable :tableData="ruleForm.ywrList" />
<div class="slxx_title">登记原因</div>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
......@@ -168,8 +163,8 @@
</el-col>
</el-row>
</div>
<el-row>
<el-form-item :class="flag ? 'marginBot0' : ''" class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
......@@ -178,7 +173,7 @@
</template>
<script>
import sqrViewTable from "@/views/workflow/components/sqrViewTable";
import { cfInit, saveData } from "@/api/cfdjFlow.js";
import { Init, saveData } from "@/api/cfdjFlow.js";
import { mapGetters } from "vuex";
export default {
data () {
......@@ -195,13 +190,7 @@ export default {
},
created () {
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
cfInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result
}
});
this.list(this.propsParam.bsmSldy);
},
watch: {
......@@ -225,7 +214,8 @@ export default {
list (bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
cfInit(formdata).then((res) => {
formdata.append("sqywbm", this.$route.query.sqywbm);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result
}
......@@ -233,7 +223,7 @@ export default {
},
onSubmit () {
saveData(this.ruleForm).then((res) => {
if (res.code === 200 && res.result) {
if (res.code === 200) {
this.$message.success('保存成功');
}
});
......@@ -250,63 +240,5 @@ export default {
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
overflow-y: auto;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 5px;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
@import "~@/styles/slxx/slxx.scss";
</style>
\ No newline at end of file
......
......@@ -35,7 +35,7 @@
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......
......@@ -35,7 +35,7 @@
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......
......@@ -30,7 +30,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnCol">
<el-col :span="2" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData">查询</el-button>
</el-form-item>
......@@ -58,7 +58,7 @@ import { datas, sendThis } from "../javascript/bdcql.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
import { selectQlxx, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
......@@ -86,7 +86,7 @@ export default {
this.$emit("closeDialog")
},
fetchData () {
this.queryForm.sqywbm = this.djywbm;
this.queryForm.sqywbm = this.djywbm;
selectQlxx({ ...this.queryForm, ...this.pageData })
.then((res) => {
if (res.code === 200) {
......@@ -102,31 +102,48 @@ export default {
return;
}
this.saveloding = true;
startBusinessFlow({
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
if (!this.isJump) {
startBusinessFlow({
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
this.jump(res.result, this.djywbm)
} else {
this.$message.error(res.message);
}
})
} else {
choiceBdcdy({
bsmSlsq: this.$route.query.bsmSlsq,
bdcdysz: this.bdcdysz
}).then(res => {
this.saveloding = false;
if (res.code == 200) {
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
this.$emit('updateDialog', true)
} else {
this.$message.error(res.message);
}
} else {
this.$message.error(res.message);
}
});
})
}
},
handleSelectionChange (val) {
val.forEach((item, index) => {
item.bsmSsql = item.bsmQlxx
item.ybdcqzsh = item.bdcqzh
item.yqllx = item.qllx
item.ydjlx = item.djlx
})
......
......@@ -31,7 +31,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnCol">
<el-col :span="2" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData()">查询</el-button>
</el-form-item>
......
......@@ -30,7 +30,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnCol">
<el-col :span="2" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData()">查询</el-button>
</el-form-item>
......
......@@ -32,7 +32,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnCol">
<el-col :span="2" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
</el-form-item>
......
......@@ -19,7 +19,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnCol">
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData()">查询</el-button>
</el-form-item>
......
......@@ -16,7 +16,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData">查询</el-button>
</el-form-item>
......
......@@ -32,7 +32,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnCol">
<el-col :span="2" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData">查询</el-button>
</el-form-item>
......
......@@ -31,7 +31,7 @@
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......
......@@ -35,7 +35,7 @@
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......
......@@ -49,7 +49,7 @@
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......
......@@ -29,7 +29,7 @@
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......
......@@ -29,7 +29,7 @@
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......
......@@ -16,7 +16,7 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="11" class="btnCol">
<el-col :span="11" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="openDialog()">新增</el-button>
......
......@@ -16,7 +16,7 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="11" class="btnCol">
<el-col :span="11" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="openDialog()">新增</el-button>
......
......@@ -28,7 +28,7 @@
</el-form-item>
</el-col>
<el-col :span="3" class="btnCol">
<el-col :span="3" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
......