Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem
Showing
4 changed files
with
168 additions
and
106 deletions
1 | <template> | 1 | <template> |
2 | <el-form :inline="true" :model="formData" class="demo-form-inline"> | 2 | <el-row> |
3 | <el-form-item label="宗地编码"> | 3 | <el-col :span="18"> |
4 | <el-input v-model="formData.zdbm" placeholder="输入宗地编码"></el-input> | 4 | <el-row> |
5 | <el-col :span="22"> | ||
6 | <el-form :inline="true" class="demo-form-inline"> | ||
7 | <el-form-item label="宗地编码:"> | ||
8 | <el-input v-model="queryData.zddm" placeholder="输入宗地编码" @change="query"></el-input> | ||
5 | </el-form-item> | 9 | </el-form-item> |
6 | <el-form-item label="坐落"> | 10 | <el-form-item label="坐落:"> |
7 | <el-input v-model="formData.zl" placeholder="输入坐落地址"></el-input> | 11 | <el-input v-model="queryData.zl" placeholder="输入坐落地址" @change="query"></el-input> |
8 | </el-form-item> | 12 | </el-form-item> |
9 | <el-form-item label="不动产单元号"> | 13 | </el-form> |
14 | </el-col> | ||
15 | <el-col :span="2"> | ||
16 | <el-button type="primary" @click="query">查询</el-button> | ||
17 | </el-col> | ||
18 | </el-row> | ||
19 | <el-row> | ||
20 | <el-col :span="22"> | ||
21 | <el-form :inline="true" :model="queryData" class="demo-form-inline"> | ||
22 | <el-form-item label="不动产单元号:"> | ||
10 | <el-input | 23 | <el-input |
11 | v-model="formData.bdcdyh" | 24 | v-model="queryData.bdcdyh" |
12 | placeholder="输入不动产单元号" | 25 | placeholder="输入不动产单元号" |
26 | @change="query" | ||
13 | ></el-input> | 27 | ></el-input> |
14 | </el-form-item> | 28 | </el-form-item> |
15 | <el-form-item> | 29 | <el-form-item class="demo-form-inline" label="单元类型:"> |
16 | <el-button type="primary" @click="onSubmit">查询</el-button> | 30 | <el-checkbox-group v-model="queryData.dylxs" @change="query"> |
17 | <el-button type="warning" @click="onSubmit">重置</el-button> | 31 | <el-checkbox label="zd" name="type">宗地</el-checkbox> |
18 | <el-button type="primary" class="moreSearchBtn" @click="onSubmit" | 32 | <el-checkbox label="zrz" name="type">自然幢</el-checkbox> |
19 | >更多查询</el-button | 33 | <el-checkbox label="h" name="type">户</el-checkbox> |
20 | > | 34 | <el-checkbox label="gzw" name="type">构筑物</el-checkbox> |
21 | </el-form-item> | 35 | <el-checkbox label="lq" name="type">林权</el-checkbox> |
22 | <el-form-item class="db" label="查询范围"> | 36 | <el-checkbox label="zh" name="type">宗海</el-checkbox> |
23 | <el-checkbox-group v-model="formData.type"> | ||
24 | <el-checkbox label="宗地" name="type"></el-checkbox> | ||
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-group> | 37 | </el-checkbox-group> |
31 | </el-form-item> | 38 | </el-form-item> |
32 | </el-form> | 39 | </el-form> |
40 | </el-col> | ||
41 | <el-col :span="2"> | ||
42 | <el-button type="warning" @click="reset">重置</el-button> | ||
43 | </el-col> | ||
44 | </el-row> | ||
45 | <el-row class="row3"> | ||
46 | <el-col :span="22" v-show="ismore"> | ||
47 | <el-form :inline="true" class="demo-form-inline"> | ||
48 | <el-form-item label="权利人名称:"> | ||
49 | <el-input placeholder="输入权利人名称" v-model="queryData.qlrmc" @change="query"></el-input> | ||
50 | </el-form-item> | ||
51 | <el-form-item label="项目名称:"> | ||
52 | <el-input placeholder="输入项目名称" v-model="queryData.xmmc" @change="query"></el-input> | ||
53 | </el-form-item> | ||
54 | <el-form-item label="不动产权证号:"> | ||
55 | <el-input placeholder="输入不动产权证号" v-model="queryData.bdcqzh" @change="query"></el-input> | ||
56 | </el-form-item> | ||
57 | </el-form> | ||
58 | </el-col> | ||
59 | <el-col :span="2" :offset="offset"> | ||
60 | <el-button type="primary" class="moreSearchBtn" @click="ismore=!ismore">更多查询 | ||
61 | </el-button> | ||
62 | </el-col> | ||
63 | </el-row> | ||
64 | </el-col> | ||
65 | </el-row> | ||
66 | |||
33 | </template> | 67 | </template> |
34 | 68 | ||
35 | <script> | 69 | <script> |
36 | export default { | 70 | export default { |
37 | name: "", | 71 | name: "", |
38 | components: {}, | 72 | components: {}, |
39 | props: {}, | 73 | props: {}, |
40 | data() { | 74 | data() { |
41 | return { | 75 | return { |
42 | formData: { | 76 | offset: 22, |
43 | zdbm: "", | 77 | ismore: false, |
44 | zl: "", | 78 | queryData: { |
45 | bdcdyh: "", | 79 | bdcdyh: "", |
46 | type: [], | 80 | bdcqzh: "", |
47 | }, | 81 | dylxs: [], |
82 | qlrmc: "", | ||
83 | qszt: "", | ||
84 | xmmc: "", | ||
85 | zddm: "", | ||
86 | zl: "" | ||
87 | } | ||
48 | }; | 88 | }; |
49 | }, | 89 | }, |
50 | created() { | 90 | created() { |
51 | let self = this; | 91 | let self = this; |
52 | document.onkeydown = function(e) { | 92 | document.onkeydown = function (e) { |
53 | //按下回车提交 | 93 | //按下回车提交 |
54 | let key = window.event.keyCode; | 94 | let key = window.event.keyCode; |
55 | //事件中keycode=13为回车事件 | 95 | //事件中keycode=13为回车事件 |
... | @@ -58,15 +98,47 @@ export default { | ... | @@ -58,15 +98,47 @@ export default { |
58 | } | 98 | } |
59 | }; | 99 | }; |
60 | }, | 100 | }, |
61 | mounted() {}, | 101 | mounted() { |
102 | }, | ||
62 | methods: { | 103 | methods: { |
63 | onSubmit() { | 104 | reset() { |
105 | this.queryData = { | ||
106 | bdcdyh: "", | ||
107 | bdcqzh: "", | ||
108 | dylxs: [], | ||
109 | qlrmc: "", | ||
110 | qszt: "", | ||
111 | xmmc: "", | ||
112 | zddm: "", | ||
113 | zl: "" | ||
114 | }; | ||
115 | this.query() | ||
116 | }, | ||
117 | query() { | ||
64 | //子组件点击查询时将表单数据发送给父组件 | 118 | //子组件点击查询时将表单数据发送给父组件 |
65 | this.$emit("getSearchCondition", this.formData); | 119 | this.$emit("getSearchCondition", this.queryData); |
66 | }, | 120 | }, |
67 | }, | 121 | }, |
68 | computed: {}, | 122 | computed: {}, |
69 | watch: {}, | 123 | watch: { |
70 | }; | 124 | "ismore": function (val) { |
125 | if (val) { | ||
126 | this.offset = 0 | ||
127 | } else { | ||
128 | this.offset = 22 | ||
129 | this.queryData.qlrmc = ""; | ||
130 | this.queryData.xmmc = ""; | ||
131 | this.queryData.bdcqzh = ""; | ||
132 | } | ||
133 | } | ||
134 | }, | ||
135 | }; | ||
71 | </script> | 136 | </script> |
72 | <style scoped lang="less"></style> | 137 | <style scoped lang="less"> |
138 | .el-button { | ||
139 | width: 100px; | ||
140 | } | ||
141 | .row3{ | ||
142 | height: 55px; | ||
143 | } | ||
144 | </style> | ... | ... |
... | @@ -83,8 +83,9 @@ | ... | @@ -83,8 +83,9 @@ |
83 | </el-form-item> | 83 | </el-form-item> |
84 | <el-form-item label="特征码"> | 84 | <el-form-item label="特征码"> |
85 | <el-select | 85 | <el-select |
86 | v-model="tzmCode" | 86 | v-model="zdtzm.value" |
87 | placeholder="地籍子区" | 87 | placeholder="宗地特征码" |
88 | @change="changeZdtzm(zdtzm.value)" | ||
88 | style="width:200px;" | 89 | style="width:200px;" |
89 | > | 90 | > |
90 | <el-option | 91 | <el-option |
... | @@ -203,8 +204,8 @@ export default { | ... | @@ -203,8 +204,8 @@ export default { |
203 | djzqbsm: this.djzqValue, | 204 | djzqbsm: this.djzqValue, |
204 | syqlxbsm: this.syqlxCode, | 205 | syqlxbsm: this.syqlxCode, |
205 | xmmc: this.zdProjectName, | 206 | xmmc: this.zdProjectName, |
206 | // zdtzmbsm: this.tzmCode, | 207 | zdtzmbsm: this.tzmCode, |
207 | zdtzmbsm: "PSHGSBDCQJDC000000000000DC440010", | 208 | //zdtzmbsm: "PSHGSBDCQJDC000000000000DC440010", |
208 | }; | 209 | }; |
209 | insertQjZdjbxx(data) | 210 | insertQjZdjbxx(data) |
210 | .then((res) => { | 211 | .then((res) => { |
... | @@ -310,6 +311,12 @@ export default { | ... | @@ -310,6 +311,12 @@ export default { |
310 | this.syqlxCode = id; | 311 | this.syqlxCode = id; |
311 | console.log(this.syqlxCode); | 312 | console.log(this.syqlxCode); |
312 | }, | 313 | }, |
314 | changeZdtzm(id){ | ||
315 | |||
316 | this.tzmCode=id; | ||
317 | console.log(this.tzmCode); | ||
318 | |||
319 | }, | ||
313 | close() { | 320 | close() { |
314 | this.$emit("closeDialog"); | 321 | this.$emit("closeDialog"); |
315 | }, | 322 | }, | ... | ... |
... | @@ -12,7 +12,8 @@ | ... | @@ -12,7 +12,8 @@ |
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 | </el-button | ||
16 | > | 17 | > |
17 | <el-button type="text" size="small">定位</el-button> | 18 | <el-button type="text" size="small">定位</el-button> |
18 | </template> | 19 | </template> |
... | @@ -27,7 +28,7 @@ | ... | @@ -27,7 +28,7 @@ |
27 | </el-table-column> | 28 | </el-table-column> |
28 | <el-table-column prop="qlr" align="left" width="120" label="权利人"> | 29 | <el-table-column prop="qlr" align="left" width="120" label="权利人"> |
29 | </el-table-column> | 30 | </el-table-column> |
30 | <el-table-column prop="zl" align="left" label="坐落"> </el-table-column> | 31 | <el-table-column prop="zl" align="left" label="坐落"></el-table-column> |
31 | <el-table-column prop="zrsj" align="left" width="120" label="转入时间"> | 32 | <el-table-column prop="zrsj" align="left" width="120" label="转入时间"> |
32 | </el-table-column> | 33 | </el-table-column> |
33 | <el-table-column prop="cjr" align="left" width="120" label="创建人"> | 34 | <el-table-column prop="cjr" align="left" width="120" label="创建人"> |
... | @@ -42,10 +43,11 @@ | ... | @@ -42,10 +43,11 @@ |
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 | |
48 | export default { | ||
47 | name: "", | 49 | name: "", |
48 | components: { SearchHead }, | 50 | components: {SearchHead}, |
49 | props: {}, | 51 | props: {}, |
50 | data() { | 52 | data() { |
51 | return { | 53 | return { |
... | @@ -69,7 +71,8 @@ export default { | ... | @@ -69,7 +71,8 @@ export default { |
69 | tableHeight: "", | 71 | tableHeight: "", |
70 | }; | 72 | }; |
71 | }, | 73 | }, |
72 | created() {}, | 74 | created() { |
75 | }, | ||
73 | mounted() { | 76 | mounted() { |
74 | for (let i = 0; i < 11; i++) { | 77 | for (let i = 0; i < 11; i++) { |
75 | let obj = { | 78 | let obj = { |
... | @@ -87,8 +90,9 @@ export default { | ... | @@ -87,8 +90,9 @@ export default { |
87 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; | 90 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; |
88 | }, | 91 | }, |
89 | methods: { | 92 | methods: { |
90 | onSubmit() {}, | 93 | onSubmit() { |
91 | tableRowClassName({ row, rowIndex }) { | 94 | }, |
95 | tableRowClassName({row, rowIndex}) { | ||
92 | if (rowIndex % 2 !== 0) { | 96 | if (rowIndex % 2 !== 0) { |
93 | return "even-row"; | 97 | return "even-row"; |
94 | } else { | 98 | } else { |
... | @@ -99,7 +103,6 @@ export default { | ... | @@ -99,7 +103,6 @@ export default { |
99 | //获取子组件点击查询触发的事件 | 103 | //获取子组件点击查询触发的事件 |
100 | getData(obj) { | 104 | getData(obj) { |
101 | console.log(obj); | 105 | console.log(obj); |
102 | //将obj作为参数调用接口查询表格数据 | ||
103 | }, | 106 | }, |
104 | //点击办理 | 107 | //点击办理 |
105 | handleClick(row) { | 108 | handleClick(row) { |
... | @@ -119,10 +122,10 @@ export default { | ... | @@ -119,10 +122,10 @@ export default { |
119 | }, | 122 | }, |
120 | computed: {}, | 123 | computed: {}, |
121 | watch: {}, | 124 | watch: {}, |
122 | }; | 125 | }; |
123 | </script> | 126 | </script> |
124 | <style scoped lang="less"> | 127 | <style scoped lang="less"> |
125 | .main { | 128 | .main { |
126 | width: 100%; | 129 | width: 100%; |
127 | height: 100%; | 130 | height: 100%; |
128 | box-sizing: border-box; | 131 | box-sizing: border-box; |
... | @@ -143,9 +146,10 @@ export default { | ... | @@ -143,9 +146,10 @@ export default { |
143 | } | 146 | } |
144 | .dataGrid { | 147 | .dataGrid { |
145 | flex: 1; | 148 | flex: 1; |
149 | margin-top: 20px; | ||
146 | .pagination { | 150 | .pagination { |
147 | padding: 18px 0; | 151 | padding: 18px 0; |
148 | } | 152 | } |
149 | } | 153 | } |
150 | } | 154 | } |
151 | </style> | 155 | </style> | ... | ... |
... | @@ -12,7 +12,8 @@ | ... | @@ -12,7 +12,8 @@ |
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 | </el-button | ||
16 | > | 17 | > |
17 | <el-button type="text" size="small">定位</el-button> | 18 | <el-button type="text" size="small">定位</el-button> |
18 | </template> | 19 | </template> |
... | @@ -27,14 +28,14 @@ | ... | @@ -27,14 +28,14 @@ |
27 | </el-table-column> | 28 | </el-table-column> |
28 | <el-table-column prop="qlr" align="left" width="120" label="权利人"> | 29 | <el-table-column prop="qlr" align="left" width="120" label="权利人"> |
29 | </el-table-column> | 30 | </el-table-column> |
30 | <el-table-column prop="zl" align="left" label="坐落"> </el-table-column> | 31 | <el-table-column prop="zl" align="left" label="坐落"></el-table-column> |
31 | <el-table-column prop="zrsj" align="left" width="120" label="转入时间"> | 32 | <el-table-column prop="zrsj" align="left" width="120" label="转入时间"> |
32 | </el-table-column> | 33 | </el-table-column> |
33 | <el-table-column prop="cjr" align="left" width="120" label="创建人"> | 34 | <el-table-column prop="cjr" align="left" width="120" label="创建人"> |
34 | </el-table-column> | 35 | </el-table-column> |
35 | </el-table> | 36 | </el-table> |
36 | <div class="pagination"> | 37 | <div class="pagination"> |
37 | <el-pagination background layout="prev, pager, next" :total="1000" | 38 | <el-pagination background layout="prev, pager, next" :total="total" |
38 | @current-change="handleCurrentChange" | 39 | @current-change="handleCurrentChange" |
39 | :current-page.sync="currentPage"> | 40 | :current-page.sync="currentPage"> |
40 | </el-pagination> | 41 | </el-pagination> |
... | @@ -44,55 +45,53 @@ | ... | @@ -44,55 +45,53 @@ |
44 | </template> | 45 | </template> |
45 | 46 | ||
46 | <script> | 47 | <script> |
47 | import SearchHead from "../../../components/searchHead/searchHead"; | 48 | import SearchHead from "../../../components/searchHead/searchHead"; |
48 | import {getSearchList} from "../../../api/search"; | 49 | import {getSearchList} from "../../../api/search"; |
49 | export default { | 50 | |
51 | export default { | ||
50 | name: "", | 52 | name: "", |
51 | components: { SearchHead }, | 53 | components: {SearchHead}, |
52 | props: {}, | 54 | props: {}, |
53 | data() { | 55 | data() { |
54 | return { | 56 | return { |
55 | pageNo:1, | 57 | total:0, |
56 | pageSize:10, | 58 | pageNo: 1, |
57 | zddm:'', | 59 | pageSize: 10, |
58 | zl:'', | ||
59 | bdcdyh:'', | ||
60 | dylx:'', | ||
61 | qlrmc:'', | ||
62 | xmmc:'', | ||
63 | bdcqzh:'', | ||
64 | formData: { | ||
65 | user: "", | ||
66 | region: "", | ||
67 | type: [], | ||
68 | }, | ||
69 | tableData: [], | 60 | tableData: [], |
70 | tableHeight: "", | 61 | tableHeight: "", |
71 | }; | 62 | }; |
72 | }, | 63 | }, |
73 | created() {}, | 64 | created() { |
65 | }, | ||
74 | mounted() { | 66 | mounted() { |
75 | this.loadList(); | 67 | this.getData({}) |
76 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; | 68 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; |
77 | }, | 69 | }, |
78 | methods: { | 70 | methods: { |
79 | onSubmit() {}, | 71 | onSubmit() { |
80 | tableRowClassName({ row, rowIndex }) { | 72 | }, |
73 | tableRowClassName({row, rowIndex}) { | ||
81 | if (rowIndex % 2 !== 0) { | 74 | if (rowIndex % 2 !== 0) { |
82 | return "even-row"; | 75 | return "even-row"; |
83 | } else { | 76 | } else { |
84 | return ""; | 77 | return ""; |
85 | } | 78 | } |
86 | }, | 79 | }, |
87 | handleCurrentChange(val){ | 80 | handleCurrentChange(val) { |
88 | console.log(`当前页: ${val}`); | 81 | console.log(`当前页: ${val}`); |
89 | this.pageNo=val; | 82 | this.pageNo = val; |
90 | this.loadList(); | 83 | this.getData({}); |
91 | }, | 84 | }, |
92 | //获取子组件点击查询触发的事件 | 85 | //获取子组件点击查询触发的事件 |
93 | getData(obj) { | 86 | getData(obj) { |
94 | console.log(obj); | 87 | console.log(obj); |
95 | //将obj作为参数调用接口查询表格数据 | 88 | //将obj作为参数调用接口查询表格数据 |
89 | obj['pageNo'] = this.pageNo | ||
90 | obj['pageSize'] = this.pageSize | ||
91 | getSearchList(obj).then(res => { | ||
92 | this.tableData = res.result.records | ||
93 | this.total=res.result.total | ||
94 | }) | ||
96 | }, | 95 | }, |
97 | //点击办理 | 96 | //点击办理 |
98 | handleClick(row) { | 97 | handleClick(row) { |
... | @@ -108,40 +107,20 @@ export default { | ... | @@ -108,40 +107,20 @@ export default { |
108 | break; | 107 | break; |
109 | } | 108 | } |
110 | this.$router.push({ | 109 | this.$router.push({ |
111 | path:path, | 110 | path: path, |
112 | query:{ | 111 | query: { |
113 | bsm:row.glbsm, | 112 | bsm: row.glbsm, |
114 | source:2 | 113 | source: 2 |
115 | } | 114 | } |
116 | }); | 115 | }); |
117 | }, | 116 | }, |
118 | loadList(){ | ||
119 | let params={ | ||
120 | zddm:this.zddm, | ||
121 | zl:this.zl, | ||
122 | bdcdyh:this.bdcdyh, | ||
123 | dylx:this.dylx, | ||
124 | qlrmc:this.qlrmc, | ||
125 | xmmc:this.xmmc, | ||
126 | bdcqzh:this.bdcqzh, | ||
127 | pageNo:this.pageNo, | ||
128 | pageSize:this.pageSize, | ||
129 | } | ||
130 | getSearchList(params).then((res)=>{ | ||
131 | console.log(res) | ||
132 | if(res.code===200){ | ||
133 | this.tableData=res.result.records; | ||
134 | console.log(this.tableData) | ||
135 | } | ||
136 | }) | ||
137 | } | ||
138 | }, | 117 | }, |
139 | computed: {}, | 118 | computed: {}, |
140 | watch: {}, | 119 | watch: {}, |
141 | }; | 120 | }; |
142 | </script> | 121 | </script> |
143 | <style scoped lang="less"> | 122 | <style scoped lang="less"> |
144 | .main { | 123 | .main { |
145 | width: 100%; | 124 | width: 100%; |
146 | height: 100%; | 125 | height: 100%; |
147 | box-sizing: border-box; | 126 | box-sizing: border-box; |
... | @@ -166,5 +145,5 @@ export default { | ... | @@ -166,5 +145,5 @@ export default { |
166 | padding: 18px 0; | 145 | padding: 18px 0; |
167 | } | 146 | } |
168 | } | 147 | } |
169 | } | 148 | } |
170 | </style> | 149 | </style> | ... | ... |
-
Please register or sign in to post a comment