Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
c2bc1fbb by 杨威
Options

Merge remote-tracking branch 'origin/master' into master

2 parents ad62a573 e09d8f62
Inline Side-by-side
Showing 32 changed files with 2568 additions and 1396 deletions
...@@ -208,3 +208,4 @@ export function registerCall(data) { ...@@ -208,3 +208,4 @@ export function registerCall(data) {
208 data:data 208 data:data
209 }) 209 })
210 } 210 }
211
......
...@@ -97,3 +97,13 @@ export function saveDzFg(data) { ...@@ -97,3 +97,13 @@ export function saveDzFg(data) {
97 data: data, 97 data: data,
98 }) 98 })
99 } 99 }
100 /**
101 * 多幢合并保存
102 */
103 export function saveDzHb(data) {
104 return request({
105 url: '/bg/dzSplitMerge/dzHb',
106 method: 'post',
107 data: data,
108 })
109 }
......
...@@ -59,3 +59,14 @@ export function getHZdxx(bsm) { ...@@ -59,3 +59,14 @@ export function getHZdxx(bsm) {
59 }) 59 })
60 60
61 } 61 }
62
63 /**
64 * 户合并
65 */
66 export function hhb(data) {
67 return request({
68 url: '/bg/hSplitMerge/hHb',
69 method: 'post',
70 data: data
71 })
72 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -10,6 +10,10 @@ export function getSearchList(data) { ...@@ -10,6 +10,10 @@ export function getSearchList(data) {
10 }) 10 })
11 } 11 }
12 12
13 /**
14 * 宗地分割选择宗地列表
15 * @param data
16 */
13 export function zdlist(data) { 17 export function zdlist(data) {
14 return request({ 18 return request({
15 url: '/zd/qjZdjbxx/zdlist', 19 url: '/zd/qjZdjbxx/zdlist',
...@@ -17,3 +21,15 @@ export function zdlist(data) { ...@@ -17,3 +21,15 @@ export function zdlist(data) {
17 data:data 21 data:data
18 }) 22 })
19 } 23 }
24
25 /**
26 * 多幢分割选择多幢列表
27 * @param data
28 */
29 export function dzList(data) {
30 return request({
31 url:'/fw/qjDz/dzlist',
32 method:'post',
33 data:data
34 })
35 }
......
1 <template>
2 <div>
3 <el-dialog
4 title="新增"
5 :visible.sync="isVisible"
6 width="70%"
7 @close="close"
8 :modal-append-to-body="false"
9 center>
10 <div class="search">
11 <el-row>
12 <el-col :span="24">
13 <el-form :inline="true" class="demo-form-inline">
14 <el-form-item label="宗地编码">
15 <el-input
16 v-model="queryData.zddm"
17 placeholder="输入宗地编码"
18 ></el-input>
19 </el-form-item>
20 <el-form-item label="不动产权证号">
21 <el-input
22 v-model="queryData.bdcqzh"
23 placeholder="输入不动产权证号"
24 ></el-input>
25 </el-form-item>
26 <el-form-item label="不动产单元号">
27 <el-input
28 maxlength="28"
29 v-model="queryData.bdcdyh"
30 placeholder="输入不动产单元号"
31 ></el-input>
32 </el-form-item>
33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
34 <el-button type="warning" @click="reset">重置</el-button>
35 </el-form>
36 </el-col>
37 </el-row>
38 <el-row>
39 <el-col :span="24">
40 <el-form :inline="true" class="demo-form-inline">
41 <el-form-item label="权利人">
42 <el-input
43 v-model="queryData.qlrmc"
44 placeholder="输入权利人"
45 ></el-input>
46 </el-form-item>
47 <el-form-item label="坐落">
48 <el-input
49 v-model="queryData.zl"
50 placeholder="输入坐落"
51 ></el-input>
52 </el-form-item>
53 </el-form>
54 </el-col>
55 </el-row>
56 <div class="table-bode">
57 <table border="1">
58 <tr>
59 <td>序号</td>
60 <td>操作</td>
61 <td>宗地代码</td>
62 <td>不动产单元号</td>
63 <td>项目名称</td>
64 <td>不动产权证号</td>
65 <td>权利人</td>
66 <td>坐落</td>
67 </tr>
68 <tr v-if="Data.length==0">
69 <td colspan="8">
70 <span class="noData">暂无数据</span>
71 </td>
72 </tr>
73 <tr v-else v-for="(item,index) in Data" :key="index">
74 <td>{{index+1}}</td>
75 <td @click="addData(item)" class="xz">
76 <span>选择</span>
77 </td>
78 <td>{{item.zddm}}</td>
79 <td>{{item.bdcdyh}}</td>
80 <td>{{item.xmmc}}</td>
81 <td>{{item.bdcqzh}}</td>
82 <td>{{item.qlr}}</td>
83 <td>{{item.zl}}</td>
84 </tr>
85 </table>
86 </div>
87 </div>
88 <div class="page">
89 <el-pagination
90 background
91 layout="prev, pager, next,total"
92 :page-size="queryData.pageSize"
93 :total="total"
94 @current-change="currentChange"
95 >
96 </el-pagination>
97 </div>
98 </el-dialog>
99
100 </div>
101 </template>
102
103 <script>
104 import {dzList} from './../../api/search'
105
106 export default {
107 name: "zdQueryData",
108 data() {
109 return {
110 total: 1,
111 queryData: {
112 bdcdyh: "",
113 bdcqzh: "",
114 qlrmc: "",
115 xmmc: "",
116 zddm: "",
117 zl: "",
118 pageNo: 1,
119 pageSize: 10,
120 },
121 Data: [],
122 isVisible: false
123 }
124 },
125 props: {
126 centerDialogVisible: {
127 type: Boolean,
128 default: function () {
129 return false
130 }
131 },
132 isClose: {
133 type: Boolean,
134 default: false
135 }
136 },
137 mounted() {
138 this.getData(this.queryData)
139 },
140 created() {
141 },
142 methods: {
143 currentChange: function (val) {
144 this.queryData.pageNo = val;
145 this.getData(this.queryData);
146 },
147 reset: function () {
148 this.queryData = {
149 bdcdyh: "",
150 bdcqzh: "",
151 qlrmc: "",
152 xmmc: "",
153 zddm: "",
154 zl: "",
155 pageNo: 1,
156 pageSize: 10
157 };
158 this.getData(this.queryData)
159 },
160 getData: function (data) {
161 dzList(data).then(res => {
162 this.Data = res.result.records
163 this.total = res.result.total;
164 })
165 },
166 search: function () {
167 this.getData(this.queryData)
168 },
169 addData: function (val) {
170 this.$emit("getData", val)
171 if (this.isClose) {
172 this.close();
173 }
174 },
175 close: function () {
176 this.$emit('close')
177 this.reset();
178 }
179 },
180 watch: {
181 centerDialogVisible(val) {
182 this.isVisible = val
183 }
184 }
185 }
186 </script>
187
188 <style scoped lang="less">
189
190 .main {
191 box-sizing: border-box;
192 padding: 18px;
193 height: auto;
194 width: 80%;
195 }
196
197 /deep/ .el-form-item__label {
198 width: 96px;
199 text-align: right;
200 }
201
202 table {
203 margin-top: 10px;
204 background-color: #fff;
205 font-size: 14px;
206 width: 100%;
207 tr:hover {
208 background-color: #F5F7FA;
209 }
210 }
211
212 td {
213 text-align: center;
214 height: 36px;
215 min-width: 50px;
216 }
217
218 table:hover {
219 cursor: pointer;
220 }
221
222 .inputtitle {
223 line-height: 40px;
224 }
225
226 .shop {
227 margin-top: 20px;
228 }
229
230 .xz {
231 color: blue;
232 }
233
234 .noData {
235 color: #b2b2b2;
236 }
237 .table-bode{
238 height: 450px;
239 }
240 .page {
241 margin-top: 20px;
242 }
243
244 </style>
...@@ -55,7 +55,6 @@ ...@@ -55,7 +55,6 @@
55 custom-class="insetDialog" 55 custom-class="insetDialog"
56 append-to-body 56 append-to-body
57 width="50%" 57 width="50%"
58 center
59 > 58 >
60 <el-form :model="formData" class="qlrForm"> 59 <el-form :model="formData" class="qlrForm">
61 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> 60 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
......
...@@ -523,6 +523,40 @@ export default { ...@@ -523,6 +523,40 @@ export default {
523 this.outNum--; 523 this.outNum--;
524 } 524 }
525 }, 525 },
526 reset(){
527 this.countList=[
528 {
529 id: Math.random(),
530 isInside: false,
531 hasNotBorder: false,
532 bsm: "", //权利性质标识码
533 glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
534 qlxzdm: "",
535 zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
536 list: [
537 {
538 pzdjbsm: "",
539 pzdjmc: "",
540 pzytdm: "",
541 pzytmc: "",
542 pzytmj: 0,
543 qlxzbsm: "",
544 sjdjbsm: "",
545 sjdjmc: "",
546 sjytdm: "",
547 sjytmc: "",
548 sjytmj: 0,
549 syqx: "",
550 tdsyjssj: "",
551 pickerStart:{},
552 pickerEnd:{},
553 tdsyqssj: "",
554 tdzh: "",
555 },
556 ],
557 },
558 ];
559 },
526 //内层操作 560 //内层操作
527 handleInClick(index, childIndex, type) { 561 handleInClick(index, childIndex, type) {
528 let insideObj = { 562 let insideObj = {
......
...@@ -46,6 +46,7 @@ ...@@ -46,6 +46,7 @@
46 @contextmenu.prevent="openMenu($event, item,list)" 46 @contextmenu.prevent="openMenu($event, item,list)"
47 :class="{ 47 :class="{
48 active_color: item.expand, 48 active_color: item.expand,
49 curPage:$route.query.bsm==item.bsm
49 }" 50 }"
50 > 51 >
51 <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/> 52 <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/>
...@@ -404,4 +405,7 @@ export default { ...@@ -404,4 +405,7 @@ export default {
404 position: relative; 405 position: relative;
405 top: 1px; 406 top: 1px;
406 } 407 }
408 .curPage{
409 color: orange;
410 }
407 </style> 411 </style>
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 <li @click="exportToShp">ESRI Shape</li> 67 <li @click="exportToShp">ESRI Shape</li>
68 </ul> 68 </ul>
69 </li> 69 </li>
70 <li v-show="isZD">导入属性</li> 70 <li v-show="isZD" @click="drsx">导入属性</li>
71 <li v-show="!isZD">导入楼盘</li> 71 <li v-show="!isZD">导入楼盘</li>
72 <li>重叠分析</li> 72 <li>重叠分析</li>
73 <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li> 73 <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li>
...@@ -110,6 +110,7 @@ ...@@ -110,6 +110,7 @@
110 <el-dialog title="新建" :visible.sync="dialogVisible" width="48%"> 110 <el-dialog title="新建" :visible.sync="dialogVisible" width="48%">
111 <Create @closeDialog="closeDialog" :auth="true"></Create> 111 <Create @closeDialog="closeDialog" :auth="true"></Create>
112 </el-dialog> 112 </el-dialog>
113 <sxdr :sxdr-visible="sxdrVisible" @close="sxdrClose" :dylx="zdData.type" :bsm="zdData.bsm"></sxdr>
113 </div> 114 </div>
114 </template> 115 </template>
115 <script> 116 <script>
...@@ -121,6 +122,7 @@ import geoUtils from "@components/lineTree/tx/js/geoUtils"; ...@@ -121,6 +122,7 @@ import geoUtils from "@components/lineTree/tx/js/geoUtils";
121 import featureUpdate from "@libs/map/featureUpdate"; 122 import featureUpdate from "@libs/map/featureUpdate";
122 import {deleteLjz,deleteZdy} from "./../../api/lpb" 123 import {deleteLjz,deleteZdy} from "./../../api/lpb"
123 import exportTemJson from '@/assets/json/exportTemplate.json' 124 import exportTemJson from '@/assets/json/exportTemplate.json'
125 import sxdr from './../../components/sxdr/sxdr'
124 export default { 126 export default {
125 inheritAttrs: false, 127 inheritAttrs: false,
126 props: { 128 props: {
...@@ -134,10 +136,11 @@ export default { ...@@ -134,10 +136,11 @@ export default {
134 default: false, 136 default: false,
135 } 137 }
136 }, 138 },
137 components: { lineItem,Create,ImportGeo }, 139 components: { lineItem,Create,ImportGeo,sxdr },
138 mixins:[geoUtils,featureUpdate], 140 mixins:[geoUtils,featureUpdate],
139 data() { 141 data() {
140 return { 142 return {
143 sxdrVisible:false,
141 selectedDetail: {}, 144 selectedDetail: {},
142 timer: {}, 145 timer: {},
143 formatData: [], 146 formatData: [],
...@@ -197,6 +200,12 @@ export default { ...@@ -197,6 +200,12 @@ export default {
197 }, 200 },
198 201
199 methods: { 202 methods: {
203 drsx(){
204 this.sxdrVisible=true;
205 },
206 sxdrClose(){
207 this.sxdrVisible=false;
208 },
200 loading(){ 209 loading(){
201 this.$emit("loading") 210 this.$emit("loading")
202 }, 211 },
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 width="50%" 6 width="50%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 center> 9 >
10 <div> 10 <div>
11 <div class="bottom-radio"> 11 <div class="bottom-radio">
12 <el-radio-group v-model="moveHdata.sxzylx"> 12 <el-radio-group v-model="moveHdata.sxzylx">
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 width="50%" 6 width="50%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 center> 9 >
10 <div> 10 <div>
11 <table border="1"> 11 <table border="1">
12 <tr> 12 <tr>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 width="70%" 6 width="70%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 center> 9 >
10 <div> 10 <div>
11 <table border="1"> 11 <table border="1">
12 <tr> 12 <tr>
...@@ -126,12 +126,12 @@ ...@@ -126,12 +126,12 @@
126 </tr> 126 </tr>
127 <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> 127 <tr height="30" v-for="(item1,index) in form.fwytList" :key="index">
128 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> 128 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
129 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> 129 <el-button type="primary" class="outAdd addMinus" size="mini" style="margin-right: 10px" @click="addYtInfo">+</el-button>
130 <span>用途</span> 130 <span>用途</span>
131 </td> 131 </td>
132 132
133 <td width="30" colspan="1" align="center" > 133 <td width="30" colspan="1" align="center" >
134 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> 134 <el-button type="info" class="inMinus addMinus" size="mini" style="" @click="deleteYtInfo(index)" circle>-</el-button>
135 规划用途 135 规划用途
136 </td> 136 </td>
137 <td width="30" colspan="4" align="center" > 137 <td width="30" colspan="4" align="center" >
...@@ -167,11 +167,12 @@ ...@@ -167,11 +167,12 @@
167 167
168 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> 168 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
169 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" > 169 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
170 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> 170 <el-button type="primary" class="outAdd addMinus" size="mini" style="margin-right: 10px" @click="addFwjgInfo">+</el-button>
171 <span>房屋结构</span> 171 <span>房屋结构</span>
172 </td> 172 </td>
173 <td colspan="1" align="center" > 173 <td colspan="1" align="center" >
174 <span @click="deleteFwjgInfo(index)">删除</span> 174 <span @click="deleteFwjgInfo(index)">删除</span>
175 <!-- <el-button type="info" class="inMinus addMinus" size="mini" style="" @click="deleteFwjgInfo(index)" circle>-</el-button>-->
175 </td> 176 </td>
176 <td colspan="9" > 177 <td colspan="9" >
177 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > 178 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
...@@ -187,7 +188,7 @@ ...@@ -187,7 +188,7 @@
187 188
188 <tr> 189 <tr>
189 <td colspan="12" rowspan="4" align="center"> 190 <td colspan="12" rowspan="4" align="center">
190 <Qlxz ref="qlxzModule" :hasSyqx='false'></Qlxz> 191 <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz>
191 </td> 192 </td>
192 </tr> 193 </tr>
193 <tr></tr> 194 <tr></tr>
...@@ -210,7 +211,7 @@ ...@@ -210,7 +211,7 @@
210 </div> 211 </div>
211 <div class="shop"> 212 <div class="shop">
212 <el-button type="primary" @click="save">保存</el-button> 213 <el-button type="primary" @click="save">保存</el-button>
213 <el-button type="primary" @click="result">重置</el-button> 214 <el-button type="primary" @click="reset">重置</el-button>
214 <el-button type="primary" @click="cancel">取消</el-button> 215 <el-button type="primary" @click="cancel">取消</el-button>
215 </div> 216 </div>
216 </el-dialog> 217 </el-dialog>
...@@ -252,6 +253,7 @@ ...@@ -252,6 +253,7 @@
252 }, 253 },
253 254
254 form:{ 255 form:{
256 qszt:'0',
255 jzmj:'', 257 jzmj:'',
256 tnjzmj:'', 258 tnjzmj:'',
257 ftjzmj:'', 259 ftjzmj:'',
...@@ -360,18 +362,82 @@ ...@@ -360,18 +362,82 @@
360 this.isVisible = false 362 this.isVisible = false
361 this.result() 363 this.result()
362 }, 364 },
363 result: function () { 365 reset: function () {
364 366 this.form={
367 qszt:'0',
368 jzmj:'',
369 tnjzmj:'',
370 ftjzmj:'',
371 dxbfjzmj:'',
372 qtjzmj:'',
373 ftxs:'',
374 hxbsm:'',
375 hxjgbsm:'',
376 gytdmj: '',
377 fttdmj: '',
378 dytdmj: '',
379 fwlxbsm: '',
380 fwcbbsm:'',
381 fwcqlybsm:'',
382 fwxzbsm:'',
383 dqtgs:'',
384 nqtgs:'',
385 xqtgs:'',
386 bqtgs:'',
387 fwjgbsm:'',
388 fwytList:[{
389 glbsm:'', //关联标识码
390 fwytzdbsm:'', //房屋用途字典标识码
391 sx:'', //顺序
392 fwsjytbsm:'', //房屋实际用途字典标识码
393 }],
394 fwjgList:[{
395 fwjgzdbsm:'', //房屋结构字典标识码
396 glbsm:'', //关联标识码
397 sx:'', //顺序
398 }],
399 qlxzList:[{
400 qlxzdm:'', //权利性质代码
401 glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
402 qlxzzdbsm:'', //权利性质字典表标识码
403 qlxzmc:'', //权利名称名称
404 zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
405 addQjTdytRequestList:[{
406 }], //土地用途新增实体列表
407 }]
408 };
409 this.$refs.qlxzModule.reset();
410 this.ytTitleRowspan=1; //用途的单元格垂直合并数量
411 this.fwjgTitleRowspan=1; //房屋结构的单元格垂直合并数量
365 }, 412 },
366 save: function () { 413 save: function () {
367 this.form['hbsms'] = this.bsms 414 this.form['hbsms'] = this.bsms
368 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); 415 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
416 for(let i=0;i< this.form.fwjgList.length;i++){
417 if(this.form.fwjgList[i].fwjgzdbsm===''){
418 this.form.fwjgList.splice(i,1);
419 }
420 }
421 for(let i=0;i< this.form.fwytList.length;i++){
422 if(this.form.fwytList[i].fwsjytbsm===''){
423 this.form.fwytList.splice(i,1);
424 }
425 }
426 for(let i=0;i< this.form.qlxzList.length;i++){
427 if(this.form.qlxzList[i].qlxzdm===''){
428 this.form.qlxzList.splice(i,1);
429 }
430 }
369 console.log("批量户信息") 431 console.log("批量户信息")
370 console.log(this.form) 432 console.log(this.form)
371 batchUpdateQjH(this.form).then((res)=>{ 433 batchUpdateQjH(this.form).then((res)=>{
372 if(res.code===200){ 434 if(res.code===200){
373 this.lodding() 435 this.lodding()
374 this.$message.success("保存成功！") 436 this.$message.success("保存成功！")
437 this.$nextTick(()=>{
438 this.reset();
439 })
440 this.close();
375 } 441 }
376 }) 442 })
377 }, 443 },
...@@ -396,6 +462,7 @@ ...@@ -396,6 +462,7 @@
396 background-color: #fff; 462 background-color: #fff;
397 font-size: 14px; 463 font-size: 14px;
398 width: 100%; 464 width: 100%;
465 table-layout: fixed;
399 } 466 }
400 467
401 td { 468 td {
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 width="50%" 6 width="50%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 center> 9 >
10 <div> 10 <div>
11 <span class="xl" @click="xl">祥例</span> 11 <span class="xl" @click="xl">祥例</span>
12 <table border="1"> 12 <table border="1">
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 width="60%" 6 width="60%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 center> 9 >
10 <div> 10 <div>
11 <table border="1"> 11 <table border="1">
12 <tr> 12 <tr>
......
...@@ -6,36 +6,36 @@ ...@@ -6,36 +6,36 @@
6 width="70%" 6 width="70%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 center> 9 >
10 <div class="search"> 10 <div class="search">
11 <!-- <el-button type="primary" @click="search">查询</el-button> 11 <!-- <el-button type="primary" @click="search">查询</el-button>
12 <el-button type="primary" @click="result">重置</el-button> --> 12 <el-button type="primary" @click="result">重置</el-button> -->
13 13
14 <el-row> 14 <el-row>
15 <el-col :span="24"> 15 <el-col :span="24">
16 <el-form :inline="true" class="demo-form-inline"> 16 <el-form :inline="true" class="demo-form-inline">
17 <el-form-item label="宗地编码"> 17 <el-form-item label="宗地编码">
18 <el-input 18 <el-input
19 v-model="queryData.zddm" 19 v-model="queryData.zddm"
20 placeholder="输入宗地编码" 20 placeholder="输入宗地编码"
21 ></el-input> 21 ></el-input>
22 </el-form-item> 22 </el-form-item>
23 <el-form-item label="不动产权证号"> 23 <el-form-item label="不动产权证号">
24 <el-input 24 <el-input
25 v-model="queryData.bdcqzh" 25 v-model="queryData.bdcqzh"
26 placeholder="输入不动产权证号" 26 placeholder="输入不动产权证号"
27 ></el-input> 27 ></el-input>
28 </el-form-item> 28 </el-form-item>
29 <el-form-item label="不动产单元号"> 29 <el-form-item label="不动产单元号">
30 <el-input 30 <el-input
31 maxlength="28" 31 maxlength="28"
32 v-model="queryData.bdcdyh" 32 v-model="queryData.bdcdyh"
33 placeholder="输入不动产单元号" 33 placeholder="输入不动产单元号"
34 ></el-input> 34 ></el-input>
35 </el-form-item> 35 </el-form-item>
36 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> 36 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
37 <el-button type="warning" @click="reset">重置</el-button> 37 <el-button type="warning" @click="reset">重置</el-button>
38 </el-form> 38 </el-form>
39 </el-col> 39 </el-col>
40 </el-row> 40 </el-row>
41 <el-row> 41 <el-row>
...@@ -43,85 +43,50 @@ ...@@ -43,85 +43,50 @@
43 <el-form :inline="true" class="demo-form-inline"> 43 <el-form :inline="true" class="demo-form-inline">
44 <el-form-item label="权利人"> 44 <el-form-item label="权利人">
45 <el-input 45 <el-input
46 v-model="queryData.qlrmc" 46 v-model="queryData.qlrmc"
47 placeholder="输入权利人" 47 placeholder="输入权利人"
48 ></el-input> 48 ></el-input>
49 </el-form-item> 49 </el-form-item>
50 <el-form-item label="坐落"> 50 <el-form-item label="坐落">
51 <el-input 51 <el-input
52 v-model="queryData.zl" 52 v-model="queryData.zl"
53 placeholder="输入坐落" 53 placeholder="输入坐落"
54 ></el-input> 54 ></el-input>
55 </el-form-item> 55 </el-form-item>
56 </el-form> 56 </el-form>
57 </el-col> 57 </el-col>
58 </el-row> 58 </el-row>
59 <!-- <el-row :gutter="10" class="shop"> 59 <div class="table-data">
60 <el-col :span="4" class="inputtitle"> 60 <table border="1">
61 宗地编码: 61 <tr>
62 </el-col> 62 <td>序号</td>
63 <el-col :span="8" class=""> 63 <td>操作</td>
64 <el-input v-model="queryData.zddm"></el-input> 64 <td>宗地代码</td>
65 </el-col> 65 <td>不动产单元号</td>
66 <el-col :span="4" class="inputtitle"> 66 <td>项目名称</td>
67 不动产权证号: 67 <td>不动产权证号</td>
68 </el-col> 68 <td>权利人</td>
69 <el-col :span="8" class=""> 69 <td>坐落</td>
70 <el-input v-model="queryData.bdcqzh"></el-input> 70 </tr>
71 </el-col> 71 <tr v-if="Data.length==0">
72 </el-row> --> 72 <td colspan="8">
73 <!-- <el-row :gutter="10"> 73 <span class="noData">暂无数据</span>
74 <el-col :span="4" class="inputtitle"> 74 </td>
75 不动产单元号: 75 </tr>
76 </el-col> 76 <tr v-else v-for="(item,index) in Data" :key="index">
77 <el-col :span="8"> 77 <td>{{index+1}}</td>
78 <el-input v-model="queryData.bdcdyh"></el-input> 78 <td @click="addData(item)" class="xz">
79 </el-col> 79 <span>选择</span>
80 <el-col :span="4" class="inputtitle"> 80 </td>
81 权利人: 81 <td>{{item.zddm}}</td>
82 </el-col> 82 <td>{{item.bdcdyh}}</td>
83 <el-col :span="8"> 83 <td>{{item.xmmc}}</td>
84 <el-input v-model="queryData.qlrmc"></el-input> 84 <td>{{item.bdcqzh}}</td>
85 </el-col> 85 <td>{{item.qlr}}</td>
86 </el-row> 86 <td>{{item.zl}}</td>
87 <el-row :gutter="10"> 87 </tr>
88 <el-col :span="4" class="inputtitle"> 88 </table>
89 坐落: 89 </div>
90 </el-col>
91 <el-col :span="8">
92 <el-input v-model="queryData.zl"></el-input>
93 </el-col>
94 </el-row> -->
95 <table border="1">
96 <tr>
97 <td>序号</td>
98 <td>操作</td>
99 <td>宗地代码</td>
100 <td>不动产单元号</td>
101 <td>项目名称</td>
102 <td>不动产权证号</td>
103 <td>权利人</td>
104 <td>坐落</td>
105 </tr>
106 <tr v-if="Data.length==0">
107 <td colspan="8">
108 <span class="noData">暂无数据</span>
109 </td>
110 </tr>
111 <tr v-else v-for="(item,index) in Data" :key="index">
112 <td>{{index+1}}</td>
113 <td @click="addData(item)" class="xz">
114 <span>选择</span>
115 </td>
116 <td>{{item.zddm}}</td>
117 <td>{{item.bdcdyh}}</td>
118 <td>{{item.xmmc}}</td>
119 <td>{{item.bdcqzh}}</td>
120 <td>{{item.qlr}}</td>
121 <td>{{item.zl}}</td>
122 </tr>
123
124 </table>
125 </div> 90 </div>
126 <div class="page"> 91 <div class="page">
127 <el-pagination 92 <el-pagination
...@@ -145,7 +110,7 @@ ...@@ -145,7 +110,7 @@
145 name: "queryData", 110 name: "queryData",
146 data() { 111 data() {
147 return { 112 return {
148 total:1, 113 total: 1,
149 queryData: { 114 queryData: {
150 bdcdyh: "", 115 bdcdyh: "",
151 bdcqzh: "", 116 bdcqzh: "",
...@@ -175,9 +140,9 @@ ...@@ -175,9 +140,9 @@
175 return ['zd'] 140 return ['zd']
176 } 141 }
177 }, 142 },
178 isZdClose:{ 143 isZdClose: {
179 type:Boolean, 144 type: Boolean,
180 default:false 145 default: false
181 } 146 }
182 }, 147 },
183 mounted() { 148 mounted() {
...@@ -190,7 +155,7 @@ ...@@ -190,7 +155,7 @@
190 this.queryData.pageNo = val; 155 this.queryData.pageNo = val;
191 this.getData(this.queryData); 156 this.getData(this.queryData);
192 }, 157 },
193 reset(){ 158 reset() {
194 this.queryData = { 159 this.queryData = {
195 bdcdyh: "", 160 bdcdyh: "",
196 bdcqzh: "", 161 bdcqzh: "",
...@@ -204,23 +169,23 @@ ...@@ -204,23 +169,23 @@
204 }; 169 };
205 this.getData(this.queryData) 170 this.getData(this.queryData)
206 }, 171 },
207 getData(data){ 172 getData(data) {
208 data['dylxs'] = this.dylxs; 173 data['dylxs'] = this.dylxs;
209 getSearchList(data).then(res => { 174 getSearchList(data).then(res => {
210 this.Data = res.result.records 175 this.Data = res.result.records
211 this.total = res.result.total; 176 this.total = res.result.total;
212 }) 177 })
213 }, 178 },
214 search(){ 179 search() {
215 this.getData(this.queryData) 180 this.getData(this.queryData)
216 }, 181 },
217 addData(val){ 182 addData(val) {
218 this.$emit("getData", val) 183 this.$emit("getData", val)
219 if (this.isZdClose) { 184 if (this.isZdClose) {
220 this.close(); 185 this.close();
221 } 186 }
222 }, 187 },
223 close(){ 188 close() {
224 this.$emit('close') 189 this.$emit('close')
225 this.reset(); 190 this.reset();
226 } 191 }
...@@ -241,7 +206,8 @@ ...@@ -241,7 +206,8 @@
241 height: auto; 206 height: auto;
242 width: 80%; 207 width: 80%;
243 } 208 }
244 /deep/ .el-form-item__label{ 209
210 /deep/ .el-form-item__label {
245 width: 96px; 211 width: 96px;
246 text-align: right; 212 text-align: right;
247 } 213 }
...@@ -251,7 +217,7 @@ ...@@ -251,7 +217,7 @@
251 background-color: #fff; 217 background-color: #fff;
252 font-size: 14px; 218 font-size: 14px;
253 width: 100%; 219 width: 100%;
254 tr:hover{ 220 tr:hover {
255 background-color: #F5F7FA; 221 background-color: #F5F7FA;
256 } 222 }
257 } 223 }
...@@ -281,7 +247,10 @@ ...@@ -281,7 +247,10 @@
281 .noData { 247 .noData {
282 color: #b2b2b2; 248 color: #b2b2b2;
283 } 249 }
284 .page{ 250 .table-data{
251 height: 450px;
252 }
253 .page {
285 margin-top: 20px; 254 margin-top: 20px;
286 } 255 }
287 256
......
1 <template>
2 <div>
3 <el-dialog
4 title="属性导入"
5 :visible.sync="isVisible"
6 width="30%"
7 :before-close="close">
8 <div class="main-button">
9 <el-upload
10 class="upload-demo"
11 :action="uploadUrl"
12 :data="sxdrData"
13 :on-success="uploadSuccess"
14 :show-file-list="false"
15 multiple
16 >
17 <el-button type="primary">上传</el-button>
18 <el-button type="primary" @click="downloadTemplate">下载模板</el-button>
19 </el-upload>
20 </div>
21 <ul>
22 <li v-for="(item,index) in errorData" :key="index">{{item}}</li>
23 </ul>
24 <span slot="footer" class="dialog-footer">
25 <el-button @click="dialogVisible = false">取 消</el-button>
26 <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
27 </span>
28 </el-dialog>
29 </div>
30 </template>
31
32 <script>
33
34 export default {
35 name: "sxdr",
36 props: {
37 sxdrVisible: {
38 type: Boolean,
39 default: false
40 },
41 dylx: {
42 type: String,
43 },
44 bsm: {
45 type: String
46 }
47 },
48 data() {
49 return {
50 uploadUrl: '',
51 isVisible: false,
52 sxdrData: {
53 bsm: ''
54 },
55 errorData: []
56 }
57 },
58 mounted() {
59 this.$store.state.sxdrType = '';
60 },
61 methods: {
62 loading() {
63 this.$store.state.sxdrType = this.dylx;
64 },
65 reset() {
66 this.errorData = [];
67 this.uploadUrl = '';
68 this.sxdrData = {bsm: ''};
69 },
70 close() {
71 this.$emit('close')
72 this.reset();
73 },
74 downloadTemplate() {
75 window.open(`/api/tx/excelGeo/zdTemplate?type=` + this.dylx);
76 },
77 uploadSuccess(res, file, fileList) {
78 this.errorData = [];
79 if (res.success) {
80 this.$message.success("上传成功")
81 debugger
82 this.loading();
83 this.close()
84 } else {
85 if (res.result == null) {
86 this.$message.error(res.message)
87 } else {
88 this.$message.error("上传失败")
89 this.errorData = res.result;
90 }
91 }
92 }
93 },
94 watch: {
95 sxdrVisible(val) {
96 this.isVisible = val;
97 },
98 dylx(val) {
99 switch (val) {
100 case "zd":
101 this.uploadUrl = "/api/tx/excelGeo/Zdimport";
102 break;
103 default:
104 break;
105 }
106 },
107 bsm(val) {
108 this.sxdrData.bsm = val;
109 }
110 }
111 }
112 </script>
113
114 <style scoped lang="less">
115 .main-button {
116 display: -webkit-flex;
117 display: flex;
118 flex-direction: column-reverse;
119 flex-wrap: nowrap;
120 }
121
122 ul {
123 margin-top: 20px;
124 li {
125 line-height: 20px;
126 color: red;
127 }
128 }
129 </style>
...@@ -6,33 +6,33 @@ ...@@ -6,33 +6,33 @@
6 width="70%" 6 width="70%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 center> 9 >
10 <div class="search"> 10 <div class="search">
11 <el-row> 11 <el-row>
12 <el-col :span="24"> 12 <el-col :span="24">
13 <el-form :inline="true" class="demo-form-inline"> 13 <el-form :inline="true" class="demo-form-inline">
14 <el-form-item label="宗地编码"> 14 <el-form-item label="宗地编码">
15 <el-input 15 <el-input
16 v-model="queryData.zddm" 16 v-model="queryData.zddm"
17 placeholder="输入宗地编码" 17 placeholder="输入宗地编码"
18 ></el-input> 18 ></el-input>
19 </el-form-item> 19 </el-form-item>
20 <el-form-item label="不动产权证号"> 20 <el-form-item label="不动产权证号">
21 <el-input 21 <el-input
22 v-model="queryData.bdcqzh" 22 v-model="queryData.bdcqzh"
23 placeholder="输入不动产权证号" 23 placeholder="输入不动产权证号"
24 ></el-input> 24 ></el-input>
25 </el-form-item> 25 </el-form-item>
26 <el-form-item label="不动产单元号"> 26 <el-form-item label="不动产单元号">
27 <el-input 27 <el-input
28 maxlength="28" 28 maxlength="28"
29 v-model="queryData.bdcdyh" 29 v-model="queryData.bdcdyh"
30 placeholder="输入不动产单元号" 30 placeholder="输入不动产单元号"
31 ></el-input> 31 ></el-input>
32 </el-form-item> 32 </el-form-item>
33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> 33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
34 <el-button type="warning" @click="reset">重置</el-button> 34 <el-button type="warning" @click="reset">重置</el-button>
35 </el-form> 35 </el-form>
36 </el-col> 36 </el-col>
37 </el-row> 37 </el-row>
38 <el-row> 38 <el-row>
...@@ -40,49 +40,50 @@ ...@@ -40,49 +40,50 @@
40 <el-form :inline="true" class="demo-form-inline"> 40 <el-form :inline="true" class="demo-form-inline">
41 <el-form-item label="权利人"> 41 <el-form-item label="权利人">
42 <el-input 42 <el-input
43 v-model="queryData.qlrmc" 43 v-model="queryData.qlrmc"
44 placeholder="输入权利人" 44 placeholder="输入权利人"
45 ></el-input> 45 ></el-input>
46 </el-form-item> 46 </el-form-item>
47 <el-form-item label="坐落"> 47 <el-form-item label="坐落">
48 <el-input 48 <el-input
49 v-model="queryData.zl" 49 v-model="queryData.zl"
50 placeholder="输入坐落" 50 placeholder="输入坐落"
51 ></el-input> 51 ></el-input>
52 </el-form-item> 52 </el-form-item>
53 </el-form> 53 </el-form>
54 </el-col> 54 </el-col>
55 </el-row> 55 </el-row>
56 <table border="1"> 56 <div class="table-bode">
57 <tr> 57 <table border="1">
58 <td>序号</td> 58 <tr>
59 <td>操作</td> 59 <td>序号</td>
60 <td>宗地代码</td> 60 <td>操作</td>
61 <td>不动产单元号</td> 61 <td>宗地代码</td>
62 <td>项目名称</td> 62 <td>不动产单元号</td>
63 <td>不动产权证号</td> 63 <td>项目名称</td>
64 <td>权利人</td> 64 <td>不动产权证号</td>
65 <td>坐落</td> 65 <td>权利人</td>
66 </tr> 66 <td>坐落</td>
67 <tr v-if="Data.length==0"> 67 </tr>
68 <td colspan="8"> 68 <tr v-if="Data.length==0">
69 <span class="noData">暂无数据</span> 69 <td colspan="8">
70 </td> 70 <span class="noData">暂无数据</span>
71 </tr> 71 </td>
72 <tr v-else v-for="(item,index) in Data" :key="index"> 72 </tr>
73 <td>{{index+1}}</td> 73 <tr v-else v-for="(item,index) in Data" :key="index">
74 <td @click="addData(item)" class="xz"> 74 <td>{{index+1}}</td>
75 <span>选择</span> 75 <td @click="addData(item)" class="xz">
76 </td> 76 <span>选择</span>
77 <td>{{item.zddm}}</td> 77 </td>
78 <td>{{item.bdcdyh}}</td> 78 <td>{{item.zddm}}</td>
79 <td>{{item.xmmc}}</td> 79 <td>{{item.bdcdyh}}</td>
80 <td>{{item.bdcqzh}}</td> 80 <td>{{item.xmmc}}</td>
81 <td>{{item.qlr}}</td> 81 <td>{{item.bdcqzh}}</td>
82 <td>{{item.zl}}</td> 82 <td>{{item.qlr}}</td>
83 </tr> 83 <td>{{item.zl}}</td>
84 84 </tr>
85 </table> 85 </table>
86 </div>
86 </div> 87 </div>
87 <div class="page"> 88 <div class="page">
88 <el-pagination 89 <el-pagination
...@@ -106,13 +107,11 @@ ...@@ -106,13 +107,11 @@
106 name: "zdQueryData", 107 name: "zdQueryData",
107 data() { 108 data() {
108 return { 109 return {
109 total:1, 110 total: 1,
110 queryData: { 111 queryData: {
111 bdcdyh: "", 112 bdcdyh: "",
112 bdcqzh: "", 113 bdcqzh: "",
113 dylxs: ['zd'],
114 qlrmc: "", 114 qlrmc: "",
115 qszt: ["2"],
116 xmmc: "", 115 xmmc: "",
117 zddm: "", 116 zddm: "",
118 zl: "", 117 zl: "",
...@@ -130,15 +129,9 @@ ...@@ -130,15 +129,9 @@
130 return false 129 return false
131 } 130 }
132 }, 131 },
133 qszt:{ 132 isZdClose: {
134 type:Array, 133 type: Boolean,
135 default:function () { 134 default: false
136 return ['2']
137 }
138 },
139 isZdClose:{
140 type:Boolean,
141 default:false
142 } 135 }
143 }, 136 },
144 mounted() { 137 mounted() {
...@@ -156,7 +149,6 @@ ...@@ -156,7 +149,6 @@
156 bdcdyh: "", 149 bdcdyh: "",
157 bdcqzh: "", 150 bdcqzh: "",
158 qlrmc: "", 151 qlrmc: "",
159 qszt: ["2"],
160 xmmc: "", 152 xmmc: "",
161 zddm: "", 153 zddm: "",
162 zl: "", 154 zl: "",
...@@ -166,7 +158,6 @@ ...@@ -166,7 +158,6 @@
166 this.getData(this.queryData) 158 this.getData(this.queryData)
167 }, 159 },
168 getData: function (data) { 160 getData: function (data) {
169 data['dylxs'] = this.dylxs;
170 zdlist(data).then(res => { 161 zdlist(data).then(res => {
171 this.Data = res.result.records 162 this.Data = res.result.records
172 this.total = res.result.total; 163 this.total = res.result.total;
...@@ -202,18 +193,18 @@ ...@@ -202,18 +193,18 @@
202 height: auto; 193 height: auto;
203 width: 80%; 194 width: 80%;
204 } 195 }
205 /deep/ .el-form-item__label{ 196
197 /deep/ .el-form-item__label {
206 width: 96px; 198 width: 96px;
207 text-align: right; 199 text-align: right;
208 } 200 }
209 201
210
211 table { 202 table {
212 margin-top: 10px; 203 margin-top: 10px;
213 background-color: #fff; 204 background-color: #fff;
214 font-size: 14px; 205 font-size: 14px;
215 width: 100%; 206 width: 100%;
216 tr:hover{ 207 tr:hover {
217 background-color: #F5F7FA; 208 background-color: #F5F7FA;
218 } 209 }
219 } 210 }
...@@ -243,7 +234,10 @@ ...@@ -243,7 +234,10 @@
243 .noData { 234 .noData {
244 color: #b2b2b2; 235 color: #b2b2b2;
245 } 236 }
246 .page{ 237 .table-bode{
238 height: 450px;
239 }
240 .page {
247 margin-top: 20px; 241 margin-top: 20px;
248 } 242 }
249 243
......
...@@ -15,6 +15,7 @@ const store = new Vuex.Store({ ...@@ -15,6 +15,7 @@ const store = new Vuex.Store({
15 zdmj: '', // 宗地面积 15 zdmj: '', // 宗地面积
16 zdzl: '', // 宗地坐落 16 zdzl: '', // 宗地坐落
17 rightClickZdbsm:'', //右键菜单传入的zdbsm 17 rightClickZdbsm:'', //右键菜单传入的zdbsm
18 sxdrType:'', // zd/zrz/dz/h 导入属性刷新数据
18 tdytList:[], 19 tdytList:[],
19 tddjList:[], 20 tddjList:[],
20 qlxzList:[], 21 qlxzList:[],
......
...@@ -496,6 +496,19 @@ ...@@ -496,6 +496,19 @@
496 this.form.dzbsm=this.$route.query.bsm; 496 this.form.dzbsm=this.$route.query.bsm;
497 this.getDzDetailByBsm(this.$route.query.bsm) 497 this.getDzDetailByBsm(this.$route.query.bsm)
498 } 498 }
499 },
500 watch:{
501 "$store.state.sxdrType": {
502 handler(n) {
503 this.$nextTick(()=>{
504 if (n === 'dz') {
505 this.getDzDetailByBsm(this.$route.query.bsm)
506 }
507 })
508 },
509 immediate: false,
510 deep: true,
511 }
499 } 512 }
500 } 513 }
501 </script> 514 </script>
......
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
162 </el-tab-pane> 162 </el-tab-pane>
163 <el-tab-pane label="自然幢" name="zrz"> 163 <el-tab-pane label="自然幢" name="zrz">
164 <ul> 164 <ul>
165 <li :class="[zdFghData.newZdlist[index].zrz.indexOf(childItem) > -1 ? 'choosed':'',(childItem.hasChoosed === index || childItem.hasChoosed === '' )? '':'cantClick']" 165 <li :class="[zdFghData.newZdlist[index].zrz.indexOf(childItem) > -1 ? 'choosed':'',(childItem.hasChoosed === index || childItem.hasChoosed === '' )? '':'cantClick']"
166 @click="zrzHandleCommand(childItem,childItem.bsm,index,childIndex)" v-for="(childItem,childIndex) in zdZrzList" :key="childIndex*Math.random()"> 166 @click="zrzHandleCommand(childItem,childItem.bsm,index,childIndex)" v-for="(childItem,childIndex) in zdZrzList" :key="childIndex*Math.random()">
167 {{childItem.xmmc}} <i class="fa fa-check" style="color:'#4EB2FF'"></i> 167 {{childItem.xmmc}} <i class="fa fa-check" style="color:'#4EB2FF'"></i>
168 </li> 168 </li>
...@@ -293,9 +293,10 @@ ...@@ -293,9 +293,10 @@
293 </tr> 293 </tr>
294 </table> 294 </table>
295 </div> 295 </div>
296 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" 296 <dz-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
297 :isZdClose="true" 297 :isClose="true"
298 @close="close"></query-data> 298 @close="close">
299 </dz-query-data>
299 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 300 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
300 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 301 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
301 </div> 302 </div>
...@@ -310,7 +311,7 @@ ...@@ -310,7 +311,7 @@
310 <ul> 311 <ul>
311 <li><span>宗地代码:</span>{{hFgqData.zddm}}</li> 312 <li><span>宗地代码:</span>{{hFgqData.zddm}}</li>
312 <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li> 313 <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li>
313 <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>s's's's's's's's's's's's's's's's's's's 314 <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>
314 <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li> 315 <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li>
315 <li><span>权利人:</span>{{hFgqData.qlr}}</li> 316 <li><span>权利人:</span>{{hFgqData.qlr}}</li>
316 <li><span>坐落:</span>{{hFgqData.zl}}</li> 317 <li><span>坐落:</span>{{hFgqData.zl}}</li>
...@@ -331,7 +332,7 @@ ...@@ -331,7 +332,7 @@
331 </div> 332 </div>
332 <ul> 333 <ul>
333 <li v-for="(item,index) in zdZxx.dzList" :key="index" 334 <li v-for="(item,index) in zdZxx.dzList" :key="index"
334 :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}} 335 :class="(index+1)%2===0?'':'oddborder'">{{item.xmmc}}
335 </li> 336 </li>
336 </ul> 337 </ul>
337 </div> 338 </div>
...@@ -455,11 +456,12 @@ ...@@ -455,11 +456,12 @@
455 import {getHZdxx} from './../../../../api/h' 456 import {getHZdxx} from './../../../../api/h'
456 import QueryData from './../../../../components/queryData/queryData' 457 import QueryData from './../../../../components/queryData/queryData'
457 import zdQueryData from './../../../../components/zdQueryData/zdQueryData' 458 import zdQueryData from './../../../../components/zdQueryData/zdQueryData'
459 import dzQueryData from './../../../../components/dzQueryData/dzQueryData'
458 import {Message} from 'element-ui' 460 import {Message} from 'element-ui'
459 461
460 export default { 462 export default {
461 name: "", 463 name: "",
462 components: {QueryData, zdQueryData}, 464 components: {QueryData, zdQueryData,dzQueryData},
463 props: {}, 465 props: {},
464 data() { 466 data() {
465 return { 467 return {
...@@ -557,7 +559,7 @@ ...@@ -557,7 +559,7 @@
557 this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1); 559 this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1);
558 this.tempBsmList = this.tempBsmList.filter(i => i!== bsm); 560 this.tempBsmList = this.tempBsmList.filter(i => i!== bsm);
559 this.dzFgqZrzData.forEach(i=>{ 561 this.dzFgqZrzData.forEach(i=>{
560 if (i.bsm == bsm) { 562 if (i.bsm === bsm) {
561 i.hasChoosed = "" 563 i.hasChoosed = ""
562 } 564 }
563 }) 565 })
...@@ -621,7 +623,7 @@ ...@@ -621,7 +623,7 @@
621 ztype: 'zrz' 623 ztype: 'zrz'
622 }) 624 })
623 }, 625 },
624 626
625 dzHandleCommand(obj,bsm, index,childIndex) { 627 dzHandleCommand(obj,bsm, index,childIndex) {
626 //判断选中状态 628 //判断选中状态
627 if(this.zdDzList[childIndex].hasChoosed === '' || this.zdDzList[childIndex].hasChoosed === index){ 629 if(this.zdDzList[childIndex].hasChoosed === '' || this.zdDzList[childIndex].hasChoosed === index){
...@@ -667,7 +669,7 @@ ...@@ -667,7 +669,7 @@
667 if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){ 669 if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){
668 // this.zdZrzList[childIndex].hasChoosed = index; 670 // this.zdZrzList[childIndex].hasChoosed = index;
669 if(fwlist.zrzlist.indexOf(bsm) < 0){ 671 if(fwlist.zrzlist.indexOf(bsm) < 0){
670 if(fwlist.ztype == 'zrz' && fwlist.zrzlist.length>0){ 672 if(fwlist.ztype === 'zrz' && fwlist.zrzlist.length>0){
671 Message.warning("当前幢类型只能选择一个自然幢") 673 Message.warning("当前幢类型只能选择一个自然幢")
672 }else{ 674 }else{
673 //存入当前选择幢信息的bsm 675 //存入当前选择幢信息的bsm
...@@ -686,7 +688,7 @@ ...@@ -686,7 +688,7 @@
686 return 688 return
687 } 689 }
688 break; 690 break;
689 691
690 default: 692 default:
691 break; 693 break;
692 } 694 }
...@@ -744,7 +746,7 @@ ...@@ -744,7 +746,7 @@
744 } 746 }
745 }, 747 },
746 saveZd() { 748 saveZd() {
747 if(this.tempBsmList.length == (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){ 749 if(this.tempBsmList.length === (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){
748 zdfg(this.zdFghData).then(res => { 750 zdfg(this.zdFghData).then(res => {
749 if (res.success) { 751 if (res.success) {
750 this.$store.state.zdbsms = res.result; 752 this.$store.state.zdbsms = res.result;
...@@ -760,7 +762,7 @@ ...@@ -760,7 +762,7 @@
760 } 762 }
761 }) 763 })
762 }else{ 764 }else{
763 this.$message.warning("幢信息未选择完成，无法保存") 765 this.$message.warning("幢信息未选择完成，无法保存")
764 } 766 }
765 }, 767 },
766 saveDz() { 768 saveDz() {
...@@ -973,9 +975,9 @@ ...@@ -973,9 +975,9 @@
973 }, 975 },
974 dzFgqData: { 976 dzFgqData: {
975 handler: function (item) { 977 handler: function (item) {
976 this.dzFgqData.oldZdbsm = item.glbsm; 978 this.dzFgqData.oldZdbsm = item.bsm;
977 this.getDzZdjbxx(item.glbsm); 979 this.getDzZdjbxx(item.bsm);
978 this.dzfgGetZrzxx(item.glbsm) 980 this.dzfgGetZrzxx(item.bsm)
979 }, 981 },
980 deep: true 982 deep: true
981 }, 983 },
...@@ -1001,7 +1003,7 @@ ...@@ -1001,7 +1003,7 @@
1001 </script> 1003 </script>
1002 <style scoped lang="less"> 1004 <style scoped lang="less">
1003 .fg { 1005 .fg {
1004 1006
1005 .menu { 1007 .menu {
1006 /deep/ .el-tabs__content { 1008 /deep/ .el-tabs__content {
1007 position: unset; 1009 position: unset;
...@@ -1041,7 +1043,7 @@ ...@@ -1041,7 +1043,7 @@
1041 } 1043 }
1042 } 1044 }
1043 } 1045 }
1044 1046
1045 /deep/ .el-card__header{ 1047 /deep/ .el-card__header{
1046 padding: 16px 20px; 1048 padding: 16px 20px;
1047 background-color: #FAFAFA; 1049 background-color: #FAFAFA;
...@@ -1143,7 +1145,7 @@ ...@@ -1143,7 +1145,7 @@
1143 width: 96% !important; 1145 width: 96% !important;
1144 } 1146 }
1145 } 1147 }
1146 1148
1147 } 1149 }
1148 .zrz { 1150 .zrz {
1149 width: 100%; 1151 width: 100%;
...@@ -1215,7 +1217,7 @@ ...@@ -1215,7 +1217,7 @@
1215 background: #FAFAFA; 1217 background: #FAFAFA;
1216 } 1218 }
1217 } 1219 }
1218 1220
1219 tr:hover { 1221 tr:hover {
1220 background-color: #F5F7FA; 1222 background-color: #F5F7FA;
1221 } 1223 }
...@@ -1271,7 +1273,7 @@ ...@@ -1271,7 +1273,7 @@
1271 display: inline-block; 1273 display: inline-block;
1272 } 1274 }
1273 } 1275 }
1274 } 1276 }
1275 .choose{ 1277 .choose{
1276 width: 88px; 1278 width: 88px;
1277 color: #30A4FD; 1279 color: #30A4FD;
......
...@@ -163,67 +163,12 @@ ...@@ -163,67 +163,12 @@
163 <span class="tips">合并后多幢信息</span> 163 <span class="tips">合并后多幢信息</span>
164 <table border="1"> 164 <table border="1">
165 <tr> 165 <tr>
166 <th class="xzq">行政区</th>
167 <th class="djq">地籍区</th>
168 <th class="djzq">地籍子区</th>
169 <th class="syqlx">所有权类型</th>
170 <th class="tdtzm">土地特征码</th>
171 <th class="xmmc">项目名称</th> 166 <th class="xmmc">项目名称</th>
172 <th class="zxx">幢信息</th> 167 <th class="zxx">幢信息</th>
173 </tr> 168 </tr>
174 <tr> 169 <tr v-for="item in dzhbhData" :key="item.bsm">
175 <td class="xzq">
176 <el-select v-model="dzhbhData.xzqbsm" @change="changeXzq(dzhbhData.xzqbsm)">
177 <el-option
178 v-for="i in xzq"
179 :key="i.bsm"
180 :label="i.mc"
181 :value="i.bsm"
182 ></el-option>
183 </el-select>
184 </td>
185 <td class="djq">
186 <el-select v-model="dzhbhData.djqbsm" @change="changeDjq(dzhbhData.djqbsm)">
187 <el-option
188 v-for="i in djq"
189 :key="i.bsm"
190 :label="i.mc"
191 :value="i.bsm"
192 ></el-option>
193 </el-select>
194 </td>
195 <td class="syqlx">
196 <el-select v-model="dzhbhData.djzqbsm">
197 <el-option
198 v-for="i in djzq"
199 :key="i.bsm"
200 :label="i.mc"
201 :value="i.bsm"
202 ></el-option>
203 </el-select>
204 </td>
205 <td class="tdtzm">
206 <el-select v-model="dzhbhData.syqlxbsm">
207 <el-option
208 v-for="i in syq"
209 :key="i.value"
210 :label="i.label"
211 :value="i.value"
212 ></el-option>
213 </el-select>
214 </td>
215 <td class="syqlx">
216 <el-select v-model="dzhbhData.zdtzmbsm">
217 <el-option
218 v-for="i in tdtzm"
219 :key="i.bsm"
220 :label="i.mc"
221 :value="i.bsm"
222 ></el-option>
223 </el-select>
224 </td>
225 <td class="xmmc"> 170 <td class="xmmc">
226 <input type="text" v-model="dzhbhData.xmmc" class="formInput"/> 171 <input type="text" v-model="item.xmmc" class="formInput"/>
227 </td> 172 </td>
228 <td class="zxx"> 173 <td class="zxx">
229 <span class="xz">选择</span> 174 <span class="xz">选择</span>
...@@ -234,123 +179,13 @@ ...@@ -234,123 +179,13 @@
234 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" :isZdClose="true" 179 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" :isZdClose="true"
235 @close="close"></query-data> 180 @close="close"></query-data>
236 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 181 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
237 <el-button type="primary" class="saveBtn">保存</el-button> 182 <el-button type="primary" class="saveBtn" @click="dzhbSave">保存</el-button>
238 </div> 183 </div>
239 </div> 184 </div>
240 </el-tab-pane> 185 </el-tab-pane>
241 <el-tab-pane label="户合并" name="h"> 186 <el-tab-pane label="户合并" name="h">
242 <div class="hb-tabs"> 187 <div class="hb-tabs psn">
243 <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> 188 <hfghb></hfghb>
244 <div class="hbq">
245 <span class="tips">合并前户信息</span>
246 <table border="1">
247 <tr>
248 <td class="xh">序号</td>
249 <td class="zddm">宗地代码</td>
250 <td class="bdcdyh">不动产单元号</td>
251 <td class="xmmc">项目名称</td>
252 <td class="bdcqzh">不动产权证号</td>
253 <td class="qlr">权利人</td>
254 <td class="zl">坐落</td>
255 <td class="">操作</td>
256 </tr>
257 <tr v-if="hhbqData.length==0">
258 <td colspan="8">
259 <span class="noData">暂无数据</span>
260 </td>
261 </tr>
262 <tr v-else v-for="(item,index) in hhbqData" :key="index">
263 <td class="xh">{{index+1}}</td>
264 <td class="zddm"><input type="text" class="formInput" v-model="item.zddm"
265 readonly="readonly"/></td>
266 <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh"
267 readonly="readonly"/></td>
268 <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc"
269 readonly="readonly"/></td>
270 <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh"
271 readonly="readonly"/></td>
272 <td class="qlr"><input type="text" class="formInput" v-model="item.qlr"
273 readonly="readonly"/></td>
274 <td class="zl"><input type="text" class="formInput" v-model="item.zl"
275 readonly="readonly"/></td>
276 <td class="cz" @click="deleteData(index)"><span>删除</span></td>
277 </tr>
278 </table>
279 </div>
280 <div class="hbh">
281 <span class="tips">合并后户信息</span>
282 <table border="1">
283 <tr>
284 <th class="xzq">行政区</th>
285 <th class="djq">地籍区</th>
286 <th class="djzq">地籍子区</th>
287 <th class="syqlx">所有权类型</th>
288 <th class="tdtzm">土地特征码</th>
289 <th class="xmmc">项目名称</th>
290 <th class="zxx">幢信息</th>
291 </tr>
292 <tr>
293 <td class="xzq">
294 <el-select v-model="hhbhData.xzqbsm" @change="changeXzq(hhbhData.xzqbsm)">
295 <el-option
296 v-for="i in xzq"
297 :key="i.bsm"
298 :label="i.mc"
299 :value="i.bsm"
300 ></el-option>
301 </el-select>
302 </td>
303 <td class="djq">
304 <el-select v-model="hhbhData.djqbsm" @change="changeDjq(hhbhData.djqbsm)">
305 <el-option
306 v-for="i in djq"
307 :key="i.bsm"
308 :label="i.mc"
309 :value="i.bsm"
310 ></el-option>
311 </el-select>
312 </td>
313 <td class="syqlx">
314 <el-select v-model="hhbhData.djzqbsm">
315 <el-option
316 v-for="i in djzq"
317 :key="i.bsm"
318 :label="i.mc"
319 :value="i.bsm"
320 ></el-option>
321 </el-select>
322 </td>
323 <td class="tdtzm">
324 <el-select v-model="hhbhData.syqlxbsm">
325 <el-option
326 v-for="i in syq"
327 :key="i.value"
328 :label="i.label"
329 :value="i.value"
330 ></el-option>
331 </el-select>
332 </td>
333 <td class="syqlx">
334 <el-select v-model="hhbhData.zdtzmbsm">
335 <el-option
336 v-for="i in tdtzm"
337 :key="i.bsm"
338 :label="i.mc"
339 :value="i.bsm"
340 ></el-option>
341 </el-select>
342 </td>
343 <td class="xmmc">
344 <input type="text" v-model="hhbhData.xmmc" class="formInput"/>
345 </td>
346 <td class="zxx">
347 <span class="xz">选择</span>
348 </td>
349 </tr>
350 </table>
351 </div>
352 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']" :isZdClose="true"
353 @close="close"></query-data>
354 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 189 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
355 <el-button type="primary" class="saveBtn">保存</el-button> 190 <el-button type="primary" class="saveBtn">保存</el-button>
356 </div> 191 </div>
...@@ -368,12 +203,14 @@ ...@@ -368,12 +203,14 @@
368 getDdicByMC 203 getDdicByMC
369 } from "./../../../../api/common"; 204 } from "./../../../../api/common";
370 import {ZdHb} from "./../../../../api/zd" 205 import {ZdHb} from "./../../../../api/zd"
206 import {saveDzHb} from "./../../../../api/dz"
371 import QueryData from './../../../../components/queryData/queryData' 207 import QueryData from './../../../../components/queryData/queryData'
372 import zdQueryData from './../../../../components/zdQueryData/zdQueryData' 208 import zdQueryData from './../../../../components/zdQueryData/zdQueryData'
209 import hfghb from '../hfghb/index'
373 210
374 export default { 211 export default {
375 name: "", 212 name: "",
376 components: {QueryData,zdQueryData}, 213 components: {QueryData,zdQueryData,hfghb},
377 props: {}, 214 props: {},
378 data() { 215 data() {
379 return { 216 return {
...@@ -383,7 +220,11 @@ ...@@ -383,7 +220,11 @@
383 dzhbqData: [], // 多幢合并前数据 220 dzhbqData: [], // 多幢合并前数据
384 hhbqData: [], // 户合并前数据 221 hhbqData: [], // 户合并前数据
385 zdhbhData: {}, // 宗地合并后数据 222 zdhbhData: {}, // 宗地合并后数据
386 dzhbhData: {}, // 多幢合并后数据 223 dzhbhData: [
224 {
225 xmmc:''
226 }
227 ], // 多幢合并后数据
387 hhbhData: {}, // 户合并后数据 228 hhbhData: {}, // 户合并后数据
388 fgBoxWidth: 0, 229 fgBoxWidth: 0,
389 xzq: [], 230 xzq: [],
...@@ -594,6 +435,31 @@ ...@@ -594,6 +435,31 @@
594 break; 435 break;
595 } 436 }
596 }, 437 },
438 //多幢合并保存
439 dzhbSave(){
440 console.log(this.dzhbqData,'dzhbqData');
441 let params = {
442 fwlist:[],
443 newdzxmmc:this.dzhbhData[0].xmmc,
444 zdbsm:''
445 }
446 this.dzhbqData.forEach(item=>{
447 params.fwlist.push({
448 zbsm:item.bsm,
449 ztype:item.dylx
450 })
451 })
452 this.$nextTick(()=>{
453 console.log(params);
454 //TODO 调用保存接口
455 // saveDzHb(params).then((res) => {
456
457 // })
458 // .catch((error) => {
459
460 // });
461 })
462 }
597 }, 463 },
598 computed: {}, 464 computed: {},
599 watch: {}, 465 watch: {},
...@@ -644,7 +510,9 @@ ...@@ -644,7 +510,9 @@
644 } 510 }
645 } 511 }
646 } 512 }
647 513 .psn{
514 position: unset!important;
515 }
648 .hb-tabs { 516 .hb-tabs {
649 height: auto; 517 height: auto;
650 width: 100%; 518 width: 100%;
...@@ -653,7 +521,7 @@ ...@@ -653,7 +521,7 @@
653 .addBtn { 521 .addBtn {
654 position: absolute; 522 position: absolute;
655 right: 30px; 523 right: 30px;
656 top: -46px; 524 top: 0;
657 z-index: 999; 525 z-index: 999;
658 } 526 }
659 .header { 527 .header {
......
1 <template>
2 <div class="main">
3 <el-row v-show="isSearch">
4 <el-col :span="24">
5 <el-form :inline="true" class="demo-form-inline">
6 <el-form-item label="宗地编码">
7 <el-input
8 v-model="queryData.zddm"
9 placeholder="输入宗地编码"
10 ></el-input>
11 </el-form-item>
12 <el-form-item label="不动产权证号">
13 <el-input
14 v-model="queryData.bdcqzh"
15 placeholder="输入不动产权证号"
16 ></el-input>
17 </el-form-item>
18 <el-form-item label="不动产单元号">
19 <el-input
20 maxlength="28"
21 v-model="queryData.bdcdyh"
22 placeholder="输入不动产单元号"
23 ></el-input>
24 </el-form-item>
25 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
26 <el-button type="warning" @click="reset">重置</el-button>
27 </el-form>
28 </el-col>
29 </el-row>
30 <div class="dataGrid" v-show="isSearch" ref="dataGrid">
31 <el-table
32 :data="tableData"
33 :height="tableHeight"
34 :row-class-name="tableRowClassName"
35 >
36 <el-table-column type="index" width="80" align="center" label="序号">
37 </el-table-column>
38 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
39 </el-table-column>
40 <el-table-column prop="xmmc" align="left" label="项目名称">
41 </el-table-column>
42 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
43 </el-table-column>
44 <el-table-column prop="dylx" align="left" label="类型">
45 <template slot-scope="scope">
46 {{scope.row.dylx | bdcLxFilter}}
47 </template>
48 </el-table-column>
49 <el-table-column label="操作" align="center" width="100">
50 <template slot-scope="scope">
51 <el-tooltip class="item" effect="light" content="办理" placement="top">
52 <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
53 </el-tooltip>
54 </template>
55 </el-table-column>
56 </el-table>
57 <div class="pagination">
58 <el-pagination background layout="prev, pager, next,total" :total="total"
59 :current-page="queryData.pageNo" :page-size="queryData.pageSize" @current-change="handleCurrentChange">
60 </el-pagination>
61 </div>
62 </div>
63 <div class="lpb" v-if="!isSearch">
64 <div class="lpb-header">
65 <el-radio-group v-model="scyclx" @change="scyclxChange">
66 <el-radio-button label="0">预测</el-radio-button>
67 <el-radio-button label="1">实测</el-radio-button>
68 </el-radio-group>
69 <el-input
70 maxlength="28"
71 v-model="bdcdyh"
72 :style="{ width: inputWidth + 'px' }"
73 @change="inputChange"
74 class="searchInput"
75 placeholder="输入不动产单元号或室号"
76 ><i
77 slot="suffix"
78 class="el-input__icon el-icon-search"
79 @click="inputChange"
80 ></i
81 ></el-input>
82 <el-link type="primary" style="margin-left:20px" @click="isSearch=true">重新选择自然幢</el-link>
83 </div>
84 <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }">
85 <!-- 楼盘表主体 -->
86 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
87 <lpbContent ref="lpbContent" :zrzbsm='zrzbsm' :isHbfg = true></lpbContent>
88 </div>
89 <!-- 右侧图例 -->
90 <div class="lp-legend">
91 <div class="handleCol">
92 <div class="btn" @click="legendToggle">
93 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
94 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
95 </div>
96 <div
97 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
98 @click="selectedZt = 'dyzt'"
99 >
100 <span>单元状态</span>
101 </div>
102 <div
103 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
104 @click="selectedZt = 'fwxz'"
105 >
106 <span>房屋性质</span>
107 </div>
108 <div
109 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
110 @click="selectedZt = 'fwyt'"
111 >
112 <span>房屋用途</span>
113 </div>
114 </div>
115 <div
116 class="legendTable-wrap"
117 :style="{ width: legendToggleFlag ? '204px' : '0' }"
118 >
119 <table
120 class="legendTable"
121 v-show="selectedZt == 'dyzt'"
122 cellspacing="1"
123 cellpadding="1"
124 border="1"
125 >
126 <tr>
127 <th>状态</th>
128 <th>套数</th>
129 <th>面积</th>
130 </tr>
131 <tr
132 v-for="(item, index) in dyztList"
133 :key="index"
134 class="cp"
135 @click="handleChoosedH(item.bsms,item.color)"
136 >
137 <td>
138 <i class="fa fa-circle" :style="{ color: item.color }"></i
139 >{{ item.name }}
140 </td>
141 <td>{{ item.ts }}</td>
142 <td>{{ item.mj }}</td>
143 </tr>
144 </table>
145
146 <table
147 class="legendTable"
148 v-show="selectedZt == 'fwxz'"
149 cellspacing="1"
150 cellpadding="1"
151 border="1"
152 >
153 <tr>
154 <th>性质</th>
155 <th>套数</th>
156 <th>面积</th>
157 </tr>
158 <tr
159 v-for="(item, index) in fwxzList"
160 :key="index"
161 class="cp"
162 @click="handleChoosedH(item.bsms,item.color)"
163 >
164 <td>
165 <i class="fa fa-circle" :style="{ color: item.color }"></i
166 >{{ item.name }}
167 </td>
168 <td>{{ item.ts }}</td>
169 <td>{{ item.mj }}</td>
170 </tr>
171 <tr v-show="fwxzList.length < 1">
172 <td colspan="3" class="tac">暂无数据</td>
173 </tr>
174 </table>
175
176 <table
177 class="legendTable"
178 v-show="selectedZt == 'fwyt'"
179 cellspacing="1"
180 cellpadding="1"
181 border="1"
182 >
183 <tr>
184 <th>用途</th>
185 <th>套数</th>
186 <th>面积</th>
187 </tr>
188 <tr
189 v-for="(item, index) in fwytList"
190 :key="index"
191 class="cp"
192 @click="handleChoosedH(item.bsms,item.color)"
193 >
194 <td>
195 <i class="fa fa-circle" :style="{ color: item.color }"></i
196 >{{ item.name }}
197 </td>
198 <td>{{ item.ts }}</td>
199 <td>{{ item.mj }}</td>
200 </tr>
201 <tr v-show="fwytList.length < 1">
202 <td colspan="3" class="tac">暂无数据</td>
203 </tr>
204 </table>
205 </div>
206 </div>
207 </div>
208 </div>
209 </div>
210 </template>
211
212 <script>
213 import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index";
214 import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
215 export default {
216 name:"",
217 components:{lpbContent},
218 props:{},
219 data(){
220 return {
221 queryData:{
222 zddm:'',
223 bdcdyh:'',
224 bdcqzh:'',
225 pageNo:1,
226 pageSize:10
227 },
228 tableData:[],
229 total:0,
230 tableHeight:0,
231 isSearch:true,//办理前/后
232 scyclx:'0', //实预测类型
233 bdcdyh:'',//室号搜索
234 inputWidth: 220,//搜索框宽度
235 legendToggleFlag: false,
236 selectedZt:'dyzt',
237 dyztList: [
238 {
239 name: "未确权",
240 color: "#83AAFE",
241 ts: "12",
242 mj: "1633",
243 },
244 {
245 name: "已确权",
246 color: "#6EDEE1",
247 ts: "22",
248 mj: "3109",
249 },
250 {
251 name: "已备案",
252 color: "#8ADC88",
253 ts: "3",
254 mj: "409",
255 },
256 {
257 name: "预抵押",
258 color: "#F2AD67",
259 ts: "11",
260 mj: "1466",
261 },
262 {
263 name: "在建抵押",
264 color: "#F191C8",
265 ts: "13",
266 mj: "1792",
267 },
268 {
269 name: "抵押",
270 color: "#FF8282",
271 ts: "14",
272 mj: "13",
273 },
274 {
275 name: "查封",
276 color: "#D7CECF",
277 ts: "9",
278 mj: "1436",
279 },
280 {
281 name: "异议",
282 color: "#D4A3EB",
283 ts: "34",
284 mj: "4342",
285 },
286 {
287 name: "限制",
288 color: "#A5A3FB",
289 ts: "2",
290 mj: "285",
291 },
292 ],
293 fwxzList: [],
294 fwytList: [],
295 lpbContentHeight: 0,
296 lpbContentwidth: 0,
297 }
298 },
299 created(){},
300 mounted(){
301 this.$nextTick(()=>{
302 this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 360;
303 this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 320;
304 this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
305 })
306 },
307 methods:{
308 //查询
309 search(){
310 this.tableData = [
311 {
312 bdcdyh:'00111111111111111',
313 xmmc:'测试自然幢',
314 bdcqzh:'A12111111111111111',
315 dylx:'zrz',
316 zrzbsm:'b7162d97848b0d31d301f8d4a5b4596b'
317 }
318 ]
319 },
320 //重置
321 reset(){
322 this.queryData = {
323 zddm:'',
324 bdcdyh:'',
325 bdcqzh:'',
326 pageNo:1,
327 pageSize:10
328 };
329 this.search()
330 },
331 //办理
332 handleClick(row){
333 this.isSearch = false;
334 this.zrzbsm = row.zrzbsm;
335 },
336 //分页
337 handleCurrentChange(val) {
338 this.pageNo = val;
339 this.queryData.pageNo = val;
340 this.search();
341 },
342 //表格行背景色
343 tableRowClassName({row, rowIndex}) {
344 if (rowIndex % 2 !== 0) {
345 return "even-row";
346 } else {
347 return "";
348 }
349 },
350 //实预测转换
351 scyclxChange(){
352 //清空已选中层户
353 // this.bsms = [];
354 this.$refs.lpbContent.hbsmList = [];
355 this.$nextTick(()=>{
356 //户
357 this.$refs.lpbContent.$refs.hBsm.forEach(item=>{
358 item.style.borderColor = 'rgb(230, 230, 230)';
359 if (item.className == "tdSelect") {
360 item.className = "";
361 }
362 });
363 //层
364 this.$refs.lpbContent.$refs.cBsm.forEach(item=>{
365 console.log(item.className,'item.className');
366 item.className = "floor";
367 });
368 })
369 //获取图例数据
370 this.getDyztBsmList();
371 this.getLpbFwytAndQlxz();
372 },
373 inputChange() {
374 if (this.bdcdyh != "") {
375 // 根据不动产单元号或者室号搜索
376 // this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
377 } else {
378 this.$message({
379 message: "请输入内容后查询",
380 type: "warning",
381 });
382 }
383 },
384 //图例的展开收起
385 legendToggle() {
386 this.legendToggleFlag = !this.legendToggleFlag;
387 },
388 //获取各项单元状态统计数据
389 getDyztBsmList() {
390 let data = {
391 zrzbsm: this.$store.state.zrzbsm,
392 scyclx: this.scyclx,
393 };
394 getLpbTj(data).then((res) => {
395 if (res.code === 200) {
396 this.dyztList = res.result;
397 this.dyztList.splice(1,0,this.dyztList[8]);
398 this.dyztList.pop();
399 this.dyztList.forEach(item=>{
400 item.ts = item.bsms.length;
401 switch (item.name) {
402 case 'Qqzt':
403 item.color = "#6EDEE1";
404 item.name = "已确权"
405 break;
406 case 'Wqqzt':
407 item.color = "#83AAFE";
408 item.name = "未确权"
409 break;
410 case 'Bazt':
411 item.color = "#8ADC88";
412 item.name = "已备案"
413 break;
414 case 'Ydyzt':
415 item.color = "#F2AD67";
416 item.name = "预抵押"
417 break;
418 case 'Zjgcdyzt':
419 item.color = "#F191C8";
420 item.name = "在建抵押"
421 break;
422 case 'Dyzt':
423 item.color = "#FF8282";
424 item.name = "抵押"
425 break;
426 case 'Cfzt':
427 item.color = "#D7CECF";
428 item.name = "查封"
429 break;
430 case 'Yyzt':
431 item.color = "#D4A3EB";
432 item.name = "异议"
433 break;
434 case 'Xzzt':
435 item.color = "#A5A3FB";
436 item.name = "限制"
437 break;
438 default:
439 break;
440 }
441 })
442 }
443 });
444 },
445 // 获取房屋用途和房屋性质统计数据
446 getLpbFwytAndQlxz(){
447 let data = {
448 zrzbsm: this.$store.state.zrzbsm,
449 scyclx: this.scyclx,
450 };
451 getLpbFwytAndQlxz(data).then((res) => {
452 if (res.code === 200) {
453 // this.fwytList = res.result
454 this.fwytList = res.result.fwyt;
455 this.fwxzList = res.result.qlxz;
456 if(this.fwytList.length>0){
457 this.fwytList.forEach(item=>{
458 item.color = "#2591FD";
459 item.ts = item.bsms.length
460 })
461 }
462 if(this.fwxzList.length>0){
463 this.fwxzList.forEach(item=>{
464 item.color = "#2591FD";
465 item.ts = item.bsms.length
466 })
467 }
468 }
469 });
470 }
471 },
472 computed: {},
473 watch: {
474 //树结构和图例伸缩时修改楼盘表主要内容区宽度
475 legendToggleFlag(n) {
476 if (n) {
477 this.lpbContentwidth -= 204;
478 } else {
479 this.lpbContentwidth += 204;
480 }
481 },
482 //选择自然幢展示楼盘表后，查询右侧图例数据
483 isSearch(n){
484 if (!n) {
485 this.getDyztBsmList();
486 this.getLpbFwytAndQlxz();
487 }
488 },
489 //改变syclx，更新楼盘表数据
490 scyclx(n){
491 this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData
492 }
493 },
494 }
495 </script>
496 <style scoped lang="less">
497 .main{
498 margin-bottom: 14px;
499 .el-row{
500 box-sizing: border-box;
501 padding-left: 2px;
502 margin-bottom: 6px;
503 }
504 .lpb{
505 box-sizing: border-box;
506 padding-left: 2px;
507 .searchInput {
508 transition: 0.5s;
509 margin-left: 20px;
510 display: inline-block;
511 }
512 .lpb-content{
513 margin-top: 20px;
514 background-color: #ffffff;
515 display: flex;
516 overflow-y: scroll;
517 .lp-overview {
518 transition: 0.5s;
519 flex: 1;
520 padding-right: 20px;
521 box-sizing: border-box;
522 }
523 .lp-legend {
524 transition: 0.5s;
525 height: 100%;
526 font-size: 14px;
527 .handleCol {
528 width: 34px;
529 float: right;
530 height: 100%;
531 .btn {
532 cursor: pointer;
533 height: 40px;
534 line-height: 40px;
535 text-align: center;
536 background-color: #0091ff;
537 color: #fff;
538 border-bottom: 1px solid #e6e6e6;
539 }
540 .dyzt {
541 height: 81px;
542 line-height: 81px;
543 }
544 .fwxz,
545 .fwyt {
546 height: 122px;
547 }
548 .dyzt,
549 .fwxz,
550 .fwyt {
551 cursor: pointer;
552 border-bottom: 1px solid #e6e6e6;
553 span {
554 text-align: center;
555 height: 100%;
556 -webkit-writing-mode: vertical-rl;
557 writing-mode: vertical-rl;
558 line-height: 34px;
559 letter-spacing: 2px;
560 }
561 }
562 .selectedZt {
563 background-color: #0091ff;
564 color: #fff;
565 }
566 }
567 .legendTable-wrap {
568 transition: 0.5s;
569 float: right;
570 overflow: hidden;
571 .legendTable {
572 margin-top: -1px;
573 tr {
574 height: 40px;
575 line-height: 40px;
576 th:first-child {
577 width: 80px;
578 }
579 th {
580 width: 60px;
581 height: 40px;
582 white-space: nowrap;
583 }
584 td {
585 height: 40px;
586 text-align: center;
587 white-space: nowrap;
588 }
589 td:first-child {
590 text-align: left;
591 text-indent: 2px;
592 }
593 }
594 }
595 }
596 }
597 }
598
599 }
600 }
601 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 title="批量修改" 55 title="批量修改"
56 :visible.sync="centerDialogVisible" 56 :visible.sync="centerDialogVisible"
57 width="30%" 57 width="30%"
58 center> 58 >
59 <div class="plxg"> 59 <div class="plxg">
60 <div> 60 <div>
61 <span class="batchlx"> 界标类型:</span> 61 <span class="batchlx"> 界标类型:</span>
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 title="批量修改" 67 title="批量修改"
68 :visible.sync="centerDialogVisible" 68 :visible.sync="centerDialogVisible"
69 width="30%" 69 width="30%"
70 center> 70 >
71 <div class="plxg"> 71 <div class="plxg">
72 <div class="batchlx"> 72 <div class="batchlx">
73 <span class=""> 界址线类型:</span> 73 <span class=""> 界址线类型:</span>
......
1 <template> 1 <template>
2 <div class="main" ref="mainBox"> 2 <div class="main" ref="mainBox">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr>
5 <!-- <el-button 5 <!-- <el-button
6 type="primary" 6 type="primary"
7 class="changeBtn" 7 class="changeBtn"
8 @click="getQlrxxData" 8 @click="getQlrxxData"
...@@ -14,969 +14,1029 @@ ...@@ -14,969 +14,1029 @@
14 @click="getQlxzData" 14 @click="getQlxzData"
15 >获取权利性质组件数据</el-button 15 >获取权利性质组件数据</el-button
16 > --> 16 > -->
17 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> 17 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
18 <tr> 18 <tr>
19 <th colspan="12">宗地基本信息</th> 19 <th colspan="12">宗地基本信息</th>
20 </tr> 20 </tr>
21 <tr> 21 <tr>
22 <td colspan="2">行政区</td> 22 <td colspan="2">行政区</td>
23 <td colspan="2"> 23 <td colspan="2">
24 <el-select 24 <el-select
25 :disabled="formData.qszt!='0'" 25 :disabled="formData.qszt!='0'"
26 class="formSelect" 26 class="formSelect"
27 v-model="formData.xzqbsm" 27 v-model="formData.xzqbsm"
28 @change="changeXzq(formData.xzqbsm)" 28 @change="changeXzq(formData.xzqbsm)"
29 > 29 >
30 <el-option 30 <el-option
31 v-for="item in $store.state.xzqList" 31 v-for="item in $store.state.xzqList"
32 :key="item.bsm" 32 :key="item.bsm"
33 :label="item.mc" 33 :label="item.mc"
34 :value="item.bsm" 34 :value="item.bsm"
35 > 35 >
36 </el-option> 36 </el-option>
37 </el-select> 37 </el-select>
38 </td> 38 </td>
39 <td colspan="2">地籍区</td> 39 <td colspan="2">地籍区</td>
40 <td colspan="2"> 40 <td colspan="2">
41 <el-select 41 <el-select
42 class="formSelect" 42 class="formSelect"
43 :disabled="formData.qszt!='0'" 43 :disabled="formData.qszt!='0'"
44 v-model="formData.djqbsm" 44 v-model="formData.djqbsm"
45 @change="changeDjq(formData.djqbsm)" 45 @change="changeDjq(formData.djqbsm)"
46 > 46 >
47 <el-option 47 <el-option
48 v-for="item in $store.state.djqList" 48 v-for="item in $store.state.djqList"
49 :key="item.bsm" 49 :key="item.bsm"
50 :label="item.mc" 50 :label="item.mc"
51 :value="item.bsm" 51 :value="item.bsm"
52 > 52 >
53 </el-option> 53 </el-option>
54 </el-select> 54 </el-select>
55 </td> 55 </td>
56 <td colspan="2">地籍子区</td> 56 <td colspan="2">地籍子区</td>
57 <td colspan="2"> 57 <td colspan="2">
58 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm"> 58 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm">
59 <el-option 59 <el-option
60 v-for="item in $store.state.djzqList" 60 v-for="item in $store.state.djzqList"
61 :key="item.bsm" 61 :key="item.bsm"
62 :label="item.mc" 62 :label="item.mc"
63 :value="item.bsm" 63 :value="item.bsm"
64 > 64 >
65 </el-option> 65 </el-option>
66 </el-select> 66 </el-select>
67 </td> 67 </td>
68 </tr> 68 </tr>
69 <tr> 69 <tr>
70 <td colspan="2">权利类型</td> 70 <td colspan="2">权利类型</td>
71 <td colspan="4"> 71 <td colspan="4">
72 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm"> 72 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm">
73 <el-option 73 <el-option
74 v-for="item in $store.state.qllxList" 74 v-for="item in $store.state.qllxList"
75 :key="item.bsm" 75 :key="item.bsm"
76 :label="item.mc" 76 :label="item.mc"
77 :value="item.bsm" 77 :value="item.bsm"
78 > 78 >
79 </el-option> 79 </el-option>
80 </el-select> 80 </el-select>
81 </td> 81 </td>
82 <td colspan="2">宗地特征码<i class="requisite">*</i></td> 82 <td colspan="2">宗地特征码<i class="requisite">*</i></td>
83 <td colspan="4"> 83 <td colspan="4">
84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" v-model="formData.zdtzmbsm"> 84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'"
85 <el-option 85 v-model="formData.zdtzmbsm">
86 v-for="item in $store.state.zdtzmList" 86 <el-option
87 :key="item.bsm" 87 v-for="item in $store.state.zdtzmList"
88 :label="item.mc" 88 :key="item.bsm"
89 :value="item.bsm" 89 :label="item.mc"
90 > 90 :value="item.bsm"
91 </el-option> 91 >
92 </el-select> 92 </el-option>
93 </td> 93 </el-select>
94 </tr> 94 </td>
95 <tr> 95 </tr>
96 <td colspan="2">权利设定方式</td> 96 <tr>
97 <td colspan="4"> 97 <td colspan="2">权利设定方式</td>
98 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs"> 98 <td colspan="4">
99 <el-option 99 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs">
100 v-for="item in $store.state.qlsdfsList" 100 <el-option
101 :key="item.bsm" 101 v-for="item in $store.state.qlsdfsList"
102 :label="item.mc" 102 :key="item.bsm"
103 :value="item.bsm" 103 :label="item.mc"
104 > 104 :value="item.bsm"
105 </el-option> 105 >
106 </el-select> 106 </el-option>
107 </td> 107 </el-select>
108 <td colspan="2">宗地代码<i class="requisite">*</i></td> 108 </td>
109 <td colspan="4" class="psr"> 109 <td colspan="2">宗地代码<i class="requisite">*</i></td>
110 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19" 110 <td colspan="4" class="psr">
111 type="text" 111 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
112 class="formInput percent80" 112 type="text"
113 v-model="formData.zddm" 113 class="formInput percent80"
114 /> 114 v-model="formData.zddm"
115 <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn" @click="generatorCode" 115 />
116 >生成 116 <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn"
117 </el-button> 117 @click="generatorCode"
118 </td> 118 >生成
119 </tr> 119 </el-button>
120 <tr> 120 </td>
121 <td colspan="2">地籍号</td> 121 </tr>
122 <td colspan="4"> 122 <tr>
123 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh" /> 123 <td colspan="2">地籍号</td>
124 </td> 124 <td colspan="4">
125 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/>
126 </td>
125 127
126 <td colspan="2">不动产单元号<i class="requisite">*</i></td> 128 <td colspan="2">不动产单元号<i class="requisite">*</i></td>
127 <td colspan="4" class="psr"> 129 <td colspan="4" class="psr">
128 <input 130 <input
129 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" maxlength="28" 131 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh"
130 class="formInput" 132 maxlength="28"
131 v-model="formData.bdcdyh" 133 class="formInput"
132 /> 134 v-model="formData.bdcdyh"
133 <!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> --> 135 />
134 </td> 136 <!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> -->
135 </tr> 137 </td>
136 <tr> 138 </tr>
137 <td colspan="2">坐落<i class="requisite">*</i></td> 139 <tr>
138 <td colspan="4"> 140 <td colspan="2">坐落<i class="requisite">*</i></td>
139 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl" class="formInput" v-model="formData.zl" /> 141 <td colspan="4">
140 </td> 142 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl"
141 <td colspan="2">项目名称</td> 143 class="formInput" v-model="formData.zl"/>
142 <td colspan="4" class="psr"> 144 </td>
143 <input :disabled="formData.qszt!='0'" 145 <td colspan="2">项目名称</td>
144 type="text" 146 <td colspan="4" class="psr">
145 class="formInput " 147 <input :disabled="formData.qszt!='0'"
146 v-model="formData.xmmc" 148 type="text"
147 /> 149 class="formInput "
148 </td> 150 v-model="formData.xmmc"
149 </tr> 151 />
150 <tr> 152 </td>
151 <td colspan="2">国民经济行业分类</td> 153 </tr>
152 <td colspan="4"> 154 <tr>
153 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm"> 155 <td colspan="2">国民经济行业分类</td>
154 <el-option 156 <td colspan="4">
155 v-for="item in $store.state.gmjjhyflbsmList" 157 <!-- <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm">-->
156 :key="item.bsm" 158 <!-- <el-option-->
157 :label="item.mc" 159 <!-- v-for="item in $store.state.gmjjhyflbsmList"-->
158 :value="item.bsm" 160 <!-- :key="item.bsm"-->
159 > 161 <!-- :label="item.mc"-->
160 </el-option> 162 <!-- :value="item.bsm"-->
161 </el-select> 163 <!-- >-->
162 </td> 164 <!-- </el-option>-->
163 <td colspan="2">价格(元)</td> 165 <!-- </el-select>-->
164 <td colspan="4" class="psr"> 166 <el-select-tree
165 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg" /> 167 v-if="show"
166 </td> 168 :default-expand-all="defaultExpandAll"
167 </tr> 169 :multiple="multiple"
168 <tr> 170 :placeholder="placeholder"
169 <td colspan="2" rowspan="2">所在图幅号</td> 171 :disabled="disabled"
170 <td colspan="2">比例尺</td> 172 :data="$store.state.gmjjhyflbsmList"
171 <td colspan="8" class="psr"> 173 :props="treeProps"
172 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc" /> 174 :check-strictly="checkStrictly"
173 </td> 175 :clearable="clearable"
174 </tr> 176 v-model="formData.gmjjhyflbsm"
175 <tr> 177 ></el-select-tree>
176 <td colspan="2">图幅号</td> 178 </td>
177 <td colspan="8" class="psr"> 179 <td colspan="2">价格(元)</td>
178 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh" /> 180 <td colspan="4" class="psr">
179 </td> 181 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg"/>
180 </tr> 182 </td>
181 <tr> 183 </tr>
182 <td colspan="2">容积率</td> 184 <tr>
183 <td colspan="2"> 185 <td colspan="2" rowspan="2">所在图幅号</td>
184 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl"> 186 <td colspan="2">比例尺</td>
185 <el-option 187 <td colspan="8" class="psr">
186 v-for="item in compareList" 188 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/>
187 :key="item.value" 189 </td>
188 :label="item.label" 190 </tr>
189 :value="item.value" 191 <tr>
190 > 192 <td colspan="2">图幅号</td>
191 </el-option> 193 <td colspan="8" class="psr">
192 </el-select> 194 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/>
193 </td> 195 </td>
194 <td colspan="2"> 196 </tr>
195 <input 197 <tr>
196 type="text" :disabled="formData.qszt!='0'" 198 <td colspan="2">容积率</td>
197 v-model="rjl" 199 <td colspan="2">
198 v-show="isInterval(formData.jyrjl)" 200 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl">
199 class="formInput percent47" 201 <el-option
200 /> 202 v-for="item in compareList"
201 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> 203 :key="item.value"
202 <input 204 :label="item.label"
203 type="text" :disabled="formData.qszt!='0'" 205 :value="item.value"
204 v-model="formData.rjl" 206 >
205 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" 207 </el-option>
206 /> 208 </el-select>
207 </td> 209 </td>
208 <td colspan="2">容积说明</td> 210 <td colspan="2">
209 <td colspan="4" class="psr"> 211 <input
210 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm" /> 212 type="text" :disabled="formData.qszt!='0'"
211 </td> 213 v-model="rjl"
212 </tr> 214 v-show="isInterval(formData.jyrjl)"
213 <tr> 215 class="formInput percent47"
214 <td colspan="2">建筑密度</td> 216 />
215 <td colspan="2"> 217 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
216 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd"> 218 <input
217 <el-option 219 type="text" :disabled="formData.qszt!='0'"
218 v-for="item in compareList" 220 v-model="formData.rjl"
219 :key="item.value" 221 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
220 :label="item.label" 222 />
221 :value="item.value" 223 </td>
222 > 224 <td colspan="2">容积说明</td>
223 </el-option> 225 <td colspan="4" class="psr">
224 </el-select> 226 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm"/>
225 </td> 227 </td>
226 <td colspan="2"> 228 </tr>
227 <input 229 <tr>
228 type="text" 230 <td colspan="2">建筑密度</td>
229 v-model="jzmd" :disabled="formData.qszt!='0'" 231 <td colspan="2">
230 v-show="isInterval(formData.jyjzmd)" 232 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd">
231 class="formInput percent47" 233 <el-option
232 /> 234 v-for="item in compareList"
233 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> 235 :key="item.value"
234 <input 236 :label="item.label"
235 type="text" 237 :value="item.value"
236 v-model="formData.jzmd" :disabled="formData.qszt!='0'" 238 >
237 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" 239 </el-option>
238 /> 240 </el-select>
239 </td> 241 </td>
240 <td colspan="2">建筑密度说明</td> 242 <td colspan="2">
241 <td colspan="4" class="psr"> 243 <input
242 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm" /> 244 type="text"
243 </td> 245 v-model="jzmd" :disabled="formData.qszt!='0'"
244 </tr> 246 v-show="isInterval(formData.jyjzmd)"
245 <tr> 247 class="formInput percent47"
246 <td colspan="2">建筑限高</td> 248 />
247 <td colspan="2"> 249 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
248 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg"> 250 <input
249 <el-option 251 type="text"
250 v-for="item in compareList" 252 v-model="formData.jzmd" :disabled="formData.qszt!='0'"
251 :key="item.value" 253 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
252 :label="item.label" 254 />
253 :value="item.value" 255 </td>
254 > 256 <td colspan="2">建筑密度说明</td>
255 </el-option> 257 <td colspan="4" class="psr">
256 </el-select> 258 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm"/>
257 </td> 259 </td>
258 <td colspan="2"> 260 </tr>
259 <input 261 <tr>
260 type="text" :disabled="formData.qszt!='0'" 262 <td colspan="2">建筑限高</td>
261 v-model="jzxg" 263 <td colspan="2">
262 v-show="isInterval(formData.jyjzxg)" 264 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg">
263 class="formInput percent47" 265 <el-option
264 /> 266 v-for="item in compareList"
265 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> 267 :key="item.value"
266 <input 268 :label="item.label"
267 type="text" :disabled="formData.qszt!='0'" 269 :value="item.value"
268 v-model="formData.jzxg" 270 >
269 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" 271 </el-option>
270 /> 272 </el-select>
271 </td> 273 </td>
272 <td colspan="2">建筑限高说明</td> 274 <td colspan="2">
273 <td colspan="4" class="psr"> 275 <input
274 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm" /> 276 type="text" :disabled="formData.qszt!='0'"
275 </td> 277 v-model="jzxg"
276 </tr> 278 v-show="isInterval(formData.jyjzxg)"
277 <tr> 279 class="formInput percent47"
278 <td colspan="2" rowspan="4">宗地四至</td> 280 />
279 <td colspan="2">北至<i class="requisite">*</i></td> 281 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
280 <td colspan="8" class="psr"> 282 <input
281 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszb" /> 283 type="text" :disabled="formData.qszt!='0'"
282 </td> 284 v-model="formData.jzxg"
283 </tr> 285 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
284 <tr> 286 />
285 <td colspan="2">东至<i class="requisite">*</i></td> 287 </td>
286 <td colspan="8" class="psr"> 288 <td colspan="2">建筑限高说明</td>
287 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszd" /> 289 <td colspan="4" class="psr">
288 </td> 290 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm"/>
289 </tr> 291 </td>
290 <tr> 292 </tr>
291 <td colspan="2">南至<i class="requisite">*</i></td> 293 <tr>
292 <td colspan="8" class="psr"> 294 <td colspan="2" rowspan="4">宗地四至</td>
293 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszn" /> 295 <td colspan="2">北至<i class="requisite">*</i></td>
294 </td> 296 <td colspan="8" class="psr">
295 </tr> 297 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'"
296 <tr> 298 class="formInput" v-model="formData.zdszb"/>
297 <td colspan="2">西至<i class="requisite">*</i></td> 299 </td>
298 <td colspan="8" class="psr"> 300 </tr>
299 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszx" /> 301 <tr>
300 </td> 302 <td colspan="2">东至<i class="requisite">*</i></td>
301 </tr> 303 <td colspan="8" class="psr">
302 <tr> 304 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'"
303 <td colspan="12"> 305 class="formInput" v-model="formData.zdszd"/>
304 <Qlxz ref="qlxzModule" :hasSyqx='true' :formData="formData"></Qlxz> 306 </td>
305 </td> 307 </tr>
306 </tr> 308 <tr>
307 <tr> 309 <td colspan="2">南至<i class="requisite">*</i></td>
308 <td colspan="2" rowspan="2">批准面积(㎡)</td> 310 <td colspan="8" class="psr">
309 <td colspan="2" rowspan="2"> 311 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'"
310 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.pzmj" /> 312 class="formInput" v-model="formData.zdszn"/>
311 </td> 313 </td>
312 <td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td> 314 </tr>
313 <td colspan="2" rowspan="2"> 315 <tr>
314 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj" /> 316 <td colspan="2">西至<i class="requisite">*</i></td>
315 </td> 317 <td colspan="8" class="psr">
316 <td colspan="2">建筑占地总面积</td> 318 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'"
317 <td colspan="2"> 319 class="formInput" v-model="formData.zdszx"/>
318 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.jzzdzmj" /> 320 </td>
319 </td> 321 </tr>
320 </tr> 322 <tr>
321 <tr> 323 <td colspan="12">
322 <td colspan="2">建筑面积(㎡)</td> 324 <Qlxz ref="qlxzModule" :hasSyqx='true' :formData="formData"></Qlxz>
323 <td colspan="2"> 325 </td>
324 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.jzzmj" /> 326 </tr>
325 </td> 327 <tr>
326 </tr> 328 <td colspan="2" rowspan="2">批准面积(㎡)</td>
327 <tr> 329 <td colspan="2" rowspan="2">
328 <td colspan="2">共有/共用权利人情况</td> 330 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
329 <td colspan="10"> 331 class="formInput" v-model="formData.pzmj"/>
330 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.gygyqlrqk" /> 332 </td>
331 </td> 333 <td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td>
332 </tr> 334 <td colspan="2" rowspan="2">
333 <tr> 335 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj"
334 <td colspan="2" rowspan="2">说明</td> 336 onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/>
335 <td colspan="10" rowspan="2"> 337 </td>
336 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm" /> 338 <td colspan="2">建筑占地总面积</td>
337 </td> 339 <td colspan="2">
338 </tr> 340 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
339 </table> 341 class="formInput" v-model="formData.jzzdzmj"/>
342 </td>
343 </tr>
344 <tr>
345 <td colspan="2">建筑面积(㎡)</td>
346 <td colspan="2">
347 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
348 class="formInput" v-model="formData.jzzmj"/>
349 </td>
350 </tr>
351 <tr>
352 <td colspan="2">共有/共用权利人情况</td>
353 <td colspan="10">
354 <input type="text" :disabled="formData.qszt!='0'" class="formInput"
355 v-model="formData.gygyqlrqk"/>
356 </td>
357 </tr>
358 <tr>
359 <td colspan="2" rowspan="2">说明</td>
360 <td colspan="10" rowspan="2">
361 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm"/>
362 </td>
363 </tr>
364 </table>
340 365
341 <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px"> 366 <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
342 <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button> 367 <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button>
343 <el-button type="primary" @click="submitZDxx">提交</el-button> 368 <el-button type="primary" @click="submitZDxx">提交</el-button>
344 <el-button type="primary" @click="registerCall">登记调用</el-button> 369 <el-button type="primary" @click="registerCall">登记调用</el-button>
345 </div> --> 370 </div> -->
346 371
347 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 372 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
348 373
349 <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button> 374 <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button>
350 <el-button type="primary" @click="submitZDxx">提交</el-button> 375 <el-button type="primary" @click="submitZDxx">提交</el-button>
351 <el-button type="primary" @click="registerCall">登记调用</el-button> 376 <el-button type="primary" @click="registerCall">登记调用</el-button>
352 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> 377 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
353 </div> 378 </div>
354 </div> 379 </div>
355 </div> 380 </div>
356 </template> 381 </template>
357 382
358 <script> 383 <script>
359 import Qlr from "../../../components/formMenu/qlr"; 384 import Qlr from "../../../components/formMenu/qlr";
360 import Qlxz from "../../../components/formMenu/qlxz"; 385 import Qlxz from "../../../components/formMenu/qlxz";
361 import geoUtils from "@components/lineTree/tx/js/geoUtils"; 386 import geoUtils from "@components/lineTree/tx/js/geoUtils";
362 import { 387 import {
363 getAllList, 388 getAllList,
364 getDdicByMC, 389 getDdicByMC,
365 getListByXzqbsm, 390 getListByXzqbsm,
366 getListByPbsm, 391 getListByPbsm,
367 submit, 392 submit,
368 getTree, 393 getTree,
369 registerCall 394 registerCall
370 } from "../../../api/common"; 395 } from "../../../api/common";
371 import { 396 import {
372 getBdcdyh, 397 getBdcdyh,
373 getQjZdjbxxDetailById, 398 getQjZdjbxxDetailById,
374 updateQjZdjbxx, 399 updateQjZdjbxx,
375 } from "../../../api/zd"; 400 } from "../../../api/zd";
376 401
377 export default { 402 export default {
378 inject:['getRightTree'], 403 inject: ['getRightTree'],
379 name: "", 404 name: "",
380 components: { 405 components: {
381 Qlr, 406 Qlr,
382 Qlxz, 407 Qlxz,
383 }, 408 },
384 props: {}, 409 props: {},
385 data() { 410 data() {
386 return { 411 return {
387 rules: [], 412
388 rjl:'', 413 //树型结构
389 jzmd:'', 414 show: true,
390 jzxg:'', 415 clearable: true,
391 compareList: [ 416 defaultExpandAll: true,
392 { label: "<", value: "<" }, 417 multiple: false,
393 { label: ">", value: ">" }, 418 placeholder: "请选择",
394 { label: "=", value: "=" }, 419 disabled: false,
395 { label: "<=", value: "<=" }, 420 checkStrictly: true,
396 { label: ">=", value: ">=" }, 421 treeProps: {
397 { label: "-", value: "-" }, 422 value: "dm",
398 ], 423 children: "children",
399 formData: {}, 424 label: "mc",
400 dpdm:'', //宗地底盘代码 425 },
401 curZdbsm:'', 426
402 mainBoxWidth:0, 427 rules: [],
403 geoAttributes:{ 428 rjl: '',
404 OBJECTID:"", 429 jzmd: '',
405 BSM:"", 430 jzxg: '',
406 YSDM:"", 431 compareList: [
407 ZDDM:"", 432 {label: "<", value: "<"},
408 BDCDYH:"", 433 {label: ">", value: ">"},
409 ZDTZM :"", 434 {label: "=", value: "="},
410 ZL:"", 435 {label: "<=", value: "<="},
411 ZDMJ:0, 436 {label: ">=", value: ">="},
412 MJDW:"", 437 {label: "-", value: "-"},
413 YT:"", 438 ],
414 DJ:"", 439 formData: {},
415 JG:0, 440 dpdm: '', //宗地底盘代码
416 QLLX:"", 441 curZdbsm: '',
417 QLXZ:"", 442 mainBoxWidth: 0,
418 QLSDFS:"", 443 geoAttributes: {
419 RJL:0, 444 OBJECTID: "",
420 JZMD:0, 445 BSM: "",
421 JZXG:0, 446 YSDM: "",
422 ZDSZD:"", 447 ZDDM: "",
423 ZDSZN :"", 448 BDCDYH: "",
424 ZDSZX :"", 449 ZDTZM: "",
425 ZDSZB :"", 450 ZL: "",
426 TFH:"", 451 ZDMJ: 0,
427 DJH:"", 452 MJDW: "",
428 DAH:"", 453 YT: "",
429 BZ :"", 454 DJ: "",
430 ZT:"", 455 JG: 0,
431 YWZT:"", 456 QLLX: "",
432 BLID:"", 457 QLXZ: "",
433 XMMC:"", 458 QLSDFS: "",
434 XMID:"", 459 RJL: 0,
435 BGRQ:"", 460 JZMD: 0,
436 BGID:"", 461 JZXG: 0,
437 BGZT:"", 462 ZDSZD: "",
438 TDZH:"", 463 ZDSZN: "",
439 QSZT:0, 464 ZDSZX: "",
440 BBLX:0, 465 ZDSZB: "",
441 SFDB:0, 466 TFH: "",
442 QLR :"", 467 DJH: "",
443 CUTID:"", 468 DAH: "",
444 BHQKID:"", 469 BZ: "",
445 DJZQDM :"", 470 ZT: "",
446 SYQLXID:"", 471 YWZT: "",
447 } 472 BLID: "",
448 }; 473 XMMC: "",
449 }, 474 XMID: "",
450 mixins:[geoUtils], 475 BGRQ: "",
451 created() { 476 BGID: "",
452 this.curZdbsm = this.$route.query.bsm; 477 BGZT: "",
453 }, 478 TDZH: "",
454 mounted() { 479 QSZT: 0,
455 this.getZdjbxxData(this.$store.state.zdbsm); 480 BBLX: 0,
456 this.$nextTick(() => { 481 SFDB: 0,
457 this.mainBoxWidth = this.$refs.mainBox.clientWidth; 482 QLR: "",
458 }) 483 CUTID: "",
459 }, 484 BHQKID: "",
460 methods: { 485 DJZQDM: "",
461 registerCall(){ 486 SYQLXID: "",
462 let data={
463 type:'zd',
464 bsm:this.$store.state.zdbsm
465 }
466 registerCall(data).then(res=>{
467 if (res.success) {
468 this.$message.success("登记成功")
469 this.getRightTree(this.$store.state.zdbsm)
470 } 487 }
488 };
489 },
490 mixins: [geoUtils],
491 created() {
492 this.curZdbsm = this.$route.query.bsm;
493 },
494 mounted() {
495 this.getZdjbxxData(this.$store.state.zdbsm);
496 this.$nextTick(() => {
497 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
471 }) 498 })
472 }, 499 },
473 //根据zdbsm查询基本信息 500 methods: {
474 getZdjbxxData(bsm) { 501 registerCall() {
475 getQjZdjbxxDetailById(bsm) 502 let data = {
476 .then((res) => { 503 type: 'zd',
477 if (res.result) { 504 bsm: this.$store.state.zdbsm
478 this.formData = res.result; 505 }
479 console.log(res.result,'res.result'); 506 registerCall(data).then(res => {
480 this.getXzqData(res.result.xzqbsm,res.result.djqbsm); 507 if (res.success) {
481 //如果没有宗地代码，自动生成 508 this.$message.success("登记成功")
482 // if(res.result.zddm == null){ 509 this.getRightTree(this.$store.state.zdbsm)
483 // this.generatorCode() 510 }
484 // } 511 })
485 //判断容密高是否为区间值，如果是区间值，则将校验值置为'-'并给rjl，jzmd，jzxg赋值 512 },
486 this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : ''; 513 //根据zdbsm查询基本信息
487 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl; 514 getZdjbxxData(bsm) {
488 this.jzmd = this.isInterval(this.formData.jyjzmd) ? this.formData.jyjzmd : ''; 515 getQjZdjbxxDetailById(bsm)
489 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd; 516 .then((res) => {
490 this.jzxg = this.isInterval(this.formData.jyjzxg) ? this.formData.jyjzxg : ''; 517 if (res.result) {
491 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg; 518 this.formData = res.result;
492 if(res.result.list.length>0){ 519 console.log(res.result, 'res.result');
493 if(res.result.list[0].list.length<1){ 520 this.getXzqData(res.result.xzqbsm, res.result.djqbsm);
494 res.result.list[0].list.push({ 521 //如果没有宗地代码，自动生成
495 "pzdjbsm": "", 522 // if(res.result.zddm == null){
496 "pzdjmc": "", 523 // this.generatorCode()
497 "pzytdm": "", 524 // }
498 "pzytmc": "", 525 //判断容密高是否为区间值，如果是区间值，则将校验值置为'-'并给rjl，jzmd，jzxg赋值
499 "pzytmj": 0, 526 this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : '';
500 "qlxzbsm": "", 527 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl;
501 "sjdjbsm": "", 528 this.jzmd = this.isInterval(this.formData.jyjzmd) ? this.formData.jyjzmd : '';
502 "sjdjmc": "", 529 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd;
503 "sjytdm": "", 530 this.jzxg = this.isInterval(this.formData.jyjzxg) ? this.formData.jyjzxg : '';
504 "sjytmc": "", 531 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg;
505 "sjytmj": 0, 532 if (res.result.list.length > 0) {
506 "syqx": "", 533 if (res.result.list[0].list.length < 1) {
507 "tdsyjssj": "", 534 res.result.list[0].list.push({
508 "tdsyqssj": "", 535 "pzdjbsm": "",
509 "tdzh": "" 536 "pzdjmc": "",
510 }) 537 "pzytdm": "",
511 } 538 "pzytmc": "",
512 this.$nextTick(()=>{ 539 "pzytmj": 0,
513 //权利性质数据传给子组件 540 "qlxzbsm": "",
514 this.$refs.qlxzModule.countList = res.result.list; 541 "sjdjbsm": "",
515 }) 542 "sjdjmc": "",
516 }else{ 543 "sjytdm": "",
517 this.$nextTick(()=>{ 544 "sjytmc": "",
518 //权利性质数据传给子组件 545 "sjytmj": 0,
519 this.$refs.qlxzModule.countList = [ 546 "syqx": "",
520 { 547 "tdsyjssj": "",
521 id: Math.random(), 548 "tdsyqssj": "",
522 isInside: false, 549 "tdzh": ""
523 hasNotBorder: false, 550 })
524 bsm: "", //权利性质标识码 551 }
525 glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM 552 this.$nextTick(() => {
526 qlxzdm: "", 553 //权利性质数据传给子组件
527 zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质 554 this.$refs.qlxzModule.countList = res.result.list;
528 list: [ 555 })
529 { 556 } else {
530 pzdjbsm: "", 557 this.$nextTick(() => {
531 pzdjmc: "", 558 //权利性质数据传给子组件
532 pzytdm: "", 559 this.$refs.qlxzModule.countList = [
533 pzytmc: "", 560 {
534 pzytmj: 0, 561 id: Math.random(),
535 qlxzbsm: "", 562 isInside: false,
536 sjdjbsm: "", 563 hasNotBorder: false,
537 sjdjmc: "", 564 bsm: "", //权利性质标识码
538 sjytdm: "", 565 glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
539 sjytmc: "", 566 qlxzdm: "",
540 sjytmj: 0, 567 zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
541 syqx: "", 568 list: [
542 tdsyjssj: "", 569 {
543 tdsyqssj: "", 570 pzdjbsm: "",
544 tdzh: "", 571 pzdjmc: "",
545 }, 572 pzytdm: "",
546 ], 573 pzytmc: "",
547 }, 574 pzytmj: 0,
548 ]; 575 qlxzbsm: "",
549 }) 576 sjdjbsm: "",
550 } 577 sjdjmc: "",
551 } 578 sjytdm: "",
552 }) 579 sjytmc: "",
553 .catch((error) => {}); 580 sjytmj: 0,
554 }, 581 syqx: "",
582 tdsyjssj: "",
583 tdsyqssj: "",
584 tdzh: "",
585 },
586 ],
587 },
588 ];
589 })
590 }
591 }
592 })
593 .catch((error) => {
594 });
595 },
555 596
556 //构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB 597 //构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB
557 generatorDpdm() { 598 generatorDpdm() {
558 this.$store.state.xzqList.forEach((item)=>{ 599 this.$store.state.xzqList.forEach((item) => {
559 if(item.bsm === this.formData.xzqbsm){ 600 if (item.bsm === this.formData.xzqbsm) {
560 this.dpdm = item.dm; 601 this.dpdm = item.dm;
561 } 602 }
562 }); 603 });
563 this.$store.state.djqList.forEach((item)=>{ 604 this.$store.state.djqList.forEach((item) => {
564 if(item.bsm === this.formData.djqbsm){ 605 if (item.bsm === this.formData.djqbsm) {
565 this.dpdm = this.dpdm + item.dm; 606 this.dpdm = this.dpdm + item.dm;
566 } 607 }
567 }); 608 });
568 this.$store.state.djzqList.forEach((item)=>{ 609 this.$store.state.djzqList.forEach((item) => {
569 if(item.bsm === this.formData.djzqbsm){ 610 if (item.bsm === this.formData.djzqbsm) {
570 this.dpdm = this.dpdm + item.dm; 611 this.dpdm = this.dpdm + item.dm;
571 } 612 }
572 }); 613 });
573 614
574 this.dpdm = this.dpdm + this.formData.syqlxbsm; 615 this.dpdm = this.dpdm + this.formData.syqlxbsm;
575 this.$store.state.zdtzmList.forEach((item)=>{ 616 this.$store.state.zdtzmList.forEach((item) => {
576 if(item.bsm === this.formData.zdtzmbsm){ 617 if (item.bsm === this.formData.zdtzmbsm) {
577 this.dpdm = this.dpdm + item.dm; 618 this.dpdm = this.dpdm + item.dm;
578 } 619 }
579 }); 620 });
580 }, 621 },
622
623 //不动产单元号再次生成提示框
624 open() {
625 this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
626 confirmButtonText: '确定',
627 cancelButtonText: '取消',
628 type: 'warning'
629 }).then(() => {
630 this.generatorDpdm();
631 getBdcdyh(this.dpdm, "zd")
632 .then((res) => {
633 console.log(res);
634 this.formData.zddm = res.result.substring(0, 19);
635 this.formData.bdcdyh = res.result;
636 })
637 .catch((error) => {
638 });
639 this.$message({
640 type: 'success',
641 message: '生成成功!'
642 });
643 }).catch(() => {
644 this.$message({
645 type: 'info',
646 message: '已取消'
647 });
648 });
649 },
650
651 //生成宗地代码
652 generatorCode() {
653
654 if ((this.formData.zddm != null && this.formData.zddm !== '') || (this.formData.bdcdyh != null && this.formData.bdcdyh !== '')) {
655 this.open();
656 return;
657 }
658 this.generatorDpdm();
581 659
582 //不动产单元号再次生成提示框
583 open() {
584 this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
585 confirmButtonText: '确定',
586 cancelButtonText: '取消',
587 type: 'warning'
588 }).then(() => {
589 this.generatorDpdm();
590 getBdcdyh(this.dpdm, "zd") 660 getBdcdyh(this.dpdm, "zd")
591 .then((res) => { 661 .then((res) => {
592 console.log(res); 662 console.log(res);
593 this.formData.zddm = res.result.substring(0, 19); 663 this.formData.zddm = res.result.substring(0, 19);
594 this.formData.bdcdyh = res.result; 664 this.formData.bdcdyh = res.result;
595 }) 665 })
596 .catch((error) => {}); 666 .catch((error) => {
597 this.$message({ 667 });
598 type: 'success', 668 },
599 message: '生成成功!' 669 //修改宗地基本信息
600 }); 670 updateZDxx(formData) {
601 }).catch(() => { 671 //获取权利性质数据
602 this.$message({ 672 this.formData.list = this.$refs.qlxzModule.getQlxzDataList();
603 type: 'info', 673 console.log(this.$refs.qlxzModule.getRulesResult(), 'this.$refs.qlxzModule.getRules()');
604 message: '已取消' 674 //判断容密高是否为区间值，如果是区间值，则将输入框的值赋予
605 }); 675 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl;
606 }); 676 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd;
607 }, 677 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg;
678 this.rules = [
679 {
680 data: this.formData.zdtzmbsm,
681 name: '宗地特征码',
682 dom: this.$refs.zdtzm,
683 rule: /^\s*$/g, //非空
684 },
685 {
686 data: this.formData.zddm,
687 name: '宗地代码',
688 dom: this.$refs.zddm,
689 rule: /^\s*$/g, //非空
690 },
691 {
692 data: this.formData.bdcdyh,
693 name: '不动产单元号',
694 dom: this.$refs.bdcdyh,
695 rule: /^\s*$/g, //非空
696 },
697 {
698 data: this.formData.zl,
699 name: '坐落',
700 dom: this.$refs.zl,
701 rule: /^\s*$/g, //非空
702 },
703 {
704 data: this.formData.zdszd,
705 name: '宗地东至',
706 dom: this.$refs.zdszd,
707 rule: /^\s*$/g, //非空
708 },
709 {
710 data: this.formData.zdszb,
711 name: '宗地北至',
712 dom: this.$refs.zdszb,
713 rule: /^\s*$/g, //非空
714 },
715 {
716 data: this.formData.zdszx,
717 name: '宗地西至',
718 dom: this.$refs.zdszx,
719 rule: /^\s*$/g, //非空
720 },
721 {
722 data: this.formData.zdszn,
723 name: '宗地南至',
724 dom: this.$refs.zdszn,
725 rule: /^\s*$/g, //非空
726 },
727 {
728 data: this.formData.zdmj,
729 name: '宗地面积',
730 dom: this.$refs.zdmj,
731 rule: /^\s*$/g, //非空
732 },
733 ]
734 // console.log(this.rules,'rules');
735 this.$refs.qlxzModule.getRules();
736 let flag = true;
737 this.rules.forEach(item => {
738 if (item.rule.test(item.data) || item.data == null) {
739 if (item.dom.$el) {
740 item.dom.$el.style.border = '1px solid red';
741 item.dom.$el.style.boxSizing = 'border-box';
742 } else {
743 item.dom.style.border = '1px solid red';
744 item.dom.style.boxSizing = 'border-box';
745 }
746 // this.$message({
747 // // message: item.name+'不能为空',
748 // message: '不能为空',
749 // type: "warning",
750 // });
751 flag = false;
752 return false
753 }
754 })
755 this.$nextTick(() => {
756 if (flag && this.$refs.qlxzModule.getRulesResult()) {
757 //宗地面积处理
758 // console.log(this.formData.zdmj,'this.formData.zdmj');
759 // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'')
760 //判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致）
761 if (this.formData.zddm.substring(0, 14) != this.dpdm || this.formData.bdcdyh.substring(0, 14) != this.dpdm) {
762 this.$message({
763 message: '宗地代码或不动产单元号有误，请核对后再试一次',
764 type: "warning",
765 });
766 } else {
767 updateQjZdjbxx(this.formData)
768 .then((res) => {
769 if (res.code == 200) {
770 console.log(res);
771 this.$message({
772 message: '保存成功',
773 type: "success",
774 });
775 // 保存成功再次查询
776 this.getZdjbxxData(this.$store.state.zdbsm);
777 } else {
778 this.$message({
779 message: res.message,
780 type: "warning",
781 });
782 }
783 })
784 .catch((error) => {
785 });
786 //保存到空间库里面
787 var self = this;
788 for (var key in this.geoAttributes) {
789 if (key == "BSM") {
790 self.geoAttributes[key] = this.$store.state.zdbsm
791 } else if (key == 'QLSDFS') {
792 var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs;
793 var qlsdfs = qlsdfsList.filter(item => {
794 return item.bsm == value;
795 })
796 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : "";
797 } else {
798 var formKay = key.toLowerCase();
799 self.geoAttributes[key] = self.formData[formKay];
800 }
801 }
802 self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) {
803 console.log("属性保存完成!!");
804 });
805 }
806 } else {
807 this.$message({
808 // message: item.name+'不能为空',
809 message: '请完善表单后再继续操作',
810 type: "warning",
811 });
812 }
813 })
608 814
609 //生成宗地代码 815 },
610 generatorCode() { 816 inputBlur(e) {
817 if (e.target.value != '') {
818 e.target.style.border = ""
819 } else {
820 e.target.style.border = "1px solid red";
821 e.target.style.boxSizing = 'border-box';
822 }
823 },
824 //提交宗地基本信息
825 submitZDxx() {
826 let data = {
827 glbsm: this.$store.state.zdbsm,
828 status: 1,
829 type: "zd"
830 }
831 submit(data).then((res) => {
832 if (res.code === 200) {
833 this.$message.success("提交成功！")
834 this.getZdjbxxData(this.curZdbsm);
835 getTree(this.curZdbsm).then((res) => {
836 if (res.success) {
837 // console.log('successsuccesssuccesssuccess');
838 this.$store.state.treeData = res.result;
839 }
840 });
841 }
842 })
843 },
844 getQlrxxData() {
845 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
846 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
847 },
848 getQlxzData() {
849 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
850 },
851 //行政区划选择
852 changeXzq(id) {
853 getListByXzqbsm(id)
854 .then((res) => {
855 this.formData.djqbsm = "";
856 this.formData.djzqbsm = "";
857 this.djqList = res.result;
858 this.$store.state.djqList = res.result;
859 })
860 .catch((error) => {
861 });
862 },
863 changeDjq(item) {
864 getListByPbsm(item)
865 .then((res) => {
866 this.formData.djzqbsm = "";
867 this.djzqList = res.result;
868 this.$store.state.djzqList = res.result;
869 })
870 .catch((error) => {
871 });
872 },
873 //判断容密高是否为区间
874 isInterval(val) {
875 if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) {
876 return false
877 } else {
878 return true;
879 }
880 },
881 //根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据
882 getXzqData(xzqdm, djqdm) {
883 getAllList()
884 .then((res) => {
885 this.$store.state.xzqList = res.result;
886 })
887 .catch((error) => {
888 });
611 889
612 if((this.formData.zddm!=null&&this.formData.zddm!=='')||(this.formData.bdcdyh!=null&&this.formData.bdcdyh!=='')){ 890 getListByPbsm(djqdm)
613 this.open(); 891 .then((res) => {
614 return; 892 this.$store.state.djzqList = res.result;
893 getListByXzqbsm(xzqdm)
894 .then((res) => {
895 this.$store.state.djqList = res.result;
896 //生成底盘代码
897 this.generatorDpdm();
898 })
899 .catch((error) => {
900 });
901 })
902 .catch((error) => {
903 });
615 } 904 }
616 this.generatorDpdm(); 905 },
617 906 computed: {
618 getBdcdyh(this.dpdm, "zd") 907 zl() {
619 .then((res) => { 908 return this.formData.zl;
620 console.log(res); 909 },
621 this.formData.zddm = res.result.substring(0, 19); 910 mj() {
622 this.formData.bdcdyh = res.result; 911 return this.formData.zdmj;
623 }) 912 },
624 .catch((error) => {}); 913 zddm() {
625 }, 914 return this.formData.zddm;
626 //修改宗地基本信息 915 },
627 updateZDxx(formData) { 916 zdbsm() {
628 //获取权利性质数据 917 return this.$route.query.bsm;
629 this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); 918 },
630 console.log(this.$refs.qlxzModule.getRulesResult(),'this.$refs.qlxzModule.getRules()'); 919 },
631 //判断容密高是否为区间值，如果是区间值，则将输入框的值赋予 920 watch: {
632 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl; 921 zl: function (val) {
633 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd; 922 this.$store.state.zdzl = val;
634 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg; 923 },
635 this.rules= [ 924 mj: function (val) {
636 { 925 this.$store.state.zdmj = val;
637 data:this.formData.zdtzmbsm, 926 },
638 name:'宗地特征码', 927 zddm: function (val) {
639 dom:this.$refs.zdtzm, 928 this.$store.state.zddm = val;
640 rule: /^\s*$/g, //非空 929 },
641 }, 930 zdbsm: function (val) {
642 { 931 this.getZdjbxxData(val)
643 data:this.formData.zddm, 932 this.curZdbsm = val;
644 name:'宗地代码', 933 },
645 dom:this.$refs.zddm, 934 "formData.bdcdyh": function (val) {
646 rule: /^\s*$/g, //非空 935 if (val != '') {
647 }, 936 this.$refs.bdcdyh.style.border = '';
648 { 937 }
649 data:this.formData.bdcdyh, 938 },
650 name:'不动产单元号', 939 "formData.zddm": function (val) {
651 dom:this.$refs.bdcdyh, 940 if (val != '') {
652 rule: /^\s*$/g, //非空 941 this.$refs.zddm.style.border = '';
653 }, 942 }
654 { 943 },
655 data:this.formData.zl, 944 "$store.state.sxdrType": {
656 name:'坐落', 945 handler(n) {
657 dom:this.$refs.zl, 946 this.$nextTick(()=>{
658 rule: /^\s*$/g, //非空 947 if (n === 'zd') {
659 }, 948 this.getZdjbxxData(this.$store.state.zdbsm)
660 { 949 }
661 data:this.formData.zdszd, 950 })
662 name:'宗地东至', 951 },
663 dom:this.$refs.zdszd, 952 immediate: false,
664 rule: /^\s*$/g, //非空 953 deep: true,
665 }, 954 }
666 { 955 },
667 data:this.formData.zdszb, 956 };
668 name:'宗地北至',
669 dom:this.$refs.zdszb,
670 rule: /^\s*$/g, //非空
671 },
672 {
673 data:this.formData.zdszx,
674 name:'宗地西至',
675 dom:this.$refs.zdszx,
676 rule: /^\s*$/g, //非空
677 },
678 {
679 data:this.formData.zdszn,
680 name:'宗地南至',
681 dom:this.$refs.zdszn,
682 rule: /^\s*$/g, //非空
683 },
684 {
685 data:this.formData.zdmj,
686 name:'宗地面积',
687 dom:this.$refs.zdmj,
688 rule: /^\s*$/g, //非空
689 },
690 ]
691 // console.log(this.rules,'rules');
692 this.$refs.qlxzModule.getRules();
693 let flag = true;
694 this.rules.forEach(item=>{
695 if(item.rule.test(item.data) || item.data == null){
696 if(item.dom.$el){
697 item.dom.$el.style.border = '1px solid red';
698 item.dom.$el.style.boxSizing = 'border-box';
699 }else{
700 item.dom.style.border = '1px solid red';
701 item.dom.style.boxSizing = 'border-box';
702 }
703 // this.$message({
704 // // message: item.name+'不能为空',
705 // message: '不能为空',
706 // type: "warning",
707 // });
708 flag = false;
709 return false
710 }
711 })
712 this.$nextTick(()=>{
713 if(flag && this.$refs.qlxzModule.getRulesResult()){
714 //宗地面积处理
715 // console.log(this.formData.zdmj,'this.formData.zdmj');
716 // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'')
717 //判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致）
718 if(this.formData.zddm.substring(0,14) != this.dpdm || this.formData.bdcdyh.substring(0,14) != this.dpdm){
719 this.$message({
720 message: '宗地代码或不动产单元号有误，请核对后再试一次',
721 type: "warning",
722 });
723 }else{
724 updateQjZdjbxx(this.formData)
725 .then((res) => {
726 if (res.code == 200) {
727 console.log(res);
728 this.$message({
729 message: '保存成功',
730 type: "success",
731 });
732 // 保存成功再次查询
733 this.getZdjbxxData(this.$store.state.zdbsm);
734 } else {
735 this.$message({
736 message: res.message,
737 type: "warning",
738 });
739 }
740 })
741 .catch((error) => {});
742 //保存到空间库里面
743 var self = this;
744 for(var key in this.geoAttributes){
745 if(key == "BSM"){
746 self.geoAttributes[key] = this.$store.state.zdbsm
747 }else if(key == 'QLSDFS'){
748 var qlsdfsList = self.$store.state.qlsdfsList,value = self.formData.qlsdfs;
749 var qlsdfs = qlsdfsList.filter(item => {
750 return item.bsm == value;
751 })
752 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc:"";
753 }else {
754 var formKay = key.toLowerCase();
755 self.geoAttributes[key] = self.formData[formKay];
756 }
757 }
758 self.updAttributes(this.$store.state.zdbsm,'zd',this.geoAttributes,function (res) {
759 console.log("属性保存完成!!");
760 });
761 }
762 }else{
763 this.$message({
764 // message: item.name+'不能为空',
765 message: '请完善表单后再继续操作',
766 type: "warning",
767 });
768 }
769 })
770
771 },
772 inputBlur(e){
773 if(e.target.value!=''){
774 e.target.style.border=""
775 }else{
776 e.target.style.border="1px solid red";
777 e.target.style.boxSizing = 'border-box';
778 }
779 },
780 //提交宗地基本信息
781 submitZDxx(){
782 let data={
783 glbsm:this.$store.state.zdbsm,
784 status:1,
785 type:"zd"
786 }
787 submit(data).then((res)=>{
788 if(res.code===200){
789 this.$message.success("提交成功！")
790 this.getZdjbxxData(this.curZdbsm);
791 getTree(this.curZdbsm).then((res) => {
792 if (res.success) {
793 // console.log('successsuccesssuccesssuccess');
794 this.$store.state.treeData = res.result;
795 }
796 });
797 }
798 })
799 },
800 getQlrxxData() {
801 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
802 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
803 },
804 getQlxzData() {
805 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
806 },
807 //行政区划选择
808 changeXzq(id) {
809 getListByXzqbsm(id)
810 .then((res) => {
811 this.formData.djqbsm = "";
812 this.formData.djzqbsm = "";
813 this.djqList = res.result;
814 this.$store.state.djqList = res.result;
815 })
816 .catch((error) => {});
817 },
818 changeDjq(item) {
819 getListByPbsm(item)
820 .then((res) => {
821 this.formData.djzqbsm = "";
822 this.djzqList = res.result;
823 this.$store.state.djzqList = res.result;
824 })
825 .catch((error) => {});
826 },
827 //判断容密高是否为区间
828 isInterval(val){
829 if(val == '>' || val == '<' || val == '=' || val == '>=' || val == '<='|| val == null){
830 return false
831 }else{
832 return true;
833 }
834 },
835 //根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据
836 getXzqData(xzqdm,djqdm){
837 getAllList()
838 .then((res) => {
839 this.$store.state.xzqList = res.result;
840 })
841 .catch((error) => {});
842
843 getListByPbsm(djqdm)
844 .then((res) => {
845 this.$store.state.djzqList = res.result;
846 getListByXzqbsm(xzqdm)
847 .then((res) => {
848 this.$store.state.djqList = res.result;
849 //生成底盘代码
850 this.generatorDpdm();
851 })
852 .catch((error) => {});
853 })
854 .catch((error) => {});
855 }
856 },
857 computed: {
858 zl() {
859 return this.formData.zl;
860 },
861 mj() {
862 return this.formData.zdmj;
863 },
864 zddm() {
865 return this.formData.zddm;
866 },
867 zdbsm() {
868 return this.$route.query.bsm;
869 },
870 },
871 watch: {
872 zl: function(val) {
873 this.$store.state.zdzl = val;
874 },
875 mj: function(val) {
876 this.$store.state.zdmj = val;
877 },
878 zddm: function(val) {
879 this.$store.state.zddm = val;
880 },
881 zdbsm:function (val) {
882 this.getZdjbxxData(val)
883 this.curZdbsm = val;
884 },
885 "formData.bdcdyh":function (val) {
886 if (val != '') {
887 this.$refs.bdcdyh.style.border = '';
888 }
889 },
890 "formData.zddm":function (val) {
891 if (val != '') {
892 this.$refs.zddm.style.border = '';
893 }
894 }
895 },
896 };
897 </script> 957 </script>
898 <style lang="less" scoped> 958 <style lang="less" scoped>
899 .main { 959 .main {
900 box-sizing: border-box; 960 box-sizing: border-box;
901 padding: 18px; 961 padding: 18px;
902 height: auto; 962 height: auto;
903 .formMenu { 963 .formMenu {
904 width: 100%; 964 width: 100%;
905 margin: 0 auto; 965 margin: 0 auto;
906 margin-bottom: 50px; 966 margin-bottom: 50px;
907 } 967 }
908 .zdjbxxTable { 968 .zdjbxxTable {
909 margin: 10px 0; 969 margin: 10px 0;
910 background-color: #fff; 970 background-color: #fff;
911 font-size: 14px; 971 font-size: 14px;
912 width: 100%; 972 width: 100%;
913 table-layout: fixed; 973 table-layout: fixed;
914 th { 974 th {
915 height: 36px; 975 height: 36px;
916 line-height: 36px; 976 line-height: 36px;
917 font-size: 16px; 977 font-size: 16px;
918 } 978 }
919 td { 979 td {
920 text-align: center; 980 text-align: center;
921 height: 36px; 981 height: 36px;
922 border-color: #E6E6E6; 982 border-color: #E6E6E6;
923 } 983 }
924 /deep/ .el-input__inner { 984 /deep/ .el-input__inner {
925 margin: 0; 985 margin: 0;
926 height: 36px; 986 height: 36px;
927 outline: none; 987 outline: none;
928 border: none; 988 border: none;
929 color: #606764; 989 color: #606764;
930 overflow: visible; 990 overflow: visible;
931 text-align: center; 991 text-align: center;
932 } 992 }
933 .percent68 { 993 .percent68 {
934 width: 68% !important; 994 width: 68% !important;
935 float: left; 995 float: left;
936 position: relative; 996 position: relative;
937 top: 7px; 997 top: 7px;
938 } 998 }
939 .percent47 { 999 .percent47 {
940 width: 45% !important; 1000 width: 45% !important;
941 float: left; 1001 float: left;
942 } 1002 }
943 .percent4 { 1003 .percent4 {
944 height: 20px; 1004 height: 20px;
945 line-height: 20px; 1005 line-height: 20px;
946 width: 4% !important; 1006 width: 4% !important;
947 float: left; 1007 float: left;
948 } 1008 }
949 .percent30 { 1009 .percent30 {
950 width: 30% !important; 1010 width: 30% !important;
951 float: left; 1011 float: left;
952 } 1012 }
953 .el-input__icon { 1013 .el-input__icon {
954 line-height: 37px; 1014 line-height: 37px;
955 } 1015 }
956 .el-select { 1016 .el-select {
957 width: 100%; 1017 width: 100%;
958 } 1018 }
959 } 1019 }
960 1020
961 .header-button { 1021 .header-button {
962 height: 50px; 1022 height: 50px;
963 position: fixed; 1023 position: fixed;
964 bottom: 0; 1024 bottom: 0;
965 right: 6px; 1025 right: 6px;
966 text-align: center; 1026 text-align: center;
967 background-color: #ffffff; 1027 background-color: #ffffff;
968 .el-button{ 1028 .el-button {
969 padding: 10px 30px; 1029 padding: 10px 30px;
970 margin-top: 8px; 1030 margin-top: 8px;
971 } 1031 }
972 .saveBtn { 1032 .saveBtn {
973 background-color: #00CACD; 1033 background-color: #00CACD;
974 border-color: #00CACD; 1034 border-color: #00CACD;
975 } 1035 }
976 .saveBtn:hover { 1036 .saveBtn:hover {
977 background-color: rgba(0, 202, 205, .8); 1037 background-color: rgba(0, 202, 205, .8);
978 border-color: rgba(0, 202, 205, .8); 1038 border-color: rgba(0, 202, 205, .8);
979 } 1039 }
980 } 1040 }
981 } 1041 }
982 </style> 1042 </style>
......
...@@ -113,16 +113,9 @@ export default { ...@@ -113,16 +113,9 @@ export default {
113 }, 113 },
114 //重置数据 114 //重置数据
115 reset() { 115 reset() {
116 this.tableData = [ 116 this.tableData[0].qsc = "";
117 { 117 this.tableData[0].jsc = "";
118 cz: "+", 118 this.tableData[0].hs = "";
119 ljzbsm: "",
120 zdybsm: "",
121 qsc: "",
122 jsc: "",
123 hs: "",
124 },
125 ];
126 }, 119 },
127 }, 120 },
128 computed: {}, 121 computed: {},
...@@ -171,7 +164,7 @@ export default { ...@@ -171,7 +164,7 @@ export default {
171 }, 164 },
172 scyclx:{ 165 scyclx:{
173 handler(n){ 166 handler(n){
174 this.$nextTick(()=>{ 167 this.$nextTick(()=>{
175 this.formData.scyclx = this.scyclx; 168 this.formData.scyclx = this.scyclx;
176 }) 169 })
177 } 170 }
......
...@@ -310,7 +310,7 @@ ...@@ -310,7 +310,7 @@
310 310
311 <tr> 311 <tr>
312 <td colspan="12" rowspan="4" align="center"> 312 <td colspan="12" rowspan="4" align="center">
313 <Qlxz ref="qlxzModule" :hasSyqx='false'></Qlxz> 313 <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz>
314 </td> 314 </td>
315 </tr> 315 </tr>
316 <tr></tr> 316 <tr></tr>
...@@ -843,6 +843,17 @@ ...@@ -843,6 +843,17 @@
843 this.form.scyclx = this.scyclx; 843 this.form.scyclx = this.scyclx;
844 }) 844 })
845 } 845 }
846 },
847 "$store.state.sxdrType": {
848 handler(n) {
849 this.$nextTick(()=>{
850 if (n === 'h') {
851 this.getHInfo(this.$store.state.hbsm)
852 }
853 })
854 },
855 immediate: false,
856 deep: true,
846 } 857 }
847 } 858 }
848 } 859 }
...@@ -909,7 +920,7 @@ ...@@ -909,7 +920,7 @@
909 height: 30px !important; 920 height: 30px !important;
910 } 921 }
911 } 922 }
912 923
913 .header-button { 924 .header-button {
914 height: 50px; 925 height: 50px;
915 position: fixed; 926 position: fixed;
......
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
97 </div> 97 </div>
98 <!-- 楼盘表主体 --> 98 <!-- 楼盘表主体 -->
99 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> 99 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
100 <lpbContent ref="lpbContent" :key="time"></lpbContent> 100 <lpbContent ref="lpbContent" :zrzbsm="$route.query.bsm" :key="time"></lpbContent>
101 </div> 101 </div>
102 <!-- 右侧图例 --> 102 <!-- 右侧图例 -->
103 <div class="lp-legend"> 103 <div class="lp-legend">
...@@ -220,7 +220,7 @@ ...@@ -220,7 +220,7 @@
220 </div> 220 </div>
221 221
222 <!-- 右键菜单弹出框 --> 222 <!-- 右键菜单弹出框 -->
223 <el-dialog title="添加" :visible.sync="dialogVisible" width="50%" center> 223 <el-dialog title="添加" :visible.sync="dialogVisible" width="50%" >
224 <!-- 根据菜单类型（menuType）和右键点击的楼盘类型（treeData.type）来区分弹框内容 --> 224 <!-- 根据菜单类型（menuType）和右键点击的楼盘类型（treeData.type）来区分弹框内容 -->
225 <div class="addCh" v-show="menuType == 'ljz'"> 225 <div class="addCh" v-show="menuType == 'ljz'">
226 <addLjz ref="ljz"></addLjz> 226 <addLjz ref="ljz"></addLjz>
...@@ -255,7 +255,7 @@ ...@@ -255,7 +255,7 @@
255 @close="hcxlzClose" 255 @close="hcxlzClose"
256 ></h-cxlz> 256 ></h-cxlz>
257 <!-- 双击户的弹出框 --> 257 <!-- 双击户的弹出框 -->
258 <el-dialog title="户编辑" class="hbjDialog" :visible.sync="hbjVisible" width="70%" center> 258 <el-dialog title="户编辑" class="hbjDialog" :visible.sync="hbjVisible" width="70%" >
259 <hbj ref="hbj" :bsm="hbsm" :scyclx="scyclx"></hbj> 259 <hbj ref="hbj" :bsm="hbsm" :scyclx="scyclx"></hbj>
260 </el-dialog> 260 </el-dialog>
261 </div> 261 </div>
...@@ -507,6 +507,9 @@ export default { ...@@ -507,6 +507,9 @@ export default {
507 openLpbDialog(data, type) { 507 openLpbDialog(data, type) {
508 this.treeData = data; 508 this.treeData = data;
509 this.menuType = type; 509 this.menuType = type;
510 this.$nextTick(()=>{
511 this.resetInfo();
512 });
510 this.dialogVisible = true; 513 this.dialogVisible = true;
511 }, 514 },
512 //弹框中的保存按钮，根据不同菜单点击类型调用不同子组件的保存方法 515 //弹框中的保存按钮，根据不同菜单点击类型调用不同子组件的保存方法
...@@ -632,7 +635,7 @@ export default { ...@@ -632,7 +635,7 @@ export default {
632 if (res.code === 200) { 635 if (res.code === 200) {
633 this.$message.success("生成完成！"); 636 this.$message.success("生成完成！");
634 } else { 637 } else {
635 this.$message.warning("生成失败！"); 638 this.$message.warning(res.message);
636 } 639 }
637 } 640 }
638 ); 641 );
......
...@@ -29,16 +29,9 @@ ...@@ -29,16 +29,9 @@
29 <td colspan="4"> 29 <td colspan="4">
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" class="psr"> 33 <td colspan="4">
34 <el-input v-model="form.bdcdyh" maxlength="28" class="percent80"></el-input> 34 <el-input v-model="form.jzwzt"></el-input>
35 <el-button
36 @click.prevent=""
37 size="mini"
38 type="warning"
39 class="createBtn"
40 >生成</el-button
41 >
42 </td> 35 </td>
43 </tr> 36 </tr>
44 37
...@@ -177,13 +170,9 @@ ...@@ -177,13 +170,9 @@
177 170
178 <tr height="30"> 171 <tr height="30">
179 <td colspan="2" align="center">总层数</td> 172 <td colspan="2" align="center">总层数</td>
180 <td colspan="4"> 173 <td colspan="10">
181 <el-input v-model="form.zcs"></el-input> 174 <el-input v-model="form.zcs"></el-input>
182 </td> 175 </td>
183 <td colspan="2" align="center">建筑物状态</td>
184 <td colspan="4">
185 <el-input v-model="form.jzwzt"></el-input>
186 </td>
187 </tr> 176 </tr>
188 177
189 <tr height="30"> 178 <tr height="30">
......
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
62 ref="hBsm" 62 ref="hBsm"
63 :key="hsIndex" 63 :key="hsIndex"
64 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" 64 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
65 @click="handleTdClick($event, hs.bsm)" 65 @click="handleTdClick($event, hs.bsm,hs)"
66 @dblclick="dbclick(hs.bsm)" 66 @dblclick="dbclick(hs.bsm)"
67 @contextmenu.prevent="openMenu($event, hs, 'h')" 67 @contextmenu.prevent="openMenu($event, hs, 'h')"
68 > 68 >
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
117 ref="hBsm" 117 ref="hBsm"
118 :key="hsIndex" 118 :key="hsIndex"
119 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" 119 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
120 @click="handleTdClick($event, hs.bsm)" 120 @click="handleTdClick($event, hs.bsm,hs)"
121 @dblclick="dbclick(hs.bsm)" 121 @dblclick="dbclick(hs.bsm)"
122 @contextmenu.prevent="openMenu($event, hs, 'h')" 122 @contextmenu.prevent="openMenu($event, hs, 'h')"
123 > 123 >
...@@ -133,7 +133,9 @@ ...@@ -133,7 +133,9 @@
133 133
134 <!-- 逻辑幢名称 --> 134 <!-- 逻辑幢名称 -->
135 <div class="ljz-name name"> 135 <div class="ljz-name name">
136 {{ ljzs.ljzmc }} 136 <p>
137 {{ ljzs.ljzmc }}
138 </p>
137 </div> 139 </div>
138 </div> 140 </div>
139 </div> 141 </div>
...@@ -177,7 +179,7 @@ ...@@ -177,7 +179,7 @@
177 ref="hBsm" 179 ref="hBsm"
178 :key="hsIndex" 180 :key="hsIndex"
179 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" 181 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
180 @click="handleTdClick($event, hs.bsm)" 182 @click="handleTdClick($event, hs.bsm,hs)"
181 @dblclick="dbclick(hs.bsm)" 183 @dblclick="dbclick(hs.bsm)"
182 @contextmenu.prevent="openMenu($event, hs, 'h')" 184 @contextmenu.prevent="openMenu($event, hs, 'h')"
183 > 185 >
...@@ -222,7 +224,7 @@ ...@@ -222,7 +224,7 @@
222 ref="hBsm" 224 ref="hBsm"
223 :key="hsIndex" 225 :key="hsIndex"
224 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" 226 :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
225 @click="handleTdClick($event, hs.bsm)" 227 @click="handleTdClick($event, hs.bsm,hs)"
226 @dblclick="dbclick(hs.bsm)" 228 @dblclick="dbclick(hs.bsm)"
227 @contextmenu.prevent="openMenu($event, hs, 'h')" 229 @contextmenu.prevent="openMenu($event, hs, 'h')"
228 > 230 >
...@@ -257,13 +259,16 @@ ...@@ -257,13 +259,16 @@
257 向下添加层 259 向下添加层
258 </li> 260 </li>
259 <li v-show="rightClickFlag == 'c'" @click="handleDeleteC">删除层</li> 261 <li v-show="rightClickFlag == 'c'" @click="handleDeleteC">删除层</li>
262 <!-- 合并 -->
263 <li v-show="rightClickFlag == 'hb'" :class="canHb!='zyhb'? 'cantHb':''" @click="handleHb('zyhb')">左右合并</li>
264 <li v-show="rightClickFlag == 'hb'" :class="canHb!='sxhb'? 'cantHb':''" @click="handleHb('sxhb')">上下合并</li>
265
260 </ul> 266 </ul>
261 <!-- 层操作弹框 --> 267 <!-- 层操作弹框 -->
262 <el-dialog 268 <el-dialog
263 :title="addCData.title" 269 :title="addCData.title"
264 :visible.sync="addCVisible" 270 :visible.sync="addCVisible"
265 width="50%" 271 width="50%"
266 center
267 > 272 >
268 <el-form :model="addCData"> 273 <el-form :model="addCData">
269 <el-form-item label="层号" :label-width="formLabelWidth"> 274 <el-form-item label="层号" :label-width="formLabelWidth">
...@@ -300,11 +305,22 @@ ...@@ -300,11 +305,22 @@
300 </template> 305 </template>
301 <script> 306 <script>
302 import moveH from "./../../../../../components/moveH/moveH"; 307 import moveH from "./../../../../../components/moveH/moveH";
303 import { getLpb, insertUpDownC, deleteCByBsm } from "../../../../../api/lpb"; 308 import { getLpb, insertUpDownC, deleteCByBsm } from "@api/lpb";
309 import { hhb } from "@api/h";
310 import { Message } from 'element-ui';
304 export default { 311 export default {
305 name: "", 312 name: "",
306 components: { moveH }, 313 components: { moveH },
307 props: {}, 314 props: {
315 isHbfg:{
316 type:Boolean,
317 default:false
318 },
319 zrzbsm:{
320 type:String,
321 default:''
322 }
323 },
308 data() { 324 data() {
309 return { 325 return {
310 moveHvisible: false, 326 moveHvisible: false,
...@@ -345,13 +361,15 @@ export default { ...@@ -345,13 +361,15 @@ export default {
345 }, 361 },
346 formLabelWidth: "120px", 362 formLabelWidth: "120px",
347 yclpbData:{}, 363 yclpbData:{},
348 sclpbData:{} 364 sclpbData:{},
365 fghbChoosedList:[],
366 canHb:''//判断合并类型
349 }; 367 };
350 }, 368 },
351 created() {}, 369 created() {},
352 mounted() { 370 mounted() {
353 this.getLpb(this.$store.state.zrzbsm, "0"); 371 this.getLpb(this.zrzbsm, "0");
354 this.getLpb(this.$store.state.zrzbsm, "1"); 372 this.getLpb(this.zrzbsm, "1");
355 setTimeout(() => { 373 setTimeout(() => {
356 //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight 374 //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight
357 this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20; 375 this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20;
...@@ -490,7 +508,7 @@ export default { ...@@ -490,7 +508,7 @@ export default {
490 } 508 }
491 }, 509 },
492 //户单击事件 510 //户单击事件
493 handleTdClick(e, bsm) { 511 handleTdClick(e, bsm,hs) {
494 let self = this; 512 let self = this;
495 // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件 513 // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
496 clearTimeout(self.time); 514 clearTimeout(self.time);
...@@ -499,20 +517,38 @@ export default { ...@@ -499,20 +517,38 @@ export default {
499 if (e.target.className.indexOf("tdSelect") == -1) { 517 if (e.target.className.indexOf("tdSelect") == -1) {
500 //未选中→选中 518 //未选中→选中
501 e.target.className = "tdSelect"; //加边框 519 e.target.className = "tdSelect"; //加边框
502 this.hbsmList.push(bsm); // 将户bsm放进hbsmList 520 if(this.isHbfg){
521 this.fghbChoosedList.push(hs);
522 this.hbsmList.push(bsm); // 将户bsm放进hbsmList
523 }else{
524 this.hbsmList.push(bsm); // 将户bsm放进hbsmList
525 }
503 } else { 526 } else {
504 //选中→未选中 527 //选中→未选中
505 e.target.className = ""; 528 e.target.className = "";
506 this.deleteArrOption(this.hbsmList, bsm); 529 if(this.isHbfg){
530 this.deleteArrOption(this.fghbChoosedList, hs)
531 this.deleteArrOption(this.hbsmList, bsm);
532 }else{
533 this.deleteArrOption(this.hbsmList, bsm);
534 }
535 }
536 if(this.isHbfg){
537
538 }else{
539 this.$parent.getHbsm(this.hbsmList, false);
507 } 540 }
508 this.$parent.getHbsm(this.hbsmList, false);
509 }, 200); 541 }, 200);
510 }, 542 },
511 //户双击事件 543 //户双击事件
512 dbclick(bsm) { 544 dbclick(bsm) {
513 clearTimeout(this.time); 545 clearTimeout(this.time);
514 // this.hbsmList.push(bsm); // 将户bsm放进hbsmList 546 if (this.isHbfg) {
515 this.$parent.getHbsm(bsm, true); 547
548 }else{
549 // this.hbsmList.push(bsm); // 将户bsm放进hbsmList
550 this.$parent.getHbsm(bsm, true);
551 }
516 }, 552 },
517 //删除多重数组中的某一项 553 //删除多重数组中的某一项
518 deleteArrOption(arr, item) { 554 deleteArrOption(arr, item) {
...@@ -537,26 +573,53 @@ export default { ...@@ -537,26 +573,53 @@ export default {
537 }, 573 },
538 //户右键点击事件 574 //户右键点击事件
539 openMenu(e, item, type) { 575 openMenu(e, item, type) {
540 console.log(e, "e");
541 this.lpbChLeft = e.pageX; 576 this.lpbChLeft = e.pageX;
542 this.lpbChTop = e.pageY; 577 this.lpbChTop = e.pageY;
543 this.chData = item; 578 if (this.isHbfg) {
544 this.rightClickFlag = type; 579 this.rightClickFlag = 'hb';
545 this.lpbChVisible = true; 580 if (this.fghbChoosedList.length>1) {
581 this.lpbChVisible = true;
582 //判断选中户可以执行的合并类型
583 let chIsSame = this.fghbChoosedList.every((item)=> {
584 return item.ch == this.fghbChoosedList[0].ch;
585 });
586 let hhIsSame = this.fghbChoosedList.every((item)=> {
587 return item.hh == this.fghbChoosedList[0].hh;
588 });
589 this.$nextTick(()=>{
590 if(chIsSame){
591 this.canHb = 'zyhb'
592 }else if(hhIsSame){
593 this.canHb = 'sxhb'
594 }else{
595 this.canHb = ''
596 }
597 })
598 }
599 }else{
600 console.log(e, "e");
601 this.chData = item;
602 this.rightClickFlag = type;
603 this.lpbChVisible = true;
604 }
546 }, 605 },
547 // 层选中事件 606 // 层选中事件
548 handleClickC(e, item) { 607 handleClickC(e, item) {
549 //判断点击的层是否选中 608 if (this.isHbfg) {
550 if (e.target.className.indexOf("tdSelect") == -1) { 609
551 //未选中→选中 610 }else{
552 e.target.className += " tdSelect"; //加边框 611 //判断点击的层是否选中
553 this.cbsmList.push(item.bsm); // 将户bsm放进hbsmList 612 if (e.target.className.indexOf("tdSelect") == -1) {
554 } else { 613 //未选中→选中
555 //选中→未选中 614 e.target.className += " tdSelect"; //加边框
556 e.target.className = "floor"; 615 this.cbsmList.push(item.bsm); // 将户bsm放进hbsmList
557 this.deleteArrOption(this.cbsmList, item.bsm); 616 } else {
617 //选中→未选中
618 e.target.className = "floor";
619 this.deleteArrOption(this.cbsmList, item.bsm);
620 }
621 this.$parent.getCbsm(this.cbsmList);
558 } 622 }
559 this.$parent.getCbsm(this.cbsmList);
560 }, 623 },
561 //关闭右键菜单 624 //关闭右键菜单
562 closeMenu() { 625 closeMenu() {
...@@ -639,6 +702,46 @@ export default { ...@@ -639,6 +702,46 @@ export default {
639 qsztClick(){ 702 qsztClick(){
640 703
641 }, 704 },
705 //户合并
706 handleHb(type){
707 let olbBsms = '';
708 this.hbsmList.forEach((item,index)=>{
709 olbBsms+= index<this.hbsmList.length-1? item+',':item
710 })
711 if (type == this.canHb) {
712 this.$confirm("是否确认合并选中户?", "提示", {
713 confirmButtonText: "确定",
714 cancelButtonText: "取消",
715 type: "warning",
716 })
717 .then(() => {
718 //确定合并 调用合并接口 this.hbsmList为选中户bsm数组 TO DO
719 let params = {
720 "newuserbsm": "",
721 "oldBsms": olbBsms,
722 "scyclx": this.$parent.scyclx,
723 "ljzbsm": this.fghbChoosedList[0].ljzbsm,
724 "zdybsm": this.fghbChoosedList[0].zdybsm,
725 "zrzbsm": this.fghbChoosedList[0].zrzbsm
726 }
727 // console.log(params,'params');
728 hhb(params).then((res) => {
729 if(res.code == 200){
730 Message.success('合并成功');
731 // 清除选中户
732 this.clearChoosedH();
733 this.fghbChoosedList = [];
734 // 更新楼盘表
735 this.getLpb(this.zrzbsm, this.$parent.scyclx);
736 }
737 })
738 .catch(() => {});
739 })
740 .catch(() => {});
741 }else{
742
743 }
744 }
642 }, 745 },
643 computed: { 746 computed: {
644 createFlagChange() { 747 createFlagChange() {
...@@ -688,12 +791,8 @@ export default { ...@@ -688,12 +791,8 @@ export default {
688 //父组件中选择单元状态改变选中户的边框颜色 791 //父组件中选择单元状态改变选中户的边框颜色
689 choosedList(n) { 792 choosedList(n) {
690 this.$refs.hBsm.forEach((item) => { 793 this.$refs.hBsm.forEach((item) => {
691 // console.log(item.dataset.bsm,'item.dataset.bsm');
692 // console.log(this.choosedList,'this.choosedList');
693 this.choosedList.forEach((i) => { 794 this.choosedList.forEach((i) => {
694 if (item.dataset.bsm == i) { 795 if (item.dataset.bsm == i) {
695 // console.log(item.style.border,'item.style.border');
696 // console.log(this.borderColor,'this.borderColor');
697 item.style.border = '1px solid '+this.borderColor; 796 item.style.border = '1px solid '+this.borderColor;
698 } 797 }
699 }); 798 });
...@@ -742,7 +841,8 @@ export default { ...@@ -742,7 +841,8 @@ export default {
742 bottom: 0; 841 bottom: 0;
743 position: absolute; 842 position: absolute;
744 height: 40px; 843 height: 40px;
745 background-color: rosybrown; 844 // background-color: rosybrown;
845 border:1px solid #E6E6E6
746 } 846 }
747 // .chTable-wrap{ 847 // .chTable-wrap{
748 // position: absolute; 848 // position: absolute;
...@@ -766,7 +866,12 @@ export default { ...@@ -766,7 +866,12 @@ export default {
766 .ljz-name { 866 .ljz-name {
767 width: calc(100% - 32px); 867 width: calc(100% - 32px);
768 height: 40px; 868 height: 40px;
769 background-color: darkorange; 869 // background-color: darkorange;
870 p{
871 width: 100%;
872 height: 100%;
873 border:1px solid #E6E6E6
874 }
770 } 875 }
771 } 876 }
772 div:last-child { 877 div:last-child {
...@@ -792,7 +897,8 @@ export default { ...@@ -792,7 +897,8 @@ export default {
792 display: inline-table; 897 display: inline-table;
793 .zdy-name { 898 .zdy-name {
794 bottom: 0; 899 bottom: 0;
795 background-color: blanchedalmond; 900 // background-color: blanchedalmond;
901 border:1px solid #E6E6E6
796 } 902 }
797 } 903 }
798 .zdy-zdy:last-child { 904 .zdy-zdy:last-child {
...@@ -802,7 +908,8 @@ export default { ...@@ -802,7 +908,8 @@ export default {
802 .zdy-name { 908 .zdy-name {
803 width: calc; 909 width: calc;
804 height: 40px; 910 height: 40px;
805 background-color: rosybrown; 911 // background-color: rosybrown;
912 border:1px solid #E6E6E6
806 } 913 }
807 } 914 }
808 .column-reverse { 915 .column-reverse {
...@@ -877,13 +984,17 @@ export default { ...@@ -877,13 +984,17 @@ export default {
877 .zrz { 984 .zrz {
878 height: 60px; 985 height: 60px;
879 line-height: 60px; 986 line-height: 60px;
880 background-color: darkgoldenrod; 987 background-color: #ffffff;
988 border:1px solid #E6E6E6;
881 position: relative; 989 position: relative;
882 bottom: 66px; 990 bottom: 66px;
883 text-align: center; 991 text-align: center;
884 transition: 0.5s; 992 transition: 0.5s;
885 } 993 }
886 994 .cantHb{
995 opacity: .5;
996 cursor: not-allowed;
997 }
887 .btnGroup { 998 .btnGroup {
888 margin: 20px auto 0; 999 margin: 20px auto 0;
889 width: 150px; 1000 width: 150px;
......
1 <template> 1 <template>
2 <div class=""> 2 <div class="">
3 <el-radio-group v-model="scyclx" @change="scyclxChange">
4 <el-radio-button label="0">预测</el-radio-button>
5 <el-radio-button label="1">实测</el-radio-button>
6 </el-radio-group>
3 <el-table 7 <el-table
4 :data="tableData" 8 :data="tableData"
5 style="width: 100%;margin-bottom: 20px;" 9 style="width: 100%;margin-bottom: 20px;"
6 row-key="bsm" 10 row-key="bsm"
7 border 11 border
8 default-expand-all 12 :default-expand-all="false"
9 :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> 13 :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
10 <el-table-column 14 <el-table-column
11 prop="mc" 15 prop="mc"
...@@ -35,23 +39,23 @@ ...@@ -35,23 +39,23 @@
35 </el-table-column> 39 </el-table-column>
36 <el-table-column 40 <el-table-column
37 prop="jzmj" 41 prop="jzmj"
38 label="面积"> 42 label="建筑面积(㎡)">
39 </el-table-column> 43 </el-table-column>
40 <el-table-column 44 <el-table-column
41 prop="tnjzmj" 45 prop="tnjzmj"
42 label="套内建筑面积"> 46 label="套内建筑面积(㎡)">
43 </el-table-column> 47 </el-table-column>
44 <el-table-column 48 <el-table-column
45 prop="ftjzmj" 49 prop="ftjzmj"
46 label="分摊建筑面积"> 50 label="分摊建筑面积(㎡)">
47 </el-table-column> 51 </el-table-column>
48 <el-table-column 52 <el-table-column
49 prop="dxbfjzmj" 53 prop="dxbfjzmj"
50 label="地下部分建筑面积"> 54 label="地下部分建筑面积(㎡)">
51 </el-table-column> 55 </el-table-column>
52 <el-table-column 56 <el-table-column
53 prop="qtjzmj" 57 prop="qtjzmj"
54 label="其它建筑面积"> 58 label="其它建筑面积(㎡)">
55 </el-table-column> 59 </el-table-column>
56 </el-table> 60 </el-table>
57 </div> 61 </div>
...@@ -65,7 +69,10 @@ export default { ...@@ -65,7 +69,10 @@ export default {
65 props:{}, 69 props:{},
66 data(){ 70 data(){
67 return { 71 return {
68 tableData: [] 72 tableData: [],
73 scData:[],
74 ycData:[],
75 scyclx:'0',
69 } 76 }
70 }, 77 },
71 created(){}, 78 created(){},
...@@ -74,6 +81,14 @@ export default { ...@@ -74,6 +81,14 @@ export default {
74 }, 81 },
75 methods:{ 82 methods:{
76 83
84 scyclxChange(){
85 if(this.scyclx === '0'){
86 this.tableData = this.ycData;
87 }else {
88 this.tableData = this.scData;
89 }
90 },
91
77 chFilter(row, column){ 92 chFilter(row, column){
78 if(row.ch === 0){ 93 if(row.ch === 0){
79 return '' 94 return ''
...@@ -91,12 +106,19 @@ export default { ...@@ -91,12 +106,19 @@ export default {
91 }, 106 },
92 107
93 getData(){ 108 getData(){
94 let zrzbsm = '12a4eb0cf2b527273ff5f0b96820715a'; 109 let zrzbsm = this.$store.state.zrzbsm;
95 let scyclx = '0'; 110 // let scyclx = this.scyclx;
96 getDetailInfo(zrzbsm,scyclx).then((res)=>{ 111 getDetailInfo(zrzbsm,'0').then((res)=>{
112 if(res.code===200){
113 console.log(res.result)
114 this.ycData = res.result;
115 this.tableData=this.ycData;
116 }
117 });
118 getDetailInfo(zrzbsm,'1').then((res)=>{
97 if(res.code===200){ 119 if(res.code===200){
98 console.log(res.result) 120 console.log(res.result)
99 this.tableData = res.result; 121 this.scData = res.result;
100 } 122 }
101 }) 123 })
102 }, 124 },
......
...@@ -690,7 +690,7 @@ ...@@ -690,7 +690,7 @@
690 } 690 }
691 //权利性质数据传给子组件 691 //权利性质数据传给子组件
692 this.$refs.qlxzModule.countList = res.result.qjQlxzListVOS 692 this.$refs.qlxzModule.countList = res.result.qjQlxzListVOS
693 693
694 } 694 }
695 } 695 }
696 }) 696 })
...@@ -763,7 +763,7 @@ ...@@ -763,7 +763,7 @@
763 }) 763 })
764 }, 764 },
765 deep:true 765 deep:true
766 }, 766 },
767 "form.fwjgList": { 767 "form.fwjgList": {
768 handler : function (newVal, oldVal) { 768 handler : function (newVal, oldVal) {
769 newVal.forEach((item,ind)=>{ 769 newVal.forEach((item,ind)=>{
...@@ -774,6 +774,17 @@ ...@@ -774,6 +774,17 @@
774 }, 774 },
775 deep:true 775 deep:true
776 }, 776 },
777 "$store.state.sxdrType": {
778 handler(n) {
779 this.$nextTick(()=>{
780 if (n === 'zrz') {
781 this.getZrzDetailByBsm(this.$route.query.bsm)
782 }
783 })
784 },
785 immediate: false,
786 deep: true,
787 }
777 } 788 }
778 } 789 }
779 </script> 790 </script>
......