Merge remote-tracking branch 'origin/master' into master
# Conflicts: # src/components/lineTree/lineItem.vue # src/components/lineTree/lineTree.vue
Showing
43 changed files
with
1875 additions
and
597 deletions
... | @@ -12,6 +12,7 @@ | ... | @@ -12,6 +12,7 @@ |
12 | "lint": "vue-cli-service lint" | 12 | "lint": "vue-cli-service lint" |
13 | }, | 13 | }, |
14 | "dependencies": { | 14 | "dependencies": { |
15 | "@antv/g6": "^4.0.2", | ||
15 | "axios": "^0.19.0", | 16 | "axios": "^0.19.0", |
16 | "core-js": "^2.6.5", | 17 | "core-js": "^2.6.5", |
17 | "e-icon-picker": "^1.0.7", | 18 | "e-icon-picker": "^1.0.7", |
... | @@ -20,6 +21,7 @@ | ... | @@ -20,6 +21,7 @@ |
20 | "element-ui": "^2.13.2", | 21 | "element-ui": "^2.13.2", |
21 | "file-saver": "^2.0.2", | 22 | "file-saver": "^2.0.2", |
22 | "form-making": "^1.2.9", | 23 | "form-making": "^1.2.9", |
24 | "insert-css": "^2.0.0", | ||
23 | "js-cookie": "^2.2.1", | 25 | "js-cookie": "^2.2.1", |
24 | "mockjs": "^1.1.0", | 26 | "mockjs": "^1.1.0", |
25 | "screenfull": "^5.0.2", | 27 | "screenfull": "^5.0.2", | ... | ... |
src/api/fwsxbg.js
0 → 100644
... | @@ -44,13 +44,13 @@ export function insertChInfo (data) { | ... | @@ -44,13 +44,13 @@ export function insertChInfo (data) { |
44 | /** | 44 | /** |
45 | * 查询楼盘表数据 | 45 | * 查询楼盘表数据 |
46 | */ | 46 | */ |
47 | export function getLpb (data) { | 47 | export function getLpb (data,lx) { |
48 | return request({ | 48 | return request({ |
49 | url: 'fw/lpb/getLpb', | 49 | url: 'fw/lpb/getLpb', |
50 | method: 'get', | 50 | method: 'get', |
51 | params: { | 51 | params: { |
52 | zrzbsm:data, | 52 | zrzbsm:data, |
53 | syclx:0, | 53 | scyclx:lx, |
54 | }, | 54 | }, |
55 | }) | 55 | }) |
56 | } | 56 | } |
... | @@ -73,7 +73,7 @@ export function batchScYcChange (data) { | ... | @@ -73,7 +73,7 @@ export function batchScYcChange (data) { |
73 | */ | 73 | */ |
74 | export function getLpbTj (data) { | 74 | export function getLpbTj (data) { |
75 | return request({ | 75 | return request({ |
76 | url: 'fw/lpb/getLpbTj?zrzbsm='+data.zrzbsm+'&syclx='+data.syclx, | 76 | url: 'fw/lpb/getLpbTj?zrzbsm='+data.zrzbsm+'&scyclx='+data.scyclx, |
77 | method: 'get', | 77 | method: 'get', |
78 | data:data | 78 | data:data |
79 | }) | 79 | }) |
... | @@ -102,8 +102,46 @@ export function batchGeneratorBdcdyh (dpdm,zrzbsm) { | ... | @@ -102,8 +102,46 @@ export function batchGeneratorBdcdyh (dpdm,zrzbsm) { |
102 | */ | 102 | */ |
103 | export function getLpbFwytAndQlxz (data) { | 103 | export function getLpbFwytAndQlxz (data) { |
104 | return request({ | 104 | return request({ |
105 | url: 'fw/lpb/getLpbFwytAndQlxz?zrzbsm='+data.zrzbsm+'&syclx='+data.syclx, | 105 | url: 'fw/lpb/getLpbFwytAndQlxz?zrzbsm='+data.zrzbsm+'&scyclx='+data.scyclx, |
106 | method: 'get', | 106 | method: 'get', |
107 | data:data | 107 | data:data |
108 | }) | 108 | }) |
109 | } | 109 | } |
110 | /** | ||
111 | * 楼盘表 添加层 | ||
112 | // "cbsm": "63147d2d9766db01ead0cd53f23de908",//层标识码 | ||
113 | // "hcount": 3,//添加户数 | ||
114 | // "scyclx": "1",//实测预测类型 | ||
115 | // "sjc": 4//当前的层的SJC ± 1 | ||
116 | */ | ||
117 | export function insertUpDownC (data) { | ||
118 | return request({ | ||
119 | url: 'fw/lpbright/insertUpDownC', | ||
120 | method: 'post', | ||
121 | data:data | ||
122 | }) | ||
123 | } | ||
124 | |||
125 | /** | ||
126 | * 楼盘表 删除层 | ||
127 | *"bsm": "c0818d9e4286b35b8ee9b96d90b522aa", | ||
128 | *"scyclx": "1" | ||
129 | */ | ||
130 | export function deleteCByBsm (data) { | ||
131 | return request({ | ||
132 | url: '/fw/lpbright/deleteCByBsm', | ||
133 | method: 'delete', | ||
134 | data:data | ||
135 | }) | ||
136 | } | ||
137 | /** | ||
138 | * 上下左右移动户 | ||
139 | * @param data | ||
140 | */ | ||
141 | export function moveH(data) { | ||
142 | return request({ | ||
143 | url:'fw/lpbright/insertMoveH', | ||
144 | method:'post', | ||
145 | data:data | ||
146 | }) | ||
147 | } | ... | ... |
... | @@ -9,3 +9,11 @@ export function getSearchList(data) { | ... | @@ -9,3 +9,11 @@ export function getSearchList(data) { |
9 | data : data, | 9 | data : data, |
10 | }) | 10 | }) |
11 | } | 11 | } |
12 | |||
13 | export function zdlist(data) { | ||
14 | return request({ | ||
15 | url: '/zd/qjZdjbxx/zdlist', | ||
16 | method: 'post', | ||
17 | data:data | ||
18 | }) | ||
19 | } | ... | ... |
src/assets/images/tj.png
0 → 100644
3.87 KB
... | @@ -40,6 +40,9 @@ table{ | ... | @@ -40,6 +40,9 @@ table{ |
40 | table,td,tr,.el-col,.title{ | 40 | table,td,tr,.el-col,.title{ |
41 | border-color: #E6E6E6 !important; | 41 | border-color: #E6E6E6 !important; |
42 | } | 42 | } |
43 | .el-table th{ | ||
44 | background-color: #FBFBFB; | ||
45 | } | ||
43 | .formInput { | 46 | .formInput { |
44 | height: 100%; | 47 | height: 100%; |
45 | width: 100%; | 48 | width: 100%; |
... | @@ -54,6 +57,7 @@ table,td,tr,.el-col,.title{ | ... | @@ -54,6 +57,7 @@ table,td,tr,.el-col,.title{ |
54 | } | 57 | } |
55 | input:disabled{ | 58 | input:disabled{ |
56 | cursor: not-allowed; | 59 | cursor: not-allowed; |
60 | background-color: #F5F7FA; | ||
57 | } | 61 | } |
58 | .formInput:focus{ | 62 | .formInput:focus{ |
59 | border: 1px solid #A0C5F6!important; | 63 | border: 1px solid #A0C5F6!important; |
... | @@ -146,14 +150,69 @@ ol, ul { list-style:none; } | ... | @@ -146,14 +150,69 @@ ol, ul { list-style:none; } |
146 | font-weight: 400; | 150 | font-weight: 400; |
147 | color: #333; | 151 | color: #333; |
148 | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); | 152 | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); |
149 | } | 153 | li { |
150 | .contextmenu li { | ||
151 | margin: 0; | 154 | margin: 0; |
152 | padding: 7px 16px; | 155 | padding: 7px 16px; |
153 | cursor: pointer; | 156 | cursor: pointer; |
154 | } | 157 | } |
155 | 158 | li:hover { | |
156 | .contextmenu li:hover { | ||
157 | background: #eee; | 159 | background: #eee; |
160 | } | ||
161 | .noEdit{ | ||
162 | color: #E6E6E6; | ||
163 | cursor: not-allowed; | ||
164 | } | ||
165 | .noEdit:hover{ | ||
166 | background: #ffffff; | ||
167 | } | ||
158 | } | 168 | } |
159 | // end | 169 | // end |
170 | //生成按钮样式 | ||
171 | .el-button--warning{ | ||
172 | color: #FFF; | ||
173 | background-color: #F79700; | ||
174 | border-color: #F79700; | ||
175 | } | ||
176 | .el-button--warning:focus, .el-button--warning:hover{ | ||
177 | background-color: rgba(247, 151, 0,.7); | ||
178 | border-color: rgba(247, 151, 0,.7); | ||
179 | } | ||
180 | .percent80{ | ||
181 | width: 78%; | ||
182 | float: left; | ||
183 | } | ||
184 | .createBtn{ | ||
185 | position: absolute; | ||
186 | width: 50px; | ||
187 | padding: 6px 0px; | ||
188 | right: 6px; | ||
189 | top: 4px; | ||
190 | } | ||
191 | // 增删操作按钮样式 | ||
192 | .addMinus{ | ||
193 | border-radius:50%; | ||
194 | width: 30px !important; | ||
195 | height: 30px !important; | ||
196 | font-size: 22px!important; | ||
197 | padding: 4px 6px; | ||
198 | } | ||
199 | .outAdd,.outAdd:hover:focus{ | ||
200 | background-color: #2FA5FF!important; | ||
201 | border: 1px solid #2FA5FF!important; | ||
202 | color: #fff!important; | ||
203 | } | ||
204 | .inAdd,.inAdd:hover:focus{ | ||
205 | border: 1px solid #2FA5FF!important; | ||
206 | background-color: #fff!important; | ||
207 | color: #2FA5FF!important; | ||
208 | } | ||
209 | .outMinus,.outMinus:hover:focus{ | ||
210 | background-color: #FA6400!important; | ||
211 | border: 1px solid #FA6400!important; | ||
212 | color: #fff!important; | ||
213 | } | ||
214 | .inMinus,.inMinus:hover:focus{ | ||
215 | border: 1px solid #FA6400!important; | ||
216 | background-color: #fff!important; | ||
217 | color: #FA6400!important; | ||
218 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -91,7 +91,7 @@ | ... | @@ -91,7 +91,7 @@ |
91 | </template> | 91 | </template> |
92 | 92 | ||
93 | <script> | 93 | <script> |
94 | import {getSearchList} from './../../api/search' | 94 | import {zdlist} from './../../api/search' |
95 | import {zrzcxlz} from './../../api/h' | 95 | import {zrzcxlz} from './../../api/h' |
96 | import {Message} from 'element-ui' | 96 | import {Message} from 'element-ui' |
97 | 97 | ||
... | @@ -103,9 +103,8 @@ | ... | @@ -103,9 +103,8 @@ |
103 | queryData: { | 103 | queryData: { |
104 | bdcdyh: "", | 104 | bdcdyh: "", |
105 | bdcqzh: "", | 105 | bdcqzh: "", |
106 | dylxs: ['zd'], | ||
107 | qlrmc: "", | 106 | qlrmc: "", |
108 | qszt: "2", | 107 | qszt: ["2"], |
109 | xmmc: "", | 108 | xmmc: "", |
110 | zddm: "", | 109 | zddm: "", |
111 | zl: "", | 110 | zl: "", |
... | @@ -141,7 +140,7 @@ | ... | @@ -141,7 +140,7 @@ |
141 | }, | 140 | }, |
142 | methods: { | 141 | methods: { |
143 | saveNotarize: function (val) { | 142 | saveNotarize: function (val) { |
144 | this.zdbsm = val.glbsm; | 143 | this.zdbsm = val.zdbsm; |
145 | this.$confirm('将落宗在该宗地上, 是否继续?', '提示', { | 144 | this.$confirm('将落宗在该宗地上, 是否继续?', '提示', { |
146 | confirmButtonText: '确定', | 145 | confirmButtonText: '确定', |
147 | cancelButtonText: '取消', | 146 | cancelButtonText: '取消', |
... | @@ -176,7 +175,7 @@ | ... | @@ -176,7 +175,7 @@ |
176 | bdcdyh: "", | 175 | bdcdyh: "", |
177 | bdcqzh: "", | 176 | bdcqzh: "", |
178 | qlrmc: "", | 177 | qlrmc: "", |
179 | qszt: "2", | 178 | qszt: ["2"], |
180 | xmmc: "", | 179 | xmmc: "", |
181 | zddm: "", | 180 | zddm: "", |
182 | zl: "", | 181 | zl: "", |
... | @@ -186,8 +185,7 @@ | ... | @@ -186,8 +185,7 @@ |
186 | this.getData(this.queryData) | 185 | this.getData(this.queryData) |
187 | }, | 186 | }, |
188 | getData: function (data) { | 187 | getData: function (data) { |
189 | data['dylxs'] = this.dylxs; | 188 | zdlist(data).then(res => { |
190 | getSearchList(data).then(res => { | ||
191 | this.Data = res.result.records | 189 | this.Data = res.result.records |
192 | this.total = res.result.total; | 190 | this.total = res.result.total; |
193 | }) | 191 | }) | ... | ... |
... | @@ -210,13 +210,13 @@ | ... | @@ -210,13 +210,13 @@ |
210 | <td rowspan="2" class="btnCol"> | 210 | <td rowspan="2" class="btnCol"> |
211 | <el-button | 211 | <el-button |
212 | type="primary" | 212 | type="primary" |
213 | class="changeBtn" | 213 | class="changeBtn outAdd addMinus" |
214 | @click="handleClick(item, index, 'add')" | 214 | @click="handleClick(item, index, 'add')" |
215 | >+</el-button | 215 | >+</el-button |
216 | > | 216 | > |
217 | <el-button | 217 | <el-button |
218 | type="primary" | 218 | type="primary" |
219 | class="changeBtn" | 219 | class="changeBtn outMinus addMinus" |
220 | @click="handleClick(item, index, 'minus')" | 220 | @click="handleClick(item, index, 'minus')" |
221 | >-</el-button | 221 | >-</el-button |
222 | > | 222 | > |
... | @@ -671,10 +671,6 @@ | ... | @@ -671,10 +671,6 @@ |
671 | text-align: center; | 671 | text-align: center; |
672 | cursor: text; | 672 | cursor: text; |
673 | } | 673 | } |
674 | .percent78 { | ||
675 | width: 78%; | ||
676 | float: left; | ||
677 | } | ||
678 | .percent68 { | 674 | .percent68 { |
679 | width: 68% !important; | 675 | width: 68% !important; |
680 | float: left; | 676 | float: left; |
... | @@ -685,13 +681,6 @@ | ... | @@ -685,13 +681,6 @@ |
685 | width: 30% !important; | 681 | width: 30% !important; |
686 | float: left; | 682 | float: left; |
687 | } | 683 | } |
688 | .createBtn { | ||
689 | position: absolute; | ||
690 | width: 50px; | ||
691 | padding: 6px 4px; | ||
692 | right: 4px; | ||
693 | top: 4px; | ||
694 | } | ||
695 | .el-input__icon { | 684 | .el-input__icon { |
696 | line-height: 37px; | 685 | line-height: 37px; |
697 | } | 686 | } | ... | ... |
... | @@ -15,14 +15,14 @@ | ... | @@ -15,14 +15,14 @@ |
15 | <el-button | 15 | <el-button |
16 | v-show="childIndex < 1" | 16 | v-show="childIndex < 1" |
17 | type="primary" | 17 | type="primary" |
18 | class="changeBtn" | 18 | class="changeBtn addMinus outAdd" |
19 | @click="handleClick(index, 'add')" | 19 | @click="handleClick(index, 'add')" |
20 | >+</el-button | 20 | >+</el-button |
21 | > | 21 | > |
22 | <el-button | 22 | <el-button |
23 | v-show="childIndex < 1" | 23 | v-show="childIndex < 1" |
24 | type="primary" | 24 | type="primary" |
25 | class="changeBtn" | 25 | class="changeBtn addMinus outMinus" |
26 | @click="handleClick(index, 'minus')" | 26 | @click="handleClick(index, 'minus')" |
27 | >-</el-button | 27 | >-</el-button |
28 | > | 28 | > |
... | @@ -41,13 +41,13 @@ | ... | @@ -41,13 +41,13 @@ |
41 | <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> | 41 | <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> |
42 | <el-button | 42 | <el-button |
43 | type="primary" | 43 | type="primary" |
44 | class="changeBtn" | 44 | class="changeBtn addMinus inAdd" |
45 | @click="handleInClick(index, childIndex, 'add')" | 45 | @click="handleInClick(index, childIndex, 'add')" |
46 | >+</el-button | 46 | >+</el-button |
47 | > | 47 | > |
48 | <el-button | 48 | <el-button |
49 | type="primary" | 49 | type="primary" |
50 | class="changeBtn" | 50 | class="changeBtn addMinus inMinus" |
51 | @click="handleInClick(index, childIndex, 'minus')" | 51 | @click="handleInClick(index, childIndex, 'minus')" |
52 | >-</el-button | 52 | >-</el-button |
53 | > | 53 | > |
... | @@ -132,6 +132,7 @@ | ... | @@ -132,6 +132,7 @@ |
132 | <li> | 132 | <li> |
133 | <input | 133 | <input |
134 | type="text" | 134 | type="text" |
135 | style="top: -1px;" | ||
135 | :disabled="formData.qszt!='0'" | 136 | :disabled="formData.qszt!='0'" |
136 | placeholder="请输入" | 137 | placeholder="请输入" |
137 | v-model="childItem.pzytdm" | 138 | v-model="childItem.pzytdm" |
... | @@ -398,7 +399,7 @@ export default { | ... | @@ -398,7 +399,7 @@ export default { |
398 | .qlxzModule { | 399 | .qlxzModule { |
399 | height: auto; | 400 | height: auto; |
400 | position: relative; | 401 | position: relative; |
401 | border-bottom: 1px solid grey; | 402 | border-bottom: 1px solid #E6E6E6; |
402 | .el-col { | 403 | .el-col { |
403 | // height: 100%; | 404 | // height: 100%; |
404 | border-right: 1px solid grey; | 405 | border-right: 1px solid grey; |
... | @@ -422,6 +423,8 @@ export default { | ... | @@ -422,6 +423,8 @@ export default { |
422 | input { | 423 | input { |
423 | position: relative; | 424 | position: relative; |
424 | top: -2px; | 425 | top: -2px; |
426 | height: 35px; | ||
427 | width: calc(100% - 1px) !important; | ||
425 | } | 428 | } |
426 | .el-input__inner { | 429 | .el-input__inner { |
427 | height: 34px; | 430 | height: 34px; | ... | ... |
... | @@ -5,20 +5,25 @@ | ... | @@ -5,20 +5,25 @@ |
5 | v-for="(items, index) in countList" | 5 | v-for="(items, index) in countList" |
6 | :key="items.id" | 6 | :key="items.id" |
7 | > | 7 | > |
8 | <template v-for="(childItem,childIndex) in items.list" > | 8 | <template v-for="(childItem, childIndex) in items.list"> |
9 | <el-col :span="2" class="btnCol" :key="childIndex+'1'" :class="childIndex>0 ? 'childYT noTopBorder':''"> | 9 | <el-col |
10 | :span="2" | ||
11 | class="btnCol" | ||
12 | :key="childIndex + '1'" | ||
13 | :class="childIndex > 0 ? 'childYT noTopBorder' : ''" | ||
14 | > | ||
10 | <el-button | 15 | <el-button |
11 | v-show="childIndex<1" | 16 | v-show="childIndex < 1" |
12 | type="primary" | 17 | type="primary" |
13 | class="changeBtn" | 18 | class="changeBtn addMinus outAdd" |
14 | @click="handleClick( index, 'add')" | 19 | @click="handleClick(index, 'add')" |
15 | >+</el-button | 20 | >+</el-button |
16 | > | 21 | > |
17 | <el-button | 22 | <el-button |
18 | v-show="childIndex<1" | 23 | v-show="childIndex < 1" |
19 | type="primary" | 24 | type="primary" |
20 | class="changeBtn" | 25 | class="changeBtn addMinus outMinus" |
21 | @click="handleClick( index, 'minus')" | 26 | @click="handleClick(index, 'minus')" |
22 | >-</el-button | 27 | >-</el-button |
23 | > | 28 | > |
24 | <div | 29 | <div |
... | @@ -26,31 +31,44 @@ | ... | @@ -26,31 +31,44 @@ |
26 | v-if="items.isInside" | 31 | v-if="items.isInside" |
27 | ></div> | 32 | ></div> |
28 | </el-col> | 33 | </el-col> |
29 | <el-col :span="2" class="btnCol" :key="childIndex+'8'" :class="childIndex>0 ? 'childYT':''"> | 34 | <el-col |
35 | :span="2" | ||
36 | class="btnCol" | ||
37 | :key="childIndex + '8'" | ||
38 | :class="childIndex > 0 ? 'childYT' : ''" | ||
39 | > | ||
30 | <!-- <template v-if="childIndex>0"> --> | 40 | <!-- <template v-if="childIndex>0"> --> |
31 | <span class="qlxz" v-show="childIndex<1">权利性质</span><br> | 41 | <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> |
32 | <el-button | 42 | <el-button |
33 | type="primary" | 43 | type="primary" |
34 | class="changeBtn" | 44 | class="changeBtn addMinus inAdd" |
35 | @click="handleInClick(index, childIndex, 'add')" | 45 | @click="handleInClick(index, childIndex, 'add')" |
36 | >+</el-button | 46 | >+</el-button |
37 | > | 47 | > |
38 | <el-button | 48 | <el-button |
39 | type="primary" | 49 | type="primary" |
40 | class="changeBtn" | 50 | class="changeBtn addMinus inMinus" |
41 | @click="handleInClick(index, childIndex, 'minus')" | 51 | @click="handleInClick(index, childIndex, 'minus')" |
42 | >-</el-button | 52 | >-</el-button |
43 | > | 53 | > |
44 | <!-- </template> --> | 54 | <!-- </template> --> |
45 | </el-col> | 55 | </el-col> |
46 | <el-col :span="5" :key="childIndex+'7'" :class="childIndex>0 ? 'childYT':''"> | 56 | <el-col |
57 | :span="5" | ||
58 | :key="childIndex + '7'" | ||
59 | :class="childIndex > 0 ? 'childYT' : ''" | ||
60 | > | ||
47 | <ul> | 61 | <ul> |
48 | <li>批准用途</li> | 62 | <li>批准用途</li> |
49 | <li>实际用途</li> | 63 | <li>实际用途</li> |
50 | <li>土地使用起始时间<i class="requisite">*</i></li> | 64 | <li>土地使用起始时间<i class="requisite">*</i></li> |
51 | </ul> | 65 | </ul> |
52 | </el-col> | 66 | </el-col> |
53 | <el-col :span="5" :key="childIndex+'6'" :class="childIndex>0 ? 'childYT':''"> | 67 | <el-col |
68 | :span="5" | ||
69 | :key="childIndex + '6'" | ||
70 | :class="childIndex > 0 ? 'childYT' : ''" | ||
71 | > | ||
54 | <ul> | 72 | <ul> |
55 | <li> | 73 | <li> |
56 | <el-select-tree | 74 | <el-select-tree |
... | @@ -91,20 +109,39 @@ | ... | @@ -91,20 +109,39 @@ |
91 | </li> | 109 | </li> |
92 | </ul> | 110 | </ul> |
93 | </el-col> | 111 | </el-col> |
94 | <el-col :span="5" :key="childIndex+'5'" :class="childIndex>0 ? 'childYT':''"> | 112 | <el-col |
113 | :span="5" | ||
114 | :key="childIndex + '5'" | ||
115 | :class="childIndex > 0 ? 'childYT' : ''" | ||
116 | > | ||
95 | <ul> | 117 | <ul> |
96 | <li>地类编码</li> | 118 | <li>地类编码</li> |
97 | <li>地类编码</li> | 119 | <li>地类编码</li> |
98 | <li>土地使用结束时间<i class="requisite">*</i></li> | 120 | <li>土地使用结束时间<i class="requisite">*</i></li> |
99 | </ul> | 121 | </ul> |
100 | </el-col> | 122 | </el-col> |
101 | <el-col :span="5" :key="childIndex+'4'" :class="childIndex>0 ? 'childYT':''"> | 123 | <el-col |
124 | :span="5" | ||
125 | :key="childIndex + '4'" | ||
126 | :class="childIndex > 0 ? 'childYT' : ''" | ||
127 | > | ||
102 | <ul> | 128 | <ul> |
103 | <li> | 129 | <li> |
104 | <input type="text" placeholder="请输入" v-model="childItem.pzytdm" class="formInput" /> | 130 | <input |
131 | type="text" | ||
132 | style="top: -1px;" | ||
133 | placeholder="请输入" | ||
134 | v-model="childItem.pzytdm" | ||
135 | class="formInput" | ||
136 | /> | ||
105 | </li> | 137 | </li> |
106 | <li> | 138 | <li> |
107 | <input type="text" placeholder="请输入" v-model="childItem.sjytdm" class="formInput" /> | 139 | <input |
140 | type="text" | ||
141 | placeholder="请输入" | ||
142 | v-model="childItem.sjytdm" | ||
143 | class="formInput" | ||
144 | /> | ||
108 | </li> | 145 | </li> |
109 | <li> | 146 | <li> |
110 | <el-date-picker | 147 | <el-date-picker |
... | @@ -146,17 +183,17 @@ export default { | ... | @@ -146,17 +183,17 @@ export default { |
146 | data() { | 183 | data() { |
147 | return { | 184 | return { |
148 | //树型结构 | 185 | //树型结构 |
149 | show:true, | 186 | show: true, |
150 | clearable: true, | 187 | clearable: true, |
151 | defaultExpandAll: true, | 188 | defaultExpandAll: true, |
152 | multiple: false, | 189 | multiple: false, |
153 | placeholder: '请选择', | 190 | placeholder: "请选择", |
154 | disabled: false, | 191 | disabled: false, |
155 | checkStrictly: true, | 192 | checkStrictly: true, |
156 | treeProps: { | 193 | treeProps: { |
157 | value: 'dm', | 194 | value: "dm", |
158 | children: 'children', | 195 | children: "children", |
159 | label: 'mc' | 196 | label: "mc", |
160 | }, | 197 | }, |
161 | 198 | ||
162 | countList: [ | 199 | countList: [ |
... | @@ -164,97 +201,96 @@ export default { | ... | @@ -164,97 +201,96 @@ export default { |
164 | id: Math.random(), | 201 | id: Math.random(), |
165 | isInside: false, | 202 | isInside: false, |
166 | hasNotBorder: false, | 203 | hasNotBorder: false, |
167 | "bsm": "",//权利性质标识码 | 204 | bsm: "", //权利性质标识码 |
168 | "glbsm": "",//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | 205 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM |
169 | "qlxzdm": "", | 206 | qlxzdm: "", |
170 | "zhqlxzlx": "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | 207 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 |
171 | list:[ | 208 | list: [ |
172 | { | 209 | { |
173 | "pzdjbsm": "", | 210 | pzdjbsm: "", |
174 | "pzdjmc": "", | 211 | pzdjmc: "", |
175 | "pzytdm": "", | 212 | pzytdm: "", |
176 | "pzytmc": "", | 213 | pzytmc: "", |
177 | "pzytmj": 0, | 214 | pzytmj: 0, |
178 | "qlxzbsm": "", | 215 | qlxzbsm: "", |
179 | "sjdjbsm": "", | 216 | sjdjbsm: "", |
180 | "sjdjmc": "", | 217 | sjdjmc: "", |
181 | "sjytdm": "", | 218 | sjytdm: "", |
182 | "sjytmc": "", | 219 | sjytmc: "", |
183 | "sjytmj": 0, | 220 | sjytmj: 0, |
184 | "syqx": "", | 221 | syqx: "", |
185 | "tdsyjssj": "", | 222 | tdsyjssj: "", |
186 | "tdsyqssj": "", | 223 | tdsyqssj: "", |
187 | "tdzh": "" | 224 | tdzh: "", |
188 | } | ||
189 | ] | ||
190 | }, | 225 | }, |
191 | ], | 226 | ], |
192 | outNum:0 | ||
193 | }; | ||
194 | }, | 227 | }, |
195 | created(){ | 228 | ], |
229 | outNum: 0, | ||
230 | }; | ||
196 | }, | 231 | }, |
232 | created() {}, | ||
197 | methods: { | 233 | methods: { |
198 | //外层操作 | 234 | //外层操作 |
199 | handleClick( ind, type) { | 235 | handleClick(ind, type) { |
200 | let outsideObj = { | 236 | let outsideObj = { |
201 | id: Math.random(), | 237 | id: Math.random(), |
202 | isInside: false, | 238 | isInside: false, |
203 | hasNotBorder: false, | 239 | hasNotBorder: false, |
204 | "bsm": "",//权利性质标识码 | 240 | bsm: "", //权利性质标识码 |
205 | "glbsm": "",//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | 241 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM |
206 | "qlxzdm": "", | 242 | qlxzdm: "", |
207 | "zhqlxzlx": "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | 243 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 |
208 | list:[ | 244 | list: [ |
209 | { | 245 | { |
210 | "pzdjbsm": "", | 246 | pzdjbsm: "", |
211 | "pzdjmc": "", | 247 | pzdjmc: "", |
212 | "pzytdm": "", | 248 | pzytdm: "", |
213 | "pzytmc": "", | 249 | pzytmc: "", |
214 | "pzytmj": 0, | 250 | pzytmj: 0, |
215 | "qlxzbsm": "", | 251 | qlxzbsm: "", |
216 | "sjdjbsm": "", | 252 | sjdjbsm: "", |
217 | "sjdjmc": "", | 253 | sjdjmc: "", |
218 | "sjytdm": "", | 254 | sjytdm: "", |
219 | "sjytmc": "", | 255 | sjytmc: "", |
220 | "sjytmj": 0, | 256 | sjytmj: 0, |
221 | "syqx": "", | 257 | syqx: "", |
222 | "tdsyjssj": "", | 258 | tdsyjssj: "", |
223 | "tdsyqssj": "", | 259 | tdsyqssj: "", |
224 | "tdzh": "" | 260 | tdzh: "", |
225 | } | 261 | }, |
226 | ] | 262 | ], |
227 | }; | 263 | }; |
228 | if (type === "add") { | 264 | if (type === "add") { |
229 | this.countList.push(outsideObj); | 265 | this.countList.push(outsideObj); |
230 | this.outNum++ | 266 | this.outNum++; |
231 | } else { | 267 | } else { |
232 | this.countList.forEach((item, index) => { | 268 | this.countList.forEach((item, index) => { |
233 | if (index == ind && this.countList.length > 1) { | 269 | if (index == ind && this.countList.length > 1) { |
234 | this.countList.splice(index, 1); | 270 | this.countList.splice(index, 1); |
235 | } | 271 | } |
236 | }); | 272 | }); |
237 | this.outNum-- | 273 | this.outNum--; |
238 | } | 274 | } |
239 | }, | 275 | }, |
240 | //内层操作 | 276 | //内层操作 |
241 | handleInClick(index, childIndex, type) { | 277 | handleInClick(index, childIndex, type) { |
242 | let insideObj = { | 278 | let insideObj = { |
243 | "pzdjbsm": "", | 279 | pzdjbsm: "", |
244 | "pzdjmc": "", | 280 | pzdjmc: "", |
245 | "pzytdm": "", | 281 | pzytdm: "", |
246 | "pzytmc": "", | 282 | pzytmc: "", |
247 | "pzytmj": 0, | 283 | pzytmj: 0, |
248 | "qlxzbsm": "", | 284 | qlxzbsm: "", |
249 | "sjdjbsm": "", | 285 | sjdjbsm: "", |
250 | "sjdjmc": "", | 286 | sjdjmc: "", |
251 | "sjytdm": "", | 287 | sjytdm: "", |
252 | "sjytmc": "", | 288 | sjytmc: "", |
253 | "sjytmj": 0, | 289 | sjytmj: 0, |
254 | "syqx": "", | 290 | syqx: "", |
255 | "tdsyjssj": "", | 291 | tdsyjssj: "", |
256 | "tdsyqssj": "", | 292 | tdsyqssj: "", |
257 | "tdzh": "" | 293 | tdzh: "", |
258 | }; | 294 | }; |
259 | if (type === "add") { | 295 | if (type === "add") { |
260 | this.countList[index].list.splice(childIndex + 1, 0, insideObj); | 296 | this.countList[index].list.splice(childIndex + 1, 0, insideObj); |
... | @@ -273,7 +309,8 @@ export default { | ... | @@ -273,7 +309,8 @@ export default { |
273 | if (index == this.countList.length - 1) { | 309 | if (index == this.countList.length - 1) { |
274 | item.hasNotBorder = true; | 310 | item.hasNotBorder = true; |
275 | } else { | 311 | } else { |
276 | item.hasNotBorder = item.isInside && !this.countList[index + 1].isInside ? true : false; | 312 | item.hasNotBorder = |
313 | item.isInside && !this.countList[index + 1].isInside ? true : false; | ||
277 | } | 314 | } |
278 | }); | 315 | }); |
279 | }, | 316 | }, |
... | @@ -289,7 +326,7 @@ export default { | ... | @@ -289,7 +326,7 @@ export default { |
289 | .qlxzModule { | 326 | .qlxzModule { |
290 | height: auto; | 327 | height: auto; |
291 | position: relative; | 328 | position: relative; |
292 | border-bottom: 1px solid grey; | 329 | border-bottom: 1px solid #e6e6e6; |
293 | .el-col { | 330 | .el-col { |
294 | // height: 100%; | 331 | // height: 100%; |
295 | border-right: 1px solid grey; | 332 | border-right: 1px solid grey; |
... | @@ -303,16 +340,22 @@ export default { | ... | @@ -303,16 +340,22 @@ export default { |
303 | height: 37px; | 340 | height: 37px; |
304 | line-height: 37px; | 341 | line-height: 37px; |
305 | text-decoration: none; | 342 | text-decoration: none; |
306 | border-bottom: 1px solid #E6E6E6; | 343 | border-bottom: 1px solid #e6e6e6; |
307 | .el-select{ | 344 | .el-select { |
308 | width: 100%; | 345 | width: 100%; |
309 | } | 346 | } |
310 | .el-input{ | 347 | .el-input { |
311 | width: 100%; | 348 | width: 100%; |
312 | } | 349 | } |
313 | .el-input__inner { | 350 | .el-input__inner { |
314 | height: 34px; | 351 | height: 34px; |
315 | } | 352 | } |
353 | input { | ||
354 | position: relative; | ||
355 | top: -2px; | ||
356 | height: 35px; | ||
357 | width: calc(100% - 1px) !important; | ||
358 | } | ||
316 | } | 359 | } |
317 | li:last-child { | 360 | li:last-child { |
318 | border-bottom: none; | 361 | border-bottom: none; |
... | @@ -330,12 +373,12 @@ export default { | ... | @@ -330,12 +373,12 @@ export default { |
330 | bottom: 2px; | 373 | bottom: 2px; |
331 | } | 374 | } |
332 | } | 375 | } |
333 | .childYT{ | 376 | .childYT { |
334 | height: 114px; | 377 | height: 114px; |
335 | border-top: 1px solid grey; | 378 | border-top: 1px solid grey; |
336 | ul { | 379 | ul { |
337 | margin-top: 0; | 380 | margin-top: 0; |
338 | li{ | 381 | li { |
339 | .el-input__inner { | 382 | .el-input__inner { |
340 | height: 29px; | 383 | height: 29px; |
341 | } | 384 | } |
... | @@ -348,10 +391,10 @@ export default { | ... | @@ -348,10 +391,10 @@ export default { |
348 | margin-top: 4px; | 391 | margin-top: 4px; |
349 | } | 392 | } |
350 | } | 393 | } |
351 | .noTopBorder{ | 394 | .noTopBorder { |
352 | border-top: 0; | 395 | border-top: 0; |
353 | } | 396 | } |
354 | .noRightBorder{ | 397 | .noRightBorder { |
355 | border-right: 0; | 398 | border-right: 0; |
356 | } | 399 | } |
357 | .el-col:nth-last-child(2) { | 400 | .el-col:nth-last-child(2) { |
... | @@ -397,5 +440,11 @@ export default { | ... | @@ -397,5 +440,11 @@ export default { |
397 | .el-row:nth-last-child(1) { | 440 | .el-row:nth-last-child(1) { |
398 | border-bottom: none; | 441 | border-bottom: none; |
399 | } | 442 | } |
443 | /deep/.el-select-tree { | ||
444 | width: 100%; | ||
445 | .el-input__inner { | ||
446 | height: 30px !important; | ||
447 | } | ||
448 | } | ||
400 | } | 449 | } |
401 | </style> | 450 | </style> | ... | ... |
... | @@ -64,19 +64,19 @@ | ... | @@ -64,19 +64,19 @@ |
64 | <el-button type="primary" @click="save">保存</el-button> | 64 | <el-button type="primary" @click="save">保存</el-button> |
65 | <el-button type="primary" @click="cancel">取消</el-button> | 65 | <el-button type="primary" @click="cancel">取消</el-button> |
66 | </div> | 66 | </div> |
67 | <query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx" | 67 | <zd-query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx" |
68 | :isZdClose="true"></query-data> | 68 | :isZdClose="true"></zd-query-data> |
69 | </el-dialog> | 69 | </el-dialog> |
70 | </template> | 70 | </template> |
71 | 71 | ||
72 | <script> | 72 | <script> |
73 | import queryData from './../../components/queryData/queryData' | 73 | import zdQueryData from './../../components/zdQueryData/zdQueryData' |
74 | import {zdXlcd, hzl} from './../../api/zd' | 74 | import {zdXlcd, hzl} from './../../api/zd' |
75 | import {Message} from 'element-ui' | 75 | import {Message} from 'element-ui' |
76 | 76 | ||
77 | export default { | 77 | export default { |
78 | name: "hCxlz", | 78 | name: "hCxlz", |
79 | components: {queryData}, | 79 | components: {zdQueryData}, |
80 | data() { | 80 | data() { |
81 | return { | 81 | return { |
82 | zd: {}, | 82 | zd: {}, | ... | ... |
... | @@ -48,6 +48,9 @@ | ... | @@ -48,6 +48,9 @@ |
48 | active_color: item.expand, | 48 | active_color: item.expand, |
49 | }" | 49 | }" |
50 | > | 50 | > |
51 | <span v-if="item.qszt=='0'" style="color:red">(临)</span> | ||
52 | <span v-if="item.qszt=='1'" style="color:green">(正)</span> | ||
53 | <span v-if="item.qszt=='2'" style="color:blue">(现)</span> | ||
51 | {{ item.mc }} | 54 | {{ item.mc }} |
52 | </div> | 55 | </div> |
53 | </div> | 56 | </div> |
... | @@ -229,6 +232,10 @@ export default { | ... | @@ -229,6 +232,10 @@ export default { |
229 | width: 100%; | 232 | width: 100%; |
230 | cursor: pointer; | 233 | cursor: pointer; |
231 | } | 234 | } |
235 | // .ofy_scroll{ | ||
236 | // overflow-y: scroll; | ||
237 | // overflow-x: hidden; | ||
238 | // } | ||
232 | .basic_layer { | 239 | .basic_layer { |
233 | width: 100%; | 240 | width: 100%; |
234 | position: relative; | 241 | position: relative; |
... | @@ -261,7 +268,7 @@ export default { | ... | @@ -261,7 +268,7 @@ export default { |
261 | position: relative; | 268 | position: relative; |
262 | // padding-bottom: 15px; | 269 | // padding-bottom: 15px; |
263 | width: 100%; | 270 | width: 100%; |
264 | padding-left: 40px; | 271 | padding-left: 25px; |
265 | } | 272 | } |
266 | .white_layer { | 273 | .white_layer { |
267 | color: black!important; | 274 | color: black!important; |
... | @@ -272,19 +279,21 @@ export default { | ... | @@ -272,19 +279,21 @@ export default { |
272 | position: absolute; | 279 | position: absolute; |
273 | height: 1px; | 280 | height: 1px; |
274 | width: 16px; | 281 | width: 16px; |
275 | left: 9px; | 282 | left: 8px; |
276 | top: 9px; | 283 | top: 8px; |
277 | background: url('../../assets/images/rowline.png'); | 284 | opacity: .5; |
285 | background: url('../../assets/images/rowline1.png'); | ||
278 | background-position-y: center; | 286 | background-position-y: center; |
279 | } | 287 | } |
280 | .third_layer::before { | 288 | .third_layer::before { |
281 | content: ""; | 289 | content: ""; |
282 | position: absolute; | 290 | position: absolute; |
283 | height: 1px; | 291 | height: 1px; |
284 | width: 22px; | 292 | width: 16px; |
285 | left: 9px; | 293 | left: 8px; |
286 | top: 9px; | 294 | top: 8px; |
287 | background: url('../../assets/images/rowline.png'); | 295 | opacity: .5; |
296 | background: url('../../assets/images/rowline1.png'); | ||
288 | background-position-y: center; | 297 | background-position-y: center; |
289 | } | 298 | } |
290 | 299 | ||
... | @@ -295,7 +304,8 @@ export default { | ... | @@ -295,7 +304,8 @@ export default { |
295 | width: 1px; | 304 | width: 1px; |
296 | left: 7px; | 305 | left: 7px; |
297 | top: 0px; | 306 | top: 0px; |
298 | background: url('../../assets/images/colline.png'); | 307 | opacity: .5; |
308 | background: url('../../assets/images/colline1.png'); | ||
299 | background-position-x: center; | 309 | background-position-x: center; |
300 | } | 310 | } |
301 | .linkLine_first::after { | 311 | .linkLine_first::after { |
... | @@ -306,18 +316,20 @@ export default { | ... | @@ -306,18 +316,20 @@ export default { |
306 | height: calc(100% + 14px); | 316 | height: calc(100% + 14px); |
307 | width: 1px; | 317 | width: 1px; |
308 | left: 7px; | 318 | left: 7px; |
309 | background: url('../../assets/images/colline.png'); | 319 | opacity: .5; |
320 | background: url('../../assets/images/colline1.png'); | ||
310 | background-position-x: center; | 321 | background-position-x: center; |
311 | } | 322 | } |
312 | // 上半截 | 323 | // 上半截 |
313 | .linkLine_half_top::after { | 324 | .linkLine_half_top::after { |
314 | content: ""; | 325 | content: ""; |
315 | position: absolute; | 326 | position: absolute; |
316 | height: 24px; | 327 | height: 23px; |
317 | top: -14px; | 328 | top: -14px; |
318 | width: 1px; | 329 | width: 1px; |
319 | left: 7px; | 330 | left: 7px; |
320 | background: url('../../assets/images/colline.png'); | 331 | opacity: .5; |
332 | background: url('../../assets/images/colline1.png'); | ||
321 | background-position-x: center; | 333 | background-position-x: center; |
322 | } | 334 | } |
323 | .linkLine_last::after { | 335 | .linkLine_last::after { |
... | @@ -327,28 +339,33 @@ export default { | ... | @@ -327,28 +339,33 @@ export default { |
327 | width: 1px; | 339 | width: 1px; |
328 | left: 7px; | 340 | left: 7px; |
329 | top: 0px; | 341 | top: 0px; |
330 | background: url('../../assets/images/colline.png'); | 342 | opacity: .5; |
343 | background: url('../../assets/images/colline1.png'); | ||
331 | background-position-x: center; | 344 | background-position-x: center; |
332 | } | 345 | } |
333 | .reTree_collapse_icon { | 346 | .reTree_collapse_icon { |
347 | // opacity: .5; | ||
334 | background: url("../../assets/images/reTree_collapse_.svg") no-repeat center | 348 | background: url("../../assets/images/reTree_collapse_.svg") no-repeat center |
335 | center; | 349 | center; |
336 | background-size: contain; | 350 | background-size: contain; |
337 | } | 351 | } |
338 | 352 | ||
339 | .reTree_default_icon { | 353 | .reTree_default_icon { |
354 | // opacity: .5; | ||
340 | background: url("../../assets/images/reTree_default_.svg") no-repeat center | 355 | background: url("../../assets/images/reTree_default_.svg") no-repeat center |
341 | center; | 356 | center; |
342 | background-size: contain; | 357 | background-size: contain; |
343 | } | 358 | } |
344 | 359 | ||
345 | .reTree_expand_icon { | 360 | .reTree_expand_icon { |
361 | // opacity: .5; | ||
346 | background: url("../../assets/images/reTree_expand_.svg") no-repeat center | 362 | background: url("../../assets/images/reTree_expand_.svg") no-repeat center |
347 | center; | 363 | center; |
348 | background-size: contain; | 364 | background-size: contain; |
349 | } | 365 | } |
350 | 366 | ||
351 | .reTree_focus_icon { | 367 | .reTree_focus_icon { |
368 | // opacity: .5; | ||
352 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center | 369 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center |
353 | center; | 370 | center; |
354 | background-size: contain; | 371 | background-size: contain; | ... | ... |
... | @@ -62,7 +62,8 @@ | ... | @@ -62,7 +62,8 @@ |
62 | <li v-show="isZD">导入属性</li> | 62 | <li v-show="isZD">导入属性</li> |
63 | <li v-show="!isZD">导入楼盘</li> | 63 | <li v-show="!isZD">导入楼盘</li> |
64 | <li>重叠分析</li> | 64 | <li>重叠分析</li> |
65 | <li v-show="isZD" @click="openCreateDialog">添加定着物</li> | 65 | <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li> |
66 | <li v-show="isZD && (zdQszt != '1' && zdQszt != '2')" class="noEdit">添加定着物</li> | ||
66 | <li @click="deleteByBsm()">删除</li> | 67 | <li @click="deleteByBsm()">删除</li> |
67 | </ul> | 68 | </ul> |
68 | <ul | 69 | <ul |
... | @@ -93,7 +94,6 @@ | ... | @@ -93,7 +94,6 @@ |
93 | <import-geo :property-info="zdData" :geo-info="currentClickZdGeo" @closeImportDialog="closeImportDialog"></import-geo> | 94 | <import-geo :property-info="zdData" :geo-info="currentClickZdGeo" @closeImportDialog="closeImportDialog"></import-geo> |
94 | </el-dialog> | 95 | </el-dialog> |
95 | <!-- 添加定着物弹框 --> | 96 | <!-- 添加定着物弹框 --> |
96 | |||
97 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> | 97 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> |
98 | <Create @closeDialog="closeDialog" :auth="true"></Create> | 98 | <Create @closeDialog="closeDialog" :auth="true"></Create> |
99 | </el-dialog> | 99 | </el-dialog> |
... | @@ -141,7 +141,9 @@ export default { | ... | @@ -141,7 +141,9 @@ export default { |
141 | //控制新建宗地菜单 | 141 | //控制新建宗地菜单 |
142 | createVisible:false, | 142 | createVisible:false, |
143 | //多幢 | 143 | //多幢 |
144 | dzVisible:false | 144 | dzVisible:false, |
145 | //宗地权属状态 | ||
146 | zdQszt:null, | ||
145 | }; | 147 | }; |
146 | }, | 148 | }, |
147 | watch: { | 149 | watch: { |
... | @@ -185,7 +187,8 @@ export default { | ... | @@ -185,7 +187,8 @@ export default { |
185 | this.visible = data; | 187 | this.visible = data; |
186 | }, | 188 | }, |
187 | changeZdData(data) { | 189 | changeZdData(data) { |
188 | this.zdData = data | 190 | this.zdData = data; |
191 | this.zdQszt = data.qszt; | ||
189 | }, | 192 | }, |
190 | changeTop(data) { | 193 | changeTop(data) { |
191 | this.top = data; | 194 | this.top = data; |
... | @@ -310,18 +313,36 @@ export default { | ... | @@ -310,18 +313,36 @@ export default { |
310 | }, | 313 | }, |
311 | //右键菜单的删除 | 314 | //右键菜单的删除 |
312 | deleteByBsm(){ | 315 | deleteByBsm(){ |
313 | var self = this; | 316 | let name=''; |
314 | let params={"bsm":this.zdData.bsm,"type":this.zdData.type}; | 317 | switch (this.zdData.type) { |
315 | if(this.zdData.type=='zd'){ | 318 | case 'zd': |
316 | params={"bsm":this.zdData.zdbsm,"type":this.zdData.type}; | 319 | name = '宗地' |
320 | break; | ||
321 | case 'dz': | ||
322 | name = '多幢' | ||
323 | break; | ||
324 | case 'zrz': | ||
325 | name = '自然幢' | ||
326 | break; | ||
327 | |||
328 | default: | ||
329 | break; | ||
317 | } | 330 | } |
331 | this.$confirm('是否确定删除该'+name+'?', '提示', { | ||
332 | confirmButtonText: '确定', | ||
333 | cancelButtonText: '取消', | ||
334 | type: 'warning' | ||
335 | }).then(() => { | ||
336 | let params={"bsm":this.zdData.bsm,"type":this.zdData.type}; | ||
318 | deleteZdInfoByBsm(params) | 337 | deleteZdInfoByBsm(params) |
319 | .then((res) => { | 338 | .then((res) => { |
320 | if(res.code=200){ | 339 | console.log(res); |
340 | if(res.success){ | ||
321 | this.$message({ | 341 | this.$message({ |
322 | message: res.message, | 342 | type: 'success', |
323 | type: "success", | 343 | message: '删除成功!' |
324 | }); | 344 | }); |
345 | this.$router.push("/panel"); | ||
325 | } else { | 346 | } else { |
326 | this.$message({ | 347 | this.$message({ |
327 | message: res.message, | 348 | message: res.message, |
... | @@ -330,6 +351,17 @@ export default { | ... | @@ -330,6 +351,17 @@ export default { |
330 | } | 351 | } |
331 | }) | 352 | }) |
332 | .catch((error) => {}); | 353 | .catch((error) => {}); |
354 | }).catch(() => { | ||
355 | |||
356 | }); | ||
357 | var self = this; | ||
358 | var BSM = ""; | ||
359 | var type = this.zdData.type; | ||
360 | if(type == "zd"){ | ||
361 | BSM = this.zdData.zdbsm; | ||
362 | }else { | ||
363 | BSM = this.zdData.bsm; | ||
364 | } | ||
333 | //删除图形相关信息 | 365 | //删除图形相关信息 |
334 | var type = this.zdData.type; | 366 | var type = this.zdData.type; |
335 | this.queryGeoByBsm(BSM,type,function (features){ | 367 | this.queryGeoByBsm(BSM,type,function (features){ |
... | @@ -475,7 +507,6 @@ export default { | ... | @@ -475,7 +507,6 @@ export default { |
475 | position: relative; | 507 | position: relative; |
476 | color: #ffffff; | 508 | color: #ffffff; |
477 | cursor: pointer; | 509 | cursor: pointer; |
478 | moz-user-select: -moz-none; | ||
479 | -moz-user-select: none; | 510 | -moz-user-select: none; |
480 | -o-user-select: none; | 511 | -o-user-select: none; |
481 | -khtml-user-select: none; | 512 | -khtml-user-select: none; | ... | ... |
src/components/moveH/moveH.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <el-dialog | ||
4 | title="移动户" | ||
5 | :visible.sync="isVisible" | ||
6 | width="50%" | ||
7 | @close="close" | ||
8 | :modal-append-to-body="false" | ||
9 | center> | ||
10 | <div> | ||
11 | <div class="bottom-radio"> | ||
12 | <el-radio-group v-model="moveHdata.sxzylx"> | ||
13 | <el-radio label="up">向上</el-radio> | ||
14 | <el-radio label="down">向下</el-radio> | ||
15 | <el-radio label="left">向左</el-radio> | ||
16 | <el-radio label="right">向右</el-radio> | ||
17 | </el-radio-group> | ||
18 | </div> | ||
19 | <div class="bottom-buttom"> | ||
20 | <el-button type="primary" @click="save">确认</el-button> | ||
21 | <el-button type="primary" @click="cacel">取消</el-button> | ||
22 | </div> | ||
23 | </div> | ||
24 | </el-dialog> | ||
25 | </div> | ||
26 | </template> | ||
27 | |||
28 | <script> | ||
29 | import {moveH} from './../../api/lpb' | ||
30 | import {Message} from 'element-ui' | ||
31 | |||
32 | export default { | ||
33 | name: "moveH", | ||
34 | data() { | ||
35 | return { | ||
36 | isVisible: false, | ||
37 | moveHdata: { | ||
38 | hbsm: "", | ||
39 | sxzylx: "", | ||
40 | type: "" | ||
41 | } | ||
42 | } | ||
43 | }, | ||
44 | props: { | ||
45 | moveHvisible: { | ||
46 | type: Boolean, | ||
47 | default: false | ||
48 | }, | ||
49 | hbsm: { | ||
50 | type: String | ||
51 | }, | ||
52 | type: { | ||
53 | type: String | ||
54 | } | ||
55 | }, | ||
56 | methods: { | ||
57 | loading: function () { | ||
58 | this.$emit('loading') | ||
59 | }, | ||
60 | save() { | ||
61 | this.moveHdata.hbsm = this.hbsm | ||
62 | this.moveHdata.type = this.type | ||
63 | moveH(this.moveHdata).then(res => { | ||
64 | console.log(res) | ||
65 | if (res.success) { | ||
66 | this.loading(); | ||
67 | this.close(); | ||
68 | Message.success("移动成功") | ||
69 | } else { | ||
70 | Message.error(res.message) | ||
71 | } | ||
72 | }) | ||
73 | }, | ||
74 | cacel() { | ||
75 | this.close() | ||
76 | }, | ||
77 | close() { | ||
78 | this.$emit('close'); | ||
79 | } | ||
80 | }, | ||
81 | watch: { | ||
82 | moveHvisible(val) { | ||
83 | this.isVisible = val | ||
84 | } | ||
85 | } | ||
86 | } | ||
87 | </script> | ||
88 | |||
89 | <style scoped lang="less"> | ||
90 | .bottom-radio{ | ||
91 | text-align: center; | ||
92 | } | ||
93 | .el-radio{ | ||
94 | padding: 20px; | ||
95 | } | ||
96 | .bottom-buttom { | ||
97 | margin-top: 20px; | ||
98 | text-align: center; | ||
99 | } | ||
100 | </style> |
... | @@ -10,51 +10,51 @@ | ... | @@ -10,51 +10,51 @@ |
10 | <div> | 10 | <div> |
11 | <table border="1"> | 11 | <table border="1"> |
12 | <tr> | 12 | <tr> |
13 | <td>层建筑面积</td> | 13 | <td>层建筑面积(㎡)</td> |
14 | <td> | 14 | <td> |
15 | <input type="text" v-model="qlcData.cjzmj" class="inputtitle"/> | 15 | <el-input v-model="qlcData.cjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层建筑面积(㎡)"></el-input> |
16 | </td> | 16 | </td> |
17 | <td> | 17 | <td> |
18 | 层套内建筑面积 | 18 | 层套内建筑面积(㎡) |
19 | </td> | 19 | </td> |
20 | <td> | 20 | <td> |
21 | <input text="text" v-model="qlcData.ctnjzmj" class="inputtitle"/> | 21 | <el-input v-model="qlcData.ctnjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层套内建筑面积(㎡)" ></el-input> |
22 | </td> | 22 | </td> |
23 | </tr> | 23 | </tr> |
24 | <tr> | 24 | <tr> |
25 | <td>层阳台面积</td> | 25 | <td>层阳台面积(㎡)</td> |
26 | <td> | 26 | <td> |
27 | <input type="text" v-model="qlcData.cytmj" class="inputtitle"/> | 27 | <el-input v-model="qlcData.cytmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层阳台面积(㎡)"></el-input> |
28 | </td> | 28 | </td> |
29 | <td> | 29 | <td> |
30 | 层半墙面积 | 30 | 层半墙面积(㎡) |
31 | </td> | 31 | </td> |
32 | <td> | 32 | <td> |
33 | <input text="text" v-model="qlcData.cbqmj" class="inputtitle"/> | 33 | <el-input v-model="qlcData.cbqmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层半墙面积(㎡)"></el-input> |
34 | </td> | 34 | </td> |
35 | </tr> | 35 | </tr> |
36 | <tr> | 36 | <tr> |
37 | <td>层共有建筑面积(㎡)</td> | 37 | <td>层共有建筑面积(㎡)</td> |
38 | <td> | 38 | <td> |
39 | <input type="text" v-model="qlcData.cgyjzmj" class="inputtitle"/> | 39 | <el-input v-model="qlcData.cgyjzmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层共有建筑面积(㎡)"></el-input> |
40 | </td> | 40 | </td> |
41 | <td> | 41 | <td> |
42 | 层分摊建筑面积(㎡) | 42 | 层分摊建筑面积(㎡) |
43 | </td> | 43 | </td> |
44 | <td> | 44 | <td> |
45 | <input text="text" v-model="qlcData.cftjzmj" class="inputtitle"/> | 45 | <el-input v-model="qlcData.cftjzmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层分摊建筑面积(㎡)"></el-input> |
46 | </td> | 46 | </td> |
47 | </tr> | 47 | </tr> |
48 | <tr> | 48 | <tr> |
49 | <td>层高</td> | 49 | <td>层高(m)</td> |
50 | <td> | 50 | <td> |
51 | <input type="text" v-model="qlcData.cg" class="inputtitle"/> | 51 | <el-input v-model="qlcData.cg" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层高(m)"></el-input> |
52 | </td> | 52 | </td> |
53 | <td> | 53 | <td> |
54 | 水平投影面积(㎡) | 54 | 水平投影面积(㎡) |
55 | </td> | 55 | </td> |
56 | <td> | 56 | <td> |
57 | <input text="text" v-model="qlcData.sptymj" class="inputtitle"/> | 57 | <el-input v-model="qlcData.sptymj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="水平投影面积(㎡)"></el-input> |
58 | </td> | 58 | </td> |
59 | </tr> | 59 | </tr> |
60 | </table> | 60 | </table> |
... | @@ -101,12 +101,16 @@ | ... | @@ -101,12 +101,16 @@ |
101 | } | 101 | } |
102 | }, | 102 | }, |
103 | methods: { | 103 | methods: { |
104 | lodding:function(){ | ||
105 | this.$emit('lodding') | ||
106 | }, | ||
104 | save: function () { | 107 | save: function () { |
105 | this.qlcData['bsms'] = this.bsms | 108 | this.qlcData['bsms'] = this.bsms |
106 | updatePlc(this.qlcData).then(res => { | 109 | updatePlc(this.qlcData).then(res => { |
107 | console.log(res) | 110 | console.log(res) |
108 | if (res.success) { | 111 | if (res.success) { |
109 | Message.success("保存成功") | 112 | Message.success("保存成功") |
113 | this.lodding() | ||
110 | this.close() | 114 | this.close() |
111 | } else { | 115 | } else { |
112 | Message.error(res.message) | 116 | Message.error(res.message) | ... | ... |
... | @@ -313,6 +313,9 @@ | ... | @@ -313,6 +313,9 @@ |
313 | } | 313 | } |
314 | }, | 314 | }, |
315 | methods: { | 315 | methods: { |
316 | lodding:function(){ | ||
317 | this.$emit('lodding') | ||
318 | }, | ||
316 | addYtInfo(){ | 319 | addYtInfo(){ |
317 | this.form.fwytList.push({ | 320 | this.form.fwytList.push({ |
318 | glbsm:'', | 321 | glbsm:'', |
... | @@ -367,6 +370,7 @@ | ... | @@ -367,6 +370,7 @@ |
367 | console.log(this.form) | 370 | console.log(this.form) |
368 | batchUpdateQjH(this.form).then((res)=>{ | 371 | batchUpdateQjH(this.form).then((res)=>{ |
369 | if(res.code===200){ | 372 | if(res.code===200){ |
373 | this.lodding() | ||
370 | this.$message.success("保存成功!") | 374 | this.$message.success("保存成功!") |
371 | } | 375 | } |
372 | }) | 376 | }) | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | <table border="1"> | 12 | <table border="1"> |
13 | <tr> | 13 | <tr> |
14 | <td>室号前缀</td> | 14 | <td>室号前缀</td> |
15 | <td>单元号</td> | 15 | <td>幢单元号</td> |
16 | <td>分割符A</td> | 16 | <td>分割符A</td> |
17 | <td>层号前自动补0</td> | 17 | <td>层号前自动补0</td> |
18 | <td>层</td> | 18 | <td>层</td> |
... | @@ -25,13 +25,13 @@ | ... | @@ -25,13 +25,13 @@ |
25 | <input type="text" class="inputtitle" v-model="plshData.shqz"/> | 25 | <input type="text" class="inputtitle" v-model="plshData.shqz"/> |
26 | </td> | 26 | </td> |
27 | <td> | 27 | <td> |
28 | <el-checkbox v-model="plshData.isSelectDyh"></el-checkbox> | 28 | <el-checkbox v-model="plshData.selectDyh"></el-checkbox> |
29 | </td> | 29 | </td> |
30 | <td> | 30 | <td> |
31 | <input type="text" class="inputtitle" v-model="plshData.fgfA"/> | 31 | <input type="text" class="inputtitle" v-model="plshData.fgfA"/> |
32 | </td> | 32 | </td> |
33 | <td> | 33 | <td> |
34 | <el-checkbox v-model="plshData.isChqbl"></el-checkbox> | 34 | <el-checkbox v-model="plshData.chqbl"></el-checkbox> |
35 | </td> | 35 | </td> |
36 | <td> | 36 | <td> |
37 | <el-select v-model="plshData.c"> | 37 | <el-select v-model="plshData.c"> |
... | @@ -112,9 +112,9 @@ | ... | @@ -112,9 +112,9 @@ |
112 | xlVisible: false, | 112 | xlVisible: false, |
113 | plshData: { | 113 | plshData: { |
114 | shqz: '', | 114 | shqz: '', |
115 | isSelectDyh: false, | 115 | selectDyh: false, |
116 | fgfA: '', | 116 | fgfA: '', |
117 | isChqbl: false, | 117 | chqbl: false, |
118 | c: '', | 118 | c: '', |
119 | fgfB: '', | 119 | fgfB: '', |
120 | shhz: '' | 120 | shhz: '' |
... | @@ -133,6 +133,9 @@ | ... | @@ -133,6 +133,9 @@ |
133 | } | 133 | } |
134 | }, | 134 | }, |
135 | methods: { | 135 | methods: { |
136 | lodding:function(){ | ||
137 | this.$emit('lodding') | ||
138 | }, | ||
136 | xl: function () { | 139 | xl: function () { |
137 | this.xlVisible = true; | 140 | this.xlVisible = true; |
138 | }, | 141 | }, |
... | @@ -144,9 +147,9 @@ | ... | @@ -144,9 +147,9 @@ |
144 | result: function () { | 147 | result: function () { |
145 | this.plshData = { | 148 | this.plshData = { |
146 | shqz: '', | 149 | shqz: '', |
147 | isSelectDyh: false, | 150 | selectDyh: false, |
148 | fgfA: '', | 151 | fgfA: '', |
149 | isChqbl: false, | 152 | chqbl: false, |
150 | c: '', | 153 | c: '', |
151 | fgfB: '', | 154 | fgfB: '', |
152 | shhz: '' | 155 | shhz: '' |
... | @@ -154,10 +157,11 @@ | ... | @@ -154,10 +157,11 @@ |
154 | }, | 157 | }, |
155 | save: function () { | 158 | save: function () { |
156 | this.plshData['bsms'] = this.bsms | 159 | this.plshData['bsms'] = this.bsms |
157 | console.log(this.plshData) | ||
158 | updateSh(this.plshData).then(res => { | 160 | updateSh(this.plshData).then(res => { |
159 | if (res.success) { | 161 | if (res.success) { |
162 | this.lodding(); | ||
160 | this.close(); | 163 | this.close(); |
164 | |||
161 | } else { | 165 | } else { |
162 | Message.error(res.message) | 166 | Message.error(res.message) |
163 | } | 167 | } |
... | @@ -173,7 +177,7 @@ | ... | @@ -173,7 +177,7 @@ |
173 | if (this.plshData.shqz != "") { | 177 | if (this.plshData.shqz != "") { |
174 | gz += this.plshData.shqz | 178 | gz += this.plshData.shqz |
175 | } | 179 | } |
176 | if (this.plshData.isSelectDyh) { | 180 | if (this.plshData.selectDyh) { |
177 | gz += "[单元号]" | 181 | gz += "[单元号]" |
178 | } | 182 | } |
179 | if (this.plshData.fgfA != "") { | 183 | if (this.plshData.fgfA != "") { | ... | ... |
... | @@ -196,10 +196,14 @@ | ... | @@ -196,10 +196,14 @@ |
196 | } | 196 | } |
197 | }, | 197 | }, |
198 | methods: { | 198 | methods: { |
199 | lodding:function(){ | ||
200 | this.$emit('lodding') | ||
201 | }, | ||
199 | save: function () { | 202 | save: function () { |
200 | this.plzlData['bsms'] = this.bsms; | 203 | this.plzlData['bsms'] = this.bsms; |
201 | updateZl(this.plzlData).then(res => { | 204 | updateZl(this.plzlData).then(res => { |
202 | if (res.success) { | 205 | if (res.success) { |
206 | this.lodding() | ||
203 | this.close(); | 207 | this.close(); |
204 | } else { | 208 | } else { |
205 | Message.error(res.message) | 209 | Message.error(res.message) | ... | ... |
... | @@ -107,7 +107,7 @@ | ... | @@ -107,7 +107,7 @@ |
107 | bdcqzh: "", | 107 | bdcqzh: "", |
108 | dylxs: ['zd'], | 108 | dylxs: ['zd'], |
109 | qlrmc: "", | 109 | qlrmc: "", |
110 | qszt: "2", | 110 | qszt: ["2"], |
111 | xmmc: "", | 111 | xmmc: "", |
112 | zddm: "", | 112 | zddm: "", |
113 | zl: "", | 113 | zl: "", |
... | @@ -151,7 +151,7 @@ | ... | @@ -151,7 +151,7 @@ |
151 | bdcdyh: "", | 151 | bdcdyh: "", |
152 | bdcqzh: "", | 152 | bdcqzh: "", |
153 | qlrmc: "", | 153 | qlrmc: "", |
154 | qszt: "2", | 154 | qszt: ["2"], |
155 | xmmc: "", | 155 | xmmc: "", |
156 | zddm: "", | 156 | zddm: "", |
157 | zl: "", | 157 | zl: "", | ... | ... |
... | @@ -103,7 +103,7 @@ export default { | ... | @@ -103,7 +103,7 @@ export default { |
103 | bdcqzh: "", | 103 | bdcqzh: "", |
104 | dylxs: [], | 104 | dylxs: [], |
105 | qlrmc: "", | 105 | qlrmc: "", |
106 | qszt: "", | 106 | qszt: [], |
107 | xmmc: "", | 107 | xmmc: "", |
108 | zddm: "", | 108 | zddm: "", |
109 | zl: "", | 109 | zl: "", |
... | @@ -131,7 +131,7 @@ export default { | ... | @@ -131,7 +131,7 @@ export default { |
131 | bdcqzh: "", | 131 | bdcqzh: "", |
132 | dylxs: [], | 132 | dylxs: [], |
133 | qlrmc: "", | 133 | qlrmc: "", |
134 | qszt: "", | 134 | qszt: [], |
135 | xmmc: "", | 135 | xmmc: "", |
136 | zddm: "", | 136 | zddm: "", |
137 | zl: "", | 137 | zl: "", | ... | ... |
src/components/zdQueryData/zdQueryData.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <el-dialog | ||
4 | title="新增" | ||
5 | :visible.sync="isVisible" | ||
6 | width="50%" | ||
7 | @close="close" | ||
8 | :modal-append-to-body="false" | ||
9 | center> | ||
10 | <div class="search"> | ||
11 | <el-button type="primary" @click="search">查询</el-button> | ||
12 | <el-button type="primary" @click="result">重置</el-button> | ||
13 | <el-row :gutter="10" class="shop"> | ||
14 | <el-col :span="4" class="inputtitle"> | ||
15 | 宗地编码: | ||
16 | </el-col> | ||
17 | <el-col :span="8" class=""> | ||
18 | <el-input v-model="queryData.zddm"></el-input> | ||
19 | </el-col> | ||
20 | <el-col :span="4" class="inputtitle"> | ||
21 | 不动产权证号: | ||
22 | </el-col> | ||
23 | <el-col :span="8" class=""> | ||
24 | <el-input v-model="queryData.bdcqzh"></el-input> | ||
25 | </el-col> | ||
26 | </el-row> | ||
27 | <el-row :gutter="10"> | ||
28 | <el-col :span="4" class="inputtitle"> | ||
29 | 不动产权单元号: | ||
30 | </el-col> | ||
31 | <el-col :span="8"> | ||
32 | <el-input v-model="queryData.bdcdyh"></el-input> | ||
33 | </el-col> | ||
34 | <el-col :span="4" class="inputtitle"> | ||
35 | 权利人: | ||
36 | </el-col> | ||
37 | <el-col :span="8"> | ||
38 | <el-input v-model="queryData.qlrmc"></el-input> | ||
39 | </el-col> | ||
40 | </el-row> | ||
41 | <el-row :gutter="10"> | ||
42 | <el-col :span="4" class="inputtitle"> | ||
43 | 坐落: | ||
44 | </el-col> | ||
45 | <el-col :span="8"> | ||
46 | <el-input v-model="queryData.zl"></el-input> | ||
47 | </el-col> | ||
48 | </el-row> | ||
49 | <table border="1"> | ||
50 | <tr> | ||
51 | <td>序号</td> | ||
52 | <td>操作</td> | ||
53 | <td>宗地代码</td> | ||
54 | <td>不动产单元号</td> | ||
55 | <td>项目名称</td> | ||
56 | <td>不动产权证号</td> | ||
57 | <td>权利人</td> | ||
58 | <td>坐落</td> | ||
59 | </tr> | ||
60 | <tr v-if="Data.length==0"> | ||
61 | <td colspan="8"> | ||
62 | <span class="noData">暂无数据</span> | ||
63 | </td> | ||
64 | </tr> | ||
65 | <tr v-else v-for="(item,index) in Data" :key="index"> | ||
66 | <td>{{index+1}}</td> | ||
67 | <td @click="addData(item)" class="xz"> | ||
68 | <span>选择</span> | ||
69 | </td> | ||
70 | <td>{{item.zddm}}</td> | ||
71 | <td>{{item.bdcdyh}}</td> | ||
72 | <td>{{item.xmmc}}</td> | ||
73 | <td>{{item.bdcqzh}}</td> | ||
74 | <td>{{item.qlr}}</td> | ||
75 | <td>{{item.zl}}</td> | ||
76 | </tr> | ||
77 | |||
78 | </table> | ||
79 | </div> | ||
80 | <span slot="footer" class="dialog-footer"> | ||
81 | </span> | ||
82 | <div class="page"> | ||
83 | <el-pagination | ||
84 | background | ||
85 | layout="prev, pager, next,total" | ||
86 | :page-size="queryData.pageSize" | ||
87 | :total="total" | ||
88 | @current-change="currentChange" | ||
89 | > | ||
90 | </el-pagination> | ||
91 | </div> | ||
92 | </el-dialog> | ||
93 | |||
94 | </div> | ||
95 | </template> | ||
96 | |||
97 | <script> | ||
98 | import {zdlist} from './../../api/search' | ||
99 | |||
100 | export default { | ||
101 | name: "zdQueryData", | ||
102 | data() { | ||
103 | return { | ||
104 | total:1, | ||
105 | queryData: { | ||
106 | bdcdyh: "", | ||
107 | bdcqzh: "", | ||
108 | dylxs: ['zd'], | ||
109 | qlrmc: "", | ||
110 | qszt: ["2"], | ||
111 | xmmc: "", | ||
112 | zddm: "", | ||
113 | zl: "", | ||
114 | pageNo: 1, | ||
115 | pageSize: 10, | ||
116 | }, | ||
117 | Data: [], | ||
118 | isVisible: false | ||
119 | } | ||
120 | }, | ||
121 | props: { | ||
122 | centerDialogVisible: { | ||
123 | type: Boolean, | ||
124 | default: function () { | ||
125 | return false | ||
126 | } | ||
127 | }, | ||
128 | qszt:{ | ||
129 | type:Array, | ||
130 | default:function () { | ||
131 | return ['2'] | ||
132 | } | ||
133 | }, | ||
134 | isZdClose:{ | ||
135 | type:Boolean, | ||
136 | default:false | ||
137 | } | ||
138 | }, | ||
139 | mounted() { | ||
140 | this.getData(this.queryData) | ||
141 | }, | ||
142 | created() { | ||
143 | }, | ||
144 | methods: { | ||
145 | currentChange: function (val) { | ||
146 | this.queryData.pageNo = val; | ||
147 | this.getData(this.queryData); | ||
148 | }, | ||
149 | result: function () { | ||
150 | this.queryData = { | ||
151 | bdcdyh: "", | ||
152 | bdcqzh: "", | ||
153 | qlrmc: "", | ||
154 | qszt: ["2"], | ||
155 | xmmc: "", | ||
156 | zddm: "", | ||
157 | zl: "", | ||
158 | pageNo: 1, | ||
159 | pageSize: 10 | ||
160 | }; | ||
161 | this.getData(this.queryData) | ||
162 | }, | ||
163 | getData: function (data) { | ||
164 | data['dylxs'] = this.dylxs; | ||
165 | zdlist(data).then(res => { | ||
166 | this.Data = res.result.records | ||
167 | this.total = res.result.total; | ||
168 | }) | ||
169 | }, | ||
170 | search: function () { | ||
171 | this.getData(this.queryData) | ||
172 | }, | ||
173 | addData: function (val) { | ||
174 | this.$emit("getData", val) | ||
175 | if (this.isZdClose) { | ||
176 | this.close(); | ||
177 | } | ||
178 | }, | ||
179 | close: function () { | ||
180 | this.$emit('close') | ||
181 | this.result(); | ||
182 | } | ||
183 | }, | ||
184 | watch: { | ||
185 | centerDialogVisible(val) { | ||
186 | this.isVisible = val | ||
187 | } | ||
188 | } | ||
189 | } | ||
190 | </script> | ||
191 | |||
192 | <style scoped lang="less"> | ||
193 | |||
194 | .main { | ||
195 | box-sizing: border-box; | ||
196 | padding: 18px; | ||
197 | height: auto; | ||
198 | width: 80%; | ||
199 | } | ||
200 | |||
201 | table { | ||
202 | margin-top: 10px; | ||
203 | background-color: #fff; | ||
204 | font-size: 14px; | ||
205 | width: 100%; | ||
206 | tr:hover{ | ||
207 | background-color: #F5F7FA; | ||
208 | } | ||
209 | } | ||
210 | |||
211 | td { | ||
212 | text-align: center; | ||
213 | height: 36px; | ||
214 | min-width: 50px; | ||
215 | } | ||
216 | |||
217 | table:hover { | ||
218 | cursor: pointer; | ||
219 | } | ||
220 | |||
221 | .inputtitle { | ||
222 | line-height: 40px; | ||
223 | } | ||
224 | |||
225 | .shop { | ||
226 | margin-top: 20px; | ||
227 | } | ||
228 | |||
229 | .xz { | ||
230 | color: blue; | ||
231 | } | ||
232 | |||
233 | .noData { | ||
234 | color: #b2b2b2; | ||
235 | } | ||
236 | |||
237 | </style> |
... | @@ -168,9 +168,12 @@ export default { | ... | @@ -168,9 +168,12 @@ export default { |
168 | this.getTreeList(); | 168 | this.getTreeList(); |
169 | } | 169 | } |
170 | }, | 170 | }, |
171 | // "$store.state.zdbsm": function(bsm) { | 171 | "$store.state.zdbsm": function(bsm) { |
172 | // this.getRightTree(bsm); | 172 | this.getRightTree(bsm); |
173 | // }, | 173 | }, |
174 | }, | ||
175 | mounted(){ | ||
176 | |||
174 | }, | 177 | }, |
175 | created() { | 178 | created() { |
176 | if (this.$route.meta) { | 179 | if (this.$route.meta) { |
... | @@ -451,7 +454,7 @@ export default { | ... | @@ -451,7 +454,7 @@ export default { |
451 | color: #006cff; | 454 | color: #006cff; |
452 | border-left: 1px solid #EAEAEA; | 455 | border-left: 1px solid #EAEAEA; |
453 | border-right: 1px solid #EAEAEA; | 456 | border-right: 1px solid #EAEAEA; |
454 | height: 59px; | 457 | height: 58px; |
455 | border-bottom: 1px solid #FFF; | 458 | border-bottom: 1px solid #FFF; |
456 | } | 459 | } |
457 | } | 460 | } | ... | ... |
... | @@ -10,22 +10,22 @@ | ... | @@ -10,22 +10,22 @@ |
10 | <tr height="30"> | 10 | <tr height="30"> |
11 | <td colspan="2" align="center" >宗地代码</td> | 11 | <td colspan="2" align="center" >宗地代码</td> |
12 | <td colspan="4" > | 12 | <td colspan="4" > |
13 | <el-input v-model="form.zddm"></el-input> | 13 | <input class="formInput" v-model="form.zddm"> |
14 | </td> | 14 | </td> |
15 | <td colspan="2" align="center" >不动产单元号</td> | 15 | <td colspan="2" align="center" >不动产单元号</td> |
16 | <td colspan="4" > | 16 | <td colspan="4" class="psr"> |
17 | <el-input v-model="form.bdcdyh" style="width: 70%"></el-input> | 17 | <input class="formInput percent80" v-model="form.bdcdyh"> |
18 | <el-button @click.prevent="generatorCode" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button> | 18 | <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button> |
19 | </td> | 19 | </td> |
20 | </tr> | 20 | </tr> |
21 | <tr height="30"> | 21 | <tr height="30"> |
22 | <td colspan="2" align="center" >项目名称</td> | 22 | <td colspan="2" align="center" >项目名称</td> |
23 | <td colspan="4" > | 23 | <td colspan="4" > |
24 | <el-input v-model="form.xmmc"></el-input> | 24 | <input class="formInput" v-model="form.xmmc"> |
25 | </td> | 25 | </td> |
26 | <td colspan="2" align="center" >房屋性质</td> | 26 | <td colspan="2" align="center" >房屋性质</td> |
27 | <td colspan="4" > | 27 | <td colspan="4" > |
28 | <el-select v-model="form.fwxzbsm" placeholder="请选择" > | 28 | <el-select class="formSelect" v-model="form.fwxzbsm" placeholder="请选择" > |
29 | <el-option | 29 | <el-option |
30 | v-for="item in $store.state.fwxzOptions" | 30 | v-for="item in $store.state.fwxzOptions" |
31 | :key="item.bsm" | 31 | :key="item.bsm" |
... | @@ -39,7 +39,7 @@ | ... | @@ -39,7 +39,7 @@ |
39 | <tr height="30"> | 39 | <tr height="30"> |
40 | <td colspan="2" align="center" >房屋类型</td> | 40 | <td colspan="2" align="center" >房屋类型</td> |
41 | <td colspan="4" > | 41 | <td colspan="4" > |
42 | <el-select v-model="form.fwlxbsm" placeholder="请选择" > | 42 | <el-select class="formSelect" v-model="form.fwlxbsm" placeholder="请选择" > |
43 | <el-option | 43 | <el-option |
44 | v-for="item in $store.state.fwlxList" | 44 | v-for="item in $store.state.fwlxList" |
45 | :key="item.bsm" | 45 | :key="item.bsm" |
... | @@ -61,7 +61,7 @@ | ... | @@ -61,7 +61,7 @@ |
61 | <tr height="30"> | 61 | <tr height="30"> |
62 | <td colspan="2" align="center" >产别</td> | 62 | <td colspan="2" align="center" >产别</td> |
63 | <td colspan="4" > | 63 | <td colspan="4" > |
64 | <el-select v-model="form.fwcbbsm" placeholder="请选择" > | 64 | <el-select class="formSelect" v-model="form.fwcbbsm" placeholder="请选择" > |
65 | <el-option | 65 | <el-option |
66 | v-for="item in $store.state.cbOptions" | 66 | v-for="item in $store.state.cbOptions" |
67 | :key="item.bsm" | 67 | :key="item.bsm" |
... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
72 | </td> | 72 | </td> |
73 | <td colspan="2" align="center" >产权来源</td> | 73 | <td colspan="2" align="center" >产权来源</td> |
74 | <td colspan="4" > | 74 | <td colspan="4" > |
75 | <el-select v-model="form.fwcqlybsm" placeholder="请选择" > | 75 | <el-select class="formSelect" v-model="form.fwcqlybsm" placeholder="请选择" > |
76 | <el-option | 76 | <el-option |
77 | v-for="item in $store.state.cqlyOptions" | 77 | v-for="item in $store.state.cqlyOptions" |
78 | :key="item.bsm" | 78 | :key="item.bsm" |
... | @@ -127,26 +127,23 @@ | ... | @@ -127,26 +127,23 @@ |
127 | <tr height="30"> | 127 | <tr height="30"> |
128 | <td colspan="2" align="center" >共有土地面积(㎡)</td> | 128 | <td colspan="2" align="center" >共有土地面积(㎡)</td> |
129 | <td colspan="2" > | 129 | <td colspan="2" > |
130 | <el-input v-model="form.zdmj"></el-input> | 130 | <input class="formInput" v-model="form.zdmj"> |
131 | </td> | 131 | </td> |
132 | <td colspan="2" align="center" >分摊土地面积(㎡)</td> | 132 | <td colspan="2" align="center" >分摊土地面积(㎡)</td> |
133 | <td colspan="2" > | 133 | <td colspan="2" > |
134 | <el-input v-model="form.fttdsymj"></el-input> | 134 | <input class="formInput" v-model="form.fttdsymj"> |
135 | </td> | 135 | </td> |
136 | <td colspan="2" align="center" >多幢独用土地面积(㎡)</td> | 136 | <td colspan="2" align="center" >多幢独用土地面积(㎡)</td> |
137 | <td colspan="2" > | 137 | <td colspan="2" > |
138 | <el-input v-model="form.dlsytdmj"></el-input> | 138 | <input class="formInput" v-model="form.dlsytdmj"> |
139 | </td> | 139 | </td> |
140 | </tr> | 140 | </tr> |
141 | 141 | ||
142 | <tr> | 142 | <tr> |
143 | <td colspan="12" rowspan="4" align="center"> | 143 | <td colspan="12" align="center"> |
144 | <Qlxz ref="qlxzModule"></Qlxz> | 144 | <Qlxz ref="qlxzModule" :formData="form"></Qlxz> |
145 | </td> | 145 | </td> |
146 | </tr> | 146 | </tr> |
147 | <tr></tr> | ||
148 | <tr></tr> | ||
149 | <tr></tr> | ||
150 | 147 | ||
151 | 148 | ||
152 | <tr height="30"> | 149 | <tr height="30"> |
... | @@ -154,7 +151,7 @@ | ... | @@ -154,7 +151,7 @@ |
154 | <span>坐落</span> | 151 | <span>坐落</span> |
155 | </td> | 152 | </td> |
156 | <td colspan="10" > | 153 | <td colspan="10" > |
157 | <el-input v-model="form.zl"></el-input> | 154 | <input class="formInput" v-model="form.zl"> |
158 | </td> | 155 | </td> |
159 | </tr> | 156 | </tr> |
160 | 157 | ||
... | @@ -163,7 +160,7 @@ | ... | @@ -163,7 +160,7 @@ |
163 | <span>附加说明</span> | 160 | <span>附加说明</span> |
164 | </td> | 161 | </td> |
165 | <td colspan="10" rowspan="2" > | 162 | <td colspan="10" rowspan="2" > |
166 | <el-input v-model="form.bz" type="textarea"></el-input> | 163 | <input class="formInput" v-model="form.bz" type="textarea"> |
167 | </td> | 164 | </td> |
168 | </tr> | 165 | </tr> |
169 | <tr height="30"> | 166 | <tr height="30"> |
... | @@ -174,7 +171,7 @@ | ... | @@ -174,7 +171,7 @@ |
174 | <span>调查意见</span> | 171 | <span>调查意见</span> |
175 | </td> | 172 | </td> |
176 | <td colspan="10" > | 173 | <td colspan="10" > |
177 | <el-input v-model="form.name"></el-input> | 174 | <input class="formInput" v-model="form.name"> |
178 | </td> | 175 | </td> |
179 | </tr> | 176 | </tr> |
180 | 177 | ||
... | @@ -183,7 +180,7 @@ | ... | @@ -183,7 +180,7 @@ |
183 | <span>审查员</span> | 180 | <span>审查员</span> |
184 | </td> | 181 | </td> |
185 | <td colspan="2" > | 182 | <td colspan="2" > |
186 | <el-input v-model="form.name"></el-input> | 183 | <input class="formInput" v-model="form.name"> |
187 | </td> | 184 | </td> |
188 | <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> | 185 | <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> |
189 | <span>审查日期</span> | 186 | <span>审查日期</span> |
... | @@ -481,10 +478,6 @@ | ... | @@ -481,10 +478,6 @@ |
481 | box-sizing: border-box; | 478 | box-sizing: border-box; |
482 | padding: 18px; | 479 | padding: 18px; |
483 | padding-bottom: 0; | 480 | padding-bottom: 0; |
484 | /deep/.el-input__inner{ | ||
485 | width: 100%; | ||
486 | border: 0; | ||
487 | } | ||
488 | 481 | ||
489 | /deep/textarea{ | 482 | /deep/textarea{ |
490 | width: 100%; | 483 | width: 100%; |
... | @@ -503,13 +496,12 @@ | ... | @@ -503,13 +496,12 @@ |
503 | } | 496 | } |
504 | 497 | ||
505 | td{ | 498 | td{ |
506 | //bgcolor:#F1F4FC; | 499 | height: 36px; |
507 | bgcolor:#fff; | 500 | width:8.33%; |
508 | width:8.33% | ||
509 | } | 501 | } |
510 | 502 | ||
511 | .el-select{ | 503 | .el-select{ |
512 | display:block; | 504 | width: 100%; |
513 | } | 505 | } |
514 | 506 | ||
515 | table{ | 507 | table{ |
... | @@ -518,6 +510,15 @@ | ... | @@ -518,6 +510,15 @@ |
518 | 510 | ||
519 | .dzTable{ | 511 | .dzTable{ |
520 | margin-top: 10px; | 512 | margin-top: 10px; |
513 | /deep/.el-input__inner { | ||
514 | margin: 0; | ||
515 | height: 36px; | ||
516 | outline: none; | ||
517 | border: none; | ||
518 | color: #606764; | ||
519 | overflow: visible; | ||
520 | text-align: center; | ||
521 | } | ||
521 | } | 522 | } |
522 | } | 523 | } |
523 | </style> | 524 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <div class="search"> | 3 | <div class="search"> |
4 | <el-row> | ||
5 | <el-col :span="24"> | ||
6 | <el-form :inline="true" class="demo-form-inline"> | 4 | <el-form :inline="true" class="demo-form-inline"> |
5 | <el-row> | ||
6 | <el-col :span="8"> | ||
7 | <el-form-item label="宗地编码"> | 7 | <el-form-item label="宗地编码"> |
8 | <el-input | 8 | <el-input |
9 | v-model="queryData.zddm" | 9 | v-model="queryData.zddm" |
10 | placeholder="输入宗地编码" | 10 | placeholder="输入宗地编码" |
11 | @change="query" | ||
12 | ></el-input> | 11 | ></el-input> |
13 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | ||
14 | <el-col :span="8"> | ||
14 | <el-form-item label="不动产权证号"> | 15 | <el-form-item label="不动产权证号"> |
15 | <el-input | 16 | <el-input |
16 | v-model="queryData.bdcqzh" | 17 | v-model="queryData.bdcqzh" |
17 | placeholder="输入坐落地址" | 18 | placeholder="输入坐落地址" |
18 | @change="query" | ||
19 | ></el-input> | 19 | ></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | ||
22 | <el-col :span="8"> | ||
21 | <el-form-item label="不动产单元号"> | 23 | <el-form-item label="不动产单元号"> |
22 | <el-input | 24 | <el-input |
23 | v-model="queryData.bdcdyh" | 25 | v-model="queryData.bdcdyh" |
24 | placeholder="输入不动产单元号" | 26 | placeholder="输入不动产单元号" |
25 | @change="query" | ||
26 | ></el-input> | 27 | ></el-input> |
27 | </el-form-item> | 28 | </el-form-item> |
29 | </el-col> | ||
30 | </el-row> | ||
31 | <el-row> | ||
32 | <el-col :span="8"> | ||
28 | <el-form-item label="权利人"> | 33 | <el-form-item label="权利人"> |
29 | <el-input | 34 | <el-input |
30 | v-model="queryData.qlrmc" | 35 | v-model="queryData.qlrmc" |
31 | placeholder="输入权利人姓名" | 36 | placeholder="输入权利人姓名" |
32 | @change="query" | ||
33 | ></el-input> | 37 | ></el-input> |
34 | </el-form-item> | 38 | </el-form-item> |
39 | </el-col> | ||
40 | <el-col :span="8"> | ||
35 | <el-form-item label="坐落"> | 41 | <el-form-item label="坐落"> |
36 | <el-input | 42 | <el-input |
37 | v-model="queryData.zl" | 43 | v-model="queryData.zl" |
38 | placeholder="输入坐落地址" | 44 | placeholder="输入坐落地址" |
39 | @change="query" | ||
40 | ></el-input> | 45 | ></el-input> |
41 | </el-form-item> | 46 | </el-form-item> |
42 | |||
43 | </el-form> | ||
44 | </el-col> | 47 | </el-col> |
45 | </el-row> | 48 | <el-col :span="8"> |
46 | <el-row> | 49 | <el-button type="primary" @click="search">查询</el-button> |
47 | <el-col :span="24"> | 50 | <el-button type="warning" style="margin-left:10px" @click="result">重置</el-button> |
48 | <el-form :inline="true" :model="queryData" class="demo-form-inline"> | ||
49 | <el-form-item class="demo-form-inline" label="查询范围"> | ||
50 | <el-checkbox-group v-model="queryData.dylxs" @change="query"> | ||
51 | <el-checkbox label="zd" name="type">宗地</el-checkbox> | ||
52 | <el-checkbox label="dz" name="type">多幢</el-checkbox> | ||
53 | <el-checkbox label="zrz" name="type">自然幢</el-checkbox> | ||
54 | <el-checkbox label="h" name="type">户</el-checkbox> | ||
55 | <el-checkbox label="gzw" name="type">构筑物</el-checkbox> | ||
56 | <el-checkbox label="lq" name="type">林权</el-checkbox> | ||
57 | <el-checkbox label="zh" name="type">宗海</el-checkbox> | ||
58 | </el-checkbox-group> | ||
59 | </el-form-item> | ||
60 | |||
61 | <el-button type="primary" @click="query">查询</el-button> | ||
62 | <el-button type="warning" @click="reset">重置</el-button> | ||
63 | </el-form> | ||
64 | </el-col> | ||
65 | <el-col :span="2"> | ||
66 | </el-col> | 51 | </el-col> |
67 | </el-row> | 52 | </el-row> |
53 | </el-form> | ||
68 | 54 | ||
69 | <el-table | 55 | <el-table :data="Data" :height="tableHeight"> |
70 | :data="Data" | ||
71 | :height="tableHeight" | ||
72 | :row-class-name="tableRowClassName" | ||
73 | > | ||
74 | <td class="xh">序号</td> | 56 | <td class="xh">序号</td> |
75 | <td class="cz">操作</td> | 57 | <td class="cz">操作</td> |
76 | <td class="zddm">宗地代码</td> | 58 | <td class="zddm">宗地代码</td> |
... | @@ -122,12 +104,12 @@ | ... | @@ -122,12 +104,12 @@ |
122 | </template> | 104 | </template> |
123 | 105 | ||
124 | <script> | 106 | <script> |
125 | import {getSearchList} from "./../../../../api/search"; | 107 | import { getSearchList } from "./../../../../api/search"; |
126 | import cxlzQueryData from "../../../../components/cxlxQueryData/cxlzQueryData"; | 108 | import cxlzQueryData from "../../../../components/cxlxQueryData/cxlzQueryData"; |
127 | 109 | ||
128 | export default { | 110 | export default { |
129 | name: "", | 111 | name: "", |
130 | components: {cxlzQueryData}, | 112 | components: { cxlzQueryData }, |
131 | props: {}, | 113 | props: {}, |
132 | data() { | 114 | data() { |
133 | return { | 115 | return { |
... | @@ -139,7 +121,7 @@ | ... | @@ -139,7 +121,7 @@ |
139 | bdcqzh: "", | 121 | bdcqzh: "", |
140 | dylxs: ["zrz"], | 122 | dylxs: ["zrz"], |
141 | qlrmc: "", | 123 | qlrmc: "", |
142 | qszt: "2", | 124 | qszt: ["2"], |
143 | xmmc: "", | 125 | xmmc: "", |
144 | zddm: "", | 126 | zddm: "", |
145 | zl: "", | 127 | zl: "", |
... | @@ -148,43 +130,48 @@ | ... | @@ -148,43 +130,48 @@ |
148 | }, | 130 | }, |
149 | Data: [], | 131 | Data: [], |
150 | dylxs: ["zd"], | 132 | dylxs: ["zd"], |
151 | tableHeight:0 | 133 | tableHeight: 0, |
152 | }; | 134 | }; |
153 | }, | 135 | }, |
154 | created() { | 136 | created() {}, |
155 | }, | ||
156 | mounted() { | 137 | mounted() { |
157 | this.getData(this.queryData); | 138 | this.getData(this.queryData); |
158 | if ((document.documentElement.clientWidth || document.body.clientWidth) < 1890) { | 139 | if ( |
159 | this.$nextTick(()=>{ | 140 | (document.documentElement.clientWidth || document.body.clientWidth) < 1890 |
160 | this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 355; | 141 | ) { |
161 | }) | 142 | this.$nextTick(() => { |
162 | }else{ | 143 | this.tableHeight = |
163 | this.$nextTick(()=>{ | 144 | (document.documentElement.clientHeight || |
164 | this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 304; | 145 | document.body.clientHeight) - 355; |
165 | }) | 146 | }); |
147 | } else { | ||
148 | this.$nextTick(() => { | ||
149 | this.tableHeight = | ||
150 | (document.documentElement.clientHeight || | ||
151 | document.body.clientHeight) - 304; | ||
152 | }); | ||
166 | } | 153 | } |
167 | }, | 154 | }, |
168 | methods: { | 155 | methods: { |
169 | currentChange: function (val) { | 156 | currentChange: function(val) { |
170 | console.log(`当前页: ${val}`); | 157 | console.log(`当前页: ${val}`); |
171 | this.queryData.pageNo = val; | 158 | this.queryData.pageNo = val; |
172 | this.getData(this.queryData); | 159 | this.getData(this.queryData); |
173 | }, | 160 | }, |
174 | xzzrz: function (item) { | 161 | xzzrz: function(item) { |
175 | this.centerDialogVisible = true; | 162 | this.centerDialogVisible = true; |
176 | this.zrzbsm = item.glbsm; | 163 | this.zrzbsm = item.glbsm; |
177 | }, | 164 | }, |
178 | close: function () { | 165 | close: function() { |
179 | this.centerDialogVisible = false; | 166 | this.centerDialogVisible = false; |
180 | }, | 167 | }, |
181 | result: function () { | 168 | result: function() { |
182 | this.queryData = { | 169 | this.queryData = { |
183 | bdcdyh: "", | 170 | bdcdyh: "", |
184 | bdcqzh: "", | 171 | bdcqzh: "", |
185 | dylxs: ["zrz"], | 172 | dylxs: ["zrz"], |
186 | qlrmc: "", | 173 | qlrmc: "", |
187 | qszt: "2", | 174 | qszt: ["2"], |
188 | xmmc: "", | 175 | xmmc: "", |
189 | zddm: "", | 176 | zddm: "", |
190 | zl: "", | 177 | zl: "", |
... | @@ -193,37 +180,38 @@ | ... | @@ -193,37 +180,38 @@ |
193 | }; | 180 | }; |
194 | this.getData(this.queryData); | 181 | this.getData(this.queryData); |
195 | }, | 182 | }, |
196 | getData: function (data) { | 183 | getData: function(data) { |
197 | getSearchList(data).then((res) => { | 184 | getSearchList(data).then((res) => { |
198 | this.Data = res.result.records; | 185 | this.Data = res.result.records; |
199 | this.total = res.result.total; | 186 | this.total = res.result.total; |
200 | }); | 187 | }); |
201 | }, | 188 | }, |
202 | search: function () { | 189 | search: function() { |
203 | this.getData(this.queryData); | 190 | this.getData(this.queryData); |
204 | }, | 191 | }, |
205 | }, | 192 | }, |
206 | computed: {}, | 193 | computed: {}, |
207 | watch: {}, | 194 | watch: {}, |
208 | }; | 195 | }; |
209 | </script> | 196 | </script> |
210 | <style scoped lang="less"> | 197 | <style scoped lang="less"> |
211 | .main { | 198 | .main { |
212 | box-sizing: border-box; | 199 | box-sizing: border-box; |
213 | padding: 18px; | 200 | padding: 18px; |
214 | height: auto; | 201 | height: auto; |
215 | } | 202 | } |
216 | 203 | ||
217 | table { | 204 | table { |
218 | margin-top: 10px; | 205 | margin-top: 10px; |
219 | background-color: #fff; | 206 | background-color: #fff; |
220 | font-size: 14px; | 207 | font-size: 14px; |
221 | width: 100%; | 208 | width: 100%; |
222 | table-layout: fixed; | 209 | table-layout: fixed; |
223 | tr:hover{ | 210 | tr:hover { |
224 | background-color: #F5F7FA; | 211 | background-color: #f5f7fa; |
225 | } | 212 | } |
226 | td, th { | 213 | td, |
214 | th { | ||
227 | text-align: center; | 215 | text-align: center; |
228 | height: 36px; | 216 | height: 36px; |
229 | min-width: 50px; | 217 | min-width: 50px; |
... | @@ -232,77 +220,88 @@ | ... | @@ -232,77 +220,88 @@ |
232 | -ms-text-overflow: ellipsis; | 220 | -ms-text-overflow: ellipsis; |
233 | text-overflow: ellipsis; | 221 | text-overflow: ellipsis; |
234 | } | 222 | } |
235 | } | 223 | } |
236 | 224 | ||
237 | table:hover { | 225 | table:hover { |
238 | cursor: pointer; | 226 | cursor: pointer; |
239 | } | 227 | } |
240 | 228 | ||
241 | .inputtitle { | 229 | .inputtitle { |
242 | line-height: 40px; | 230 | line-height: 40px; |
243 | span{ | 231 | span { |
244 | display: inline-block; | 232 | display: inline-block; |
245 | width: 120px; | 233 | width: 120px; |
246 | text-align: left; | 234 | text-align: left; |
247 | } | 235 | } |
248 | /deep/ .el-input{ | 236 | /deep/ .el-input { |
249 | width: calc(100% - 120px); | 237 | width: calc(100% - 120px); |
250 | } | 238 | } |
251 | } | 239 | } |
252 | 240 | ||
253 | .shop { | 241 | .shop { |
254 | margin-top: 20px; | 242 | margin-top: 20px; |
255 | } | 243 | } |
256 | 244 | ||
257 | .xh { | 245 | .xh { |
258 | width: 50px; | 246 | width: 50px; |
259 | } | 247 | } |
260 | 248 | ||
261 | .zddm { | 249 | .zddm { |
262 | width: 120px; | 250 | width: 120px; |
263 | } | 251 | } |
264 | 252 | ||
265 | .bdcdyh { | 253 | .bdcdyh { |
266 | width: 180px; | 254 | width: 180px; |
267 | } | 255 | } |
268 | 256 | ||
269 | .xmmc { | 257 | .xmmc { |
270 | width: 100px; | 258 | width: 100px; |
271 | } | 259 | } |
272 | 260 | ||
273 | .bdcqzh { | 261 | .bdcqzh { |
274 | width: 100px; | 262 | width: 100px; |
275 | } | 263 | } |
276 | 264 | ||
277 | .qlr { | 265 | .qlr { |
278 | width: 100px; | 266 | width: 100px; |
279 | } | 267 | } |
280 | 268 | ||
281 | .zl { | 269 | .zl { |
282 | width: 100px; | 270 | width: 100px; |
283 | } | 271 | } |
284 | 272 | ||
285 | .cz { | 273 | .cz { |
286 | width: 50px; | 274 | width: 50px; |
287 | span { | 275 | span { |
288 | color: blue; | 276 | color: blue; |
289 | } | 277 | } |
290 | } | 278 | } |
291 | 279 | ||
292 | .noData { | 280 | .noData { |
293 | color: #b2b2b2; | 281 | color: #b2b2b2; |
294 | } | 282 | } |
295 | 283 | ||
296 | .page { | 284 | .page { |
297 | position: fixed; | 285 | position: fixed; |
298 | bottom: 20px; | 286 | bottom: 20px; |
299 | width: auto; | 287 | width: auto; |
300 | height: auto; | 288 | height: auto; |
301 | } | 289 | } |
302 | /deep/ .el-form-item__label{ | 290 | /deep/ .el-form-item__label { |
303 | width: 96px; | 291 | width: 96px; |
304 | } | 292 | } |
305 | /deep/ .el-form{ | 293 | /deep/ .el-form { |
306 | margin-left: -28px; | 294 | margin-left: -28px; |
295 | .el-button{ | ||
296 | margin: 0 22px; | ||
297 | } | ||
298 | } | ||
299 | .el-form-item{ | ||
300 | width: 100%; | ||
301 | box-sizing: border-box; | ||
302 | padding: 0 20px; | ||
303 | /deep/.el-form-item__content{ | ||
304 | width: calc(100% - 96px); | ||
307 | } | 305 | } |
306 | } | ||
308 | </style> | 307 | </style> | ... | ... |
... | @@ -57,7 +57,15 @@ | ... | @@ -57,7 +57,15 @@ |
57 | <th class="zxx">幢信息</th> | 57 | <th class="zxx">幢信息</th> |
58 | </tr> | 58 | </tr> |
59 | <tr v-for="(item,index) in fghData.newZdlist" :key="index"> | 59 | <tr v-for="(item,index) in fghData.newZdlist" :key="index"> |
60 | <td @click="delRow(index)" class="cz">-</td> | 60 | <td class="cz"> |
61 | <el-button | ||
62 | type="primary" | ||
63 | class="changeBtn outMinus addMinus" | ||
64 | @click="delRow(index)" | ||
65 | >- | ||
66 | </el-button | ||
67 | > | ||
68 | </td> | ||
61 | <td class="xzq"> | 69 | <td class="xzq"> |
62 | <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> | 70 | <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> |
63 | <el-option | 71 | <el-option |
... | @@ -117,7 +125,15 @@ | ... | @@ -117,7 +125,15 @@ |
117 | </td> | 125 | </td> |
118 | </tr> | 126 | </tr> |
119 | <tr> | 127 | <tr> |
120 | <td @click="addRow">+</td> | 128 | <td> |
129 | <el-button | ||
130 | type="primary" | ||
131 | class="changeBtn outAdd addMinus" | ||
132 | @click="addRow" | ||
133 | >+ | ||
134 | </el-button | ||
135 | > | ||
136 | </td> | ||
121 | <td></td> | 137 | <td></td> |
122 | <td></td> | 138 | <td></td> |
123 | <td></td> | 139 | <td></td> |
... | @@ -170,8 +186,8 @@ | ... | @@ -170,8 +186,8 @@ |
170 | </div> | 186 | </div> |
171 | </el-dialog> | 187 | </el-dialog> |
172 | 188 | ||
173 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :isZdClose="true" | 189 | <zd-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :isZdClose="true" |
174 | @close="close"></query-data> | 190 | @close="close"></zd-query-data> |
175 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> | 191 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
176 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> | 192 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> |
177 | </div> | 193 | </div> |
... | @@ -233,7 +249,15 @@ | ... | @@ -233,7 +249,15 @@ |
233 | <th class="zxx">幢信息</th> | 249 | <th class="zxx">幢信息</th> |
234 | </tr> | 250 | </tr> |
235 | <tr v-for="(item,index) in fghData.newZdlist" :key="index"> | 251 | <tr v-for="(item,index) in fghData.newZdlist" :key="index"> |
236 | <td @click="delRow(index)" class="cz">-</td> | 252 | <td class="cz"> |
253 | <el-button | ||
254 | type="primary" | ||
255 | class="changeBtn outMinus addMinus" | ||
256 | @click="delRow(index)" | ||
257 | >- | ||
258 | </el-button | ||
259 | > | ||
260 | </td> | ||
237 | <td class="xzq"> | 261 | <td class="xzq"> |
238 | <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> | 262 | <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> |
239 | <el-option | 263 | <el-option |
... | @@ -293,7 +317,14 @@ | ... | @@ -293,7 +317,14 @@ |
293 | </td> | 317 | </td> |
294 | </tr> | 318 | </tr> |
295 | <tr> | 319 | <tr> |
296 | <td @click="addRow">+</td> | 320 | <td> |
321 | <el-button | ||
322 | type="primary" | ||
323 | class="changeBtn outAdd addMinus" | ||
324 | @click="addRow" | ||
325 | >+ | ||
326 | </el-button> | ||
327 | </td> | ||
297 | <td></td> | 328 | <td></td> |
298 | <td></td> | 329 | <td></td> |
299 | <td></td> | 330 | <td></td> |
... | @@ -409,7 +440,16 @@ | ... | @@ -409,7 +440,16 @@ |
409 | <th class="zxx">幢信息</th> | 440 | <th class="zxx">幢信息</th> |
410 | </tr> | 441 | </tr> |
411 | <tr v-for="(item,index) in fghData.newZdlist" :key="index"> | 442 | <tr v-for="(item,index) in fghData.newZdlist" :key="index"> |
412 | <td @click="delRow(index)" class="cz">-</td> | 443 | |
444 | <td class="cz"> | ||
445 | <el-button | ||
446 | type="primary" | ||
447 | class="changeBtn outMinus addMinus" | ||
448 | @click="delRow(index)" | ||
449 | >- | ||
450 | </el-button | ||
451 | > | ||
452 | </td> | ||
413 | <td class="xzq"> | 453 | <td class="xzq"> |
414 | <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> | 454 | <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> |
415 | <el-option | 455 | <el-option |
... | @@ -469,7 +509,14 @@ | ... | @@ -469,7 +509,14 @@ |
469 | </td> | 509 | </td> |
470 | </tr> | 510 | </tr> |
471 | <tr> | 511 | <tr> |
472 | <td @click="addRow">+</td> | 512 | <td> |
513 | <el-button | ||
514 | type="primary" | ||
515 | class="changeBtn outAdd addMinus" | ||
516 | @click="addRow" | ||
517 | >+ | ||
518 | </el-button> | ||
519 | </td> | ||
473 | <td></td> | 520 | <td></td> |
474 | <td></td> | 521 | <td></td> |
475 | <td></td> | 522 | <td></td> |
... | @@ -531,19 +578,6 @@ | ... | @@ -531,19 +578,6 @@ |
531 | </el-tab-pane> | 578 | </el-tab-pane> |
532 | </el-tabs> | 579 | </el-tabs> |
533 | </div> | 580 | </div> |
534 | <!-- <div class="lpb"> | ||
535 | <el-tabs v-model="activeName" type="card" @tab-click="handleClick"> | ||
536 | <el-tab-pane label="编辑楼盘" name="edit"> | ||
537 | <bjlp></bjlp> | ||
538 | </el-tab-pane> | ||
539 | <el-tab-pane label="预览楼盘" name="preview"> | ||
540 | <yllp></yllp> | ||
541 | </el-tab-pane> | ||
542 | <el-tab-pane label="详细信息" name="detail"> | ||
543 | <xxxx></xxxx> | ||
544 | </el-tab-pane> | ||
545 | </el-tabs> | ||
546 | </div> --> | ||
547 | </template> | 581 | </template> |
548 | 582 | ||
549 | <script> | 583 | <script> |
... | @@ -555,12 +589,13 @@ | ... | @@ -555,12 +589,13 @@ |
555 | } from "./../../../../api/common"; | 589 | } from "./../../../../api/common"; |
556 | import {getQjZdjbxxDetailById} from './../../../../api/zd' | 590 | import {getQjZdjbxxDetailById} from './../../../../api/zd' |
557 | import QueryData from './../../../../components/queryData/queryData' | 591 | import QueryData from './../../../../components/queryData/queryData' |
592 | import zdQueryData from './../../../../components/zdQueryData/zdQueryData' | ||
558 | import {zdfg} from './../../../../api/zd' | 593 | import {zdfg} from './../../../../api/zd' |
559 | import {Message} from 'element-ui' | 594 | import {Message} from 'element-ui' |
560 | 595 | ||
561 | export default { | 596 | export default { |
562 | name: "", | 597 | name: "", |
563 | components: {QueryData}, | 598 | components: {QueryData,zdQueryData}, |
564 | props: {}, | 599 | props: {}, |
565 | data() { | 600 | data() { |
566 | return { | 601 | return { |
... | @@ -964,7 +999,7 @@ | ... | @@ -964,7 +999,7 @@ |
964 | width: 100px; | 999 | width: 100px; |
965 | } | 1000 | } |
966 | 1001 | ||
967 | .xzq, .djq, djzq { | 1002 | .xzq, .djq, .djzq { |
968 | width: 150px; | 1003 | width: 150px; |
969 | } | 1004 | } |
970 | </style> | 1005 | </style> | ... | ... |
... | @@ -69,7 +69,7 @@ export default { | ... | @@ -69,7 +69,7 @@ export default { |
69 | props: {}, | 69 | props: {}, |
70 | data() { | 70 | data() { |
71 | return { | 71 | return { |
72 | qszt: 2, | 72 | qszt: ['2'], |
73 | total: 0, | 73 | total: 0, |
74 | pageNo: 1, | 74 | pageNo: 1, |
75 | pageSize: 10, | 75 | pageSize: 10, |
... | @@ -121,30 +121,31 @@ export default { | ... | @@ -121,30 +121,31 @@ export default { |
121 | }, | 121 | }, |
122 | //点击办理 | 122 | //点击办理 |
123 | handleClick(row) { | 123 | handleClick(row) { |
124 | console.log("fwsxbg"); | 124 | let params = { bsm: row.glbsm, type: row.dylx }; |
125 | console.log(row); | 125 | this.$confirm('是否确定范围属性变更?', '提示', { |
126 | var params = { bsm: row.glbsm, type: row.dylx }; | 126 | confirmButtonText: '确定', |
127 | cancelButtonText: '取消', | ||
128 | type: 'warning' | ||
129 | }).then(() => { | ||
127 | fwsxbgbl(params) | 130 | fwsxbgbl(params) |
128 | .then((res) => { | 131 | .then((res) => { |
129 | if (res.code == 200) { | 132 | if (res.code == 200) { |
130 | this.$message({ | 133 | this.$message({ |
131 | message: res.message, | 134 | message: res.message, |
132 | type: "success", | 135 | type: "变更成功", |
133 | }); | 136 | }); |
134 | var newGlbsm=res.result; | ||
135 | |||
136 | let path = ""; | 137 | let path = ""; |
137 | switch (row.dylx) { | 138 | switch (row.dylx) { |
138 | case "zrz": | 139 | case "zrz": |
139 | this.$store.state.zrzbsm = newGlbsm; | 140 | this.$store.state.zrzbsm = res.result; |
140 | path = "/zrz"; | 141 | path = "/zrz"; |
141 | break; | 142 | break; |
142 | case "zd": | 143 | case "zd": |
143 | this.$store.state.zdbsm = newGlbsm; | 144 | this.$store.state.zdbsm = res.result; |
144 | path = "/zd"; | 145 | path = "/zd"; |
145 | break; | 146 | break; |
146 | case "dz": | 147 | case "dz": |
147 | this.$store.state.dzbsm = newGlbsm; | 148 | this.$store.state.dzbsm = res.result; |
148 | path = "/dz"; | 149 | path = "/dz"; |
149 | break; | 150 | break; |
150 | default: | 151 | default: |
... | @@ -170,6 +171,9 @@ export default { | ... | @@ -170,6 +171,9 @@ export default { |
170 | type: "error", | 171 | type: "error", |
171 | }); | 172 | }); |
172 | }); | 173 | }); |
174 | }).catch(() => { | ||
175 | |||
176 | }); | ||
173 | 177 | ||
174 | }, | 178 | }, |
175 | }, | 179 | }, | ... | ... |
... | @@ -3,14 +3,9 @@ | ... | @@ -3,14 +3,9 @@ |
3 | <el-tabs v-model="tabName" class="menu" @tab-click="handleClick"> | 3 | <el-tabs v-model="tabName" class="menu" @tab-click="handleClick"> |
4 | <el-tab-pane label="宗地合并" name="zd"> | 4 | <el-tab-pane label="宗地合并" name="zd"> |
5 | <div class="hb-tabs"> | 5 | <div class="hb-tabs"> |
6 | |||
7 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> | 6 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> |
8 | <div class="header"> | 7 | <div class="hbq"> |
9 | <span>合并后项目名称</span> | 8 | <span class="tips">合并前宗地信息</span> |
10 | <el-input></el-input> | ||
11 | </div> | ||
12 | |||
13 | <div class="table"> | ||
14 | <table border="1"> | 9 | <table border="1"> |
15 | <tr> | 10 | <tr> |
16 | <td class="xh">序号</td> | 11 | <td class="xh">序号</td> |
... | @@ -28,17 +23,95 @@ | ... | @@ -28,17 +23,95 @@ |
28 | </tr> | 23 | </tr> |
29 | <tr v-else v-for="(item,index) in bgqData" :key="index"> | 24 | <tr v-else v-for="(item,index) in bgqData" :key="index"> |
30 | <td class="xh">{{index+1}}</td> | 25 | <td class="xh">{{index+1}}</td> |
31 | <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td> | 26 | <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" |
32 | <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td> | 27 | readonly="readonly"/></td> |
33 | <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td> | 28 | <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" |
34 | <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td> | 29 | readonly="readonly"/></td> |
35 | <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td> | 30 | <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" |
36 | <td class="zl"><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> | 31 | readonly="readonly"/></td> |
32 | <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" | ||
33 | readonly="readonly"/></td> | ||
34 | <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" | ||
35 | readonly="readonly"/></td> | ||
36 | <td class="zl"><input type="text" class="formInput" v-model="item.zl" | ||
37 | readonly="readonly"/></td> | ||
37 | </tr> | 38 | </tr> |
38 | </table> | 39 | </table> |
39 | </div> | 40 | </div> |
40 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" | 41 | <div class="hbh"> |
41 | @close="close"></query-data> | 42 | <span class="tips">合并后宗地信息</span> |
43 | <table border="1"> | ||
44 | <tr> | ||
45 | <th class="xzq">行政区</th> | ||
46 | <th class="djq">地籍区</th> | ||
47 | <th class="djzq">地籍子区</th> | ||
48 | <th class="syqlx">所有权类型</th> | ||
49 | <th class="tdtzm">土地特征码</th> | ||
50 | <th class="xmmc">项目名称</th> | ||
51 | <th class="zxx">幢信息</th> | ||
52 | </tr> | ||
53 | <tr> | ||
54 | <td class="xzq"> | ||
55 | <el-select v-model="hbhData.xzqbsm" @change="changeXzq(hbhData.xzqbsm)"> | ||
56 | <el-option | ||
57 | v-for="i in xzq" | ||
58 | :key="i.bsm" | ||
59 | :label="i.mc" | ||
60 | :value="i.bsm" | ||
61 | ></el-option> | ||
62 | </el-select> | ||
63 | </td> | ||
64 | <td class="djq"> | ||
65 | <el-select v-model="hbhData.djqbsm" @change="changeDjq(hbhData.djqbsm)"> | ||
66 | <el-option | ||
67 | v-for="i in djq" | ||
68 | :key="i.bsm" | ||
69 | :label="i.mc" | ||
70 | :value="i.bsm" | ||
71 | ></el-option> | ||
72 | </el-select> | ||
73 | </td> | ||
74 | <td class="syqlx"> | ||
75 | <el-select v-model="hbhData.djzqbsm"> | ||
76 | <el-option | ||
77 | v-for="i in djzq" | ||
78 | :key="i.bsm" | ||
79 | :label="i.mc" | ||
80 | :value="i.bsm" | ||
81 | ></el-option> | ||
82 | </el-select> | ||
83 | </td> | ||
84 | <td class="tdtzm"> | ||
85 | <el-select v-model="hbhData.syqlxbsm"> | ||
86 | <el-option | ||
87 | v-for="i in syq" | ||
88 | :key="i.value" | ||
89 | :label="i.label" | ||
90 | :value="i.value" | ||
91 | ></el-option> | ||
92 | </el-select> | ||
93 | </td> | ||
94 | <td class="syqlx"> | ||
95 | <el-select v-model="hbhData.zdtzmbsm"> | ||
96 | <el-option | ||
97 | v-for="i in tdtzm" | ||
98 | :key="i.bsm" | ||
99 | :label="i.mc" | ||
100 | :value="i.bsm" | ||
101 | ></el-option> | ||
102 | </el-select> | ||
103 | </td> | ||
104 | <td class="xmmc"> | ||
105 | <input type="text" v-model="hbhData.xmmc" class="formInput"/> | ||
106 | </td> | ||
107 | <td class="zxx"> | ||
108 | <span class="xz">选择</span> | ||
109 | </td> | ||
110 | </tr> | ||
111 | </table> | ||
112 | </div> | ||
113 | <zd-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" | ||
114 | @close="close"></zd-query-data> | ||
42 | 115 | ||
43 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> | 116 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
44 | <el-button type="primary" class="saveBtn">保存</el-button> | 117 | <el-button type="primary" class="saveBtn">保存</el-button> |
... | @@ -48,11 +121,8 @@ | ... | @@ -48,11 +121,8 @@ |
48 | <el-tab-pane label="多幢合并" name="dz"> | 121 | <el-tab-pane label="多幢合并" name="dz"> |
49 | <div class="hb-tabs"> | 122 | <div class="hb-tabs"> |
50 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> | 123 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> |
51 | <div class="header"> | 124 | <div class="hbq"> |
52 | <span>合并后项目名称</span> | 125 | <span class="tips">合并前宗地信息</span> |
53 | <el-input></el-input> | ||
54 | </div> | ||
55 | <div class="table"> | ||
56 | <table border="1"> | 126 | <table border="1"> |
57 | <tr> | 127 | <tr> |
58 | <td class="xh">序号</td> | 128 | <td class="xh">序号</td> |
... | @@ -70,12 +140,90 @@ | ... | @@ -70,12 +140,90 @@ |
70 | </tr> | 140 | </tr> |
71 | <tr v-else v-for="(item,index) in bgqData" :key="index"> | 141 | <tr v-else v-for="(item,index) in bgqData" :key="index"> |
72 | <td class="xh">{{index+1}}</td> | 142 | <td class="xh">{{index+1}}</td> |
73 | <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td> | 143 | <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" |
74 | <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td> | 144 | readonly="readonly"/></td> |
75 | <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td> | 145 | <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" |
76 | <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td> | 146 | readonly="readonly"/></td> |
77 | <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td> | 147 | <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" |
78 | <td class="zl"><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> | 148 | readonly="readonly"/></td> |
149 | <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" | ||
150 | readonly="readonly"/></td> | ||
151 | <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" | ||
152 | readonly="readonly"/></td> | ||
153 | <td class="zl"><input type="text" class="formInput" v-model="item.zl" | ||
154 | readonly="readonly"/></td> | ||
155 | </tr> | ||
156 | </table> | ||
157 | </div> | ||
158 | <div class="hbh"> | ||
159 | <span class="tips">合并后宗地信息</span> | ||
160 | <table border="1"> | ||
161 | <tr> | ||
162 | <th class="xzq">行政区</th> | ||
163 | <th class="djq">地籍区</th> | ||
164 | <th class="djzq">地籍子区</th> | ||
165 | <th class="syqlx">所有权类型</th> | ||
166 | <th class="tdtzm">土地特征码</th> | ||
167 | <th class="xmmc">项目名称</th> | ||
168 | <th class="zxx">幢信息</th> | ||
169 | </tr> | ||
170 | <tr> | ||
171 | <td class="xzq"> | ||
172 | <el-select v-model="hbhData.xzqbsm" @change="changeXzq(hbhData.xzqbsm)"> | ||
173 | <el-option | ||
174 | v-for="i in xzq" | ||
175 | :key="i.bsm" | ||
176 | :label="i.mc" | ||
177 | :value="i.bsm" | ||
178 | ></el-option> | ||
179 | </el-select> | ||
180 | </td> | ||
181 | <td class="djq"> | ||
182 | <el-select v-model="hbhData.djqbsm" @change="changeDjq(hbhData.djqbsm)"> | ||
183 | <el-option | ||
184 | v-for="i in djq" | ||
185 | :key="i.bsm" | ||
186 | :label="i.mc" | ||
187 | :value="i.bsm" | ||
188 | ></el-option> | ||
189 | </el-select> | ||
190 | </td> | ||
191 | <td class="syqlx"> | ||
192 | <el-select v-model="hbhData.djzqbsm"> | ||
193 | <el-option | ||
194 | v-for="i in djzq" | ||
195 | :key="i.bsm" | ||
196 | :label="i.mc" | ||
197 | :value="i.bsm" | ||
198 | ></el-option> | ||
199 | </el-select> | ||
200 | </td> | ||
201 | <td class="tdtzm"> | ||
202 | <el-select v-model="hbhData.syqlxbsm"> | ||
203 | <el-option | ||
204 | v-for="i in syq" | ||
205 | :key="i.value" | ||
206 | :label="i.label" | ||
207 | :value="i.value" | ||
208 | ></el-option> | ||
209 | </el-select> | ||
210 | </td> | ||
211 | <td class="syqlx"> | ||
212 | <el-select v-model="hbhData.zdtzmbsm"> | ||
213 | <el-option | ||
214 | v-for="i in tdtzm" | ||
215 | :key="i.bsm" | ||
216 | :label="i.mc" | ||
217 | :value="i.bsm" | ||
218 | ></el-option> | ||
219 | </el-select> | ||
220 | </td> | ||
221 | <td class="xmmc"> | ||
222 | <input type="text" v-model="hbhData.xmmc" class="formInput"/> | ||
223 | </td> | ||
224 | <td class="zxx"> | ||
225 | <span class="xz">选择</span> | ||
226 | </td> | ||
79 | </tr> | 227 | </tr> |
80 | </table> | 228 | </table> |
81 | </div> | 229 | </div> |
... | @@ -89,11 +237,8 @@ | ... | @@ -89,11 +237,8 @@ |
89 | <el-tab-pane label="户合并" name="h"> | 237 | <el-tab-pane label="户合并" name="h"> |
90 | <div class="hb-tabs"> | 238 | <div class="hb-tabs"> |
91 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> | 239 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> |
92 | <div class="header"> | 240 | <div class="hbq"> |
93 | <span>合并后项目名称</span> | 241 | <span class="tips">合并前宗地信息</span> |
94 | <el-input></el-input> | ||
95 | </div> | ||
96 | <div class="table"> | ||
97 | <table border="1"> | 242 | <table border="1"> |
98 | <tr> | 243 | <tr> |
99 | <td class="xh">序号</td> | 244 | <td class="xh">序号</td> |
... | @@ -111,12 +256,90 @@ | ... | @@ -111,12 +256,90 @@ |
111 | </tr> | 256 | </tr> |
112 | <tr v-else v-for="(item,index) in bgqData" :key="index"> | 257 | <tr v-else v-for="(item,index) in bgqData" :key="index"> |
113 | <td class="xh">{{index+1}}</td> | 258 | <td class="xh">{{index+1}}</td> |
114 | <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td> | 259 | <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" |
115 | <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td> | 260 | readonly="readonly"/></td> |
116 | <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td> | 261 | <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" |
117 | <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td> | 262 | readonly="readonly"/></td> |
118 | <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td> | 263 | <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" |
119 | <td class="zl"><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> | 264 | readonly="readonly"/></td> |
265 | <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" | ||
266 | readonly="readonly"/></td> | ||
267 | <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" | ||
268 | readonly="readonly"/></td> | ||
269 | <td class="zl"><input type="text" class="formInput" v-model="item.zl" | ||
270 | readonly="readonly"/></td> | ||
271 | </tr> | ||
272 | </table> | ||
273 | </div> | ||
274 | <div class="hbh"> | ||
275 | <span class="tips">合并后宗地信息</span> | ||
276 | <table border="1"> | ||
277 | <tr> | ||
278 | <th class="xzq">行政区</th> | ||
279 | <th class="djq">地籍区</th> | ||
280 | <th class="djzq">地籍子区</th> | ||
281 | <th class="syqlx">所有权类型</th> | ||
282 | <th class="tdtzm">土地特征码</th> | ||
283 | <th class="xmmc">项目名称</th> | ||
284 | <th class="zxx">幢信息</th> | ||
285 | </tr> | ||
286 | <tr> | ||
287 | <td class="xzq"> | ||
288 | <el-select v-model="hbhData.xzqbsm" @change="changeXzq(hbhData.xzqbsm)"> | ||
289 | <el-option | ||
290 | v-for="i in xzq" | ||
291 | :key="i.bsm" | ||
292 | :label="i.mc" | ||
293 | :value="i.bsm" | ||
294 | ></el-option> | ||
295 | </el-select> | ||
296 | </td> | ||
297 | <td class="djq"> | ||
298 | <el-select v-model="hbhData.djqbsm" @change="changeDjq(hbhData.djqbsm)"> | ||
299 | <el-option | ||
300 | v-for="i in djq" | ||
301 | :key="i.bsm" | ||
302 | :label="i.mc" | ||
303 | :value="i.bsm" | ||
304 | ></el-option> | ||
305 | </el-select> | ||
306 | </td> | ||
307 | <td class="syqlx"> | ||
308 | <el-select v-model="hbhData.djzqbsm"> | ||
309 | <el-option | ||
310 | v-for="i in djzq" | ||
311 | :key="i.bsm" | ||
312 | :label="i.mc" | ||
313 | :value="i.bsm" | ||
314 | ></el-option> | ||
315 | </el-select> | ||
316 | </td> | ||
317 | <td class="tdtzm"> | ||
318 | <el-select v-model="hbhData.syqlxbsm"> | ||
319 | <el-option | ||
320 | v-for="i in syq" | ||
321 | :key="i.value" | ||
322 | :label="i.label" | ||
323 | :value="i.value" | ||
324 | ></el-option> | ||
325 | </el-select> | ||
326 | </td> | ||
327 | <td class="syqlx"> | ||
328 | <el-select v-model="hbhData.zdtzmbsm"> | ||
329 | <el-option | ||
330 | v-for="i in tdtzm" | ||
331 | :key="i.bsm" | ||
332 | :label="i.mc" | ||
333 | :value="i.bsm" | ||
334 | ></el-option> | ||
335 | </el-select> | ||
336 | </td> | ||
337 | <td class="xmmc"> | ||
338 | <input type="text" v-model="hbhData.xmmc" class="formInput"/> | ||
339 | </td> | ||
340 | <td class="zxx"> | ||
341 | <span class="xz">选择</span> | ||
342 | </td> | ||
120 | </tr> | 343 | </tr> |
121 | </table> | 344 | </table> |
122 | </div> | 345 | </div> |
... | @@ -132,28 +355,102 @@ | ... | @@ -132,28 +355,102 @@ |
132 | </template> | 355 | </template> |
133 | 356 | ||
134 | <script> | 357 | <script> |
358 | import { | ||
359 | getAllList, | ||
360 | getListByXzqbsm, | ||
361 | getListByPbsm, | ||
362 | getDdicByMC | ||
363 | } from "./../../../../api/common"; | ||
135 | import QueryData from './../../../../components/queryData/queryData' | 364 | import QueryData from './../../../../components/queryData/queryData' |
365 | import zdQueryData from './../../../../components/zdQueryData/zdQueryData' | ||
136 | 366 | ||
137 | export default { | 367 | export default { |
138 | name: "", | 368 | name: "", |
139 | components: {QueryData}, | 369 | components: {QueryData,zdQueryData}, |
140 | props: {}, | 370 | props: {}, |
141 | data() { | 371 | data() { |
142 | return { | 372 | return { |
143 | tabName: 'zd', | 373 | tabName: 'zd', |
144 | centerDialogVisible: false, | 374 | centerDialogVisible: false, |
145 | bgqData: [], | 375 | bgqData: [], |
146 | fgBoxWidth:0 | 376 | hbhData: {}, |
377 | fgBoxWidth: 0, | ||
378 | xzq: [], | ||
379 | djq: [], | ||
380 | djzq: [], | ||
381 | tdtzm: [], | ||
382 | syq: [ | ||
383 | { | ||
384 | label: "国家所有", | ||
385 | value: "G", | ||
386 | }, | ||
387 | { | ||
388 | label: "集体所有", | ||
389 | value: "J", | ||
390 | }, | ||
391 | { | ||
392 | label: "土地所有权未确定或有争议", | ||
393 | value: "Z", | ||
394 | } | ||
395 | ], | ||
147 | } | 396 | } |
148 | }, | 397 | }, |
149 | created() { | 398 | created() { |
150 | }, | 399 | }, |
151 | mounted() { | 400 | mounted() { |
152 | this.$nextTick(()=>{ | 401 | this.getXzqList(); |
402 | this.getzdtzm(); | ||
403 | this.$nextTick(() => { | ||
153 | this.fgBoxWidth = this.$refs.hbBox.clientWidth; | 404 | this.fgBoxWidth = this.$refs.hbBox.clientWidth; |
154 | }) | 405 | }) |
155 | }, | 406 | }, |
156 | methods: { | 407 | methods: { |
408 | getzdtzm() { | ||
409 | getDdicByMC('宗地(宗海)特征码').then(res => { | ||
410 | this.tdtzm = res.result | ||
411 | }) | ||
412 | }, | ||
413 | getXzqList() { | ||
414 | getAllList() | ||
415 | .then((res) => { | ||
416 | this.xzq = res.result; | ||
417 | }) | ||
418 | .catch((error) => { | ||
419 | }); | ||
420 | }, | ||
421 | changeXzq(id) { | ||
422 | this.djq = []; | ||
423 | this.djzq = []; | ||
424 | this.hbhData.djqbsm = '' | ||
425 | this.hbhData.djzqbsm = '' | ||
426 | getListByXzqbsm(id) | ||
427 | .then((res) => { | ||
428 | if (res.result == null) { | ||
429 | this.djq = null; | ||
430 | } else { | ||
431 | this.djq = res.result; | ||
432 | } | ||
433 | }) | ||
434 | .catch((error) => { | ||
435 | }); | ||
436 | }, | ||
437 | changeDjq(item) { | ||
438 | this.djzq = []; | ||
439 | this.hbhData.djzqbsm = '' | ||
440 | if (item == null) { | ||
441 | } else { | ||
442 | getListByPbsm(item) | ||
443 | .then((res) => { | ||
444 | if (res.result == null) { | ||
445 | this.djzq = null; | ||
446 | } else { | ||
447 | this.djzq = res.result; | ||
448 | } | ||
449 | }) | ||
450 | .catch((error) => { | ||
451 | }); | ||
452 | } | ||
453 | }, | ||
157 | handleClick(tab, event) { | 454 | handleClick(tab, event) { |
158 | console.log(tab, event); | 455 | console.log(tab, event); |
159 | }, | 456 | }, |
... | @@ -177,14 +474,14 @@ | ... | @@ -177,14 +474,14 @@ |
177 | </script> | 474 | </script> |
178 | <style scoped lang="less"> | 475 | <style scoped lang="less"> |
179 | 476 | ||
180 | .hb{ | 477 | .hb { |
181 | .menu{ | 478 | .menu { |
182 | /deep/.el-tabs__content{ | 479 | /deep/ .el-tabs__content { |
183 | position: unset; | 480 | position: unset; |
184 | margin-top: 62px; | 481 | margin-top: 62px; |
185 | overflow: visible; | 482 | overflow: visible; |
186 | } | 483 | } |
187 | /deep/.el-tabs__header{ | 484 | /deep/ .el-tabs__header { |
188 | position: -webkit-fixed; | 485 | position: -webkit-fixed; |
189 | position: fixed; | 486 | position: fixed; |
190 | top: 120px; | 487 | top: 120px; |
... | @@ -192,16 +489,16 @@ | ... | @@ -192,16 +489,16 @@ |
192 | width: 100%; | 489 | width: 100%; |
193 | margin-bottom: 0; | 490 | margin-bottom: 0; |
194 | border: 0; | 491 | border: 0; |
195 | /deep/.el-tabs__nav-scroll{ | 492 | /deep/ .el-tabs__nav-scroll { |
196 | height: 50px; | 493 | height: 50px; |
197 | box-sizing: border-box; | 494 | box-sizing: border-box; |
198 | padding-left: 20px; | 495 | padding-left: 20px; |
199 | .el-tabs__active-bar{ | 496 | .el-tabs__active-bar { |
200 | display: none; | 497 | display: none; |
201 | } | 498 | } |
202 | >.el-tabs__nav{ | 499 | > .el-tabs__nav { |
203 | border: 0; | 500 | border: 0; |
204 | >.el-tabs__item{ | 501 | > .el-tabs__item { |
205 | border: 1px solid #DEDEDE; | 502 | border: 1px solid #DEDEDE; |
206 | height: 36px; | 503 | height: 36px; |
207 | line-height: 36px; | 504 | line-height: 36px; |
... | @@ -209,24 +506,25 @@ | ... | @@ -209,24 +506,25 @@ |
209 | margin: 9px 10px 9px 0; | 506 | margin: 9px 10px 9px 0; |
210 | background-color: #ffffff; | 507 | background-color: #ffffff; |
211 | } | 508 | } |
212 | .is-active{ | 509 | .is-active { |
213 | color: #006CFF; | 510 | color: #006CFF; |
214 | border: 1px solid #006CFF; | 511 | border: 1px solid #006CFF; |
215 | } | 512 | } |
216 | } | 513 | } |
217 | } | 514 | } |
218 | /deep/.el-tabs__nav-wrap::after{ | 515 | /deep/ .el-tabs__nav-wrap::after { |
219 | width: 0; | 516 | width: 0; |
220 | } | 517 | } |
221 | } | 518 | } |
222 | } | 519 | } |
223 | } | 520 | } |
521 | |||
224 | .hb-tabs { | 522 | .hb-tabs { |
225 | height: auto; | 523 | height: auto; |
226 | width: 100%; | 524 | width: 100%; |
227 | position: relative; | 525 | position: relative; |
228 | 526 | ||
229 | .addBtn{ | 527 | .addBtn { |
230 | position: absolute; | 528 | position: absolute; |
231 | right: 30px; | 529 | right: 30px; |
232 | top: -46px; | 530 | top: -46px; |
... | @@ -255,18 +553,14 @@ | ... | @@ -255,18 +553,14 @@ |
255 | text-align: center; | 553 | text-align: center; |
256 | background-color: #ffffff; | 554 | background-color: #ffffff; |
257 | } | 555 | } |
258 | .table{ | ||
259 | box-sizing: border-box; | ||
260 | padding: 0 18px; | ||
261 | } | ||
262 | table { | 556 | table { |
263 | margin-top: 10px; | 557 | margin-top: 10px; |
264 | background-color: #fff; | 558 | background-color: #fff; |
265 | font-size: 14px; | 559 | font-size: 14px; |
266 | width: 100%; | 560 | width: 100%; |
267 | tr:nth-of-type(odd){ | 561 | tr:nth-of-type(odd) { |
268 | background: #FAFAFA; | 562 | background: #FAFAFA; |
269 | th{ | 563 | th { |
270 | height: 36px; | 564 | height: 36px; |
271 | } | 565 | } |
272 | } | 566 | } |
... | @@ -280,7 +574,7 @@ | ... | @@ -280,7 +574,7 @@ |
280 | text-align: center; | 574 | text-align: center; |
281 | cursor: text; | 575 | cursor: text; |
282 | } | 576 | } |
283 | tr:hover{ | 577 | tr:hover { |
284 | background-color: #F5F7FA; | 578 | background-color: #F5F7FA; |
285 | } | 579 | } |
286 | 580 | ||
... | @@ -299,18 +593,34 @@ | ... | @@ -299,18 +593,34 @@ |
299 | .noData { | 593 | .noData { |
300 | color: #b2b2b2; | 594 | color: #b2b2b2; |
301 | } | 595 | } |
302 | .saveBtn{ | 596 | .saveBtn { |
303 | background-color: #00CACD; | 597 | background-color: #00CACD; |
304 | border-color: #00CACD; | 598 | border-color: #00CACD; |
305 | padding: 10px 30px; | 599 | padding: 10px 30px; |
306 | margin-top: 8px; | 600 | margin-top: 8px; |
307 | } | 601 | } |
308 | .saveBtn:hover{ | 602 | .saveBtn:hover { |
309 | background-color: rgba(0, 202, 205, .8); | 603 | background-color: rgba(0, 202, 205, .8); |
310 | border-color: rgba(0, 202, 205, .8); | 604 | border-color: rgba(0, 202, 205, .8); |
311 | } | 605 | } |
312 | .xh{ | 606 | .xh { |
313 | width: 100px; | 607 | width: 100px; |
314 | } | 608 | } |
609 | .xzq, .djq, .djzq { | ||
610 | width: 150px; | ||
611 | } | ||
612 | .tips { | ||
613 | color: #9B9B9B; | ||
614 | } | ||
615 | .hbq { | ||
616 | margin-top: 12px; | ||
617 | box-sizing: border-box; | ||
618 | padding: 18px; | ||
619 | } | ||
620 | .hbh { | ||
621 | box-sizing: border-box; | ||
622 | padding: 0 18px; | ||
623 | margin-top: 10px; | ||
624 | } | ||
315 | } | 625 | } |
316 | </style> | 626 | </style> | ... | ... |
... | @@ -144,13 +144,13 @@ export default { | ... | @@ -144,13 +144,13 @@ export default { |
144 | djq: [], | 144 | djq: [], |
145 | djzq: [], | 145 | djzq: [], |
146 | ruleForm:{ | 146 | ruleForm:{ |
147 | "djqbsm": "", | 147 | djqbsm: "", |
148 | "djzqbsm": "", | 148 | djzqbsm: "", |
149 | "syqlxbsm": "", | 149 | syqlxbsm: "", |
150 | "userbsm": "", | 150 | userbsm: "", |
151 | "xmmc": "", | 151 | xmmc: "", |
152 | "xzqbsm": "", | 152 | xzqbsm: "", |
153 | "zdtzmbsm": "" | 153 | zdtzmbsm: "" |
154 | }, | 154 | }, |
155 | ruleForm1:{ | 155 | ruleForm1:{ |
156 | zdbsm:'', | 156 | zdbsm:'', |
... | @@ -216,6 +216,12 @@ export default { | ... | @@ -216,6 +216,12 @@ export default { |
216 | this.activeName = this.auth ? 'zrz':'zd' | 216 | this.activeName = this.auth ? 'zrz':'zd' |
217 | }, | 217 | }, |
218 | methods: { | 218 | methods: { |
219 | // 重置 | ||
220 | result(){ | ||
221 | this.$refs['ruleForm'].resetFields() | ||
222 | this.$refs["ruleForm1"].resetFields() | ||
223 | this.$refs["ruleForm2"].resetFields() | ||
224 | }, | ||
219 | handleClick(tab, event) { | 225 | handleClick(tab, event) { |
220 | console.log(tab, event); | 226 | console.log(tab, event); |
221 | console.log(tab.name); | 227 | console.log(tab.name); |
... | @@ -364,6 +370,7 @@ export default { | ... | @@ -364,6 +370,7 @@ export default { |
364 | }, | 370 | }, |
365 | close() { | 371 | close() { |
366 | this.$emit("closeDialog"); | 372 | this.$emit("closeDialog"); |
373 | this.result(); | ||
367 | }, | 374 | }, |
368 | }, | 375 | }, |
369 | computed: {}, | 376 | computed: {}, | ... | ... |
... | @@ -96,7 +96,7 @@ export default { | ... | @@ -96,7 +96,7 @@ export default { |
96 | }, | 96 | }, |
97 | { name: "新办房屋", img: require("../../assets/images/xbfw.png") }, | 97 | { name: "新办房屋", img: require("../../assets/images/xbfw.png") }, |
98 | { name: "重新落宗", img: require("../../assets/images/cxlz.png") }, | 98 | { name: "重新落宗", img: require("../../assets/images/cxlz.png") }, |
99 | { name: "添加", img: require("../../assets/images/cxlz.png") }, | 99 | { name: "添加", img: require("../../assets/images/tj.png") }, |
100 | ], | 100 | ], |
101 | tableData: [], | 101 | tableData: [], |
102 | tableHeight: 0, | 102 | tableHeight: 0, |
... | @@ -106,7 +106,7 @@ export default { | ... | @@ -106,7 +106,7 @@ export default { |
106 | }, | 106 | }, |
107 | mounted() { | 107 | mounted() { |
108 | this.$nextTick(() => { | 108 | this.$nextTick(() => { |
109 | this.tableHeight = this.$refs.notice.offsetHeight - 53; | 109 | this.tableHeight = this.$refs.notice.offsetHeight - 54; |
110 | }); | 110 | }); |
111 | }, | 111 | }, |
112 | methods: { | 112 | methods: { |
... | @@ -217,25 +217,27 @@ export default { | ... | @@ -217,25 +217,27 @@ export default { |
217 | } | 217 | } |
218 | } | 218 | } |
219 | } | 219 | } |
220 | .el-card__body { | 220 | /deep/ .el-card__body { |
221 | padding: 40px; | 221 | padding: 50px 20px; |
222 | } | 222 | } |
223 | } | 223 | } |
224 | .notice { | 224 | .notice { |
225 | padding: 0; | 225 | padding: 0; |
226 | height: calc(100% - 225px); | 226 | height: calc(100% - 285px); |
227 | @flex(); | 227 | @flex(); |
228 | .news { | 228 | .news { |
229 | float: left; | 229 | float: left; |
230 | float: left; | 230 | float: left; |
231 | margin-right: 20px; | 231 | margin-right: 20px; |
232 | flex: 1; | 232 | flex: 1; |
233 | border: 1px solid #E6E6E6; | ||
233 | /deep/ .el-card__body{ | 234 | /deep/ .el-card__body{ |
234 | padding: 0; | 235 | padding: 0; |
235 | } | 236 | } |
236 | } | 237 | } |
237 | .download { | 238 | .download { |
238 | width: 50%; | 239 | width: 50%; |
240 | border: 1px solid #E6E6E6; | ||
239 | /deep/ .el-card__body{ | 241 | /deep/ .el-card__body{ |
240 | padding: 0; | 242 | padding: 0; |
241 | } | 243 | } | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
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 | >办理 | 15 | >更正 |
16 | </el-button | 16 | </el-button |
17 | > | 17 | > |
18 | <el-button type="text" size="small">定位</el-button> | 18 | <el-button type="text" size="small">定位</el-button> |
... | @@ -60,7 +60,7 @@ | ... | @@ -60,7 +60,7 @@ |
60 | props: {}, | 60 | props: {}, |
61 | data() { | 61 | data() { |
62 | return { | 62 | return { |
63 | qszt: 1, | 63 | qszt: ['1'], |
64 | total: 0, | 64 | total: 0, |
65 | pageNo: 1, | 65 | pageNo: 1, |
66 | pageSize: 10, | 66 | pageSize: 10, |
... | @@ -116,44 +116,61 @@ | ... | @@ -116,44 +116,61 @@ |
116 | }, | 116 | }, |
117 | //点击办理 | 117 | //点击办理 |
118 | handleClick(row) { | 118 | handleClick(row) { |
119 | console.log(row); | 119 | let type;name; |
120 | let path = ""; | ||
121 | var type; | ||
122 | var id = row.bsm; | ||
123 | switch (row.dylx) { | 120 | switch (row.dylx) { |
124 | case "自然幢": | ||
125 | path = "/zrz"; | ||
126 | type = "1"; | ||
127 | this.$store.state.zrzbsm = row.glbsm; | ||
128 | break; | ||
129 | case "zd": | 121 | case "zd": |
130 | path = "/zd"; | ||
131 | type = "0"; | 122 | type = "0"; |
123 | name = '宗地'; | ||
132 | this.$store.state.zdbsm = row.glbsm | 124 | this.$store.state.zdbsm = row.glbsm |
133 | break; | 125 | break; |
134 | case "户": | 126 | case "zrz": |
135 | path = "h"; | 127 | type = "1"; |
136 | this.$store.state.hbsm = row.glbsm | 128 | name = '自然幢'; |
129 | this.$store.state.zrzbsm = row.glbsm; | ||
130 | break; | ||
131 | case "h": | ||
132 | case "h0": | ||
133 | case "h1": | ||
137 | type = "2"; | 134 | type = "2"; |
135 | name = "户" | ||
136 | this.$store.state.hbsm = row.glbsm; | ||
137 | case "dz": | ||
138 | type = "3"; | ||
139 | name = "多幢"; | ||
140 | this.$store.state.dzbsm = row.glbsm; | ||
138 | default: | 141 | default: |
139 | break; | 142 | break; |
140 | } | 143 | } |
141 | var data = {"id": id, "type": type}; | 144 | let data = {"id": row.bsm, "type": type}; |
145 | this.$confirm('是否确定更正该'+name+'?', '提示', { | ||
146 | confirmButtonText: '确定', | ||
147 | cancelButtonText: '取消', | ||
148 | type: 'warning' | ||
149 | }).then(() => { | ||
142 | updateQsztByBsm(data) | 150 | updateQsztByBsm(data) |
143 | .then((res => { | 151 | .then((res => { |
144 | if (res.code == 200) { | 152 | if (res.code == 200) { |
145 | this.$message({ | 153 | this.$message({ |
146 | message: res.message, | 154 | type: 'success', |
147 | type: "success", | 155 | message: '更正成功!' |
148 | }); | 156 | }); |
157 | this.$router.push("/"+path); | ||
149 | } else { | 158 | } else { |
150 | this.$message({ | 159 | this.$message({ |
151 | message: res.message, | 160 | message: res.message, |
152 | type: "warning", | 161 | type: "warning", |
153 | }); | 162 | }); |
154 | } | 163 | } |
155 | })) | 164 | })).catch(() => { |
156 | this.$router.push(path); | 165 | this.$message({ |
166 | message: res.message, | ||
167 | type: "error", | ||
168 | }); | ||
169 | }); | ||
170 | |||
171 | }).catch(() => { | ||
172 | |||
173 | }); | ||
157 | }, | 174 | }, |
158 | }, | 175 | }, |
159 | computed: {}, | 176 | computed: {}, | ... | ... |
... | @@ -101,7 +101,6 @@ | ... | @@ -101,7 +101,6 @@ |
101 | //户保存 | 101 | //户保存 |
102 | hbjSaveInfo() { | 102 | hbjSaveInfo() { |
103 | this.$refs.hbj.onSave(this.hbsm, this.tabPosition); | 103 | this.$refs.hbj.onSave(this.hbsm, this.tabPosition); |
104 | this.hbjVisible = false; | ||
105 | this.getData({pageSize:15}); | 104 | this.getData({pageSize:15}); |
106 | }, | 105 | }, |
107 | //户编辑表单重置 | 106 | //户编辑表单重置 | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="">历史回溯</div> | 2 | <div class="">历史回溯 |
3 | <div id="mountNode"></div> | ||
4 | </div> | ||
3 | </template> | 5 | </template> |
4 | 6 | ||
5 | <script> | 7 | <script> |
8 | |||
9 | import G6 from '@antv/g6'; | ||
10 | import insertCss from 'insert-css'; | ||
11 | import { getLshs } from "./../../../../src/api/fwsxbg"; | ||
12 | |||
6 | export default { | 13 | export default { |
7 | name:"", | 14 | name:"", |
8 | components:{}, | 15 | components:{}, |
9 | props:{}, | 16 | props:{}, |
10 | data(){ | 17 | data(){ |
18 | insertCss(` | ||
19 | .g6-tooltip { | ||
20 | border-radius: 6px; | ||
21 | font-size: 12px; | ||
22 | color: #fff; | ||
23 | background-color: #000; | ||
24 | padding: 2px 8px; | ||
25 | text-align: center; | ||
26 | } | ||
27 | `); | ||
11 | return { | 28 | return { |
29 | data : {} | ||
30 | } | ||
31 | }, | ||
32 | created(){ | ||
33 | |||
34 | }, | ||
35 | mounted(){ | ||
36 | this.getLshsData(); | ||
37 | }, | ||
38 | methods: { | ||
39 | initG6() { | ||
40 | const data = this.data; | ||
41 | G6.registerNode( | ||
42 | 'sql', | ||
43 | { | ||
44 | drawShape(cfg, group) { | ||
45 | const rect = group.addShape('rect', { | ||
46 | attrs: { | ||
47 | x: -75, | ||
48 | y: -25, | ||
49 | width: 150, | ||
50 | height: 50, | ||
51 | radius: 10, | ||
52 | stroke: '#5B8FF9', | ||
53 | fill: '#C6E5FF', | ||
54 | lineWidth: 1, | ||
55 | }, | ||
56 | name: 'rect-shape', | ||
57 | }); | ||
58 | if (cfg.name) { | ||
59 | group.addShape('text', { | ||
60 | attrs: { | ||
61 | text: cfg.name, | ||
62 | x: 0, | ||
63 | y: 0, | ||
64 | fill: '#00287E', | ||
65 | fontSize: 14, | ||
66 | textAlign: 'center', | ||
67 | textBaseline: 'middle', | ||
68 | fontWeight: 'bold', | ||
69 | }, | ||
70 | name: 'text-shape', | ||
71 | }); | ||
72 | } | ||
73 | return rect; | ||
74 | }, | ||
75 | }, | ||
76 | 'single-node', | ||
77 | ); | ||
78 | |||
79 | const container = document.getElementById('mountNode'); | ||
80 | |||
81 | const graph = new G6.Graph({ | ||
82 | container: 'mountNode', | ||
83 | width:1000, | ||
84 | height:800, | ||
85 | layout: { | ||
86 | type: 'dagre', | ||
87 | nodesepFunc: (d) => { | ||
88 | if (d.id === '3') { | ||
89 | return 500; | ||
90 | } | ||
91 | return 50; | ||
92 | }, | ||
93 | ranksep: 70, | ||
94 | controlPoints: true, | ||
95 | }, | ||
96 | defaultNode: { | ||
97 | type: 'sql', | ||
98 | }, | ||
99 | defaultEdge: { | ||
100 | type: 'polyline', | ||
101 | style: { | ||
102 | radius: 20, | ||
103 | offset: 45, | ||
104 | endArrow: true, | ||
105 | lineWidth: 2, | ||
106 | stroke: '#C2C8D5', | ||
107 | }, | ||
108 | }, | ||
109 | nodeStateStyles: { | ||
110 | selected: { | ||
111 | stroke: '#d9d9d9', | ||
112 | fill: '#5394ef', | ||
113 | }, | ||
114 | }, | ||
115 | |||
116 | modes: { | ||
117 | default: [ | ||
118 | 'drag-canvas', | ||
119 | 'zoom-canvas', | ||
120 | 'click-select', | ||
121 | { | ||
122 | type: 'tooltip', | ||
123 | formatText(model) { | ||
124 | const cfg = model.conf; | ||
125 | const text = []; | ||
126 | cfg.forEach((row) => { | ||
127 | text.push(row.label + ':' + row.value + '<br>'); | ||
128 | }); | ||
129 | return text.join('\n'); | ||
130 | }, | ||
131 | offset: 30, | ||
132 | }, | ||
133 | ], | ||
134 | }, | ||
135 | fitView: true, | ||
136 | }); | ||
137 | |||
138 | graph.data(data); | ||
139 | graph.render(); | ||
140 | |||
141 | if (typeof window !== 'undefined') | ||
142 | window.onresize = () => { | ||
143 | if (!graph || graph.get('destroyed')) return; | ||
144 | if (!container || !container.scrollWidth || !container.scrollHeight) return; | ||
145 | graph.changeSize(container.scrollWidth, container.scrollHeight); | ||
146 | }; | ||
147 | |||
148 | }, | ||
149 | |||
150 | getLshsData(){ | ||
151 | let _this = this; | ||
152 | const data = { | ||
153 | "bsm": "c0818d9e4286b35b8ee9b96d90b522aa", | ||
154 | "type": "zd" | ||
155 | }; | ||
156 | getLshs(data).then((res)=>{ | ||
157 | if(res.code===200){ | ||
158 | _this.data=res.result; | ||
159 | this.initG6(); | ||
160 | } | ||
161 | }) | ||
12 | } | 162 | } |
13 | }, | 163 | }, |
14 | created(){}, | ||
15 | mounted(){}, | ||
16 | methods:{}, | ||
17 | computed: {}, | 164 | computed: {}, |
18 | watch: {}, | 165 | watch: {}, |
19 | } | 166 | } |
20 | </script> | 167 | </script> |
21 | <style scoped lang="less"> | 168 | <style scoped lang="less"> |
169 | |||
22 | </style> | 170 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -22,29 +22,41 @@ | ... | @@ -22,29 +22,41 @@ |
22 | </table> | 22 | </table> |
23 | <table border="1"> | 23 | <table border="1"> |
24 | <tr> | 24 | <tr> |
25 | <td @click="addRow" class="cz">+</td> | 25 | <td class="cz"><el-button |
26 | type="primary" | ||
27 | class="changeBtn outAdd addMinus" | ||
28 | @click="addRow" | ||
29 | >+</el-button | ||
30 | ></td> | ||
26 | <td class="dzwdm">定着物代码</td> | 31 | <td class="dzwdm">定着物代码</td> |
27 | <td class="syqmj">土地所有权/使用权面积(㎡)</td> | 32 | <td class="syqmj">土地所有权/使用权面积(㎡)</td> |
28 | <td class="dytdmj">独有独用土地面积(㎡)</td> | 33 | <td class="dytdmj">独有独用土地面积(㎡)</td> |
29 | <td class="fttjmj">分摊土地面积(㎡)</td> | 34 | <td class="fttjmj">分摊土地面积(㎡)</td> |
30 | </tr> | 35 | </tr> |
31 | <tr v-for="(item,i) in mjftData.list" :key="i"> | 36 | <tr v-for="(item,i) in mjftData.list" :key="i"> |
32 | <td @click="delRow(i)" class="cz">-</td> | 37 | <td class="cz"> |
38 | <el-button | ||
39 | type="primary" | ||
40 | class="changeBtn outMinus addMinus" | ||
41 | @click="delRow(i)" | ||
42 | >-</el-button | ||
43 | > | ||
44 | </td> | ||
33 | <td class="dzwdm"> | 45 | <td class="dzwdm"> |
34 | <el-input v-model="item.dzwdm" > | 46 | <el-input v-model="item.dzwdm" placeholder="请输入定着物代码"> |
35 | </el-input> | 47 | </el-input> |
36 | </td> | 48 | </td> |
37 | <td class="syqmj"> | 49 | <td class="syqmj"> |
38 | <el-input | 50 | <el-input placeholder="请输入使用所有权面积" style="ime-mode:inactive" |
39 | oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}" | 51 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
40 | v-model="item.tdsyqsyqmj" | 52 | v-model="item.tdsyqsyqmj" |
41 | ></el-input> | 53 | ></el-input> |
42 | </td> | 54 | </td> |
43 | <td class="dytdmj"> | 55 | <td class="dytdmj"> |
44 | <el-input v-model="item.dydytdmj" oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"></el-input> | 56 | <el-input v-model="item.dydytdmj" style="ime-mode:inactive" placeholder="请输入独有独用土地面积" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
45 | </td> | 57 | </td> |
46 | <td class="fttjmj"> | 58 | <td class="fttjmj"> |
47 | <el-input v-model="item.fttdmj" oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"></el-input> | 59 | <el-input v-model="item.fttdmj" style="ime-mode:inactive" placeholder="请输入分摊土地面积" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
48 | </td> | 60 | </td> |
49 | </tr> | 61 | </tr> |
50 | <tr> | 62 | <tr> |
... | @@ -119,16 +131,6 @@ | ... | @@ -119,16 +131,6 @@ |
119 | console.log(error) | 131 | console.log(error) |
120 | }) | 132 | }) |
121 | }, | 133 | }, |
122 | oninput(e) { | ||
123 | /* e.target.value = (e.target.value.match(/^(1|2|3|4|5|6|7|8|9|0)*(\.?\d{0,2})/g)[0]) || null*/ | ||
124 | let value = e.target.value | ||
125 | if (isNaN(value)) { | ||
126 | value = null | ||
127 | } | ||
128 | if (value.indexOf('.') > 0) { | ||
129 | value = value.slice(0, value.indexOf('.') + 4) | ||
130 | } | ||
131 | }, | ||
132 | addRow() { | 134 | addRow() { |
133 | this.mjftData.list.push({ | 135 | this.mjftData.list.push({ |
134 | dydytdmj: '', | 136 | dydytdmj: '', | ... | ... |
... | @@ -21,8 +21,6 @@ | ... | @@ -21,8 +21,6 @@ |
21 | <tr> | 21 | <tr> |
22 | <td colspan="2">行政区</td> | 22 | <td colspan="2">行政区</td> |
23 | <td colspan="2"> | 23 | <td colspan="2"> |
24 | <el-form :rules="rules" ref="ruleForm" :inline="true" > | ||
25 | <el-form-item > | ||
26 | <el-select | 24 | <el-select |
27 | :disabled="formData.qszt!='0'" | 25 | :disabled="formData.qszt!='0'" |
28 | class="formSelect" | 26 | class="formSelect" |
... | @@ -37,8 +35,6 @@ | ... | @@ -37,8 +35,6 @@ |
37 | > | 35 | > |
38 | </el-option> | 36 | </el-option> |
39 | </el-select> | 37 | </el-select> |
40 | </el-form-item> | ||
41 | </el-form> | ||
42 | </td> | 38 | </td> |
43 | <td colspan="2">地籍区</td> | 39 | <td colspan="2">地籍区</td> |
44 | <td colspan="2"> | 40 | <td colspan="2"> |
... | @@ -113,10 +109,10 @@ | ... | @@ -113,10 +109,10 @@ |
113 | <td colspan="4" class="psr"> | 109 | <td colspan="4" class="psr"> |
114 | <input :disabled="formData.qszt!='0'" | 110 | <input :disabled="formData.qszt!='0'" |
115 | type="text" placeholder="请输入" | 111 | type="text" placeholder="请输入" |
116 | class="formInput percent78" | 112 | class="formInput percent80" |
117 | v-model="formData.zddm" | 113 | v-model="formData.zddm" |
118 | /> | 114 | /> |
119 | <el-button type="primary" class="createBtn" @click="generatorCode" | 115 | <el-button type="warning" class="createBtn" @click="generatorCode" |
120 | >生成 | 116 | >生成 |
121 | </el-button> | 117 | </el-button> |
122 | </td> | 118 | </td> |
... | @@ -131,10 +127,10 @@ | ... | @@ -131,10 +127,10 @@ |
131 | <td colspan="4" class="psr"> | 127 | <td colspan="4" class="psr"> |
132 | <input | 128 | <input |
133 | type="text" :disabled="formData.qszt!='0'" | 129 | type="text" :disabled="formData.qszt!='0'" |
134 | class="formInput percent78" | 130 | class="formInput percent80" |
135 | v-model="formData.bdcdyh" | 131 | v-model="formData.bdcdyh" |
136 | /> | 132 | /> |
137 | <el-button type="primary" class="createBtn">生成</el-button> | 133 | <el-button type="warning" class="createBtn">生成</el-button> |
138 | </td> | 134 | </td> |
139 | </tr> | 135 | </tr> |
140 | <tr> | 136 | <tr> |
... | @@ -375,30 +371,30 @@ export default { | ... | @@ -375,30 +371,30 @@ export default { |
375 | props: {}, | 371 | props: {}, |
376 | data() { | 372 | data() { |
377 | return { | 373 | return { |
378 | rules: { | 374 | // rules: { |
379 | hdmc: [ | 375 | // hdmc: [ |
380 | { required: true, message: '请输入活动名称', trigger: 'blur' }, | 376 | // { required: true, message: '请输入活动名称', trigger: 'blur' }, |
381 | { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } | 377 | // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } |
382 | ], | 378 | // ], |
383 | xzq: [ | 379 | // xzq: [ |
384 | { required: true, message: '请选择活行政区', trigger: 'change' } | 380 | // { required: true, message: '请选择活行政区', trigger: 'change' } |
385 | ], | 381 | // ], |
386 | date1: [ | 382 | // date1: [ |
387 | { type: 'date', required: true, message: '请选择日期', trigger: 'change' } | 383 | // { type: 'date', required: true, message: '请选择日期', trigger: 'change' } |
388 | ], | 384 | // ], |
389 | date2: [ | 385 | // date2: [ |
390 | { type: 'date', required: true, message: '请选择时间', trigger: 'change' } | 386 | // { type: 'date', required: true, message: '请选择时间', trigger: 'change' } |
391 | ], | 387 | // ], |
392 | type: [ | 388 | // type: [ |
393 | { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' } | 389 | // { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' } |
394 | ], | 390 | // ], |
395 | resource: [ | 391 | // resource: [ |
396 | { required: true, message: '请选择活动资源', trigger: 'change' } | 392 | // { required: true, message: '请选择活动资源', trigger: 'change' } |
397 | ], | 393 | // ], |
398 | desc: [ | 394 | // desc: [ |
399 | { required: true, message: '请填写活动形式', trigger: 'blur' } | 395 | // { required: true, message: '请填写活动形式', trigger: 'blur' } |
400 | ] | 396 | // ] |
401 | }, | 397 | // }, |
402 | rjl:'', | 398 | rjl:'', |
403 | jzmd:'', | 399 | jzmd:'', |
404 | jzxg:'', | 400 | jzxg:'', |
... | @@ -483,10 +479,9 @@ export default { | ... | @@ -483,10 +479,9 @@ export default { |
483 | } | 479 | } |
484 | }); | 480 | }); |
485 | 481 | ||
486 | console.log(this.formData.syqlxbsm); | ||
487 | this.dpdm = this.dpdm + this.formData.syqlxbsm; | 482 | this.dpdm = this.dpdm + this.formData.syqlxbsm; |
488 | this.$store.state.zdtzmList.forEach((item)=>{ | 483 | this.$store.state.zdtzmList.forEach((item)=>{ |
489 | if(item.zdtzmbsm === this.formData.zdtzmbsm){ | 484 | if(item.bsm === this.formData.zdtzmbsm){ |
490 | this.dpdm = this.dpdm + item.dm; | 485 | this.dpdm = this.dpdm + item.dm; |
491 | } | 486 | } |
492 | }); | 487 | }); |
... | @@ -567,7 +562,7 @@ export default { | ... | @@ -567,7 +562,7 @@ export default { |
567 | type: "success", | 562 | type: "success", |
568 | }); | 563 | }); |
569 | // 保存成功再次查询 | 564 | // 保存成功再次查询 |
570 | this.getZdjbxxData(); | 565 | this.getZdjbxxData(this.$store.state.zdbsm); |
571 | } else { | 566 | } else { |
572 | this.$message({ | 567 | this.$message({ |
573 | message: res.message, | 568 | message: res.message, |
... | @@ -673,7 +668,7 @@ export default { | ... | @@ -673,7 +668,7 @@ export default { |
673 | this.$store.state.zddm = val; | 668 | this.$store.state.zddm = val; |
674 | }, | 669 | }, |
675 | zdbsm:function (val) { | 670 | zdbsm:function (val) { |
676 | this.getZdjbxxData() | 671 | this.getZdjbxxData(val) |
677 | } | 672 | } |
678 | }, | 673 | }, |
679 | }; | 674 | }; |
... | @@ -710,10 +705,6 @@ export default { | ... | @@ -710,10 +705,6 @@ export default { |
710 | overflow: visible; | 705 | overflow: visible; |
711 | text-align: center; | 706 | text-align: center; |
712 | } | 707 | } |
713 | .percent78 { | ||
714 | width: 78%; | ||
715 | float: left; | ||
716 | } | ||
717 | .percent68 { | 708 | .percent68 { |
718 | width: 68% !important; | 709 | width: 68% !important; |
719 | float: left; | 710 | float: left; |
... | @@ -734,13 +725,6 @@ export default { | ... | @@ -734,13 +725,6 @@ export default { |
734 | width: 30% !important; | 725 | width: 30% !important; |
735 | float: left; | 726 | float: left; |
736 | } | 727 | } |
737 | .createBtn { | ||
738 | position: absolute; | ||
739 | width: 50px; | ||
740 | padding: 6px 4px; | ||
741 | right: 4px; | ||
742 | top: 4px; | ||
743 | } | ||
744 | .el-input__icon { | 728 | .el-input__icon { |
745 | line-height: 37px; | 729 | line-height: 37px; |
746 | } | 730 | } | ... | ... |
... | @@ -20,9 +20,9 @@ | ... | @@ -20,9 +20,9 @@ |
20 | <tr height="30"> | 20 | <tr height="30"> |
21 | <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td> | 21 | <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td> |
22 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> | 22 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> |
23 | <td colspan="4" > | 23 | <td colspan="4" class="psr"> |
24 | <el-input v-model="form.bdcdyh" style="width: 82%" disabled></el-input> | 24 | <el-input v-model="form.bdcdyh" class="percent80" disabled></el-input> |
25 | <el-button @click.prevent="generatorCode" size="mini" type="primary" style="width:17%;margin-left:1%">生成</el-button> | 25 | <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button> |
26 | </td> | 26 | </td> |
27 | <td colspan="2" align="center" >原不动产单元</td> | 27 | <td colspan="2" align="center" >原不动产单元</td> |
28 | <td colspan="4" > | 28 | <td colspan="4" > |
... | @@ -215,12 +215,23 @@ | ... | @@ -215,12 +215,23 @@ |
215 | 215 | ||
216 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> | 216 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> |
217 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> | 217 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> |
218 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> | 218 | <el-button |
219 | type="primary" | ||
220 | style="margin-right: 10px" | ||
221 | class="changeBtn addMinus inAdd" | ||
222 | @click="addYtInfo" | ||
223 | >+</el-button | ||
224 | > | ||
219 | <span>用途<i class="requisite">*</i></span> | 225 | <span>用途<i class="requisite">*</i></span> |
220 | </td> | 226 | </td> |
221 | 227 | ||
222 | <td width="30" colspan="1" align="center" > | 228 | <td width="30" colspan="1" align="center" > |
223 | <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> | 229 | <el-button |
230 | type="primary" | ||
231 | class="changeBtn addMinus inMinus" | ||
232 | @click="deleteYtInfo(index)" | ||
233 | >-</el-button | ||
234 | > | ||
224 | 规划用途 | 235 | 规划用途 |
225 | </td> | 236 | </td> |
226 | <td width="30" colspan="4" align="center" > | 237 | <td width="30" colspan="4" align="center" > |
... | @@ -256,7 +267,14 @@ | ... | @@ -256,7 +267,14 @@ |
256 | 267 | ||
257 | <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> | 268 | <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> |
258 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" > | 269 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" > |
259 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> | 270 | <!-- <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> --> |
271 | <el-button | ||
272 | type="primary" | ||
273 | style="margin-right: 10px" | ||
274 | class="changeBtn addMinus inAdd" | ||
275 | @click="addFwjgInfo" | ||
276 | >+</el-button | ||
277 | > | ||
260 | <span>房屋结构<i class="requisite">*</i></span> | 278 | <span>房屋结构<i class="requisite">*</i></span> |
261 | </td> | 279 | </td> |
262 | <td colspan="1" align="center" > | 280 | <td colspan="1" align="center" > |
... | @@ -808,7 +826,6 @@ | ... | @@ -808,7 +826,6 @@ |
808 | 826 | ||
809 | td{ | 827 | td{ |
810 | //bgcolor:#F1F4FC; | 828 | //bgcolor:#F1F4FC; |
811 | bgcolor:#fff; | ||
812 | width:8.33% | 829 | width:8.33% |
813 | } | 830 | } |
814 | 831 | ||
... | @@ -824,4 +841,11 @@ | ... | @@ -824,4 +841,11 @@ |
824 | .hTable{ | 841 | .hTable{ |
825 | margin-top: 10px; | 842 | margin-top: 10px; |
826 | } | 843 | } |
844 | |||
845 | /deep/.el-select-tree{ | ||
846 | width: 100%; | ||
847 | .el-input__inner{ | ||
848 | height: 30px !important; | ||
849 | } | ||
850 | } | ||
827 | </style> | 851 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -3,7 +3,7 @@ | ... | @@ -3,7 +3,7 @@ |
3 | <div class="tab-header"> | 3 | <div class="tab-header"> |
4 | <el-row class="searchContent"> | 4 | <el-row class="searchContent"> |
5 | <el-col :span="8"> | 5 | <el-col :span="8"> |
6 | <el-radio-group v-model="tabPosition"> | 6 | <el-radio-group v-model="scyclx" @change="scyclxChange"> |
7 | <el-radio-button label="1">实测</el-radio-button> | 7 | <el-radio-button label="1">实测</el-radio-button> |
8 | <el-radio-button label="0">预测</el-radio-button> | 8 | <el-radio-button label="0">预测</el-radio-button> |
9 | </el-radio-group> | 9 | </el-radio-group> |
... | @@ -34,28 +34,28 @@ | ... | @@ -34,28 +34,28 @@ |
34 | class="radioBtn" | 34 | class="radioBtn" |
35 | label="3" | 35 | label="3" |
36 | border | 36 | border |
37 | @click="plhVisible = true" | 37 | @click="openPl('h')" |
38 | >批量户</el-button | 38 | >批量户</el-button |
39 | > | 39 | > |
40 | <el-button | 40 | <el-button |
41 | class="radioBtn" | 41 | class="radioBtn" |
42 | label="4" | 42 | label="4" |
43 | border | 43 | border |
44 | @click="plcVisible = true" | 44 | @click="openPlC" |
45 | >批量层</el-button | 45 | >批量层</el-button |
46 | > | 46 | > |
47 | <el-button | 47 | <el-button |
48 | class="radioBtn" | 48 | class="radioBtn" |
49 | label="5" | 49 | label="5" |
50 | border | 50 | border |
51 | @click="plShVisible = true" | 51 | @click="openPl('sh')" |
52 | >批量室号</el-button | 52 | >批量室号</el-button |
53 | > | 53 | > |
54 | <el-button | 54 | <el-button |
55 | class="radioBtn" | 55 | class="radioBtn" |
56 | label="6" | 56 | label="6" |
57 | border | 57 | border |
58 | @click="plzlVisible = true" | 58 | @click="openPl('zl')" |
59 | >批量坐落</el-button | 59 | >批量坐落</el-button |
60 | > | 60 | > |
61 | <el-button class="radioBtn" label="7" border @click="addBdcdyh" | 61 | <el-button class="radioBtn" label="7" border @click="addBdcdyh" |
... | @@ -236,10 +236,10 @@ | ... | @@ -236,10 +236,10 @@ |
236 | </div> | 236 | </div> |
237 | </el-dialog> | 237 | </el-dialog> |
238 | <!-- 批量操作弹出框 --> | 238 | <!-- 批量操作弹出框 --> |
239 | <pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h> | 239 | <pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose" @lodding="lodding"></pl-h> |
240 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl> | 240 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose" @lodding="lodding"></pl-zl> |
241 | <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c> | 241 | <pl-c :plc-visible="plcVisible" :bsms="cbsmList" @close="plcClose" @lodding="lodding"></pl-c> |
242 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh> | 242 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose" @lodding="lodding"></pl-sh> |
243 | <h-cxlz | 243 | <h-cxlz |
244 | :h-cxlz-visble="hcxlzVisible" | 244 | :h-cxlz-visble="hcxlzVisible" |
245 | :bsms="bsms" | 245 | :bsms="bsms" |
... | @@ -258,6 +258,7 @@ | ... | @@ -258,6 +258,7 @@ |
258 | </template> | 258 | </template> |
259 | 259 | ||
260 | <script> | 260 | <script> |
261 | import {Message} from "element-ui" | ||
261 | import HCxlz from "./../../../../components/hCxlz/hCxlz"; | 262 | import HCxlz from "./../../../../components/hCxlz/hCxlz"; |
262 | import PlC from "./../../../../components/plc/plC"; | 263 | import PlC from "./../../../../components/plc/plC"; |
263 | import PlSh from "./../../../../components/plsh/plSh"; | 264 | import PlSh from "./../../../../components/plsh/plSh"; |
... | @@ -289,7 +290,7 @@ export default { | ... | @@ -289,7 +290,7 @@ export default { |
289 | props: {}, | 290 | props: {}, |
290 | data() { | 291 | data() { |
291 | return { | 292 | return { |
292 | bsms: ["123", "321", "231"], | 293 | bsms: [], |
293 | hbsm: "", | 294 | hbsm: "", |
294 | dialogVisible: false, | 295 | dialogVisible: false, |
295 | plcVisible: false, | 296 | plcVisible: false, |
... | @@ -298,7 +299,7 @@ export default { | ... | @@ -298,7 +299,7 @@ export default { |
298 | plzlVisible: false, | 299 | plzlVisible: false, |
299 | hbjVisible: false, | 300 | hbjVisible: false, |
300 | hcxlzVisible:false, | 301 | hcxlzVisible:false, |
301 | tabPosition: "1", //1是实测 0是预测 | 302 | scyclx: "1", //1是实测 0是预测 |
302 | radio1: "", | 303 | radio1: "", |
303 | radio2: "", | 304 | radio2: "", |
304 | createFlag: false, | 305 | createFlag: false, |
... | @@ -372,6 +373,7 @@ export default { | ... | @@ -372,6 +373,7 @@ export default { |
372 | lpbContentwidth: "", | 373 | lpbContentwidth: "", |
373 | time: "", | 374 | time: "", |
374 | dyztBsmList: {}, //单元状态bsmList | 375 | dyztBsmList: {}, //单元状态bsmList |
376 | cbsmList:[], // 层bsmlist | ||
375 | }; | 377 | }; |
376 | }, | 378 | }, |
377 | created() { | 379 | created() { |
... | @@ -391,6 +393,35 @@ export default { | ... | @@ -391,6 +393,35 @@ export default { |
391 | }, 100); | 393 | }, 100); |
392 | }, | 394 | }, |
393 | methods: { | 395 | methods: { |
396 | openPlC(){ | ||
397 | if (this.cbsmList.length <= 0) { | ||
398 | Message.warning("请选择层") | ||
399 | return | ||
400 | } | ||
401 | this.plcVisible=true | ||
402 | }, | ||
403 | openPl(val){ | ||
404 | if (this.bsms.length <= 0) { | ||
405 | Message.warning("请选择操作户") | ||
406 | return | ||
407 | } | ||
408 | switch (val) { | ||
409 | case 'h': | ||
410 | this.plhVisible=true; | ||
411 | break; | ||
412 | case 'zl': | ||
413 | this.plzlVisible=true; | ||
414 | break; | ||
415 | case 'sh': | ||
416 | this.plShVisible=true; | ||
417 | break; | ||
418 | default: | ||
419 | break; | ||
420 | } | ||
421 | }, | ||
422 | lodding(){ | ||
423 | this.getlpbData(); | ||
424 | }, | ||
394 | hcxlzClose() { | 425 | hcxlzClose() { |
395 | this.hcxlzVisible = false; | 426 | this.hcxlzVisible = false; |
396 | }, | 427 | }, |
... | @@ -406,6 +437,18 @@ export default { | ... | @@ -406,6 +437,18 @@ export default { |
406 | plshClose() { | 437 | plshClose() { |
407 | this.plShVisible = false; | 438 | this.plShVisible = false; |
408 | }, | 439 | }, |
440 | //改变是预测数据类型 | ||
441 | scyclxChange(val){ | ||
442 | //清空已选中层户 | ||
443 | this.cbsmList = []; | ||
444 | this.bsms = []; | ||
445 | console.log(this.$refs.lpbContent.$refs.hBsm,'this.$refs.lpbContent'); | ||
446 | this.$refs.lpbContent.$refs.hBsm.forEach(item=>{ | ||
447 | if (item.className == "tdSelect") { | ||
448 | item.className = ""; | ||
449 | } | ||
450 | }) | ||
451 | }, | ||
409 | //获取高度计算lpb内容区高度 | 452 | //获取高度计算lpb内容区高度 |
410 | getHeight() { | 453 | getHeight() { |
411 | this.lpbContentHight = window.innerHeight - 285; | 454 | this.lpbContentHight = window.innerHeight - 285; |
... | @@ -484,6 +527,11 @@ export default { | ... | @@ -484,6 +527,11 @@ export default { |
484 | } | 527 | } |
485 | console.log(this.bsms); | 528 | console.log(this.bsms); |
486 | }, | 529 | }, |
530 | //获取选中层bsmlist | ||
531 | getCbsm(data){ | ||
532 | this.cbsmList = data; | ||
533 | console.log(this.cbsmList); | ||
534 | }, | ||
487 | //不动产单元号输入框事件 | 535 | //不动产单元号输入框事件 |
488 | inputFocus() { | 536 | inputFocus() { |
489 | this.inputWidth = 200; | 537 | this.inputWidth = 200; |
... | @@ -554,7 +602,7 @@ export default { | ... | @@ -554,7 +602,7 @@ export default { |
554 | getDyztBsmList() { | 602 | getDyztBsmList() { |
555 | let data = { | 603 | let data = { |
556 | zrzbsm: this.$store.state.zrzbsm, | 604 | zrzbsm: this.$store.state.zrzbsm, |
557 | syclx: "0", | 605 | scyclx: "0", |
558 | }; | 606 | }; |
559 | getLpbTj(data).then((res) => { | 607 | getLpbTj(data).then((res) => { |
560 | if (res.code === 200) { | 608 | if (res.code === 200) { |
... | @@ -603,7 +651,7 @@ export default { | ... | @@ -603,7 +651,7 @@ export default { |
603 | getLpbFwytAndQlxz(){ | 651 | getLpbFwytAndQlxz(){ |
604 | let data = { | 652 | let data = { |
605 | zrzbsm: this.$store.state.zrzbsm, | 653 | zrzbsm: this.$store.state.zrzbsm, |
606 | syclx: "0", | 654 | scyclx: "0", |
607 | }; | 655 | }; |
608 | getLpbFwytAndQlxz(data).then((res) => { | 656 | getLpbFwytAndQlxz(data).then((res) => { |
609 | if (res.code === 200) { | 657 | if (res.code === 200) { | ... | ... |
... | @@ -30,13 +30,13 @@ | ... | @@ -30,13 +30,13 @@ |
30 | <el-input v-model="form.ljzmc"></el-input> | 30 | <el-input v-model="form.ljzmc"></el-input> |
31 | </td> | 31 | </td> |
32 | <td colspan="2" align="center">不动产单元号</td> | 32 | <td colspan="2" align="center">不动产单元号</td> |
33 | <td colspan="4"> | 33 | <td colspan="4" class="psr"> |
34 | <el-input v-model="form.bdcdyh" style="width: 70%"></el-input> | 34 | <el-input v-model="form.bdcdyh" class="percent80"></el-input> |
35 | <el-button | 35 | <el-button |
36 | @click.prevent="" | 36 | @click.prevent="" |
37 | size="mini" | 37 | size="mini" |
38 | type="primary" | 38 | type="warning" |
39 | style="width:25%;margin-left:3%" | 39 | class="createBtn" |
40 | >生成</el-button | 40 | >生成</el-button |
41 | > | 41 | > |
42 | </td> | 42 | </td> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="lpbContent-wrap" ref="lpbContentWrap"> | 2 | <div class="lpbContent-wrap" ref="lpbContentWrap"> |
3 | <div class="lpbContent" ref="lpbContent" v-loading='loading'> | 3 | <div :class="lpbData.ljzs.length == 0 ? 'column-reverse lpbContent':'lpbContent'" ref="lpbContent" v-loading='loading'> |
4 | <div :class="(lpbData.cs.length == 0 && lpbData.zdys.length == 0) ? 'bottom40 ljz-wrap':'ljz-wrap'" :style="{'width':ljzWidth+'px'}" v-show="lpbData.ljzs.length>0"> | 4 | <div :class="(lpbData.cs.length == 0 && lpbData.zdys.length == 0) ? 'bottom40 ljz-wrap':'ljz-wrap'" :style="{'width':ljzWidth+'px'}" v-show="lpbData.ljzs.length>0"> |
5 | <!-- 循环逻辑幢数据 --> | 5 | <!-- 循环逻辑幢数据 --> |
6 | <div class="ljz" ref="ljz" v-for="(ljzs,ljzIndex) in lpbData.ljzs" :key="ljzIndex"> | 6 | <div class="ljz" ref="ljz" v-for="(ljzs,ljzIndex) in lpbData.ljzs" :key="ljzIndex"> |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | <table class="chTable" :style="{'top':(ljzzdyHeight-1-zdys.cs.length*65)+'px'}" border="1" cellspacing="0" cellpadding="0" v-show="zdys.cs.length>0"> | 12 | <table class="chTable" :style="{'top':(ljzzdyHeight-1-zdys.cs.length*65)+'px'}" border="1" cellspacing="0" cellpadding="0" v-show="zdys.cs.length>0"> |
13 | <tr v-for="(cs,csIndex) in zdys.cs" :key="csIndex"> | 13 | <tr v-for="(cs,csIndex) in zdys.cs" :key="csIndex"> |
14 | <!-- 显示层数 --> | 14 | <!-- 显示层数 --> |
15 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')">{{cs.sjc}}层</td> | 15 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')" @click="handleClickC($event,cs)">{{cs.sjc}}层</td> |
16 | <!-- 显示户 --> | 16 | <!-- 显示户 --> |
17 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> | 17 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> |
18 | </tr> | 18 | </tr> |
... | @@ -25,10 +25,10 @@ | ... | @@ -25,10 +25,10 @@ |
25 | </div> | 25 | </div> |
26 | <!-- 循环逻辑幢下的层户 --> | 26 | <!-- 循环逻辑幢下的层户 --> |
27 | <div class="ljz-ch" :style="{'min-height':ljzzdyHeight+40+'px'}" v-if="ljzs.cs.length>0"> | 27 | <div class="ljz-ch" :style="{'min-height':ljzzdyHeight+40+'px'}" v-if="ljzs.cs.length>0"> |
28 | <table class="chTable" :style="{'top':(ljzzdyHeight+40-1-ljzs.cs.length*65)+'px'}" border="1" cellspacing="0" cellpadding="0"> | 28 | <table class="chTable" :style="{'top':(ljzzdyHeight+40-1-ljzs.cs.length*65)<0? 0:(ljzzdyHeight+40-1-ljzs.cs.length*65) +'px'}" border="1" cellspacing="0" cellpadding="0"> |
29 | <tr v-for="(cs) in ljzs.cs" :key="cs.bsm"> | 29 | <tr v-for="(cs) in ljzs.cs" :key="cs.bsm"> |
30 | <!-- 显示层数 --> | 30 | <!-- 显示层数 --> |
31 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')">{{cs.sjc}}层</td> | 31 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')" @click="handleClickC($event,cs)">{{cs.sjc}}层</td> |
32 | <!-- 显示户 --> | 32 | <!-- 显示户 --> |
33 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> | 33 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> |
34 | </tr> | 34 | </tr> |
... | @@ -53,7 +53,7 @@ | ... | @@ -53,7 +53,7 @@ |
53 | <table class="chTable" border="1" cellspacing="0" cellpadding="0" v-show="zdys.cs.length>0"> | 53 | <table class="chTable" border="1" cellspacing="0" cellpadding="0" v-show="zdys.cs.length>0"> |
54 | <tr v-for="(cs,csIndex) in zdys.cs" :key="csIndex"> | 54 | <tr v-for="(cs,csIndex) in zdys.cs" :key="csIndex"> |
55 | <!-- 显示层数 --> | 55 | <!-- 显示层数 --> |
56 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')">{{cs.sjc}}层</td> | 56 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')" @click="handleClickC($event,cs)">{{cs.sjc}}层</td> |
57 | <!-- 显示户 --> | 57 | <!-- 显示户 --> |
58 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> | 58 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> |
59 | </tr> | 59 | </tr> |
... | @@ -65,7 +65,7 @@ | ... | @@ -65,7 +65,7 @@ |
65 | <table class="chTable" ref="ch" border="1" cellspacing="0" cellpadding="0" v-show="lpbData.cs != null && lpbData.cs.length>0" > | 65 | <table class="chTable" ref="ch" border="1" cellspacing="0" cellpadding="0" v-show="lpbData.cs != null && lpbData.cs.length>0" > |
66 | <tr v-for="(cs,csIndex) in lpbData.cs" :key="csIndex"> | 66 | <tr v-for="(cs,csIndex) in lpbData.cs" :key="csIndex"> |
67 | <!-- 显示层数 --> | 67 | <!-- 显示层数 --> |
68 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')">{{cs.sjc}}层</td> | 68 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')" @click="handleClickC($event,cs)">{{cs.sjc}}层</td> |
69 | <!-- 显示户 --> | 69 | <!-- 显示户 --> |
70 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> | 70 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> |
71 | </tr> | 71 | </tr> |
... | @@ -90,19 +90,41 @@ | ... | @@ -90,19 +90,41 @@ |
90 | <li v-show='rightClickFlag=="h"' @click="handleMoveH">移动</li> | 90 | <li v-show='rightClickFlag=="h"' @click="handleMoveH">移动</li> |
91 | <li v-show='rightClickFlag=="h"' @click="handleDeleteH">删除</li> | 91 | <li v-show='rightClickFlag=="h"' @click="handleDeleteH">删除</li> |
92 | <li v-show='rightClickFlag=="h"' @click="handleSyczh">实预测转换</li> | 92 | <li v-show='rightClickFlag=="h"' @click="handleSyczh">实预测转换</li> |
93 | <li v-show='rightClickFlag=="c"' @click="handleAddC">添加</li> | 93 | <li v-show='rightClickFlag=="c"' @click="handleAddC('up')">向上添加层</li> |
94 | <li v-show='rightClickFlag=="c"' @click="handleDeleteC">删除</li> | 94 | <li v-show='rightClickFlag=="c"' @click="handleAddC('down')">向下添加层</li> |
95 | <li v-show='rightClickFlag=="c"' @click="handleDeleteC">删除层</li> | ||
95 | </ul> | 96 | </ul> |
97 | <!-- 层操作弹框 --> | ||
98 | <el-dialog :title="addCData.title" :visible.sync="addCVisible" width="50%" center> | ||
99 | <el-form :model="addCData"> | ||
100 | <el-form-item label="层号" :label-width="formLabelWidth"> | ||
101 | <el-input disabled v-model="addCData.sjc" autocomplete="off"></el-input> | ||
102 | </el-form-item> | ||
103 | <el-form-item label="实际层" :label-width="formLabelWidth"> | ||
104 | <el-input disabled v-model="addCData.sjc" autocomplete="off"></el-input> | ||
105 | </el-form-item> | ||
106 | <el-form-item label="添加的户数" :label-width="formLabelWidth"> | ||
107 | <el-input v-model="addCData.hcount" autocomplete="off"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-form> | ||
110 | <div class="btnGroup"> | ||
111 | <el-button type="primary" @click="saveAddC">保存</el-button> | ||
112 | <el-button type="primary" @click="addCVisible = false">取消</el-button> | ||
113 | </div> | ||
114 | </el-dialog> | ||
115 | <move-h :hbsm="chData.bsm" @close="moveHClose" :move-hvisible="moveHvisible" :type="scyclx" @loading="loadingData"></move-h> | ||
96 | </div> | 116 | </div> |
97 | </template> | 117 | </template> |
98 | <script> | 118 | <script> |
99 | import { getLpb } from "../../../../../api/lpb"; | 119 | import moveH from "./../../../../../components/moveH/moveH" |
120 | import { getLpb,insertUpDownC,deleteCByBsm } from "../../../../../api/lpb"; | ||
100 | export default { | 121 | export default { |
101 | name: "", | 122 | name: "", |
102 | components: {}, | 123 | components: {moveH}, |
103 | props: {}, | 124 | props: {}, |
104 | data() { | 125 | data() { |
105 | return { | 126 | return { |
127 | moveHvisible:false, | ||
106 | lpbData: { | 128 | lpbData: { |
107 | ljzs: [], | 129 | ljzs: [], |
108 | cs: [], | 130 | cs: [], |
... | @@ -117,6 +139,7 @@ export default { | ... | @@ -117,6 +139,7 @@ export default { |
117 | ljzzdyHeight: 0, //逻辑幢下幢单元的div高度 | 139 | ljzzdyHeight: 0, //逻辑幢下幢单元的div高度 |
118 | loading: true, | 140 | loading: true, |
119 | hbsmList: [], | 141 | hbsmList: [], |
142 | cbsmList:[], | ||
120 | time: null, //区分单双击事件的定时器 | 143 | time: null, //区分单双击事件的定时器 |
121 | searchNum: Math.random(), | 144 | searchNum: Math.random(), |
122 | //接收父组件传入的根据单元状态/房屋性质/房屋用途筛选的户bsmList | 145 | //接收父组件传入的根据单元状态/房屋性质/房屋用途筛选的户bsmList |
... | @@ -126,12 +149,22 @@ export default { | ... | @@ -126,12 +149,22 @@ export default { |
126 | lpbChTop:100, | 149 | lpbChTop:100, |
127 | //右键层户数据 | 150 | //右键层户数据 |
128 | chData:'', | 151 | chData:'', |
129 | rightClickFlag:"" | 152 | rightClickFlag:"", |
153 | //层操作数据 | ||
154 | addCVisible:false, | ||
155 | addCData:{ | ||
156 | title:"", | ||
157 | cbsm:"",//层标识码 | ||
158 | hcount:"",//添加户数 | ||
159 | scyclx:"",//实测预测类型 | ||
160 | sjc:"", //当前的层的SJC +1 | ||
161 | }, | ||
162 | formLabelWidth: '120px' | ||
130 | }; | 163 | }; |
131 | }, | 164 | }, |
132 | created() {}, | 165 | created() {}, |
133 | mounted() { | 166 | mounted() { |
134 | this.getLpb(this.$store.state.zrzbsm); | 167 | this.getLpb(this.$store.state.zrzbsm,this.$parent.scyclx); |
135 | setTimeout(() => { | 168 | setTimeout(() => { |
136 | //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight | 169 | //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight |
137 | this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20; | 170 | this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20; |
... | @@ -143,16 +176,19 @@ export default { | ... | @@ -143,16 +176,19 @@ export default { |
143 | }, 200); | 176 | }, 200); |
144 | }, | 177 | }, |
145 | methods: { | 178 | methods: { |
179 | loadingData(){ | ||
180 | this.getLpb(this.$store.state.zrzbsm,this.$parent.scyclx); | ||
181 | }, | ||
146 | //获取楼盘表数据 | 182 | //获取楼盘表数据 |
147 | getLpb(zrzbsm) { | 183 | getLpb(zrzbsm,scyclx) { |
148 | getLpb(zrzbsm).then((res) => { | 184 | getLpb(zrzbsm,scyclx).then((res) => { |
149 | if (res.code == 200) { | 185 | if (res.code == 200) { |
150 | this.loading = false; | 186 | this.loading = false; |
151 | this.lpbData = res.result == null ? this.lpbData : res.result; | 187 | this.lpbData = res.result == null ? this.lpbData : res.result; |
152 | setTimeout(() => { | 188 | this.$nextTick(()=>{ |
153 | //渲染楼盘表 | 189 | //渲染楼盘表 |
154 | this.dataChange(); | 190 | this.dataChange(); |
155 | }, 200); | 191 | }) |
156 | } else { | 192 | } else { |
157 | this.$message({ | 193 | this.$message({ |
158 | message: res.message, | 194 | message: res.message, |
... | @@ -171,12 +207,13 @@ export default { | ... | @@ -171,12 +207,13 @@ export default { |
171 | //自然幢下元素高度宽度计算 | 207 | //自然幢下元素高度宽度计算 |
172 | dataChange() { | 208 | dataChange() { |
173 | //计算逻辑幢宽度 20为marginRight值 | 209 | //计算逻辑幢宽度 20为marginRight值 |
174 | this.ljzWidth -= 9980; | 210 | this.ljzWidth = 20; |
175 | if (this.$refs.ljz != undefined) { | 211 | if (this.$refs.ljz != undefined) { |
176 | this.$refs.ljz.forEach((item) => { | 212 | this.$refs.ljz.forEach((item) => { |
177 | this.ljzWidth += item.offsetWidth + 20; | 213 | this.ljzWidth += item.offsetWidth + 20; |
178 | }); | 214 | }); |
179 | } else { | 215 | } else { |
216 | |||
180 | } | 217 | } |
181 | //计算独立幢单元和独立层户宽度 | 218 | //计算独立幢单元和独立层户宽度 |
182 | //考虑this.$refs.zdy的length为0的情况,即自然幢下没有独立幢单元 | 219 | //考虑this.$refs.zdy的length为0的情况,即自然幢下没有独立幢单元 |
... | @@ -185,7 +222,7 @@ export default { | ... | @@ -185,7 +222,7 @@ export default { |
185 | let higher = true; | 222 | let higher = true; |
186 | //记录最高的幢单元高度 默认为第一个幢单元高度 | 223 | //记录最高的幢单元高度 默认为第一个幢单元高度 |
187 | let highest = this.$refs.zdy[0].offsetHeight; | 224 | let highest = this.$refs.zdy[0].offsetHeight; |
188 | this.zdyWidth -= 980; | 225 | this.zdyWidth = 20; |
189 | this.$refs.zdy.forEach((item) => { | 226 | this.$refs.zdy.forEach((item) => { |
190 | this.zdyWidth += item.offsetWidth + 21; | 227 | this.zdyWidth += item.offsetWidth + 21; |
191 | this.cHeight = | 228 | this.cHeight = |
... | @@ -197,9 +234,11 @@ export default { | ... | @@ -197,9 +234,11 @@ export default { |
197 | //计算自然幢下的幢单元高度,如果有比层户高的幢单元,则幢单元高度设为最高的幢单元高度,如果没有,则设为层户高度 | 234 | //计算自然幢下的幢单元高度,如果有比层户高的幢单元,则幢单元高度设为最高的幢单元高度,如果没有,则设为层户高度 |
198 | higher = highest > this.$refs.ch.offsetHeight ? true : false; | 235 | higher = highest > this.$refs.ch.offsetHeight ? true : false; |
199 | this.zdyHeight = higher ? highest : this.$refs.ch.offsetHeight; | 236 | this.zdyHeight = higher ? highest : this.$refs.ch.offsetHeight; |
237 | highest = 0; | ||
200 | this.zdyWidth += this.$refs.ch.offsetWidth; | 238 | this.zdyWidth += this.$refs.ch.offsetWidth; |
201 | } else { | 239 | } else { |
202 | this.zdyHeight = highest; | 240 | this.zdyHeight = highest; |
241 | highest = 0; | ||
203 | } | 242 | } |
204 | } else { | 243 | } else { |
205 | // this.zdyWidth = 124; | 244 | // this.zdyWidth = 124; |
... | @@ -222,13 +261,21 @@ export default { | ... | @@ -222,13 +261,21 @@ export default { |
222 | if (this.$refs.ljzch != undefined) { | 261 | if (this.$refs.ljzch != undefined) { |
223 | //计算自然幢下的幢单元高度,如果有比层户高的幢单元,则幢单元高度设为最高的幢单元高度,如果没有,则设为层户高度 | 262 | //计算自然幢下的幢单元高度,如果有比层户高的幢单元,则幢单元高度设为最高的幢单元高度,如果没有,则设为层户高度 |
224 | higher = highest > this.$refs.ljzch.offsetHeight ? true : false; | 263 | higher = highest > this.$refs.ljzch.offsetHeight ? true : false; |
264 | this.$nextTick(()=>{ | ||
225 | this.ljzzdyHeight = higher ? highest : this.$refs.ljzch.offsetHeight; | 265 | this.ljzzdyHeight = higher ? highest : this.$refs.ljzch.offsetHeight; |
266 | highest = 0; | ||
267 | }) | ||
226 | } else { | 268 | } else { |
269 | this.$nextTick(()=>{ | ||
227 | this.ljzzdyHeight = highest; | 270 | this.ljzzdyHeight = highest; |
271 | highest = 0; | ||
272 | }) | ||
228 | } | 273 | } |
229 | } else { | 274 | } else { |
230 | // this.zdyWidth = 124; | 275 | // this.zdyWidth = 124; |
231 | } | 276 | } |
277 | |||
278 | |||
232 | }, | 279 | }, |
233 | //户单击事件 | 280 | //户单击事件 |
234 | handleTdClick(e, bsm) { | 281 | handleTdClick(e, bsm) { |
... | @@ -285,6 +332,20 @@ export default { | ... | @@ -285,6 +332,20 @@ export default { |
285 | this.rightClickFlag = type; | 332 | this.rightClickFlag = type; |
286 | this.lpbChVisible = true; | 333 | this.lpbChVisible = true; |
287 | }, | 334 | }, |
335 | // 层选中事件 | ||
336 | handleClickC(e,item){ | ||
337 | //判断点击的层是否选中 | ||
338 | if (e.target.className.indexOf("tdSelect") == -1) { | ||
339 | //未选中→选中 | ||
340 | e.target.className += " tdSelect"; //加边框 | ||
341 | this.cbsmList.push(item.bsm); // 将户bsm放进hbsmList | ||
342 | } else { | ||
343 | //选中→未选中 | ||
344 | e.target.className = "floor"; | ||
345 | this.deleteArrOption(this.cbsmList,item.bsm); | ||
346 | } | ||
347 | this.$parent.getCbsm(this.cbsmList); | ||
348 | }, | ||
288 | //关闭右键菜单 | 349 | //关闭右键菜单 |
289 | closeMenu(){ | 350 | closeMenu(){ |
290 | this.lpbChVisible = false | 351 | this.lpbChVisible = false |
... | @@ -294,7 +355,13 @@ export default { | ... | @@ -294,7 +355,13 @@ export default { |
294 | 355 | ||
295 | }, | 356 | }, |
296 | handleMoveH(){ | 357 | handleMoveH(){ |
297 | 358 | // 移动户 | |
359 | console.log(this.chData,"chData") | ||
360 | console.log(this.$parent.scyclx,"实预测类型") | ||
361 | this.moveHvisible=true; | ||
362 | }, | ||
363 | moveHClose(){ | ||
364 | this.moveHvisible=false; | ||
298 | }, | 365 | }, |
299 | handleDeleteH(){ | 366 | handleDeleteH(){ |
300 | 367 | ||
... | @@ -304,12 +371,62 @@ export default { | ... | @@ -304,12 +371,62 @@ export default { |
304 | }, | 371 | }, |
305 | //end | 372 | //end |
306 | // 层右键菜单 start | 373 | // 层右键菜单 start |
307 | handleAddC(){ | 374 | //添加 |
308 | 375 | handleAddC(type){ | |
376 | this.addCData.title = type == "up" ? "向上添加层" : "向下添加层"; | ||
377 | this.addCVisible = true; | ||
378 | this.addCData.sjc = type == "up" ? Number(this.chData.sjc) + 1 : Number(this.chData.sjc) - 1; | ||
379 | this.addCData.cbsm = this.chData.bsm; | ||
380 | this.addCData.scyclx = this.$parent.scyclx; | ||
309 | }, | 381 | }, |
382 | //删除 | ||
310 | handleDeleteC(){ | 383 | handleDeleteC(){ |
384 | let params = { | ||
385 | cbsm:this.chData.bsm, | ||
386 | scyclx:this.$parent.scyclx | ||
387 | } | ||
388 | this.$confirm('是否确认删除该层?', '提示', { | ||
389 | confirmButtonText: '确定', | ||
390 | cancelButtonText: '取消', | ||
391 | type: 'warning' | ||
392 | }).then(() => { | ||
393 | deleteCByBsm(params).then((res) => { | ||
394 | if (res.code == 200) { | ||
395 | this.$message({ | ||
396 | message: "删除成功", | ||
397 | type: "success", | ||
398 | }); | ||
399 | this.getLpb(this.$store.state.zrzbsm,this.$parent.scyclx); | ||
400 | }else{ | ||
401 | this.$message({ | ||
402 | message: res.message, | ||
403 | type: "warning", | ||
404 | }); | ||
405 | } | ||
406 | }); | ||
407 | }).catch(() => { | ||
408 | |||
409 | }); | ||
311 | 410 | ||
312 | }, | 411 | }, |
412 | //确认添加 | ||
413 | saveAddC(){ | ||
414 | insertUpDownC(this.addCData).then((res) => { | ||
415 | if (res.code == 200) { | ||
416 | this.$message({ | ||
417 | message: "添加成功", | ||
418 | type: "success", | ||
419 | }); | ||
420 | this.getLpb(this.$store.state.zrzbsm,this.$parent.scyclx); | ||
421 | this.addCVisible = false; | ||
422 | }else{ | ||
423 | this.$message({ | ||
424 | message: res.message, | ||
425 | type: "warning", | ||
426 | }); | ||
427 | } | ||
428 | }); | ||
429 | }, | ||
313 | //end | 430 | //end |
314 | }, | 431 | }, |
315 | computed: { | 432 | computed: { |
... | @@ -319,8 +436,14 @@ export default { | ... | @@ -319,8 +436,14 @@ export default { |
319 | legendToggleFlagChange() { | 436 | legendToggleFlagChange() { |
320 | return this.$parent.legendToggleFlag; | 437 | return this.$parent.legendToggleFlag; |
321 | }, | 438 | }, |
439 | scyclx(){ | ||
440 | return this.$parent.scyclx | ||
441 | } | ||
322 | }, | 442 | }, |
323 | watch: { | 443 | watch: { |
444 | scyclx(n){ | ||
445 | this.getLpb(this.$store.state.zrzbsm,n) | ||
446 | }, | ||
324 | createFlagChange: function(val) { | 447 | createFlagChange: function(val) { |
325 | setTimeout(() => { | 448 | setTimeout(() => { |
326 | this.lpbContentWidth = this.$refs.lpbContent.offsetWidth - 6; | 449 | this.lpbContentWidth = this.$refs.lpbContent.offsetWidth - 6; |
... | @@ -474,7 +597,7 @@ export default { | ... | @@ -474,7 +597,7 @@ export default { |
474 | background-color: blanchedalmond; | 597 | background-color: blanchedalmond; |
475 | } | 598 | } |
476 | td { | 599 | td { |
477 | width: 124px; | 600 | min-width: 124px; |
478 | height: 64px; | 601 | height: 64px; |
479 | line-height: 64px; | 602 | line-height: 64px; |
480 | text-align: center; | 603 | text-align: center; |
... | @@ -485,15 +608,21 @@ export default { | ... | @@ -485,15 +608,21 @@ export default { |
485 | background-image: url("../../../../../assets/tdSelect.png"); | 608 | background-image: url("../../../../../assets/tdSelect.png"); |
486 | background-repeat: no-repeat; | 609 | background-repeat: no-repeat; |
487 | background-position: right top; | 610 | background-position: right top; |
611 | background-size: 30px; | ||
488 | } | 612 | } |
489 | } | 613 | } |
490 | } | 614 | } |
491 | .name { | 615 | .name { |
492 | line-height: 40px; | 616 | line-height: 40px; |
493 | text-align: center; | 617 | text-align: center; |
618 | display: inline-block; | ||
494 | } | 619 | } |
495 | // end | 620 | // end |
496 | } | 621 | } |
622 | .column-reverse { | ||
623 | display: flex; | ||
624 | flex-direction: column-reverse; | ||
625 | } | ||
497 | .zrz { | 626 | .zrz { |
498 | height: 60px; | 627 | height: 60px; |
499 | line-height: 60px; | 628 | line-height: 60px; |
... | @@ -503,5 +632,10 @@ export default { | ... | @@ -503,5 +632,10 @@ export default { |
503 | text-align: center; | 632 | text-align: center; |
504 | transition: 0.5s; | 633 | transition: 0.5s; |
505 | } | 634 | } |
635 | |||
636 | .btnGroup { | ||
637 | margin: 20px auto 0; | ||
638 | width: 150px; | ||
639 | } | ||
506 | } | 640 | } |
507 | </style> | 641 | </style> | ... | ... |
... | @@ -44,6 +44,7 @@ export default { | ... | @@ -44,6 +44,7 @@ export default { |
44 | height: 100%; | 44 | height: 100%; |
45 | box-sizing: border-box; | 45 | box-sizing: border-box; |
46 | padding:18px; | 46 | padding:18px; |
47 | padding-bottom: 0; | ||
47 | -webkit-user-select:none; | 48 | -webkit-user-select:none; |
48 | -moz-user-select:none; | 49 | -moz-user-select:none; |
49 | -ms-user-select:none; | 50 | -ms-user-select:none; | ... | ... |
... | @@ -13,7 +13,14 @@ | ... | @@ -13,7 +13,14 @@ |
13 | </table> | 13 | </table> |
14 | <table border="1"> | 14 | <table border="1"> |
15 | <tr> | 15 | <tr> |
16 | <td @click="addRow">+</td> | 16 | <td> |
17 | <el-button | ||
18 | type="primary" | ||
19 | class="changeBtn outAdd addMinus" | ||
20 | @click="addRow" | ||
21 | >+</el-button | ||
22 | > | ||
23 | </td> | ||
17 | <td>建(构)筑物编号</td> | 24 | <td>建(构)筑物编号</td> |
18 | <td>建(构)筑物数量</td> | 25 | <td>建(构)筑物数量</td> |
19 | <td>建(构)筑物面积(㎡)</td> | 26 | <td>建(构)筑物面积(㎡)</td> |
... | @@ -22,13 +29,20 @@ | ... | @@ -22,13 +29,20 @@ |
22 | <td>附记</td> | 29 | <td>附记</td> |
23 | </tr> | 30 | </tr> |
24 | <tr v-for="(item,i) in Data.list" :key="i"> | 31 | <tr v-for="(item,i) in Data.list" :key="i"> |
25 | <td @click="delRow(i)">-</td> | 32 | <td> |
26 | <td><input type="text" class="formInput" v-model="item.jgzwbh"/></td> | 33 | <el-button |
27 | <td><input type="number" class="formInput" v-model="item.jgzsl" @keydown="oninput"/></td> | 34 | type="primary" |
28 | <td><input type="number" class="formInput" v-model.number="item.jgzmj" @keydown="oninput"/></td> | 35 | class="changeBtn outMinus addMinus" |
29 | <td><input type="number" class="formInput" v-model.number="item.zdmj" @keydown="oninput"/></td> | 36 | @click="delRow(i)" |
30 | <td><input type="number" class="formInput" v-model.number="item.fttdmj" @keydown="oninput"/></td> | 37 | >-</el-button |
31 | <td><input type="text" class="formInput" v-model="item.fj"/></td> | 38 | > |
39 | </td> | ||
40 | <td><el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号"></el-input></td> | ||
41 | <td><el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d*/g)) || null" placeholder="请输入建(构)筑物数量"></el-input></td> | ||
42 | <td><el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入建(构)筑物面积(㎡)"></el-input></td> | ||
43 | <td><el-input v-model="item.zdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入占地面积(㎡)"></el-input></td> | ||
44 | <td><el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入分摊土地面积(㎡)"></el-input></td> | ||
45 | <td><el-input v-model="item.fj" placeholder="请输入附记"></el-input></td> | ||
32 | </tr> | 46 | </tr> |
33 | <!-- <tr> | 47 | <!-- <tr> |
34 | <td>统计</td> | 48 | <td>统计</td> |
... | @@ -94,9 +108,6 @@ | ... | @@ -94,9 +108,6 @@ |
94 | } | 108 | } |
95 | }) | 109 | }) |
96 | }, | 110 | }, |
97 | oninput(e) { | ||
98 | e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null | ||
99 | }, | ||
100 | addRow() { | 111 | addRow() { |
101 | this.Data.list.push({ | 112 | this.Data.list.push({ |
102 | jgzwbh: '', // 建(构)筑物编号 | 113 | jgzwbh: '', // 建(构)筑物编号 | ... | ... |
... | @@ -13,19 +13,19 @@ | ... | @@ -13,19 +13,19 @@ |
13 | <input v-show="false" :disabled="form.qszt!='0'" class="formInput" v-model="form.zdbsm"> | 13 | <input v-show="false" :disabled="form.qszt!='0'" class="formInput" v-model="form.zdbsm"> |
14 | </td> | 14 | </td> |
15 | <td colspan="2" >自然幢号<i class="requisite">*</i></td> | 15 | <td colspan="2" >自然幢号<i class="requisite">*</i></td> |
16 | <td colspan="4" > | 16 | <td colspan="4" class="psr"> |
17 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zrzh"> | 17 | <input class="formInput percent80" :disabled="form.qszt!='0'" v-model="form.zrzh"> |
18 | <el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button> | ||
18 | </td> | 19 | </td> |
19 | </tr> | 20 | </tr> |
20 | <tr> | 21 | <tr> |
21 | <td colspan="2" >项目名称<i class="requisite">*</i></td> | 22 | <td colspan="2" >项目名称<i class="requisite">*</i></td> |
22 | <td colspan="4" > | 23 | <td colspan="4" > |
23 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.xmmc"> | 24 | <input class="formInput " :disabled="form.qszt!='0'" v-model="form.xmmc"> |
24 | </td> | 25 | </td> |
25 | <td colspan="2" >不动产单元号<i class="requisite">*</i></td> | 26 | <td colspan="2" >不动产单元号<i class="requisite">*</i></td> |
26 | <td colspan="4" > | 27 | <td colspan="4"> |
27 | <input class="formInput percent78" :disabled="form.qszt!='0'" v-model="form.bdcdyh" style="width: 70%"> | 28 | <input class="formInput " :disabled="form.qszt!='0'" v-model="form.bdcdyh"> |
28 | <el-button @click.prevent="generatorCode" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> | ||
29 | </td> | 29 | </td> |
30 | </tr> | 30 | </tr> |
31 | 31 | ||
... | @@ -145,12 +145,12 @@ | ... | @@ -145,12 +145,12 @@ |
145 | 145 | ||
146 | <tr v-for="(item1,index) in form.fwytList" :key="index"> | 146 | <tr v-for="(item1,index) in form.fwytList" :key="index"> |
147 | <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" id="ytTitle"> | 147 | <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" id="ytTitle"> |
148 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> | 148 | <el-button type="primary" class="outAdd addMinus" size="mini" style="margin-right: 10px" @click="addYtInfo">+</el-button> |
149 | <span>用途<i class="requisite">*</i></span> | 149 | <span> 用途<i class="requisite">*</i></span> |
150 | </td> | 150 | </td> |
151 | 151 | ||
152 | <td colspan="1" style="min-width:120px"> | 152 | <td colspan="1" style="min-width:120px"> |
153 | <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> | 153 | <el-button type="info" class="inMinus addMinus" size="mini" style="" @click="deleteYtInfo(index)" circle>-</el-button> |
154 | 规划用途 | 154 | 规划用途 |
155 | </td> | 155 | </td> |
156 | <td colspan="3" > | 156 | <td colspan="3" > |
... | @@ -186,11 +186,12 @@ | ... | @@ -186,11 +186,12 @@ |
186 | 186 | ||
187 | <tr v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> | 187 | <tr v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> |
188 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" > | 188 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" > |
189 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> | 189 | <el-button type="primary" class="outAdd addMinus" size="mini" style="margin-right: 10px" @click="addFwjgInfo">+</el-button> |
190 | <span>房屋结构<i class="requisite">*</i></span> | 190 | <span>房屋结构<i class="requisite">*</i></span> |
191 | </td> | 191 | </td> |
192 | <td colspan="1" > | 192 | <td colspan="1" > |
193 | <span @click="deleteFwjgInfo(index)">删除</span> | 193 | <el-button type="primary" class="inMinus addMinus" size="mini" style="margin-right: 10px" @click="deleteFwjgInfo(index)">-</el-button> |
194 | <span> 删除</span> | ||
194 | </td> | 195 | </td> |
195 | <td colspan="9" > | 196 | <td colspan="9" > |
196 | <el-select class="persent78" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" > | 197 | <el-select class="persent78" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" > |
... | @@ -205,13 +206,10 @@ | ... | @@ -205,13 +206,10 @@ |
205 | </tr> | 206 | </tr> |
206 | 207 | ||
207 | <tr> | 208 | <tr> |
208 | <td colspan="12" rowspan="4" align="center"> | 209 | <td colspan="12" align="center"> |
209 | <Qlxz ref="qlxzModule" :formData="form"></Qlxz> | 210 | <Qlxz ref="qlxzModule" :formData="form"></Qlxz> |
210 | </td> | 211 | </td> |
211 | </tr> | 212 | </tr> |
212 | <tr></tr> | ||
213 | <tr></tr> | ||
214 | <tr></tr> | ||
215 | 213 | ||
216 | <tr> | 214 | <tr> |
217 | <td colspan="2" > | 215 | <td colspan="2" > |
... | @@ -274,7 +272,7 @@ | ... | @@ -274,7 +272,7 @@ |
274 | 272 | ||
275 | <script> | 273 | <script> |
276 | import Qlr from "../../../components/formMenu/qlr"; | 274 | import Qlr from "../../../components/formMenu/qlr"; |
277 | import Qlxz from "../../../components/formMenu/qlxz"; | 275 | import Qlxz from "../../../components/formMenu/qlxz_simple"; |
278 | import {getBdcdyh,saveZrzInfo,getZrzDetailByBsm} from "../../../api/zrz" | 276 | import {getBdcdyh,saveZrzInfo,getZrzDetailByBsm} from "../../../api/zrz" |
279 | import {getQjZdjbxxDetailById} from "../../../api/zd" | 277 | import {getQjZdjbxxDetailById} from "../../../api/zd" |
280 | import {submit} from "../../../api/common" | 278 | import {submit} from "../../../api/common" |
... | @@ -605,10 +603,6 @@ | ... | @@ -605,10 +603,6 @@ |
605 | text-align: center; | 603 | text-align: center; |
606 | cursor: text; | 604 | cursor: text; |
607 | } | 605 | } |
608 | .percent78 { | ||
609 | width: 78%; | ||
610 | float: left; | ||
611 | } | ||
612 | .percent68 { | 606 | .percent68 { |
613 | width: 68% !important; | 607 | width: 68% !important; |
614 | float: left; | 608 | float: left; |
... | @@ -629,13 +623,6 @@ | ... | @@ -629,13 +623,6 @@ |
629 | width: 30% !important; | 623 | width: 30% !important; |
630 | float: left; | 624 | float: left; |
631 | } | 625 | } |
632 | .createBtn { | ||
633 | position: absolute; | ||
634 | width: 50px; | ||
635 | padding: 6px 4px; | ||
636 | right: 4px; | ||
637 | top: 4px; | ||
638 | } | ||
639 | .el-input__icon { | 626 | .el-input__icon { |
640 | line-height: 37px; | 627 | line-height: 37px; |
641 | } | 628 | } | ... | ... |
-
Please register or sign in to post a comment