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
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <div class="search"> 3 <div>
4 <el-form :inline="true" class="demo-form-inline"> 4 <p class="tips">查询条件</p>
5 <div class="search">
5 <el-row> 6 <el-row>
6 <el-col :span="8"> 7 <el-col :span="24" style="margin-left: -10px;">
7 <el-form-item label="宗地编码"> 8 <el-form :inline="true" class="demo-form-inline" label-width="106px">
8 <el-input 9 <el-form-item label="宗地编码">
9 v-model="queryData.zddm" 10 <el-input
10 placeholder="输入宗地编码" 11 v-model="queryData.zddm"
11 ></el-input> 12 placeholder="输入宗地编码"
12 </el-form-item> 13 ></el-input>
13 </el-col> 14 </el-form-item>
14 <el-col :span="8"> 15 <el-form-item label="不动产权证号">
15 <el-form-item label="不动产权证号"> 16 <el-input
16 <el-input 17 v-model="queryData.bdcqzh"
17 v-model="queryData.bdcqzh" 18 placeholder="输入坐落地址"
18 placeholder="输入坐落地址" 19 ></el-input>
19 ></el-input> 20 </el-form-item>
20 </el-form-item> 21 <el-form-item label="不动产单元号">
21 </el-col> 22 <el-input
22 <el-col :span="8"> 23 maxlength="28"
23 <el-form-item label="不动产单元号"> 24 v-model="queryData.bdcdyh"
24 <el-input 25 placeholder="输入不动产单元号"
25 maxlength="28" 26 ></el-input>
26 v-model="queryData.bdcdyh" 27 </el-form-item>
27 placeholder="输入不动产单元号" 28 <el-button type="primary" @click="search">查询</el-button>
28 ></el-input> 29 <el-button type="warning" style="margin-left:10px" @click="result">重置</el-button>
29 </el-form-item> 30 </el-form>
30 </el-col> 31 </el-col>
31 </el-row> 32 </el-row>
32 <el-row> 33 <el-row>
33 <el-col :span="8"> 34 <el-col :span="24" style="margin-left: -10px;">
34 <el-form-item label="权利人"> 35 <el-form :inline="true" class="demo-form-inline" label-width="106px">
35 <el-input 36 <el-form-item label="权利人">
36 v-model="queryData.qlrmc" 37 <el-input
37 placeholder="输入权利人姓名" 38 v-model="queryData.qlrmc"
38 ></el-input> 39 placeholder="输入权利人姓名"
39 </el-form-item> 40 ></el-input>
40 </el-col> 41 </el-form-item>
41 <el-col :span="8"> 42 <el-form-item label="坐落">
42 <el-form-item label="坐落"> 43 <el-input
43 <el-input 44 v-model="queryData.zl"
44 v-model="queryData.zl" 45 placeholder="输入坐落地址"
45 placeholder="输入坐落地址" 46 ></el-input>
46 ></el-input> 47 </el-form-item>
47 </el-form-item> 48 </el-form>
48 </el-col>
49 <el-col :span="8">
50 <el-button type="primary" @click="search">查询</el-button>
51 <el-button type="warning" style="margin-left:10px" @click="result">重置</el-button>
52 </el-col> 49 </el-col>
53 </el-row> 50 </el-row>
54 </el-form> 51 </div>
55 52 <p class="tips">查询列表</p>
56 <el-table :data="Data" :height="tableHeight"> 53 <el-table :data="Data" :height="tableHeight">
57 <td class="xh">序号</td> 54 <td class="xh">序号</td>
58 <td class="cz">操作</td> 55 <td class="cz">操作</td>
...@@ -139,21 +136,11 @@ export default { ...@@ -139,21 +136,11 @@ export default {
139 created() {}, 136 created() {},
140 mounted() { 137 mounted() {
141 this.getData(this.queryData); 138 this.getData(this.queryData);
142 if ( 139 this.$nextTick(() => {
143 (document.documentElement.clientWidth || document.body.clientWidth) < 1890 140 this.tableHeight =
144 ) { 141 (document.documentElement.clientHeight ||
145 this.$nextTick(() => { 142 document.body.clientHeight) - 396;
146 this.tableHeight = 143 });
147 (document.documentElement.clientHeight ||
148 document.body.clientHeight) - 355;
149 });
150 } else {
151 this.$nextTick(() => {
152 this.tableHeight =
153 (document.documentElement.clientHeight ||
154 document.body.clientHeight) - 304;
155 });
156 }
157 }, 144 },
158 methods: { 145 methods: {
159 currentChange: function(val) { 146 currentChange: function(val) {
...@@ -200,6 +187,22 @@ export default { ...@@ -200,6 +187,22 @@ export default {
200 padding: 18px; 187 padding: 18px;
201 height: auto; 188 height: auto;
202 } 189 }
190 .search{
191
192 background-color: #FFFFFF;
193 box-sizing: border-box;
194 padding: 18px 0 8px 0;
195 border: 1px solid #E6E6E6;
196 margin-bottom: 18px;
197 }
198 .el-button {
199 width: 100px;
200 }
201 .tips{
202 color: #9B9B9B;
203 margin-left: 2px;
204 margin-bottom: 10px;
205 }
203 206
204 table { 207 table {
205 margin-top: 10px; 208 margin-top: 10px;
...@@ -287,21 +290,21 @@ table:hover { ...@@ -287,21 +290,21 @@ table:hover {
287 width: auto; 290 width: auto;
288 height: auto; 291 height: auto;
289 } 292 }
290 /deep/ .el-form-item__label { 293 // /deep/ .el-form-item__label {
291 width: 96px; 294 // width: 96px;
292 } 295 // }
293 /deep/ .el-form { 296 // /deep/ .el-form {
294 margin-left: -28px; 297 // margin-left: -28px;
295 .el-button{ 298 // .el-button{
296 margin: 0 22px; 299 // margin: 0 22px;
297 } 300 // }
298 } 301 // }
299 .el-form-item{ 302 // .el-form-item{
300 width: 100%; 303 // width: 100%;
301 box-sizing: border-box; 304 // box-sizing: border-box;
302 padding: 0 20px; 305 // padding: 0 20px;
303 /deep/.el-form-item__content{ 306 // /deep/.el-form-item__content{
304 width: calc(100% - 96px); 307 // width: calc(100% - 96px);
305 } 308 // }
306 } 309 // }
307 </style> 310 </style>
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <p class="tips">查询条件</p>
3 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> 4 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
5 <p class="tips">查询列表</p>
4 <div class="dataGrid" ref="dataGrid"> 6 <div class="dataGrid" ref="dataGrid">
5 <el-table 7 <el-table
6 :data="tableData" 8 :data="tableData"
...@@ -93,7 +95,7 @@ export default { ...@@ -93,7 +95,7 @@ export default {
93 this.$nextTick(() => { 95 this.$nextTick(() => {
94 this.tableHeight = 96 this.tableHeight =
95 (document.documentElement.clientHeight || document.body.clientHeight) - 97 (document.documentElement.clientHeight || document.body.clientHeight) -
96 340; 98 392;
97 }); 99 });
98 }, 100 },
99 methods: { 101 methods: {
...@@ -202,6 +204,11 @@ export default { ...@@ -202,6 +204,11 @@ export default {
202 <style scoped lang="less"> 204 <style scoped lang="less">
203 .main { 205 .main {
204 background-color: #eaedf5; 206 background-color: #eaedf5;
207 .tips{
208 color: #9B9B9B;
209 margin-left: 2px;
210 margin-bottom: 10px;
211 }
205 .demo-form-inline { 212 .demo-form-inline {
206 margin-top: 18px; 213 margin-top: 18px;
207 .moreSearchBtn { 214 .moreSearchBtn {
......
...@@ -79,7 +79,8 @@ ...@@ -79,7 +79,8 @@
79 created() { 79 created() {
80 }, 80 },
81 mounted() { 81 mounted() {
82 this.queryData.pageSize=this.pageSize 82 this.queryData.pageSize=this.pageSize;
83 this.queryData.pageNo=this.pageNo;
83 this.getData(this.queryData); 84 this.getData(this.queryData);
84 this.$nextTick(()=>{ 85 this.$nextTick(()=>{
85 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; 86 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
......