Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
5d4767af by weimo934
Options

feat(add,modify):对接查询接口

1 parent 9e9b2354
Inline Side-by-side
Showing 3 changed files with 176 additions and 176 deletions
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <SearchHead @getSearchCondition="getData"></SearchHead> 3 <SearchHead @getSearchCondition="geQuerytData"></SearchHead>
4 <div class="dataGrid" ref="dataGrid"> 4 <div class="dataGrid" ref="dataGrid">
5 <el-table 5 <el-table
6 :data="tableData" 6 :data="tableData"
7 :height="tableHeight" 7 :height="tableHeight"
8 :row-class-name="tableRowClassName" 8 :row-class-name="tableRowClassName"
9 > 9 >
10 <el-table-column type="index" width="80" align="center" label="序号"> 10 <el-table-column type="index" width="80" align="center" label="序号">
11 </el-table-column> 11 </el-table-column>
12 <el-table-column label="操作" width="100"> 12 <el-table-column label="操作" width="100">
13 <template slot-scope="scope"> 13 <template slot-scope="scope">
14 <el-button @click="handleClick(scope.row)" type="text" size="small" 14 <el-button @click="handleClick(scope.row)" type="text" size="small"
15 >办理</el-button 15 >办理
16 > 16 </el-button
17 <el-button type="text" size="small">定位</el-button> 17 >
18 </template> 18 <el-button type="text" size="small">定位</el-button>
19 </el-table-column> 19 </template>
20 <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> 20 </el-table-column>
21 </el-table-column> 21 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
22 <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> 22 </el-table-column>
23 </el-table-column> 23 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
24 <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> 24 </el-table-column>
25 </el-table-column> 25 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
26 <el-table-column prop="lx" align="left" width="120" label="类型"> 26 </el-table-column>
27 </el-table-column> 27 <el-table-column prop="lx" align="left" width="120" label="类型">
28 <el-table-column prop="qlr" align="left" width="120" label="权利人"> 28 </el-table-column>
29 </el-table-column> 29 <el-table-column prop="qlr" align="left" width="120" label="权利人">
30 <el-table-column prop="zl" align="left" label="坐落"> </el-table-column> 30 </el-table-column>
31 <el-table-column prop="zrsj" align="left" width="120" label="转入时间"> 31 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
32 </el-table-column> 32 <el-table-column prop="zrsj" align="left" width="120" label="转入时间">
33 <el-table-column prop="cjr" align="left" width="120" label="创建人"> 33 </el-table-column>
34 </el-table-column> 34 <el-table-column prop="cjr" align="left" width="120" label="创建人">
35 </el-table> 35 </el-table-column>
36 <div class="pagination"> 36 </el-table>
37 <el-pagination background layout="prev, pager, next" :total="1000"> 37 <div class="pagination">
38 </el-pagination> 38 <el-pagination background layout="prev, pager, next" :total="1000">
39 </div> 39 </el-pagination>
40 </div> 40 </div>
41 </div> 41 </div>
42 </div>
42 </template> 43 </template>
43 44
44 <script> 45 <script>
45 import SearchHead from "../../../components/searchHead/searchHead"; 46 import SearchHead from "../../../components/searchHead/searchHead";
46 export default { 47 import {getSearchList} from "../../../api/search";
47 name: "",
48 components: { SearchHead },
49 props: {},
50 data() {
51 return {
52 formData: {
53 user: "",
54 region: "",
55 type: [],
56 },
57 tableData: [
58 {
59 bdcdyh: "610101001001GB00001W",
60 xmmc: "万科集团万科城",
61 bdcqzh: "陕（2017）西安市不动产权第00000",
62 lx: "宗地",
63 qlr: "李子新",
64 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
65 zrsj: "2020.09.07 ",
66 cjr: "李子新",
67 },
68 ],
69 tableHeight: "",
70 };
71 },
72 created() {},
73 mounted() {
74 for (let i = 0; i < 11; i++) {
75 let obj = {
76 bdcdyh: "610101001001GB00001W",
77 xmmc: "万科集团万科城",
78 bdcqzh: "陕（2017）西安市不动产权第00000",
79 lx: "自然幢",
80 qlr: "李子新",
81 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
82 zrsj: "2020.09.07 ",
83 cjr: "李子新",
84 };
85 this.tableData.push(obj);
86 }
87 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
88 },
89 methods: {
90 onSubmit() {},
91 tableRowClassName({ row, rowIndex }) {
92 if (rowIndex % 2 !== 0) {
93 return "even-row";
94 } else {
95 return "";
96 }
97 },
98 48
99 //获取子组件点击查询触发的事件 49 export default {
100 getData(obj) { 50 name: "",
101 console.log(obj); 51 components: {SearchHead},
102 //将obj作为参数调用接口查询表格数据 52 props: {},
103 }, 53 data() {
104 //点击办理 54 return {
105 handleClick(row) { 55 total: 0,
106 let path = ""; 56 pageNo: 1,
107 switch (row.lx) { 57 pageSize: 10,
108 case "自然幢": 58 queryData: {},
109 path = "/zrz"; 59 formData: {
110 break; 60 user: "",
111 case "宗地": 61 region: "",
112 path = "/zd"; 62 type: [],
113 break; 63 },
114 default: 64 tableData: [],
115 break; 65 tableHeight: "",
116 } 66 };
117 this.$router.push(path); 67 },
118 }, 68 created() {
119 }, 69 },
120 computed: {}, 70 mounted() {
121 watch: {}, 71 this.getData({})
122 }; 72 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
73 },
74 methods: {
75 handleCurrentChange(val) {
76 console.log(`当前页: ${val}`);
77 this.pageNo = val;
78 this.queryData.pageNo = val;
79 this.getData(this.queryData);
80 },
81 getData(data) {
82 getSearchList(data).then(res => {
83 this.tableData = res.result.records
84 this.total = res.result.total
85 })
86 },
87 //获取子组件点击查询触发的事件
88 geQuerytData(obj) {
89 this.queryData = obj
90 //将obj作为参数调用接口查询表格数据
91 this.queryData['pageSize'] = this.pageSize
92 this.pageNo = 1
93 this.queryData['pageNo'] = 1
94 this.getData(this.queryData)
95 },
96 onSubmit() {
97 },
98 tableRowClassName({row, rowIndex}) {
99 if (rowIndex % 2 !== 0) {
100 return "even-row";
101 } else {
102 return "";
103 }
104 },
105 //点击办理
106 handleClick(row) {
107 let path = "";
108 switch (row.lx) {
109 case "自然幢":
110 path = "/zrz";
111 break;
112 case "宗地":
113 path = "/zd";
114 break;
115 default:
116 break;
117 }
118 this.$router.push(path);
119 },
120 },
121 computed: {},
122 watch: {},
123 };
123 </script> 124 </script>
124 <style scoped lang="less"> 125 <style scoped lang="less">
125 .main { 126 .main {
126 width: 100%; 127 width: 100%;
127 height: 100%; 128 height: 100%;
128 box-sizing: border-box; 129 box-sizing: border-box;
129 padding: 0 18px; 130 padding: 0 18px;
130 display: flex; 131 display: flex;
131 flex-direction: column; 132 flex-direction: column;
132 background-color: #fcfdff; 133 background-color: #fcfdff;
133 .demo-form-inline { 134 .demo-form-inline {
134 margin-top: 18px; 135 margin-top: 18px;
135 .moreSearchBtn { 136 .moreSearchBtn {
136 background-color: #1ad6e1; 137 background-color: #1ad6e1;
137 border-color: #1ad6e1; 138 border-color: #1ad6e1;
138 } 139 }
139 .moreSearchBtn:focus, 140 .moreSearchBtn:focus,
140 .moreSearchBtn:hover { 141 .moreSearchBtn:hover {
141 background-color: rgba(28, 200, 229, 0.6); 142 background-color: rgba(28, 200, 229, 0.6);
142 } 143 }
143 } 144 }
144 .dataGrid { 145 .dataGrid {
145 flex: 1; 146 flex: 1;
146 .pagination { 147 .pagination {
147 padding: 18px 0; 148 padding: 18px 0;
148 } 149 }
149 } 150 }
150 } 151 }
151 </style> 152 </style>
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <SearchHead @getSearchCondition="getData"></SearchHead> 3 <SearchHead @getSearchCondition="geQuerytData"></SearchHead>
4 <div class="dataGrid" ref="dataGrid"> 4 <div class="dataGrid" ref="dataGrid">
5 <el-table 5 <el-table
6 :data="tableData" 6 :data="tableData"
...@@ -35,7 +35,8 @@ ...@@ -35,7 +35,8 @@
35 </el-table-column> 35 </el-table-column>
36 </el-table> 36 </el-table>
37 <div class="pagination"> 37 <div class="pagination">
38 <el-pagination background layout="prev, pager, next" :total="1000"> 38 <el-pagination background layout="prev, pager, next" :total="total"
39 :current-page="pageNo" @current-change="handleCurrentChange">
39 </el-pagination> 40 </el-pagination>
40 </div> 41 </div>
41 </div> 42 </div>
...@@ -44,6 +45,7 @@ ...@@ -44,6 +45,7 @@
44 45
45 <script> 46 <script>
46 import SearchHead from "../../../components/searchHead/searchHead"; 47 import SearchHead from "../../../components/searchHead/searchHead";
48 import {getSearchList} from "../../../api/search";
47 49
48 export default { 50 export default {
49 name: "", 51 name: "",
...@@ -51,45 +53,47 @@ ...@@ -51,45 +53,47 @@
51 props: {}, 53 props: {},
52 data() { 54 data() {
53 return { 55 return {
56 total: 0,
57 pageNo: 1,
58 pageSize: 10,
54 formData: { 59 formData: {
55 user: "", 60 user: "",
56 region: "", 61 region: "",
57 type: [], 62 type: [],
58 }, 63 },
59 tableData: [ 64 queryData: {},
60 { 65 tableData: [],
61 bdcdyh: "610101001001GB00001W",
62 xmmc: "万科集团万科城",
63 bdcqzh: "陕（2017）西安市不动产权第00000",
64 lx: "宗地",
65 qlr: "李子新",
66 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
67 zrsj: "2020.09.07 ",
68 cjr: "李子新",
69 },
70 ],
71 tableHeight: "", 66 tableHeight: "",
72 }; 67 };
73 }, 68 },
74 created() { 69 created() {
75 }, 70 },
76 mounted() { 71 mounted() {
77 for (let i = 0; i < 11; i++) { 72 this.getData({})
78 let obj = {
79 bdcdyh: "610101001001GB00001W",
80 xmmc: "万科集团万科城",
81 bdcqzh: "陕（2017）西安市不动产权第00000",
82 lx: "自然幢",
83 qlr: "李子新",
84 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
85 zrsj: "2020.09.07 ",
86 cjr: "李子新",
87 };
88 this.tableData.push(obj);
89 }
90 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; 73 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
91 }, 74 },
92 methods: { 75 methods: {
76 handleCurrentChange(val) {
77 console.log(`当前页: ${val}`);
78 this.pageNo = val;
79 this.queryData.pageNo = val;
80 this.getData(this.queryData);
81 },
82 getData(data) {
83 getSearchList(data).then(res => {
84 this.tableData = res.result.records
85 this.total = res.result.total
86 })
87 },
88 //获取子组件点击查询触发的事件
89 geQuerytData(obj) {
90 this.queryData = obj
91 //将obj作为参数调用接口查询表格数据
92 this.queryData['pageSize'] = this.pageSize
93 this.pageNo = 1
94 this.queryData['pageNo'] = 1
95 this.getData(this.queryData)
96 },
93 onSubmit() { 97 onSubmit() {
94 }, 98 },
95 tableRowClassName({row, rowIndex}) { 99 tableRowClassName({row, rowIndex}) {
...@@ -99,11 +103,6 @@ ...@@ -99,11 +103,6 @@
99 return ""; 103 return "";
100 } 104 }
101 }, 105 },
102
103 //获取子组件点击查询触发的事件
104 getData(obj) {
105 console.log(obj);
106 },
107 //点击办理 106 //点击办理
108 handleClick(row) { 107 handleClick(row) {
109 let path = ""; 108 let path = "";
......
...@@ -386,7 +386,7 @@ export default { ...@@ -386,7 +386,7 @@ export default {
386 bhqkbsm: "", 386 bhqkbsm: "",
387 blc: "", 387 blc: "",
388 bz: "", 388 bz: "",
389 dcrq: "2020-10-22T09:07:38.644Z", 389 dcrq: "",
390 dcy: "", 390 dcy: "",
391 dcyj: "", 391 dcyj: "",
392 djh: "", 392 djh: "",
......