Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
37199a0c by xiaomiao
Options

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

2 parents 51292f1c c3242e2d
Inline Side-by-side
Showing 18 changed files with 811 additions and 70 deletions
import request from '@/utils/request'
import SERVER from './config'
// 根据条件进行列表查询
// 获取家庭房产列表
export function getJtfcPage (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage',
......@@ -8,6 +8,16 @@ export function getJtfcPage (data) {
data
})
}
// 获取房屋明细列表
export function getFwmxPage (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxPage',
method: 'post',
data
})
}
// 新增申请查询家庭房产信息
export function addJtfcCxjgXx (data) {
return request({
......@@ -16,6 +26,16 @@ export function addJtfcCxjgXx (data) {
data
})
}
// 新增申请查询房屋明细信息
export function addFwmxCxjgXx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/addFwmxCxjgXx',
method: 'post',
data
})
}
// 获取申请查询记录详细信息
export function getJtfcInfo (params) {
return request({
......@@ -24,3 +44,12 @@ export function getJtfcInfo (params) {
params
})
}
// 打印家庭房产
export function printJtcfInfo (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/printJtcfInfo/',
method: 'post',
data
})
}
......
......@@ -141,4 +141,23 @@ export function getJdcxBysearch (data) {
})
}
// 证书领取查询
export function getBdcqzReceiveList (data) {
return request({
url: SERVER.SERVERAPI + '/rest/zhcx/search/getBdcqzReceiveList',
method: 'post',
data
})
}
// 在建工程抵押查询
export function getZjgcdyList (data) {
return request({
url: SERVER.SERVERAPI + '/rest/zhcx/search/getZjgcdyList',
method: 'post',
data
})
}
......
<template>
<dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue">
<el-steps :active="activeStep" finish-status="success">
<el-step title="条件录入"></el-step>
<el-step title="结果查询"></el-step>
<el-step title="结果展示"></el-step>
</el-steps>
<div class="jtfccx-edit" v-show="!isSearch">
<div class="jtfccx-edit-con">
<b class="title"></b>
<el-form :model="form" label-width="120px">
<el-row>
<el-col :span="6">
<el-form-item label="查询用途" label-width="90px">
<el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号" label-width="120px">
<el-input v-model="form.djSqcxDO.bdcqzh" class="width200px"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="与产权人的关系">
<el-radio-group v-model="form.djSqcxDO.ycqrgx">
<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-form>
<lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">权利人</b>
<lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div class="submit-button" style="padding-bottom:50px">
<el-button @click="resetClick" v-show="!isSearch">重置</el-button>
<el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
</div>
</div>
<div>
<dydjbInfo v-show="isSearch"/>
</div>
</dialogBox>
</template>
<script>
import { addFwmxCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx";
import { getPrintTemplateByCode } from "@/api/system";
import { datas, sendThis } from "./dydjbdata";
import { getLodop } from "@/utils/LodopFuncs"
import dydjbInfo from "./dydjbInfo.vue";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData"]),
},
components: { dydjbInfo },
props: {
value: { type: Boolean, default: false },
sqcxBsm: { type: String, default: "" },
},
mounted () {
},
data () {
return {
activeStep: 0,
myValue: this.value,
//是否查询
isSearch: false,
//查询结果列表字段
cxjgColumns: datas.columns(),
//申请人列表字段
sqrColumns: datas.sqrCol(),
//权利人列表字段
qlrColumns: datas.qlrCol(),
newData: {
sqrxm: "",
sqrzjlxbm: "",
sqrzjhm: "",
lxdh: "",
inputErr: false,
},
form: {
djSqcxDO: { ycqrgx: "1", cxyt: "",bdcqzh: "" },
sqrList: [],
qlrList: [],
cxjgList: [],
dyjlList: [],
},
};
},
watch: {
value (val) {
this.myValue = val;
let that = this
if (val) {
this.form.sqrList = []
this.form.qlrList = []
this.isSearch = false
if (this.sqcxBsm == "") {
that.add("sqr");
that.add("qlr");
} else {
that.loadData();
}
}
},
"form.djSqcxDO.ycqrgx" (val) {
if (val == "1") {
this.form.qlrList = _.cloneDeep(this.form.sqrList);
} else {
this.form.qlrList = [];
this.add("qlr");
}
},
"form.sqrList" (val) {
if (this.form.djSqcxDO.ycqrgx == '1') {
this.form.qlrList = _.cloneDeep(this.form.sqrList)
}
}
},
methods: {
closeDialog () {
this.$emit("input", false);
this.activeStep = 0;
this.form = {
djSqcxDO: { ycqrgx: "1", cxyt: "" ,bdcqzh: ""},
sqrList: [],
qlrList: [],
cxjgList: [],
dyjlList: [],
}
},
//加载详细信息
loadData () {
this.$startLoading();
getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
this.isSearch = true;
}
});
},
//查询结果
queryChick () {
this.$startLoading();
this.activeStep = 1;
addFwmxCxjgXx(this.form).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
this.activeStep = 2;
this.isSearch = true;
this.$parent.queryClick();
}
});
},
//重置
resetClick () {
this.form.djSqcxDO = { ycqrgx: "1", cxyt: "",bdcqzh: "" };
this.form.sqrList = _.cloneDeep([this.newData]);
this.form.qlrList = _.cloneDeep([this.newData]);
this.form.cxjgList = [];
this.form.dyjlList = [];
this.isSearch = false;
},
handleRead (scope) { },
//添加申请人或权利人
add (type) {
if (type == "sqr") {
this.form.sqrList.push(_.cloneDeep(this.newData));
} else {
this.form.qlrList.push(_.cloneDeep(this.newData));
}
},
//移除申请人或权利人
remove (index, row, type) {
if (type == "sqr") {
this.form.sqrList.splice(index, 1);
} else {
this.form.qlrList.splice(index, 1);
}
},
//电话号码校验
teltest (row) {
const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
row.inputErr = true;
return false;
} else {
row.inputErr = false;
return true;
}
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
.title {
padding-bottom: 10px;
margin-bottom: 10px;
display: block;
border-bottom: 1px solid $borderColor;
}
.jtfccx-edit {
@include flex;
flex-direction: column;
overflow-y: hidden;
max-height: 87vh;
padding: 0 2px;
.jtfccx-edit-con {
flex: 1;
height: 100%;
overflow-y: scroll;
}
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
}
</style>
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: 'wqhth',
label: '合同号',
},
{
prop: 'wqsj',
label: '网签时间',
},
{
prop: 'bdcdyh',
label: '不动产单元号',
},
{
prop: 'gyfs',
label: '共有方式',
},
{
prop: 'qlrmc',
label: '权利人',
},
{
prop: 'zjhm',
label: '证件号',
},
{
prop: 'fdzl',
label: '房地坐落',
},
{
prop: 'fwmj',
label: '建筑面积（㎡）',
},
{
prop: 'fwyt',
label: '房屋用途',
},
{
label: '登记状态',
align: 'center',
fixed: 'right',
render: (h, scope) => {
if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){
return <div>抵押、查封</div>
}
if(scope.row.dyzt != '0'){
return <div>抵押</div>
}
if(scope.row.cfzt != '0'){
return <div>查封</div>
}
}
}
]
}
sqrCol () {
return [
{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
vm.add("sqr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
vm.remove(scope.$index, scope.row, "sqr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
vm.handleRead(scope);
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
clearable
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
},
]
}
qlrCol () {
return [
{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
vm.add("qlr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
vm.remove(scope.$index, scope.row, "qlr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
vm.handleRead(scope);
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
},
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -29,7 +29,7 @@
<el-col :span="3" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="queryClick">查询</el-button>
<!-- <el-button @click="moreQueryClick()">高级查询</el-button> -->
<el-button type="primary" @click="openAddDialog">新增</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -42,6 +42,7 @@
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<addDydjb v-model="isDialog" :sqcxBsm="sqcxBsm" />
</div>
</template>
<script>
......@@ -49,9 +50,11 @@ import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import { popupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "./dydjbdata";
import { getJtfcPage } from "@/api/sqcx";
import addDydjb from "./components/addDydjb.vue";
import { getFwmxPage } from "@/api/sqcx";
export default {
name: "dydjb",
components: { addDydjb },
mixins: [table],
mounted () {
sendThis(this);
......@@ -62,6 +65,8 @@ export default {
},
data () {
return {
isDialog: false,
sqcxBsm: "",
queryForm: {
cxbh: "",
sqr: "",
......@@ -77,7 +82,7 @@ export default {
// 初始化数据
queryClick () {
this.$startLoading();
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
getFwmxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { records, total } = res.result;
......@@ -94,6 +99,9 @@ export default {
handleSort (name, sort) {
console.log(name, sort);
},
openAddDialog(){
this.isDialog = true
}
},
};
</script>
......
......@@ -22,7 +22,7 @@ class data extends filter {
case '1':
return <div>家庭房产</div>
case '2':
return <div>登记簿</div>
return <div>房屋明细</div>
}
}
},
......
......@@ -12,7 +12,7 @@
</el-col>
<el-col :span="16">
<el-form-item label="与产权人的关系">
<el-radio-group v-model="form.djSqcxDO.ycyrgx">
<el-radio-group v-model="form.djSqcxDO.ycqrgx">
<el-radio label="1">房屋权利人</el-radio>
<el-radio label="2">产权利害关系人</el-radio>
<el-radio label="3">委托人</el-radio>
......@@ -38,21 +38,29 @@
</div>
<el-divider></el-divider>
<div class="submit-button" style="padding-bottom:50px">
<el-button @click="resetClick">重置</el-button>
<el-button v-show="isSearch == false" @click="resetClick">重置</el-button>
<el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button>
<el-button type="primary" v-show="isSearch && form.dyjlList.length > 0">房产结果打印（{{ form.dyjlList.length }}）
<el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult">
房产结果打印（{{ form.djSqcxDO.dycs }}）
</el-button>
<el-button type="primary" v-show="isSearch && form.dyjlList.length == 0">无房证明打印（{{ form.dyjlList.length }}）
<el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult">
无房证明打印（{{ form.djSqcxDO.dycs }}）
</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
<!-- 打印模板需要此模块 -->
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
</object>
</div>
</dialogBox>
</template>
<script>
import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx";
import { addJtfcCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx";
import { getPrintTemplateByCode } from "@/api/system";
import { datas, sendThis } from "./addjtfcdata";
import { getLodop } from "@/utils/LodopFuncs"
import { mapGetters } from "vuex";
export default {
computed: {
......@@ -84,7 +92,7 @@ export default {
inputErr: false,
},
form: {
djSqcxDO: { ycyrgx: "1", cxyt: "" },
djSqcxDO: { ycqrgx: "1", cxyt: "" },
sqrList: [],
qlrList: [],
cxjgList: [],
......@@ -108,7 +116,7 @@ export default {
}
}
},
"form.djSqcxDO.ycyrgx" (val) {
"form.djSqcxDO.ycqrgx" (val) {
if (val == "1") {
this.form.qlrList = _.cloneDeep(this.form.sqrList);
} else {
......@@ -117,7 +125,7 @@ export default {
}
},
"form.sqrList" (val) {
if (this.form.djSqcxDO.ycyrgx == '1') {
if (this.form.djSqcxDO.ycqrgx == '1') {
this.form.qlrList = _.cloneDeep(this.form.sqrList)
}
}
......@@ -125,7 +133,15 @@ export default {
methods: {
closeDialog () {
this.$emit("input", false);
this.form = {
djSqcxDO: { ycqrgx: "1", cxyt: "" },
sqrList: [],
qlrList: [],
cxjgList: [],
dyjlList: [],
}
},
//加载详细信息
loadData () {
this.$startLoading();
getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => {
......@@ -136,6 +152,7 @@ export default {
}
});
},
//查询结果
queryChick () {
this.$startLoading();
addJtfcCxjgXx(this.form).then((res) => {
......@@ -147,8 +164,9 @@ export default {
}
});
},
//重置
resetClick () {
this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" };
this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" };
this.form.sqrList = _.cloneDeep([this.newData]);
this.form.qlrList = _.cloneDeep([this.newData]);
this.form.cxjgList = [];
......@@ -156,6 +174,7 @@ export default {
this.isSearch = false;
},
handleRead (scope) { },
//添加申请人或权利人
add (type) {
if (type == "sqr") {
this.form.sqrList.push(_.cloneDeep(this.newData));
......@@ -163,6 +182,7 @@ export default {
this.form.qlrList.push(_.cloneDeep(this.newData));
}
},
//移除申请人或权利人
remove (index, row, type) {
if (type == "sqr") {
this.form.sqrList.splice(index, 1);
......@@ -170,6 +190,7 @@ export default {
this.form.qlrList.splice(index, 1);
}
},
//电话号码校验
teltest (row) {
const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
......@@ -180,6 +201,33 @@ export default {
return true;
}
},
//打印
printResult(){
this.openPrintPrew();
var formdata = new FormData();
formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx);
formdata.append("dylx", '1');
printJtcfInfo(formdata).then(res => {
if(res.code == 200){
this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1
}
});
//this.closeDialog();
},
//打开打印预览
openPrintPrew(){
//根据编号获取对应信息
getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => {
if (res.code == 200) {
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
LODOP.PREVIEW();
}
})
}
},
};
</script>
......
......@@ -64,12 +64,15 @@ class data extends filter {
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
<el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button>
</div>
)
if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){
return <div>抵押、查封</div>
}
if(scope.row.dyzt != '0'){
return <div>抵押</div>
}
if(scope.row.cfzt != '0'){
return <div>查封</div>
}
}
}
]
......
......@@ -29,7 +29,7 @@ class data extends filter {
case '1':
return <div>家庭房产</div>
case '2':
return <div>登记簿</div>
return <div>房屋明细</div>
}
}
},
......
......@@ -129,15 +129,22 @@ class data extends filter {
dyjlcolumns () {
return [
{
prop: 'sqrxm',
label: '打印类型',
render: (h, scope) => {
switch (scope.row.dylx) {
case '1':
return <div>房产结果</div>
case '2':
return <div>无房证明</div>
}
}
},
{
prop: 'sqrzjlxmc',
prop: 'dyr',
label: '打印人员',
},
{
prop: 'sqrzjhm',
prop: 'dysj',
label: '打印时间',
}
]
......
<template>
<dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
@closeDialog="closeDialog">
@closeDialog="closeDialog" :isButton="showButton">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<el-row>
<el-col :span="8">
......@@ -143,6 +143,7 @@ export default {
props: {
value: { type: Boolean, default: false },
details: { type: Object, default: {} },
showButton: {type: Boolean, default: false}
},
computed: {
...mapGetters(["dictData"]),
......
......@@ -2,7 +2,7 @@
<div>
<lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
</lb-table>
<addQlr v-model="dialog" :details="details" @updateDetail="handleupdateDetail" />
<addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
</div>
</template>
<script>
......@@ -33,6 +33,7 @@ export default {
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.$route.query.viewtype ? false : true,
details: {},
tableDataList: [],
InformationTable: [
......@@ -91,7 +92,7 @@ export default {
return (
<div>
{
this.$route.query.viewtype == 1 ? <el-button
this.$route.query.viewtype ? <el-button
icon="el-icon-view"
type="text"
onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
......
......@@ -84,9 +84,9 @@
<el-col :span="8">
<el-form-item label="取得价格：">
<div style="display:flex">
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%"
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype"
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw">
<el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -116,7 +116,7 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="附记：" prop="fj">
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input>
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -172,7 +172,7 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
v-model="ruleForm.jsydsyq.djyy">
</el-input>
</el-form-item>
......
......@@ -118,7 +118,7 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="附记：" prop="fj">
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input>
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -132,7 +132,7 @@
<el-row :gutter="10">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs">
<el-radio-group :disabled="$route.query.viewtype" v-model="ruleForm.slywxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -166,7 +166,7 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
v-model="ruleForm.jsydsyq.djyy">
</el-input>
</el-form-item>
......
......@@ -29,7 +29,7 @@ class data extends filter {
return (
<div>
{
scope.row.enabled == '1' ?
scope.row.bsmFz ?
<div class='allow'>已领取</div> :
<div class='prohibit'>未领取</div>
}
......@@ -38,24 +38,18 @@ class data extends filter {
}
},
{
label: "证书类容",
label: "证书内容",
render: (h, scope) => {
return (
<div>
<el-link type="primary" onClick={() => { vm.openDialog(scope) }}>查看</el-link>
<el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link>
</div>
)
}
},
{
label: "权利类型",
render: (h, scope) => {
return (
<div>
{this.dicStatus(scope.row.qllx, 'A8')}
</div>
)
}
prop: "qllx",
},
{
prop: "bdcqzh",
......@@ -66,11 +60,11 @@ class data extends filter {
label: "印刷序列号",
},
{
prop: "lqr",
prop: "lzrxm",
label: "领取人",
},
{
prop: "lqsj",
prop: "fzsj",
label: "领取时间",
},
{
......
......@@ -6,25 +6,25 @@
<el-row>
<el-col :span="5">
<el-form-item label="不动产权证号" label-width="100px">
<el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh">
<el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="印刷序列号" label-width="100px">
<el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh">
<el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh">
<el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="领取人">
<el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lqr">
<el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lzrxm" clearable>
</el-input>
</el-form-item>
</el-col>
......@@ -45,11 +45,16 @@
:data="tableData.data">
</lb-table>
</div>
<el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose">
<img :src="previewImage" class="imgClass">
</el-dialog>
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./zslqcx";
import { getBdcqzReceiveList } from "@/api/zhcx"
import { bdcqzPreview } from "@/api/bdcqz"
export default {
components: {},
mixins: [table],
......@@ -62,9 +67,12 @@ export default {
bdcqzh: "",
ysxlh: "",
ywh: "",
lqr: "",
lzrxm: "",
},
dialogVisible: false,
previewImage: '',
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
......@@ -73,8 +81,29 @@ export default {
methods: {
// 查询
queryClick () {
this.$startLoading()
getBdcqzReceiveList({ ...this.queryForm, ...this.pageData }).then(res => {
this.$endLoading()
if (res.code === 200) {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
}
})
},
openDialog(item){
this.$startLoading()
bdcqzPreview(item).then(res => {
this.$endLoading()
this.dialogVisible = true;
let blob = new Blob([res]);
let url = window.URL.createObjectURL(blob);
this.previewImage = url;
})
},
handleClose() {
this.dialogVisible = false;
}
},
};
</script>
......
......@@ -23,7 +23,7 @@ class data extends filter {
}
},
{
prop: "qymc",
prop: "dwmc",
label: "企业名称",
},
{
......@@ -43,11 +43,11 @@ class data extends filter {
label: "坐落"
},
{
prop: "yt",
prop: "showFwyt",
label: "用途"
},
{
prop: "mj",
prop: "scjzmj",
label: "面积(㎡)"
},
{
......
......@@ -5,31 +5,24 @@
<el-form :model="queryForm" ref="queryForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="项目名称" label-width="70px">
<el-input placeholder="请输入项目名称" v-model="queryForm.xmmc">
<el-form-item label="企业名称" label-width="70px">
<el-input placeholder="请输入企业名称" v-model="queryForm.qymc" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="项目编号">
<el-input placeholder="请输入项目编号" v-model="queryForm.xmbh">
<el-form-item label="项目名称" label-width="70px">
<el-input placeholder="请输入项目名称" v-model="queryForm.xmmc" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="自然幢号">
<el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh">
<el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="宗地代码">
<el-input placeholder="请输入宗地代码" v-model="queryForm.zddm">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-col :span="9" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick">查询</el-button>
<el-button @click="moreQueryClick">高级查询</el-button>
......@@ -50,6 +43,7 @@
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./zxgcdycx";
import { getZjgcdyList } from "@/api/zhcx"
export default {
components: {},
mixins: [table],
......@@ -60,11 +54,11 @@ export default {
return {
queryForm: {
xmmc: "",
xmbh: "",
qymc: "",
zrzh: "",
zddm: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
......@@ -73,6 +67,15 @@ export default {
methods: {
// 查询
queryClick () {
this.$startLoading()
getZjgcdyList({ ...this.queryForm, ...this.pageData }).then(res => {
this.$endLoading()
if (res.code === 200) {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
}
})
},
},
......