Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
5907b297 by 杨威
Options

添加/更正/综合查询增加二级菜单

1 parent d98a8767
Inline Side-by-side
Showing 3 changed files with 205 additions and 162 deletions
1 <template> 1 <template>
2 <div class="main"> 2 <el-tabs v-model="activeName" class="tabs">
3 <p class="tips">查询条件</p> 3 <el-tab-pane label="添加" name="tj">
4 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> 4 <div class="main">
5 <p class="tips">查询列表</p> 5 <p class="tips">查询条件</p>
6 <div class="dataGrid" ref="dataGrid"> 6 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
7 <el-table 7 <p class="tips">查询列表</p>
8 :data="tableData" 8 <div class="dataGrid" ref="dataGrid">
9 :height="tableHeight" 9 <el-table
10 :row-class-name="tableRowClassName" 10 :data="tableData"
11 > 11 :height="tableHeight"
12 <el-table-column type="index" width="80" align="center" label="序号"> 12 :row-class-name="tableRowClassName"
13 </el-table-column> 13 >
14 <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> 14 <el-table-column type="index" width="80" align="center" label="序号">
15 </el-table-column> 15 </el-table-column>
16 <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> 16 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
17 </el-table-column> 17 </el-table-column>
18 <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> 18 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
19 </el-table-column> 19 </el-table-column>
20 <el-table-column prop="dylx" align="left" width="120" label="类型"> 20 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
21 <template slot-scope="scope"> 21 </el-table-column>
22 {{scope.row.dylx | bdcLxFilter}} 22 <el-table-column prop="dylx" align="left" width="120" label="类型">
23 </template> 23 <template slot-scope="scope">
24 </el-table-column> 24 {{scope.row.dylx | bdcLxFilter}}
25 <el-table-column prop="qlr" align="left" width="120" label="权利人"> 25 </template>
26 </el-table-column> 26 </el-table-column>
27 <el-table-column prop="zl" align="left" label="坐落"></el-table-column> 27 <el-table-column prop="qlr" align="left" width="120" label="权利人">
28 <el-table-column prop="addtime" align="left" width="120" label="转入时间"> 28 </el-table-column>
29 <template slot-scope="scope"> 29 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
30 {{scope.row.addtime | timeFilter}} 30 <el-table-column prop="addtime" align="left" width="120" label="转入时间">
31 </template> 31 <template slot-scope="scope">
32 </el-table-column> 32 {{scope.row.addtime | timeFilter}}
33 <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> 33 </template>
34 </el-table-column> --> 34 </el-table-column>
35 <el-table-column label="操作" align="center" width="100"> 35 <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
36 <template slot-scope="scope"> 36 </el-table-column> -->
37 <el-tooltip class="item" effect="light" content="办理" placement="top"> 37 <el-table-column label="操作" align="center" width="100">
38 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i> 38 <template slot-scope="scope">
39 </el-tooltip> 39 <el-tooltip class="item" effect="light" content="办理" placement="top">
40 <el-tooltip class="item" effect="light" content="定位" placement="top"> 40 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
41 <i class="iconfont icondingwei iconfontEdit"></i> 41 </el-tooltip>
42 </el-tooltip> 42 <el-tooltip class="item" effect="light" content="定位" placement="top">
43 </template> 43 <i class="iconfont icondingwei iconfontEdit"></i>
44 </el-table-column> 44 </el-tooltip>
45 </el-table> 45 </template>
46 <div class="pagination"> 46 </el-table-column>
47 <el-pagination background layout="prev, pager, next,total" :total="total" 47 </el-table>
48 :current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange"> 48 <div class="pagination">
49 </el-pagination> 49 <el-pagination background layout="prev, pager, next,total" :total="total"
50 :current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange">
51 </el-pagination>
52 </div>
53 </div>
50 </div> 54 </div>
51 </div> 55 </el-tab-pane>
52 </div> 56 </el-tabs>
53 </template> 57 </template>
54 58
55 <script> 59 <script>
...@@ -63,6 +67,7 @@ ...@@ -63,6 +67,7 @@
63 props: {}, 67 props: {},
64 data() { 68 data() {
65 return { 69 return {
70 activeName:'tj',
66 type:'add', 71 type:'add',
67 total: 0, 72 total: 0,
68 pageNo: 1, 73 pageNo: 1,
...@@ -157,6 +162,15 @@ ...@@ -157,6 +162,15 @@
157 }; 162 };
158 </script> 163 </script>
159 <style scoped lang="less"> 164 <style scoped lang="less">
165
166 .tabs{
167 height: calc(100% - 50px);
168 /deep/.el-tabs__content{
169 height: 100%;
170 /deep/.el-tab-pane{
171 height: 100%;
172 }
173 }
160 .main { 174 .main {
161 width: 100%; 175 width: 100%;
162 height: 100%; 176 height: 100%;
...@@ -188,4 +202,5 @@ ...@@ -188,4 +202,5 @@
188 } 202 }
189 } 203 }
190 } 204 }
205 }
191 </style> 206 </style>
......
1 <template> 1 <template>
2 <div class="main"> 2 <el-tabs v-model="activeName" class="tabs">
3 <p class="tips">查询条件</p> 3 <el-tab-pane label="更正" name="gz">
4 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> 4 <div class="main">
5 <p class="tips">查询列表</p> 5 <p class="tips">查询条件</p>
6 <div class="dataGrid" ref="dataGrid"> 6 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
7 <el-table 7 <p class="tips">查询列表</p>
8 :data="tableData" 8 <div class="dataGrid" ref="dataGrid">
9 :height="tableHeight" 9 <el-table
10 :row-class-name="tableRowClassName" 10 :data="tableData"
11 > 11 :height="tableHeight"
12 <el-table-column type="index" width="80" align="center" label="序号"> 12 :row-class-name="tableRowClassName"
13 </el-table-column> 13 >
14 <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> 14 <el-table-column type="index" width="80" align="center" label="序号">
15 </el-table-column> 15 </el-table-column>
16 <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> 16 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
17 </el-table-column> 17 </el-table-column>
18 <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> 18 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
19 </el-table-column> 19 </el-table-column>
20 <el-table-column prop="dylx" align="left" width="120" label="类型"> 20 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
21 <template slot-scope="scope"> 21 </el-table-column>
22 {{scope.row.dylx | bdcLxFilter}} 22 <el-table-column prop="dylx" align="left" width="120" label="类型">
23 </template> 23 <template slot-scope="scope">
24 </el-table-column> 24 {{scope.row.dylx | bdcLxFilter}}
25 <el-table-column prop="qlr" align="left" width="120" label="权利人"> 25 </template>
26 </el-table-column> 26 </el-table-column>
27 <el-table-column prop="zl" align="left" label="坐落"></el-table-column> 27 <el-table-column prop="qlr" align="left" width="120" label="权利人">
28 <el-table-column prop="addtime" align="left" width="120" label="转入时间"> 28 </el-table-column>
29 <template slot-scope="scope"> 29 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
30 {{scope.row.addtime | timeFilter}} 30 <el-table-column prop="addtime" align="left" width="120" label="转入时间">
31 </template> 31 <template slot-scope="scope">
32 </el-table-column> 32 {{scope.row.addtime | timeFilter}}
33 <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> --> 33 </template>
34 <!-- </el-table-column> --> 34 </el-table-column>
35 <el-table-column label="操作" align="center" width="100"> 35 <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> -->
36 <template slot-scope="scope"> 36 <!-- </el-table-column> -->
37 <el-tooltip class="item" effect="light" content="更正" placement="top"> 37 <el-table-column label="操作" align="center" width="100">
38 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i> 38 <template slot-scope="scope">
39 </el-tooltip> 39 <el-tooltip class="item" effect="light" content="更正" placement="top">
40 <el-tooltip class="item" effect="light" content="定位" placement="top"> 40 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
41 <i class="iconfont icondingwei iconfontEdit"></i> 41 </el-tooltip>
42 </el-tooltip> 42 <el-tooltip class="item" effect="light" content="定位" placement="top">
43 </template> 43 <i class="iconfont icondingwei iconfontEdit"></i>
44 <!-- <template slot-scope="scope"> 44 </el-tooltip>
45 <el-button @click="handleClick(scope.row)" type="text" size="small" 45 </template>
46 >更正 46 <!-- <template slot-scope="scope">
47 </el-button 47 <el-button @click="handleClick(scope.row)" type="text" size="small"
48 > 48 >更正
49 <el-button type="text" size="small">定位</el-button> 49 </el-button
50 </template> --> 50 >
51 </el-table-column> 51 <el-button type="text" size="small">定位</el-button>
52 </el-table> 52 </template> -->
53 <div class="pagination"> 53 </el-table-column>
54 <el-pagination background layout="prev, pager, next,total" :total="total" :page-size="pageSize" 54 </el-table>
55 :current-page="pageNo" @current-change="handleCurrentChange"> 55 <div class="pagination">
56 </el-pagination> 56 <el-pagination background layout="prev, pager, next,total" :total="total" :page-size="pageSize"
57 :current-page="pageNo" @current-change="handleCurrentChange">
58 </el-pagination>
59 </div>
60 </div>
57 </div> 61 </div>
58 </div> 62 </el-tab-pane>
59 </div> 63 </el-tabs>
60 </template> 64 </template>
61 65
62 <script> 66 <script>
...@@ -71,6 +75,7 @@ ...@@ -71,6 +75,7 @@
71 props: {}, 75 props: {},
72 data() { 76 data() {
73 return { 77 return {
78 activeName:'gz',
74 type:'modify', 79 type:'modify',
75 qszt: ['1'], 80 qszt: ['1'],
76 total: 0, 81 total: 0,
...@@ -226,6 +231,14 @@ ...@@ -226,6 +231,14 @@
226 }; 231 };
227 </script> 232 </script>
228 <style scoped lang="less"> 233 <style scoped lang="less">
234 .tabs{
235 height: calc(100% - 50px);
236 /deep/.el-tabs__content{
237 height: 100%;
238 /deep/.el-tab-pane{
239 height: 100%;
240 }
241 }
229 .main { 242 .main {
230 width: 100%; 243 width: 100%;
231 height: 100%; 244 height: 100%;
...@@ -257,4 +270,5 @@ ...@@ -257,4 +270,5 @@
257 } 270 }
258 } 271 }
259 } 272 }
273 }
260 </style> 274 </style>
......
1 <template> 1 <template>
2 <div class="main"> 2 <el-tabs v-model="activeName" class="tabs">
3 <p class="tips">查询条件</p> 3 <el-tab-pane label="综合查询" name="zhcx">
4 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> 4 <div class="main">
5 <p class="tips">查询列表</p> 5 <p class="tips">查询条件</p>
6 <div class="dataGrid" ref="dataGrid"> 6 <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
7 <el-table 7 <p class="tips">查询列表</p>
8 :data="tableData" 8 <div class="dataGrid" ref="dataGrid">
9 :height="tableHeight" 9 <el-table
10 :row-class-name="tableRowClassName" 10 :data="tableData"
11 @row-dblclick="doubleClick" 11 :height="tableHeight"
12 > 12 :row-class-name="tableRowClassName"
13 <el-table-column type="index" width="80" align="center" label="序号"> 13 @row-dblclick="doubleClick"
14 </el-table-column> 14 >
15 <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> 15 <el-table-column type="index" width="80" align="center" label="序号">
16 </el-table-column> 16 </el-table-column>
17 <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> 17 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
18 </el-table-column> 18 </el-table-column>
19 <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> 19 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
20 </el-table-column> 20 </el-table-column>
21 <el-table-column prop="dylx" align="left" width="100" label="类型"> 21 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
22 <template slot-scope="scope"> 22 </el-table-column>
23 {{scope.row.dylx | bdcLxFilter}} 23 <el-table-column prop="dylx" align="left" width="100" label="类型">
24 </template> 24 <template slot-scope="scope">
25 </el-table-column> 25 {{scope.row.dylx | bdcLxFilter}}
26 <el-table-column prop="qsztValue" align="left" label="权属状态"> 26 </template>
27 </el-table-column> 27 </el-table-column>
28 <el-table-column prop="qlrmc" align="left" width="120" label="权利人"> 28 <el-table-column prop="qsztValue" align="left" label="权属状态">
29 </el-table-column> 29 </el-table-column>
30 <el-table-column prop="zl" align="left" label="坐落"></el-table-column> 30 <el-table-column prop="qlrmc" align="left" width="120" label="权利人">
31 <el-table-column prop="addtime" align="left" width="120" label="转入时间"> 31 </el-table-column>
32 <template slot-scope="scope"> 32 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
33 {{scope.row.addtime | timeFilter}} 33 <el-table-column prop="addtime" align="left" width="120" label="转入时间">
34 </template> 34 <template slot-scope="scope">
35 </el-table-column> 35 {{scope.row.addtime | timeFilter}}
36 <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> 36 </template>
37 </el-table-column> --> 37 </el-table-column>
38 <el-table-column label="操作" align="center" width="100"> 38 <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
39 <template slot-scope="scope"> 39 </el-table-column> -->
40 <el-tooltip class="item" effect="light" content="查看" placement="top"> 40 <el-table-column label="操作" align="center" width="100">
41 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i> 41 <template slot-scope="scope">
42 </el-tooltip> 42 <el-tooltip class="item" effect="light" content="查看" placement="top">
43 <el-tooltip class="item" effect="light" content="定位" placement="top"> 43 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
44 <i class="iconfont icondingwei iconfontEdit" @click="postionToMap(scope.row)"></i> 44 </el-tooltip>
45 </el-tooltip> 45 <el-tooltip class="item" effect="light" content="定位" placement="top">
46 </template> 46 <i class="iconfont icondingwei iconfontEdit" @click="postionToMap(scope.row)"></i>
47 </el-table-column> 47 </el-tooltip>
48 </el-table> 48 </template>
49 <div class="pagination"> 49 </el-table-column>
50 <el-pagination background layout="prev, pager, next,total" :total="total" 50 </el-table>
51 :current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange"> 51 <div class="pagination">
52 </el-pagination> 52 <el-pagination background layout="prev, pager, next,total" :total="total"
53 </div> 53 :current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange">
54 </el-pagination>
55 </div>
54 56
55 </div> 57 </div>
56 </div> 58 </div>
59 </el-tab-pane>
60 </el-tabs>
57 </template> 61 </template>
58 62
59 <script> 63 <script>
...@@ -67,6 +71,7 @@ ...@@ -67,6 +71,7 @@
67 props: {}, 71 props: {},
68 data() { 72 data() {
69 return { 73 return {
74 activeName:'zhcx',
70 type:'all', 75 type:'all',
71 total: 0, 76 total: 0,
72 pageNo: 1, 77 pageNo: 1,
...@@ -183,11 +188,19 @@ ...@@ -183,11 +188,19 @@
183 }; 188 };
184 </script> 189 </script>
185 <style scoped lang="less"> 190 <style scoped lang="less">
191 .tabs{
192 height: calc(100% - 50px);
193 /deep/.el-tabs__content{
194 height: 100%;
195 /deep/.el-tab-pane{
196 height: 100%;
197 }
198 }
186 .main { 199 .main {
187 width: 100%; 200 width: 100%;
188 height: 100%; 201 height: 100%;
189 box-sizing: border-box; 202 box-sizing: border-box;
190 padding: 0 18px; 203 padding: 0 18px 0 0;
191 display: flex; 204 display: flex;
192 flex-direction: column; 205 flex-direction: column;
193 background-color: #EAEDF5; 206 background-color: #EAEDF5;
...@@ -223,4 +236,5 @@ ...@@ -223,4 +236,5 @@
223 width: 230px; 236 width: 230px;
224 } 237 }
225 } 238 }
239 }
226 </style> 240 </style>
......