c2b8a0f6 by 田浩浩

修改申请查询对应的页面问题

1 parent 214fab76
<template>
<div>
<el-form :model="ruleForm" label-width="120px">
<el-form :model="form" boder 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-col :span="6">
<el-form-item label="查询来源:" label-width="90px">{{form.djSqcxDO.cxly}}
</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-col :span="6">
<el-form-item label="查询类型:">{{form.djSqcxDO.cxlx}}
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="查询人员:" label-width="90px">{{form.djSqcxDO.cxr}}
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="查询时间:">{{form.djSqcxDO.cxsj}}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="查询编号:" label-width="90px">{{form.djSqcxDO.cxbh}}
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="查询用途:" label-width="90px">{{form.djSqcxDO.cxyt}}
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="与产权人的关系:">{{form.djSqcxDO.ycqrgxmc}}
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号:">{{form.djSqcxDO.bdcqzh}}
</el-form-item>
</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="sqrData.columns" border :data="sqrData.data" :maxHeight="200" heightNumSetting
<lb-table :column="sqrData.columns" border :data="form.sqrList" :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">
......@@ -45,7 +71,7 @@
</el-row>
<el-row>
<el-col>
<lb-table :column="qlrData.columns" border :data="qlrData.data" :maxHeight="200" heightNumSetting
<lb-table :column="qlrData.columns" border :data="form.qlrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
</el-col>
......@@ -58,16 +84,25 @@
<div class="triangle"></div>
</div>
</el-col>
</el-row>
</el-row>
<el-row>
<el-col>
<p>查询编号:{{ cxbh }}</p>
<lb-table :column="cxjgData.columns" :data="form.cxjgList" :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="cxjgData.columns" :data="cxjgData.data" :maxHeight="200" heightNumSetting
:pagination="false">
<lb-table :column="dyjlcolumns" :data="form.dyjlList" :maxHeight="200" heightNumSetting :pagination="false">
</lb-table>
</el-col>
</el-row>
......@@ -86,13 +121,14 @@ export default {
// },
props: ["formData"],
created () {
created() {
// debugger;
// alert(this.formData.sqcxBsm);
},
data () {
data() {
return {
form: {},
ruleForm: {
cxyt: "",
ycyrgx: 1,
......@@ -113,26 +149,27 @@ export default {
columns: datas.qlrcolumns(),
data: [],
},
dyjlcolumns: datas.dyjlcolumns(),
};
},
mounted () {
mounted() {
sendThis(this);
var sqcxBsm = this.formData.sqcxBsm;
getJtfcInfo({ sqcxBsm: sqcxBsm })
.then((res) => {
if (res.code == 200) {
this.form = res.result;
this.sqrData.data = res.result.sqxx;
this.qlrData.data = res.result.qlrxx;
this.cxjgData.data = res.result.djSqcxCxjgDOList;
this.cxbh = res.result.djSqcxDO.cxbh;
}
})
.catch((error) => {
console.log(error);
})
});
},
methods: {},
};
......
......@@ -126,7 +126,22 @@ class data extends filter {
},
]
}
dyjlcolumns () {
return [
{
prop: 'sqrxm',
label: '打印类型',
},
{
prop: 'sqrzjlxmc',
label: '打印人员',
},
{
prop: 'sqrzjhm',
label: '打印时间',
}
]
}
}
......
......@@ -2,21 +2,47 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
<el-row>
<el-col :span="5">
<el-col :span="3">
<el-form-item label="查询来源">
<el-select v-model="queryForm.cxbh" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="查询类型">
<el-select v-model="queryForm.cxbh" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item label="查询编号">
<el-input placeholder="请输入编号" @clear="queryClick" v-model="queryForm.cxbh" class="width100" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="4">
<el-form-item label="申请人">
<el-input placeholder="请输入申请人" @clear="queryClick" v-model="queryForm.sqr" class="width100" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="14" class="btnColRight">
<el-col :span="8">
<el-form-item label="查询时间">
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd"
clearable>
</el-date-picker>
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd"
clearable>
</el-date-picker>
</el-form-item>
</el-col>
<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>
......@@ -41,11 +67,11 @@ import { getJtfcPage } from "@/api/sqcx";
export default {
name: "sqcxjl",
mixins: [table],
mounted () {
mounted() {
sendThis(this);
this.queryClick()
this.queryClick();
},
data () {
data() {
return {
queryForm: {
cxbh: "",
......@@ -60,7 +86,7 @@ export default {
},
methods: {
// 初始化数据
queryClick () {
queryClick() {
this.$startLoading();
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
......@@ -71,18 +97,18 @@ export default {
}
});
},
handleSort (name, sort) {
handleSort(name, sort) {
console.log(name, sort);
},
// 查看
handleViewClick (scope) {
handleViewClick(scope) {
var sqcxBsm = scope.row.bsmSqcx;
this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
formData: {
sqcxBsm: sqcxBsm,
},
cancel: function () { }, //取消事件的回调
confirm: function () { },
cancel: function () {}, //取消事件的回调
confirm: function () {},
});
},
},
......