Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem
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 = ""; | ... | ... |
| ... | @@ -383,7 +383,7 @@ export default { | ... | @@ -383,7 +383,7 @@ export default { |
| 383 | bhqkbsm: "", | 383 | bhqkbsm: "", |
| 384 | blc: "", | 384 | blc: "", |
| 385 | bz: "", | 385 | bz: "", |
| 386 | dcrq: "2020-10-22T09:07:38.644Z", | 386 | dcrq: "", |
| 387 | dcy: "", | 387 | dcy: "", |
| 388 | dcyj: "", | 388 | dcyj: "", |
| 389 | djh: "", | 389 | djh: "", | ... | ... |
-
Please register or sign in to post a comment