Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
0fa2bed3 by zhaoqian
Options

户表调整1

1 parent d31c80cb
Inline Side-by-side
Showing 3 changed files with 384 additions and 2 deletions
...@@ -49,7 +49,8 @@ export function getLpb (data) { ...@@ -49,7 +49,8 @@ export function getLpb (data) {
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 }, 54 },
54 }) 55 })
55 } 56 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <template>
2 <div class="temp">
3 <el-row
4 class="qlxzModule"
5 v-for="(items, index) in countList"
6 :key="items.id"
7 >
8 <template v-for="(childItem,childIndex) in items.list" >
9 <el-col :span="2" class="btnCol" :key="childIndex+'1'" :class="childIndex>0 ? 'childYT noTopBorder':''">
10 <el-button
11 v-show="childIndex<1"
12 type="primary"
13 class="changeBtn"
14 @click="handleClick( index, 'add')"
15 >+</el-button
16 >
17 <el-button
18 v-show="childIndex<1"
19 type="primary"
20 class="changeBtn"
21 @click="handleClick( index, 'minus')"
22 >-</el-button
23 >
24 <div
25 :class="items.hasNotBorder ? 'itemShow whiteItem' : 'whiteItem'"
26 v-if="items.isInside"
27 ></div>
28 </el-col>
29 <el-col :span="2" class="btnCol" :key="childIndex+'8'" :class="childIndex>0 ? 'childYT':''">
30 <!-- <template v-if="childIndex>0"> -->
31 <span class="qlxz" v-show="childIndex<1">权利性质</span><br>
32 <el-button
33 type="primary"
34 class="changeBtn"
35 @click="handleInClick(index, childIndex, 'add')"
36 >+</el-button
37 >
38 <el-button
39 type="primary"
40 class="changeBtn"
41 @click="handleInClick(index, childIndex, 'minus')"
42 >-</el-button
43 >
44 <!-- </template> -->
45 </el-col>
46 <el-col :span="5" :key="childIndex+'7'" :class="childIndex>0 ? 'childYT':''">
47 <ul>
48 <li>批准用途</li>
49 <li>实际用途</li>
50 <li>土地使用起始时间<i class="requisite">*</i></li>
51 </ul>
52 </el-col>
53 <el-col :span="5" :key="childIndex+'6'" :class="childIndex>0 ? 'childYT':''">
54 <ul>
55 <li>
56 <el-select class="formSelect percent30" v-model="childItem.pzytdm">
57 <el-option
58 v-for="item in $store.state.tdytList"
59 :key="item.dm"
60 :label="item.mc"
61 :value="item.dm"
62 >
63 </el-option>
64 </el-select>
65 </li>
66 <li>
67 <el-select class="formSelect percent30" v-model="childItem.sjytdm">
68 <el-option
69 v-for="item in $store.state.tdytList"
70 :key="item.dm"
71 :label="item.mc"
72 :value="item.dm"
73 >
74 </el-option>
75 </el-select>
76 </li>
77 <li>
78 <el-date-picker
79 v-model="childItem.tdsyqssj"
80 type="date"
81 value-format="yyyy-MM-dd"
82 placeholder="选择日期"
83 >
84 </el-date-picker>
85 </li>
86 </ul>
87 </el-col>
88 <el-col :span="5" :key="childIndex+'5'" :class="childIndex>0 ? 'childYT':''">
89 <ul>
90 <li>地类编码</li>
91 <li>地类编码</li>
92 <li>土地使用结束时间<i class="requisite">*</i></li>
93 </ul>
94 </el-col>
95 <el-col :span="5" :key="childIndex+'4'" :class="childIndex>0 ? 'childYT':''">
96 <ul>
97 <li>
98 <input type="text" placeholder="请输入" v-model="childItem.pzytdm" class="formInput" />
99 </li>
100 <li>
101 <input type="text" placeholder="请输入" v-model="childItem.sjytdm" class="formInput" />
102 </li>
103 <li>
104 <el-date-picker
105 v-model="childItem.tdsyjssj"
106 type="date"
107 value-format="yyyy-MM-dd"
108 placeholder="选择日期"
109 >
110 </el-date-picker>
111 </li>
112 </ul>
113 </el-col>
114 </template>
115
116 <div class="title">
117 <el-select class="formSelect" v-model="items.qlxzdm">
118 <el-option
119 v-for="item in $store.state.qlxzList"
120 :key="item.dm"
121 :label="item.mc"
122 :value="item.dm"
123 >
124 </el-option>
125 </el-select>
126 </div>
127 </el-row>
128 </div>
129 </template>
130
131 <script>
132 import { getDdicByMC } from "../../api/common";
133 export default {
134 props: {
135 // widtd: {
136 // type: String,
137 // default: "70%",
138 // },
139 },
140 data() {
141 return {
142 countList: [
143 {
144 id: Math.random(),
145 isInside: false,
146 hasNotBorder: false,
147 "bsm": "",//权利性质标识码
148 "glbsm": "",//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
149 "qlxzdm": "",
150 "zhqlxzlx": "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
151 list:[
152 {
153 "pzdjbsm": "",
154 "pzdjmc": "",
155 "pzytdm": "",
156 "pzytmc": "",
157 "pzytmj": 0,
158 "qlxzbsm": "",
159 "sjdjbsm": "",
160 "sjdjmc": "",
161 "sjytdm": "",
162 "sjytmc": "",
163 "sjytmj": 0,
164 "syqx": "",
165 "tdsyjssj": "",
166 "tdsyqssj": "",
167 "tdzh": ""
168 }
169 ]
170 },
171 ],
172 outNum:0
173 };
174 },
175 created(){
176 },
177 methods: {
178 //外层操作
179 handleClick( ind, type) {
180 let outsideObj = {
181 id: Math.random(),
182 isInside: false,
183 hasNotBorder: false,
184 "bsm": "",//权利性质标识码
185 "glbsm": "",//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
186 "qlxzdm": "",
187 "zhqlxzlx": "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
188 list:[
189 {
190 "pzdjbsm": "",
191 "pzdjmc": "",
192 "pzytdm": "",
193 "pzytmc": "",
194 "pzytmj": 0,
195 "qlxzbsm": "",
196 "sjdjbsm": "",
197 "sjdjmc": "",
198 "sjytdm": "",
199 "sjytmc": "",
200 "sjytmj": 0,
201 "syqx": "",
202 "tdsyjssj": "",
203 "tdsyqssj": "",
204 "tdzh": ""
205 }
206 ]
207 };
208 if (type === "add") {
209 this.countList.push(outsideObj);
210 this.outNum++
211 } else {
212 this.countList.forEach((item, index) => {
213 if (index == ind && this.countList.length > 1) {
214 this.countList.splice(index, 1);
215 }
216 });
217 this.outNum--
218 }
219 },
220 //内层操作
221 handleInClick(index, childIndex, type) {
222 let insideObj = {
223 "pzdjbsm": "",
224 "pzdjmc": "",
225 "pzytdm": "",
226 "pzytmc": "",
227 "pzytmj": 0,
228 "qlxzbsm": "",
229 "sjdjbsm": "",
230 "sjdjmc": "",
231 "sjytdm": "",
232 "sjytmc": "",
233 "sjytmj": 0,
234 "syqx": "",
235 "tdsyjssj": "",
236 "tdsyqssj": "",
237 "tdzh": ""
238 };
239 if (type === "add") {
240 this.countList[index].list.splice(childIndex + 1, 0, insideObj);
241 } else {
242 this.countList[index].list.forEach((item, childInd) => {
243 if (childIndex == childInd && this.countList[index].list.length > 1) {
244 this.countList[index].list.splice(childIndex, 1);
245 }
246 });
247 }
248 this.hasBorderOrNot();
249 },
250 //判断是否显示边框
251 hasBorderOrNot() {
252 this.countList.forEach((item, index) => {
253 if (index == this.countList.length - 1) {
254 item.hasNotBorder = true;
255 } else {
256 item.hasNotBorder = item.isInside && !this.countList[index + 1].isInside ? true : false;
257 }
258 });
259 },
260 getQlxzDataList() {
261 return this.countList;
262 },
263 },
264 };
265 </script>
266 <style lang="less">
267 .temp {
268 width: 100%;
269 .qlxzModule {
270 height: auto;
271 position: relative;
272 border-bottom: 1px solid grey;
273 .el-col {
274 // height: 100%;
275 border-right: 1px solid grey;
276 position: relative;
277 .qlxz {
278 line-height: 34px;
279 }
280 ul {
281 margin-top: 34px;
282 li {
283 height: 37px;
284 line-height: 37px;
285 text-decoration: none;
286 border-bottom: 1px solid #E6E6E6;
287 .el-select{
288 width: 100%;
289 }
290 .el-input{
291 width: 100%;
292 }
293 .el-input__inner {
294 height: 34px;
295 }
296 }
297 li:last-child {
298 border-bottom: none;
299 }
300 }
301 .whiteItem {
302 background-color: #fff;
303 position: absolute;
304 width: 100%;
305 height: 2px;
306 bottom: -1px;
307 left: 0;
308 }
309 .itemShow {
310 bottom: 2px;
311 }
312 }
313 .childYT{
314 height: 114px;
315 border-top: 1px solid grey;
316 ul {
317 margin-top: 0;
318 li{
319 .el-input__inner {
320 height: 29px;
321 }
322 }
323 }
324 .changeBtn {
325 margin-top: -48px;
326 }
327 .el-button + .el-button {
328 margin-top: 4px;
329 }
330 }
331 .noTopBorder{
332 border-top: 0;
333 }
334 .noRightBorder{
335 border-right: 0;
336 }
337 .el-col:nth-last-child(2) {
338 border-right: none;
339 }
340 .title {
341 width: 83.33333%;
342 height: 34px;
343 line-height: 34px;
344 background-color: #fff;
345 border-bottom: 1px solid grey;
346 position: absolute;
347 right: 0;
348 top: 0;
349 .formSelect {
350 top: -1px;
351 width: 100%;
352 .el-input__inner {
353 height: 32px;
354 }
355 }
356 }
357 }
358 .btnCol {
359 position: relative;
360 height: 146px;
361 .changeBtn {
362 width: 46px;
363 height: 46px;
364 font-size: 30px;
365 padding: 4px 6px;
366 position: absolute;
367 top: 50%;
368 left: 50%;
369 margin-top: -38px;
370 margin-left: -23px;
371 }
372 .el-button + .el-button {
373 margin-left: -23px;
374 margin-top: 16px;
375 }
376 }
377 .el-row:nth-last-child(1) {
378 border-bottom: none;
379 }
380 }
381 </style>
...@@ -375,7 +375,7 @@ ...@@ -375,7 +375,7 @@
375 375
376 <script> 376 <script>
377 import Qlr from "../../../components/formMenu/qlr"; 377 import Qlr from "../../../components/formMenu/qlr";
378 import Qlxz from "../../../components/formMenu/qlxz"; 378 import Qlxz from "../../../components/formMenu/qlxz_simple";
379 export default { 379 export default {
380 name:'zrz', 380 name:'zrz',
381 components:{ 381 components:{
......