Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
6c9308ed by 杨威
Options

添加和删除层功能

1 parent 29473d18
Inline Side-by-side
Showing 5 changed files with 175 additions and 85 deletions
...@@ -50,7 +50,7 @@ export function getLpb (data,lx) { ...@@ -50,7 +50,7 @@ export function getLpb (data,lx) {
50 method: 'get', 50 method: 'get',
51 params: { 51 params: {
52 zrzbsm:data, 52 zrzbsm:data,
53 syclx:lx, 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,35 @@ export function batchGeneratorBdcdyh (dpdm,zrzbsm) { ...@@ -102,8 +102,35 @@ 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 }
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 })
109 } 136 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -21,24 +21,20 @@ ...@@ -21,24 +21,20 @@
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" > 24 <el-select
25 <el-form-item > 25 :disabled="formData.qszt!='0'"
26 <el-select 26 class="formSelect"
27 :disabled="formData.qszt!='0'" 27 v-model="formData.xzqbsm"
28 class="formSelect" 28 @change="changeXzq(formData.xzqbsm)"
29 v-model="formData.xzqbsm" 29 >
30 @change="changeXzq(formData.xzqbsm)" 30 <el-option
31 > 31 v-for="item in $store.state.xzqList"
32 <el-option 32 :key="item.bsm"
33 v-for="item in $store.state.xzqList" 33 :label="item.mc"
34 :key="item.bsm" 34 :value="item.bsm"
35 :label="item.mc" 35 >
36 :value="item.bsm" 36 </el-option>
37 > 37 </el-select>
38 </el-option>
39 </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">
...@@ -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:'',
......
...@@ -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="syclx" @change="syclxChange"> 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>
...@@ -299,7 +299,7 @@ export default { ...@@ -299,7 +299,7 @@ export default {
299 plzlVisible: false, 299 plzlVisible: false,
300 hbjVisible: false, 300 hbjVisible: false,
301 hcxlzVisible:false, 301 hcxlzVisible:false,
302 syclx: "1", //1是实测 0是预测 302 scyclx: "1", //1是实测 0是预测
303 radio1: "", 303 radio1: "",
304 radio2: "", 304 radio2: "",
305 createFlag: false, 305 createFlag: false,
...@@ -438,7 +438,7 @@ export default { ...@@ -438,7 +438,7 @@ export default {
438 this.plShVisible = false; 438 this.plShVisible = false;
439 }, 439 },
440 //改变是预测数据类型 440 //改变是预测数据类型
441 syclxChange(val){ 441 scyclxChange(val){
442 //清空已选中层户 442 //清空已选中层户
443 this.cbsmList = []; 443 this.cbsmList = [];
444 this.bsms = []; 444 this.bsms = [];
...@@ -602,7 +602,7 @@ export default { ...@@ -602,7 +602,7 @@ export default {
602 getDyztBsmList() { 602 getDyztBsmList() {
603 let data = { 603 let data = {
604 zrzbsm: this.$store.state.zrzbsm, 604 zrzbsm: this.$store.state.zrzbsm,
605 syclx: "0", 605 scyclx: "0",
606 }; 606 };
607 getLpbTj(data).then((res) => { 607 getLpbTj(data).then((res) => {
608 if (res.code === 200) { 608 if (res.code === 200) {
...@@ -651,7 +651,7 @@ export default { ...@@ -651,7 +651,7 @@ export default {
651 getLpbFwytAndQlxz(){ 651 getLpbFwytAndQlxz(){
652 let data = { 652 let data = {
653 zrzbsm: this.$store.state.zrzbsm, 653 zrzbsm: this.$store.state.zrzbsm,
654 syclx: "0", 654 scyclx: "0",
655 }; 655 };
656 getLpbFwytAndQlxz(data).then((res) => { 656 getLpbFwytAndQlxz(data).then((res) => {
657 if (res.code === 200) { 657 if (res.code === 200) {
......
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">
...@@ -90,14 +90,32 @@ ...@@ -90,14 +90,32 @@
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="handleUpAddC">向上添加层</li> 93 <li v-show='rightClickFlag=="c"' @click="handleAddC('up')">向上添加层</li>
94 <li v-show='rightClickFlag=="c"' @click="handleDownAddC">向下添加层</li> 94 <li v-show='rightClickFlag=="c"' @click="handleAddC('down')">向下添加层</li>
95 <li v-show='rightClickFlag=="c"' @click="handleDeleteC">删除层</li> 95 <li v-show='rightClickFlag=="c"' @click="handleDeleteC">删除层</li>
96 </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>
97 </div> 115 </div>
98 </template> 116 </template>
99 <script> 117 <script>
100 import { getLpb } from "../../../../../api/lpb"; 118 import { getLpb,insertUpDownC,deleteCByBsm } from "../../../../../api/lpb";
101 export default { 119 export default {
102 name: "", 120 name: "",
103 components: {}, 121 components: {},
...@@ -128,12 +146,22 @@ export default { ...@@ -128,12 +146,22 @@ export default {
128 lpbChTop:100, 146 lpbChTop:100,
129 //右键层户数据 147 //右键层户数据
130 chData:'', 148 chData:'',
131 rightClickFlag:"" 149 rightClickFlag:"",
150 //层操作数据
151 addCVisible:false,
152 addCData:{
153 title:"",
154 cbsm:"",//层标识码
155 hcount:"",//添加户数
156 scyclx:"",//实测预测类型
157 sjc:"", //当前的层的SJC +1
158 },
159 formLabelWidth: '120px'
132 }; 160 };
133 }, 161 },
134 created() {}, 162 created() {},
135 mounted() { 163 mounted() {
136 this.getLpb(this.$store.state.zrzbsm,this.$parent.syclx); 164 this.getLpb(this.$store.state.zrzbsm,this.$parent.scyclx);
137 setTimeout(() => { 165 setTimeout(() => {
138 //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight 166 //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight
139 this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20; 167 this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20;
...@@ -146,8 +174,8 @@ export default { ...@@ -146,8 +174,8 @@ export default {
146 }, 174 },
147 methods: { 175 methods: {
148 //获取楼盘表数据 176 //获取楼盘表数据
149 getLpb(zrzbsm,syclx) { 177 getLpb(zrzbsm,scyclx) {
150 getLpb(zrzbsm,syclx).then((res) => { 178 getLpb(zrzbsm,scyclx).then((res) => {
151 if (res.code == 200) { 179 if (res.code == 200) {
152 this.loading = false; 180 this.loading = false;
153 this.lpbData = res.result == null ? this.lpbData : res.result; 181 this.lpbData = res.result == null ? this.lpbData : res.result;
...@@ -331,32 +359,61 @@ export default { ...@@ -331,32 +359,61 @@ export default {
331 }, 359 },
332 //end 360 //end
333 // 层右键菜单 start 361 // 层右键菜单 start
334 handleUpAddC(){ 362 //添加
335 ///fw/lpbright/insertUpDownC 363 handleAddC(type){
336 //注：应该增加一个弹出窗口，输入新增户数 364 this.addCData.title = type == "up" ? "向上添加层" : "向下添加层";
337 // { 365 this.addCVisible = true;
338 // "cbsm": "63147d2d9766db01ead0cd53f23de908",//层标识码 366 this.addCData.sjc = type == "up" ? Number(this.chData.sjc) + 1 : Number(this.chData.sjc) - 1;
339 // "hcount": 3,//添加户数 367 this.addCData.cbsm = this.chData.bsm;
340 // "scyclx": "1",//实测预测类型 368 this.addCData.scyclx = this.$parent.scyclx;
341 // "sjc": 4//当前的层的SJC +1
342 // }
343 },
344 handleDownAddC(){
345 ///fw/lpbright/insertUpDownC
346 //注：应该增加一个弹出窗口，输入新增户数
347 // {
348 // "cbsm": "63147d2d9766db01ead0cd53f23de908",//层标识码
349 // "hcount": 3,//添加户数
350 // "scyclx": "1",//实测预测类型
351 // "sjc": 4//当前的层的SJC -1
352 // }
353 }, 369 },
370 //删除
354 handleDeleteC(){ 371 handleDeleteC(){
355 // 层右键菜单 /fw/lpbright/deleteCByBsm 372 let params = {
356 // 删除层：{ 373 cbsm:this.chData.bsm,
357 // "bsm": "c0818d9e4286b35b8ee9b96d90b522aa", 374 scyclx:this.$parent.scyclx
358 // "scyclx": "1" 375 }
359 // } 376 this.$confirm('是否确认删除该层?', '提示', {
377 confirmButtonText: '确定',
378 cancelButtonText: '取消',
379 type: 'warning'
380 }).then(() => {
381 deleteCByBsm(params).then((res) => {
382 if (res.code == 200) {
383 this.$message({
384 message: "删除成功",
385 type: "success",
386 });
387 this.getLpb(this.$store.state.zrzbsm,this.$parent.scyclx);
388 }else{
389 this.$message({
390 message: res.message,
391 type: "warning",
392 });
393 }
394 });
395 }).catch(() => {
396
397 });
398
399 },
400 //确认添加
401 saveAddC(){
402 insertUpDownC(this.addCData).then((res) => {
403 if (res.code == 200) {
404 this.$message({
405 message: "添加成功",
406 type: "success",
407 });
408 this.getLpb(this.$store.state.zrzbsm,this.$parent.scyclx);
409 this.addCVisible = false;
410 }else{
411 this.$message({
412 message: res.message,
413 type: "warning",
414 });
415 }
416 });
360 }, 417 },
361 //end 418 //end
362 }, 419 },
...@@ -367,12 +424,12 @@ export default { ...@@ -367,12 +424,12 @@ export default {
367 legendToggleFlagChange() { 424 legendToggleFlagChange() {
368 return this.$parent.legendToggleFlag; 425 return this.$parent.legendToggleFlag;
369 }, 426 },
370 syclx(){ 427 scyclx(){
371 return this.$parent.syclx 428 return this.$parent.scyclx
372 } 429 }
373 }, 430 },
374 watch: { 431 watch: {
375 syclx(n){ 432 scyclx(n){
376 this.getLpb(this.$store.state.zrzbsm,n) 433 this.getLpb(this.$store.state.zrzbsm,n)
377 }, 434 },
378 createFlagChange: function(val) { 435 createFlagChange: function(val) {
...@@ -550,6 +607,10 @@ export default { ...@@ -550,6 +607,10 @@ export default {
550 } 607 }
551 // end 608 // end
552 } 609 }
610 .column-reverse {
611 display: flex;
612 flex-direction: column-reverse;
613 }
553 .zrz { 614 .zrz {
554 height: 60px; 615 height: 60px;
555 line-height: 60px; 616 line-height: 60px;
...@@ -559,5 +620,10 @@ export default { ...@@ -559,5 +620,10 @@ export default {
559 text-align: center; 620 text-align: center;
560 transition: 0.5s; 621 transition: 0.5s;
561 } 622 }
623
624 .btnGroup {
625 margin: 20px auto 0;
626 width: 150px;
627 }
562 } 628 }
563 </style> 629 </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;
......