Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
c118118f by 杨威
Options

范围属性和重新落宗页面样式修改

1 parent 2b2e9512
Inline Side-by-side
Showing 3 changed files with 92 additions and 81 deletions
<template>
<div class="main">
<div class="search">
<el-form :inline="true" class="demo-form-inline">
<div>
<p class="tips">查询条件</p>
<div class="search">
<el-row>
<el-col :span="8">
<el-form-item label="宗地编码">
<el-input
v-model="queryData.zddm"
placeholder="输入宗地编码"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号">
<el-input
v-model="queryData.bdcqzh"
placeholder="输入坐落地址"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号">
<el-input
maxlength="28"
v-model="queryData.bdcdyh"
placeholder="输入不动产单元号"
></el-input>
</el-form-item>
<el-col :span="24" style="margin-left: -10px;">
<el-form :inline="true" class="demo-form-inline" label-width="106px">
<el-form-item label="宗地编码">
<el-input
v-model="queryData.zddm"
placeholder="输入宗地编码"
></el-input>
</el-form-item>
<el-form-item label="不动产权证号">
<el-input
v-model="queryData.bdcqzh"
placeholder="输入坐落地址"
></el-input>
</el-form-item>
<el-form-item label="不动产单元号">
<el-input
maxlength="28"
v-model="queryData.bdcdyh"
placeholder="输入不动产单元号"
></el-input>
</el-form-item>
<el-button type="primary" @click="search">查询</el-button>
<el-button type="warning" style="margin-left:10px" @click="result">重置</el-button>
</el-form>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="权利人">
<el-input
v-model="queryData.qlrmc"
placeholder="输入权利人姓名"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落">
<el-input
v-model="queryData.zl"
placeholder="输入坐落地址"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-button type="primary" @click="search">查询</el-button>
<el-button type="warning" style="margin-left:10px" @click="result">重置</el-button>
<el-col :span="24" style="margin-left: -10px;">
<el-form :inline="true" class="demo-form-inline" label-width="106px">
<el-form-item label="权利人">
<el-input
v-model="queryData.qlrmc"
placeholder="输入权利人姓名"
></el-input>
</el-form-item>
<el-form-item label="坐落">
<el-input
v-model="queryData.zl"
placeholder="输入坐落地址"
></el-input>
</el-form-item>
</el-form>
</el-col>
</el-row>
</el-form>
</div>
<p class="tips">查询列表</p>
<el-table :data="Data" :height="tableHeight">
<td class="xh">序号</td>
<td class="cz">操作</td>
......@@ -139,21 +136,11 @@ export default {
created() {},
mounted() {
this.getData(this.queryData);
if (
(document.documentElement.clientWidth || document.body.clientWidth) < 1890
) {
this.$nextTick(() => {
this.tableHeight =
(document.documentElement.clientHeight ||
document.body.clientHeight) - 355;
});
} else {
this.$nextTick(() => {
this.tableHeight =
(document.documentElement.clientHeight ||
document.body.clientHeight) - 304;
});
}
this.$nextTick(() => {
this.tableHeight =
(document.documentElement.clientHeight ||
document.body.clientHeight) - 396;
});
},
methods: {
currentChange: function(val) {
......@@ -200,6 +187,22 @@ export default {
padding: 18px;
height: auto;
}
.search{
background-color: #FFFFFF;
box-sizing: border-box;
padding: 18px 0 8px 0;
border: 1px solid #E6E6E6;
margin-bottom: 18px;
}
.el-button {
width: 100px;
}
.tips{
color: #9B9B9B;
margin-left: 2px;
margin-bottom: 10px;
}
table {
margin-top: 10px;
......@@ -287,21 +290,21 @@ table:hover {
width: auto;
height: auto;
}
/deep/ .el-form-item__label {
width: 96px;
}
/deep/ .el-form {
margin-left: -28px;
.el-button{
margin: 0 22px;
}
}
.el-form-item{
width: 100%;
box-sizing: border-box;
padding: 0 20px;
/deep/.el-form-item__content{
width: calc(100% - 96px);
}
}
// /deep/ .el-form-item__label {
// width: 96px;
// }
// /deep/ .el-form {
// margin-left: -28px;
// .el-button{
// margin: 0 22px;
// }
// }
// .el-form-item{
// width: 100%;
// box-sizing: border-box;
// padding: 0 20px;
// /deep/.el-form-item__content{
// width: calc(100% - 96px);
// }
// }
</style>
......
<template>
<div class="main">
<p class="tips">查询条件</p>
<SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
<p class="tips">查询列表</p>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
......@@ -93,7 +95,7 @@ export default {
this.$nextTick(() => {
this.tableHeight =
(document.documentElement.clientHeight || document.body.clientHeight) -
340;
392;
});
},
methods: {
......@@ -202,6 +204,11 @@ export default {
<style scoped lang="less">
.main {
background-color: #eaedf5;
.tips{
color: #9B9B9B;
margin-left: 2px;
margin-bottom: 10px;
}
.demo-form-inline {
margin-top: 18px;
.moreSearchBtn {
......
......@@ -79,7 +79,8 @@
created() {
},
mounted() {
this.queryData.pageSize=this.pageSize
this.queryData.pageSize=this.pageSize;
this.queryData.pageNo=this.pageNo;
this.getData(this.queryData);
this.$nextTick(()=>{
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
......