Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
2b2e9512 by 杨威
Options

查询页面样式修改

1 parent d334a69e
Inline Side-by-side
Showing 6 changed files with 63 additions and 22 deletions
...@@ -68,4 +68,14 @@ ...@@ -68,4 +68,14 @@
68 .el-message{ 68 .el-message{
69 min-width: 200px!important; 69 min-width: 200px!important;
70 top: 50px!important; 70 top: 50px!important;
71 }
72 .el-pager li{
73 background-color: #FFFFFF!important;
74 }
75 .el-pagination.is-background .el-pager li:not(.disabled).active {
76 background-color: #409EFF!important;
77 color: #FFF;
78 }
79 .el-pagination{
80 margin-left: -8px;
71 } 81 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <template> 1 <template>
2 <el-row> 2 <el-row class="box">
3 <el-col :span="24" style="margin-left: -10px;"> 3 <el-col :span="24">
4 <el-row> 4 <el-row>
5 <el-col :span="24"> 5 <el-col :span="24">
6 <el-form :inline="true" class="demo-form-inline" label-width="106px"> 6 <el-form :inline="true" class="demo-form-inline" label-width="106px">
7 <el-form-item label="不动产单元号"> 7 <el-form-item label="宗地编码">
8 <el-input 8 <el-input
9 maxlength="28" 9 v-model="queryData.zddm"
10 v-model="queryData.bdcdyh" 10 placeholder="输入宗地编码"
11 placeholder="输入不动产单元号"
12 @change="query" 11 @change="query"
13 ></el-input> 12 ></el-input>
14 </el-form-item> 13 </el-form-item>
...@@ -19,10 +18,11 @@ ...@@ -19,10 +18,11 @@
19 @change="query" 18 @change="query"
20 ></el-input> 19 ></el-input>
21 </el-form-item> 20 </el-form-item>
22 <el-form-item label="宗地编码"> 21 <el-form-item label="不动产单元号">
23 <el-input 22 <el-input
24 v-model="queryData.zddm" 23 maxlength="28"
25 placeholder="输入宗地编码" 24 v-model="queryData.bdcdyh"
25 placeholder="输入不动产单元号"
26 @change="query" 26 @change="query"
27 ></el-input> 27 ></el-input>
28 </el-form-item> 28 </el-form-item>
...@@ -30,7 +30,6 @@ ...@@ -30,7 +30,6 @@
30 <el-button type="warning" @click="reset">重置</el-button> 30 <el-button type="warning" @click="reset">重置</el-button>
31 <el-button 31 <el-button
32 type="primary" 32 type="primary"
33 class="moreSearchBtn"
34 @click="moreSearch" 33 @click="moreSearch"
35 >更多查询 34 >更多查询
36 </el-button> 35 </el-button>
...@@ -41,13 +40,6 @@ ...@@ -41,13 +40,6 @@
41 <el-row class="row3" v-if="ismore"> 40 <el-row class="row3" v-if="ismore">
42 <el-col :span="22"> 41 <el-col :span="22">
43 <el-form :inline="true" class="demo-form-inline" label-width="106px"> 42 <el-form :inline="true" class="demo-form-inline" label-width="106px">
44 <el-form-item label="不动产权证号">
45 <el-input
46 placeholder="输入不动产权证号"
47 v-model="queryData.bdcqzh"
48 @change="query"
49 ></el-input>
50 </el-form-item>
51 <el-form-item label="权利人名称"> 43 <el-form-item label="权利人名称">
52 <el-input 44 <el-input
53 placeholder="输入权利人名称" 45 placeholder="输入权利人名称"
...@@ -62,6 +54,13 @@ ...@@ -62,6 +54,13 @@
62 @change="query" 54 @change="query"
63 ></el-input> 55 ></el-input>
64 </el-form-item> 56 </el-form-item>
57 <el-form-item label="不动产权证号">
58 <el-input
59 placeholder="输入不动产权证号"
60 v-model="queryData.bdcqzh"
61 @change="query"
62 ></el-input>
63 </el-form-item>
65 </el-form> 64 </el-form>
66 </el-col> 65 </el-col>
67 <el-col :span="2" :offset="offset"> 66 <el-col :span="2" :offset="offset">
...@@ -155,8 +154,10 @@ export default { ...@@ -155,8 +154,10 @@ export default {
155 moreSearch(){ 154 moreSearch(){
156 if(this.ismore === true){ 155 if(this.ismore === true){
157 this.ismore = false; 156 this.ismore = false;
157 this.$parent.tableHeight+=55;
158 }else { 158 }else {
159 this.ismore = true; 159 this.ismore = true;
160 this.$parent.tableHeight-=55;
160 } 161 }
161 162
162 // this.$message('待开发'); 163 // this.$message('待开发');
...@@ -178,8 +179,17 @@ export default { ...@@ -178,8 +179,17 @@ export default {
178 }; 179 };
179 </script> 180 </script>
180 <style scoped lang="less"> 181 <style scoped lang="less">
181 .el-row{ 182 .box{
182 background-color: #EAEDF5; 183 background-color: #FFFFFF;
184 box-sizing: border-box;
185 padding: 18px 0 0 0;
186 border: 1px solid #E6E6E6;
187 .el-col{
188 .el-row{
189 margin-left: -10px;
190 }
191 }
192 margin-bottom: 18px;
183 } 193 }
184 .el-button { 194 .el-button {
185 width: 100px; 195 width: 100px;
......
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"
...@@ -82,7 +84,7 @@ ...@@ -82,7 +84,7 @@
82 this.queryData.pageSize=this.pageSize 84 this.queryData.pageSize=this.pageSize
83 this.getData(this.queryData); 85 this.getData(this.queryData);
84 this.$nextTick(() => { 86 this.$nextTick(() => {
85 this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 255; 87 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
86 }); 88 });
87 }, 89 },
88 methods: { 90 methods: {
...@@ -163,6 +165,11 @@ ...@@ -163,6 +165,11 @@
163 display: flex; 165 display: flex;
164 flex-direction: column; 166 flex-direction: column;
165 background-color: #EAEDF5; 167 background-color: #EAEDF5;
168 .tips{
169 color: #9B9B9B;
170 margin-left: 2px;
171 margin-bottom: 10px;
172 }
166 .demo-form-inline { 173 .demo-form-inline {
167 margin-top: 18px; 174 margin-top: 18px;
168 .moreSearchBtn { 175 .moreSearchBtn {
......
...@@ -93,7 +93,7 @@ export default { ...@@ -93,7 +93,7 @@ export default {
93 this.$nextTick(() => { 93 this.$nextTick(() => {
94 this.tableHeight = 94 this.tableHeight =
95 (document.documentElement.clientHeight || document.body.clientHeight) - 95 (document.documentElement.clientHeight || document.body.clientHeight) -
96 304; 96 340;
97 }); 97 });
98 }, 98 },
99 methods: { 99 methods: {
......
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"
...@@ -90,7 +92,7 @@ ...@@ -90,7 +92,7 @@
90 this.queryData.pageSize=this.pageSize 92 this.queryData.pageSize=this.pageSize
91 this.getData(this.queryData) 93 this.getData(this.queryData)
92 this.$nextTick(() => { 94 this.$nextTick(() => {
93 this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 255; 95 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
94 }); 96 });
95 }, 97 },
96 methods: { 98 methods: {
...@@ -232,6 +234,11 @@ ...@@ -232,6 +234,11 @@
232 display: flex; 234 display: flex;
233 flex-direction: column; 235 flex-direction: column;
234 background-color: #EAEDF5; 236 background-color: #EAEDF5;
237 .tips{
238 color: #9B9B9B;
239 margin-left: 2px;
240 margin-bottom: 10px;
241 }
235 .demo-form-inline { 242 .demo-form-inline {
236 margin-top: 18px; 243 margin-top: 18px;
237 .moreSearchBtn { 244 .moreSearchBtn {
......
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"
...@@ -188,6 +190,11 @@ ...@@ -188,6 +190,11 @@
188 display: flex; 190 display: flex;
189 flex-direction: column; 191 flex-direction: column;
190 background-color: #EAEDF5; 192 background-color: #EAEDF5;
193 .tips{
194 color: #9B9B9B;
195 margin-left: 2px;
196 margin-bottom: 10px;
197 }
191 .demo-form-inline { 198 .demo-form-inline {
192 margin-top: 18px; 199 margin-top: 18px;
193 .moreSearchBtn { 200 .moreSearchBtn {
......