Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
545dcf99 by 杨威
Options

新增综合查询页面

1 parent ad5f4fac
Inline Side-by-side
Showing 2 changed files with 136 additions and 19 deletions
...@@ -42,7 +42,6 @@ ...@@ -42,7 +42,6 @@
42 <el-table 42 <el-table
43 :data="tableData" 43 :data="tableData"
44 :height="tableHeight" 44 :height="tableHeight"
45 style="width: 100%"
46 :row-class-name="tableRowClassName" 45 :row-class-name="tableRowClassName"
47 > 46 >
48 <el-table-column 47 <el-table-column
...@@ -132,11 +131,11 @@ export default { ...@@ -132,11 +131,11 @@ export default {
132 title: "全国海洋伏季休渔暨渤海综合治理专项执法行动启动", 131 title: "全国海洋伏季休渔暨渤海综合治理专项执法行动启动",
133 }, 132 },
134 ], 133 ],
135 tableHeight:'' 134 tableHeight: "",
136 }; 135 };
137 }, 136 },
138 mounted(){ 137 mounted() {
139 this.tableHeight = this.$refs.notice.offsetHeight- 53; 138 this.tableHeight = this.$refs.notice.offsetHeight - 53;
140 }, 139 },
141 methods: { 140 methods: {
142 handleSelect() {}, 141 handleSelect() {},
...@@ -193,12 +192,7 @@ export default { ...@@ -193,12 +192,7 @@ export default {
193 flex: auto; 192 flex: auto;
194 padding: 0 18px; 193 padding: 0 18px;
195 box-sizing: border-box; 194 box-sizing: border-box;
196 .el-table .even-row { 195
197 background: #f7f9fb;
198 }
199 .el-table th {
200 background-color: #f3f5fa;
201 }
202 .el-card__body { 196 .el-card__body {
203 padding: 0; 197 padding: 0;
204 } 198 }
......
1 <template> 1 <template>
2 <div class=""></div> 2 <div class="main">
3 <el-form :inline="true" :model="formData" class="demo-form-inline">
4 <el-form-item label="宗地编码">
5 <el-input v-model="formData.user" placeholder="输入宗地编码"></el-input>
6 </el-form-item>
7 <el-form-item label="坐落">
8 <el-input v-model="formData.user" placeholder="输入坐落地址"></el-input>
9 </el-form-item>
10 <el-form-item label="不动产单元号">
11 <el-input
12 v-model="formData.user"
13 placeholder="输入不动产单元号"
14 ></el-input>
15 </el-form-item>
16 <el-form-item>
17 <el-button type="primary" @click="onSubmit">查询</el-button>
18 <el-button type="warning" @click="onSubmit">重置</el-button>
19 <el-button type="primary" class="moreSearchBtn" @click="onSubmit"
20 >更多查询</el-button
21 >
22 </el-form-item>
23 <el-form-item class="db" label="查询范围">
24 <el-checkbox-group v-model="formData.type">
25 <el-checkbox label="宗地" name="type"></el-checkbox>
26 <el-checkbox label="自然幢" name="type"></el-checkbox>
27 <el-checkbox label="户" name="type"></el-checkbox>
28 <el-checkbox label="构筑物" name="type"></el-checkbox>
29 <el-checkbox label="林权" name="type"></el-checkbox>
30 <el-checkbox label="宗海" name="type"></el-checkbox>
31 </el-checkbox-group>
32 </el-form-item>
33 </el-form>
34 <div class="dataGrid">
35 <el-table :data="tableData" :row-class-name="tableRowClassName">
36 <el-table-column type="index" width="80" align="center" label="序号">
37 </el-table-column>
38 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
39 </el-table-column>
40 <el-table-column prop="xmmc" align="left" label="项目名称">
41 </el-table-column>
42 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
43 </el-table-column>
44 <el-table-column prop="lx" align="left" width="120" label="类型">
45 </el-table-column>
46 <el-table-column prop="qlr" align="left" width="120" label="权利人">
47 </el-table-column>
48 <el-table-column prop="zl" align="left" label="坐落"> </el-table-column>
49 <el-table-column prop="zrsj" align="left" width="120" label="转入时间">
50 </el-table-column>
51 <el-table-column prop="cjr" align="left" width="120" label="创建人">
52 </el-table-column>
53 </el-table>
54 <div class="pagination">
55 <el-pagination background layout="prev, pager, next" :total="1000">
56 </el-pagination>
57 </div>
58 </div>
59 </div>
3 </template> 60 </template>
4 61
5 <script> 62 <script>
6 export default { 63 export default {
7 name:"", 64 name: "",
8 components:{}, 65 components: {},
9 props:{}, 66 props: {},
10 data(){ 67 data() {
11 return { 68 return {
69 formData: {
70 user: "",
71 region: "",
72 type: [],
73 },
74 tableData: [
75 {
76 bdcdyh: "610101001001GB00001W",
77 xmmc: "万科集团万科城",
78 bdcqzh: "陕（2017）西安市不动产权第00000",
79 lx: "宗地",
80 qlr: "李子新",
81 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
82 zrsj: "2020.09.07 ",
83 cjr: "李子新",
84 },
85 ],
86 };
87 },
88 created() {},
89 mounted() {
90 for (let i = 0; i < 11; i++) {
91 let obj = {
92 bdcdyh: "610101001001GB00001W",
93 xmmc: "万科集团万科城",
94 bdcqzh: "陕（2017）西安市不动产权第00000",
95 lx: "宗地",
96 qlr: "李子新",
97 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
98 zrsj: "2020.09.07 ",
99 cjr: "李子新",
100 };
101 this.tableData.push(obj);
12 } 102 }
13 }, 103 },
14 created(){}, 104 methods: {
15 mounted(){}, 105 onSubmit() {},
16 methods:{}, 106 tableRowClassName({ row, rowIndex }) {
107 if (rowIndex % 2 !== 0) {
108 return "even-row";
109 } else {
110 return "";
111 }
112 },
113 },
17 computed: {}, 114 computed: {},
18 watch: {}, 115 watch: {},
19 } 116 };
20 </script> 117 </script>
21 <style scoped lang="less"> 118 <style scoped lang="less">
119 .main {
120 width: 100%;
121 height: 100%;
122 box-sizing: border-box;
123 padding: 0 18px;
124 display: flex;
125 flex-direction: column;
126 background-color: #FCFDFF;
127 .demo-form-inline {
128 margin-top: 18px;
129 .moreSearchBtn {
130 background-color: #1ad6e1;
131 border-color: #1ad6e1;
132 }
133 .moreSearchBtn:focus,
134 .moreSearchBtn:hover {
135 background-color: rgba(28, 200, 229, 0.6);
136 }
137 }
138 .dataGrid {
139 flex: auto;
140 .pagination {
141 padding: 18px 0;
142 }
143 }
144 }
22 </style> 145 </style>
......