Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
394d00d3 by weimo934
Options

Merge remote-tracking branch 'origin/master' 

# Conflicts:
#	src/views/systemZRZ/lpb/bjlp/index.vue
2 parents fe2d18f6 e49c2e10
Inline Side-by-side
Showing 3 changed files with 412 additions and 402 deletions
...@@ -44,7 +44,8 @@ const store = new Vuex.Store({ ...@@ -44,7 +44,8 @@ const store = new Vuex.Store({
44 zjlxList: [], 44 zjlxList: [],
45 gyfsList: [], 45 gyfsList: [],
46 hbsm:'', 46 hbsm:'',
47 contentWidth:'' //内容区域宽度 47 contentWidth:'', //内容区域宽度
48 zrzh:'' //自然幢号
48 }, 49 },
49 modules: { 50 modules: {
50 user, 51 user,
......
1 <template> 1 <template>
2 <div class="edit"> 2 <div class="edit">
3 <div class="tab-header"> 3 <div class="tab-header">
4 <el-row class="searchContent"> 4 <el-row class="searchContent">
5 <el-col :span="8"> 5 <el-col :span="8">
6 <el-radio-group v-model="tabPosition"> 6 <el-radio-group v-model="tabPosition">
7 <el-radio-button label="1">实测</el-radio-button> 7 <el-radio-button label="1">实测</el-radio-button>
8 <el-radio-button label="0">预测</el-radio-button> 8 <el-radio-button label="0">预测</el-radio-button>
9 </el-radio-group> 9 </el-radio-group>
10 <el-input 10 <el-input
11 v-model="bdcdyh" 11 v-model="bdcdyh"
12 :style="{'width':inputWidth+'px'}" 12 :style="{'width':inputWidth+'px'}"
13 @focus="inputFocus" 13 @focus="inputFocus"
14 @blur="inputBlur" 14 @blur="inputBlur"
15 @change="inputChange" 15 @change="inputChange"
16 class="searchInput" 16 class="searchInput"
17 placeholder="输入不动产单元号" 17 placeholder="输入不动产单元号"
18 ><i slot="suffix" class="el-input__icon el-icon-search" @click="inputChange"></i></el-input> 18 ><i slot="suffix" class="el-input__icon el-icon-search" @click="inputChange"></i></el-input>
19 </el-col> 19 </el-col>
20 <el-col :span="16"> 20 <el-col :span="16">
21 <div class="fr"> 21 <div class="fr">
22 <el-button class="radioBtn" label="1" border @click="create">创建楼盘</el-button> 22 <el-button class="radioBtn" label="1" border @click="create">创建楼盘</el-button>
23 <el-button class="radioBtn" label="2" border @click="plScYcChange">实预测转换</el-button> 23 <el-button class="radioBtn" label="2" border @click="plScYcChange">实预测转换</el-button>
24 <el-button class="radioBtn" label="3" border @click="plhVisible=true">批量户</el-button> 24 <el-button class="radioBtn" label="3" border @click="plhVisible=true">批量户</el-button>
25 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button> 25 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
26 <el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button> 26 <el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button>
27 <el-button class="radioBtn" label="6" border @click="plzlVisible=true">批量坐落</el-button> 27 <el-button class="radioBtn" label="6" border @click="plzlVisible=true">批量坐落</el-button>
28 <el-button class="radioBtn" label="7" border>批量单元号</el-button> 28 <el-button class="radioBtn" label="7" border @click="addBdcdyh">批量单元号</el-button>
29 <el-button class="radioBtn" label="7" border @click="hcxlzVisible=true">户重新落宗</el-button> 29 </div>
30 </div> 30 </el-col>
31 </el-col> 31 </el-row>
32 </el-row> 32 </div>
33 </div> 33 <div
34 <div 34 class="tab-content"
35 class="tab-content" 35 ref="tabContent"
36 ref="tabContent" 36 :style="{ height: lpbContentHight + 'px' }"
37 :style="{ height: lpbContentHight + 'px' }" 37 >
38 > 38 <!-- 左侧树结构 -->
39 <!-- 左侧树结构 --> 39 <div class="lp-tree" :class="createFlag ? 'w260' : 'w0'">
40 <div class="lp-tree" :class="createFlag ? 'w260' : 'w0'"> 40 <LineTree :pd="pd" class="treeData" :islpb="islpb"></LineTree>
41 <LineTree :pd="pd" class="treeData" :islpb="islpb"></LineTree> 41 <p
42 <p 42 @click="createFlag = false"
43 @click="createFlag = false" 43 style="width:20px;float:left;margin-top: 12px;margin-left:10px;cursor:pointer;"
44 style="width:20px;float:left;margin-top: 12px;margin-left:10px;cursor:pointer;" 44 >
45 > 45 X
46 X 46 </p>
47 </p> 47 </div>
48 </div> 48 <!-- 楼盘表主体 -->
49 <!-- 楼盘表主体 --> 49 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
50 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> 50 <lpbContent ref="lpbContent" :key="time"></lpbContent>
51 <lpbContent ref="lpbContent" :key="time"></lpbContent> 51 </div>
52 </div> 52 <!-- 右侧图例 -->
53 <!-- 右侧图例 --> 53 <div class="lp-legend">
54 <div class="lp-legend"> 54 <div class="handleCol">
55 <div class="handleCol"> 55 <div class="btn" @click="legendToggle">
56 <div class="btn" @click="legendToggle"> 56 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
57 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> 57 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
58 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> 58 </div>
59 </div> 59 <div :class="selectedZt == 'dyzt'? 'dyzt selectedZt':'dyzt'" @click="selectedZt='dyzt'">
60 <div :class="selectedZt == 'dyzt'? 'dyzt selectedZt':'dyzt'" @click="selectedZt='dyzt'"> 60 <span>单元状态</span>
61 <span>单元状态</span> 61 </div>
62 </div> 62 <div :class="selectedZt == 'fwxz'? 'fwxz selectedZt':'fwxz'" @click="selectedZt='fwxz'">
63 <div :class="selectedZt == 'fwxz'? 'fwxz selectedZt':'fwxz'" @click="selectedZt='fwxz'"> 63 <span>房屋性质</span>
64 <span>房屋性质</span> 64 </div>
65 </div> 65 <div :class="selectedZt == 'fwyt'? 'fwyt selectedZt':'fwyt'" @click="selectedZt='fwyt'">
66 <div :class="selectedZt == 'fwyt'? 'fwyt selectedZt':'fwyt'" @click="selectedZt='fwyt'"> 66 <span>房屋用途</span>
67 <span>房屋用途</span> 67 </div>
68 </div> 68 </div>
69 </div> 69 <div
70 <div 70 class="legendTable-wrap"
71 class="legendTable-wrap" 71 :style="{ width: legendToggleFlag ? '204px' : '0' }"
72 :style="{ width: legendToggleFlag ? '204px' : '0' }" 72 >
73 > 73 <table class="legendTable" v-show="selectedZt == 'dyzt'" cellspacing="1" cellpadding="1" border="1">
74 <table class="legendTable" v-show="selectedZt == 'dyzt'" cellspacing="1" cellpadding="1" border="1"> 74 <tr>
75 <tr> 75 <th>状态</th>
76 <th>状态</th> 76 <th>套数</th>
77 <th>套数</th> 77 <th>面积</th>
78 <th>面积</th> 78 </tr>
79 </tr> 79 <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH">
80 <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> 80 <td>
81 <td> 81 <i class="el-icon-star-on" :style="{ color: item.color }"></i
82 <i class="el-icon-star-on" :style="{ color: item.color }"></i 82 >{{ item.name }}
83 >{{ item.name }} 83 </td>
84 </td> 84 <td>{{ item.ts }}</td>
85 <td>{{ item.ts }}</td> 85 <td>{{ item.mj }}</td>
86 <td>{{ item.mj }}</td> 86 </tr>
87 </tr> 87 </table>
88 </table> 88 <table class="legendTable" v-show="selectedZt == 'fwxz'" cellspacing="1" cellpadding="1" border="1">
89 <table class="legendTable" v-show="selectedZt == 'fwxz'" cellspacing="1" cellpadding="1" border="1"> 89 <tr>
90 <tr> 90 <th>性质</th>
91 <th>性质</th> 91 <th>套数</th>
92 <th>套数</th> 92 <th>面积</th>
93 <th>面积</th> 93 </tr>
94 </tr> 94 <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH">
95 <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> 95 <td>
96 <td> 96 <i class="el-icon-star-on" :style="{ color: item.color }"></i
97 <i class="el-icon-star-on" :style="{ color: item.color }"></i 97 >{{ item.name }}
98 >{{ item.name }} 98 </td>
99 </td> 99 <td>{{ item.ts }}</td>
100 <td>{{ item.ts }}</td> 100 <td>{{ item.mj }}</td>
101 <td>{{ item.mj }}</td> 101 </tr>
102 </tr> 102 </table>
103 </table> 103 <table class="legendTable" v-show="selectedZt == 'fwyt'" cellspacing="1" cellpadding="1" border="1">
104 <table class="legendTable" v-show="selectedZt == 'fwyt'" cellspacing="1" cellpadding="1" border="1"> 104 <tr>
105 <tr> 105 <th>用途</th>
106 <th>用途</th> 106 <th>套数</th>
107 <th>套数</th> 107 <th>面积</th>
108 <th>面积</th> 108 </tr>
109 </tr> 109 <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH">
110 <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> 110 <td>
111 <td> 111 <i class="el-icon-star-on" :style="{ color: item.color }"></i
112 <i class="el-icon-star-on" :style="{ color: item.color }"></i 112 >{{ item.name }}
113 >{{ item.name }} 113 </td>
114 </td> 114 <td>{{ item.ts }}</td>
115 <td>{{ item.ts }}</td> 115 <td>{{ item.mj }}</td>
116 <td>{{ item.mj }}</td> 116 </tr>
117 </tr> 117 </table>
118 </table> 118 </div>
119 </div> 119 </div>
120 </div> 120 </div>
121 </div>
122 121
123 <!-- 右键菜单弹出框 --> 122 <!-- 右键菜单弹出框 -->
124 <el-dialog title="添加" :visible.sync="dialogVisible" width="50%" center> 123 <el-dialog title="添加" :visible.sync="dialogVisible" width="50%" center>
125 <!-- 根据菜单类型（menuType）和右键点击的楼盘类型（treeData.type）来区分弹框内容 --> 124 <!-- 根据菜单类型（menuType）和右键点击的楼盘类型（treeData.type）来区分弹框内容 -->
126 <div class="addCh" v-show="menuType == 'ljz'"> 125 <div class="addCh" v-show="menuType == 'ljz'">
127 <addLjz ref="ljz"></addLjz> 126 <addLjz ref="ljz"></addLjz>
128 </div> 127 </div>
129 <div class="addCh" v-show="menuType == 'zdy'"> 128 <div class="addCh" v-show="menuType == 'zdy'">
130 <addZdy ref="zdy"></addZdy> 129 <addZdy ref="zdy"></addZdy>
131 </div> 130 </div>
132 <div class="addCh" v-show="menuType == 'ch'"> 131 <div class="addCh" v-show="menuType == 'ch'">
133 <addCh ref="ch" :dialogVisible="dialogVisible" :treeData="treeData"></addCh> 132 <addCh ref="ch" :dialogVisible="dialogVisible" :treeData="treeData"></addCh>
134 </div> 133 </div>
135 <div class="btnGroup"> 134 <div class="btnGroup">
136 <el-button type="primary" @click="saveInfo">保存</el-button> 135 <el-button type="primary" @click="saveInfo">保存</el-button>
137 <el-button type="primary" @click="resetInfo">重置</el-button> 136 <el-button type="primary" @click="resetInfo">重置</el-button>
138 <el-button type="primary" @click="dialogVisible = false" 137 <el-button type="primary" @click="dialogVisible = false"
139 >取消 138 >取消</el-button
140 </el-button 139 >
141 > 140 </div>
142 </div> 141 </el-dialog>
143 </el-dialog> 142 <!-- 批量操作弹出框 -->
144 <!-- 批量操作弹出框 --> 143 <pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h>
145 <pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h> 144 <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl>
146 <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl> 145 <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c>
147 <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c>
148 <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh> 146 <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh>
149 <h-cxlz :h-cxlz-visble="hcxlzVisible" :bsms="bsms" @close="hcxlzClose"></h-cxlz> 147 <h-cxlz :h-cxlz-visble="hcxlzVisible" :bsms="bsms" @close="hcxlzClose"></h-cxlz>
150 <!-- 双击户的弹出框 --> 148 <!-- 双击户的弹出框 -->
...@@ -373,234 +371,240 @@ ...@@ -373,234 +371,240 @@
373 } else { 371 } else {
374 //单击 TO DO 372 //单击 TO DO
375 373
376 } 374 }
377 console.log(this.bsms); 375 console.log(this.bsms);
378 }, 376 },
379 //不动产单元号输入框事件 377 //不动产单元号输入框事件
380 inputFocus() { 378 inputFocus(){
381 this.inputWidth = 200 379 this.inputWidth = 200
382 }, 380 },
383 inputBlur() { 381 inputBlur(){
384 this.inputWidth = 74 382 this.inputWidth = 74
385 }, 383 },
386 inputChange() { 384 inputChange(){
387 if (this.bdcdyh != '') { 385 if (this.bdcdyh!='') {
388 console.log('查询' + this.bdcdyh); 386 console.log('查询'+this.bdcdyh);
389 this.$refs.lpbContent.lpbDataMap(this.bdcdyh); 387 this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
390 } else { 388 }else{
391 this.$message({ 389 this.$message({
392 message: "请输入内容后查询", 390 message: "请输入内容后查询",
393 type: "warning", 391 type: "warning",
394 }) 392 })
395 } 393 }
396 }, 394 },
397 //户保存 395 //户保存
398 hbjSaveInfo() { 396 hbjSaveInfo(){
399 this.$refs.hbj.onSave(this.bsms[this.bsms.length - 1], this.tabPosition); 397 this.$refs.hbj.onSave(this.bsms[this.bsms.length-1],this.tabPosition);
400 }, 398 },
401 //户编辑表单重置 399 //户编辑表单重置
402 hbjResetInfo() { 400 hbjResetInfo(){
403 this.$refs.hbj.onReset(); 401 this.$refs.hbj.onReset();
404 }, 402 },
405 //调用楼盘表信息查询接口 403 //调用楼盘表信息查询接口
406 getlpbData() { 404 getlpbData(){
407 this.$refs.lpbContent.getLpb(this.$store.state.zrzbsm); 405 this.$refs.lpbContent.getLpb(this.$store.state.zrzbsm);
408 //改变楼盘表子组件的key值，重新渲染 406 //改变楼盘表子组件的key值，重新渲染
409 this.time = new Date().getTime(); 407 this.time = new Date().getTime();
410 }, 408 },
411 //实预测装换 409 //实预测装换
412 plScYcChange() { 410 plScYcChange(){
413 let data = { 411 let data={
414 zrzbsm: this.$store.state.zrzbsm, 412 zrzbsm:this.$store.state.zrzbsm,
415 scyclx: "0" 413 scyclx:"0"
416 } 414 }
417 batchScYcChange(data).then((res) => { 415 batchScYcChange(data).then((res)=>{
418 if (res.code === 200) { 416 if(res.code===200){
419 this.$message.success("实预测转换成功") 417 this.$message.success("实预测转换成功")
420 } 418 }
421 }) 419 })
422 }, 420 },
423 //选中房屋状态 421 //选中房屋状态
424 handleChoosedH() { 422 handleChoosedH(){
425 //清除选中户 423 //清除选中户
426 this.$refs.lpbContent.clearChoosedH() 424 this.$refs.lpbContent.clearChoosedH()
427 //给hBsmList传值 425 //给hBsmList传值
428 // this.$refs.lpbContent.choosedList=["0a66bc775dcec26385f9124cc0fd8656", "58cafdbee129bb412527f674ef9267ae", "4bbca678fa56d5ab97b8a62c7cb54898", "ecfd72e9a31a03ba0ab4e46faba2b51b", "049033ea9d244b4b5ea75521b6862239", "013352d8a001a1d5f790296b6843627b", "ed8e3f0e2b2682cf76b4d58b9a74e49c", "37cc53acaf2c3bb92be4b9adf06d94c9", "f5a5e14ce08c26056aca5861f56e5cf6", "11eeaaa5c9f5f1231c69d3b958d05568", "421978023a36d4920dbb86300cc52dc9", "e97f2af2588cc0e41ffb6b203df617c9", "7210987d94350472dca10d4ad71fffc5", "6eb1b50edce538a4c63574e9e28fedce", "43c5fecd7623ceabc37844e8a4722603", "c361ccfcd3da9f7288110c6fa202cb96", "2321512f6f8d0ec9f570c6eec9a892fe", "ea08fb234cd908c89a0d21c085dadb2f", "be71f7f0ec926e1850d3baec8817cdbd", "6f695d6b7ecb97f7ff17f22dbe86b93c", "4ee1604b2629e6797d3096c20229223b"] 426 // this.$refs.lpbContent.choosedList=["0a66bc775dcec26385f9124cc0fd8656", "58cafdbee129bb412527f674ef9267ae", "4bbca678fa56d5ab97b8a62c7cb54898", "ecfd72e9a31a03ba0ab4e46faba2b51b", "049033ea9d244b4b5ea75521b6862239", "013352d8a001a1d5f790296b6843627b", "ed8e3f0e2b2682cf76b4d58b9a74e49c", "37cc53acaf2c3bb92be4b9adf06d94c9", "f5a5e14ce08c26056aca5861f56e5cf6", "11eeaaa5c9f5f1231c69d3b958d05568", "421978023a36d4920dbb86300cc52dc9", "e97f2af2588cc0e41ffb6b203df617c9", "7210987d94350472dca10d4ad71fffc5", "6eb1b50edce538a4c63574e9e28fedce", "43c5fecd7623ceabc37844e8a4722603", "c361ccfcd3da9f7288110c6fa202cb96", "2321512f6f8d0ec9f570c6eec9a892fe", "ea08fb234cd908c89a0d21c085dadb2f", "be71f7f0ec926e1850d3baec8817cdbd", "6f695d6b7ecb97f7ff17f22dbe86b93c", "4ee1604b2629e6797d3096c20229223b"]
429 } 427 },
430 }, 428 //批量添加不动产单元号
431 computed: {}, 429 addBdcdyh(){
432 destroyed() { 430 // this.pd[0].bsm //自然幢标识码
433 window.removeEventListener("resize", this.getHeight); 431 console.log(this.$store.state.zrzh,'this.$store.state.zrzh');
434 }, 432 }
435 watch: { 433 },
436 //树结构和图例伸缩时修改楼盘表主要内容区宽度 434 computed: {
437 legendToggleFlag(n) { 435 },
438 if (n) { 436 destroyed() {
439 this.lpbContentwidth -= 204; 437 window.removeEventListener("resize", this.getHeight);
440 } else { 438 },
441 this.lpbContentwidth += 204; 439 watch: {
442 } 440 //树结构和图例伸缩时修改楼盘表主要内容区宽度
443 }, 441 legendToggleFlag(n) {
444 createFlag(n) { 442 if (n) {
445 if (n) { 443 this.lpbContentwidth -= 204;
446 this.lpbContentwidth -= 260; 444 } else {
447 } else { 445 this.lpbContentwidth += 204;
448 this.lpbContentwidth += 260; 446 }
449 } 447 },
450 }, 448 createFlag(n) {
451 }, 449 if (n) {
452 }; 450 this.lpbContentwidth -= 260;
451 } else {
452 this.lpbContentwidth += 260;
453 }
454 },
455 },
456 };
453 </script> 457 </script>
454 <style scoped lang="less"> 458 <style scoped lang="less">
455 .edit { 459 .edit {
456 height: 100%; 460 height: 100%;
457 background-color: #eaedf5; 461 background-color: #eaedf5;
458 .tab-header { 462 .tab-header {
459 border: 1px solid #dedede; 463 border: 1px solid #dedede;
460 border-top: 0; 464 border-top: 0;
461 box-sizing: border-box; 465 box-sizing: border-box;
462 padding: 20px 0; 466 padding: 20px 0;
463 background-color: #ffffff; 467 background-color: #ffffff;
464 margin-bottom: 15px; 468 margin-bottom: 15px;
465 .searchContent { 469 .searchContent {
466 box-sizing: border-box; 470 box-sizing: border-box;
467 padding: 0 20px; 471 padding: 0 20px;
468 /deep/ .el-radio-button__inner { 472 /deep/.el-radio-button__inner {
469 border: 1px solid #00CACD; 473 border: 1px solid #00CACD;
470 color: #00CACD; 474 color: #00CACD;
471 } 475 }
472 /deep/ .el-radio-button__inner:hover { 476 /deep/.el-radio-button__inner:hover{
473 color: #00CACD; 477 color: #00CACD;
474 } 478 }
475 /deep/ .is-active .el-radio-button__inner { 479 /deep/.is-active .el-radio-button__inner{
476 color: #fff; 480 color: #fff;
477 } 481 }
478 /deep/ .el-radio-button__orig-radio:checked + .el-radio-button__inner { 482 /deep/.el-radio-button__orig-radio:checked+.el-radio-button__inner{
479 background-color: #00CACD; 483 background-color: #00CACD;
480 border-color: #00CACD; 484 border-color: #00CACD;
481 } 485 }
482 .searchInput { 486 .searchInput {
483 transition: .5s; 487 transition: .5s;
484 margin-left: 20px; 488 margin-left: 20px;
485 display: inline-block; 489 display: inline-block;
486 } 490 }
487 } 491 }
488 .radioBtn { 492 .radioBtn {
489 margin-left: 20px; 493 margin-left: 20px;
490 /deep/ .el-radio-button__inner { 494 /deep/.el-radio-button__inner {
491 border: 1px solid #dcdfe6; 495 border: 1px solid #dcdfe6;
492 border-radius: 4px; 496 border-radius: 4px;
493 box-shadow: 0 0 0 0 #409eff !important; 497 box-shadow: 0 0 0 0 #409eff !important;
494 } 498 }
495 } 499 }
496 } 500 }
497 .tab-content { 501 .tab-content {
498 background-color: #ffffff; 502 background-color: #ffffff;
499 display: flex; 503 display: flex;
500 overflow-y: scroll; 504 overflow-y: scroll;
501 .lp-tree { 505 .lp-tree {
502 height: 100%; 506 height: 100%;
503 overflow: hidden; 507 overflow: hidden;
504 transition: 0.5s; 508 transition: 0.5s;
505 .treeData { 509 .treeData {
506 margin-top: 20px; 510 margin-top: 20px;
507 margin-left: 20px; 511 margin-left: 20px;
508 float: left; 512 float: left;
509 } 513 }
510 } 514 }
511 .w0 { 515 .w0 {
512 width: 0; 516 width: 0;
513 } 517 }
514 .w260 { 518 .w260 {
515 width: 260px; 519 width: 260px;
516 } 520 }
517 .lp-overview { 521 .lp-overview {
518 transition: 0.5s; 522 transition: 0.5s;
519 flex: 1; 523 flex: 1;
520 padding-right: 20px; 524 padding-right: 20px;
521 box-sizing: border-box; 525 box-sizing: border-box;
522 } 526 }
523 .lp-legend { 527 .lp-legend {
524 transition: 0.5s; 528 transition: 0.5s;
525 height: 100%; 529 height: 100%;
526 font-size: 14px; 530 font-size: 14px;
527 .handleCol { 531 .handleCol {
528 width: 34px; 532 width: 34px;
529 float: right; 533 float: right;
530 height: 100%; 534 height: 100%;
531 .btn { 535 .btn {
532 cursor: pointer; 536 cursor: pointer;
533 height: 40px; 537 height: 40px;
534 line-height: 40px; 538 line-height: 40px;
535 text-align: center; 539 text-align: center;
536 background-color: #0091FF; 540 background-color: #0091FF;
537 color: #fff; 541 color: #fff;
538 border-bottom: 1px solid #e6e6e6; 542 border-bottom: 1px solid #e6e6e6;
539 } 543 }
540 .dyzt { 544 .dyzt {
541 height: 81px; 545 height: 81px;
542 line-height: 81px; 546 line-height: 81px;
543 } 547 }
544 .fwxz, 548 .fwxz,
545 .fwyt { 549 .fwyt {
546 height: 122px; 550 height: 122px;
547 } 551 }
548 .dyzt, 552 .dyzt,
549 .fwxz, 553 .fwxz,
550 .fwyt { 554 .fwyt {
551 cursor: pointer; 555 cursor: pointer;
552 border-bottom: 1px solid #e6e6e6; 556 border-bottom: 1px solid #e6e6e6;
553 span { 557 span {
554 text-align: center; 558 text-align: center;
555 height: 100%; 559 height: 100%;
556 -webkit-writing-mode: vertical-rl; 560 -webkit-writing-mode: vertical-rl;
557 writing-mode: vertical-rl; 561 writing-mode: vertical-rl;
558 line-height: 34px; 562 line-height: 34px;
559 letter-spacing: 2px; 563 letter-spacing: 2px;
560 } 564 }
561 } 565 }
562 .selectedZt { 566 .selectedZt{
563 background-color: #0091FF; 567 background-color: #0091FF;
564 color: #fff; 568 color: #fff;
565 } 569 }
566 } 570 }
567 .legendTable-wrap { 571 .legendTable-wrap {
568 transition: 0.5s; 572 transition: 0.5s;
569 float: right; 573 float: right;
570 overflow: hidden; 574 overflow: hidden;
571 .legendTable { 575 .legendTable {
572 margin-top: -1px; 576 margin-top: -1px;
573 tr { 577 tr {
574 height: 40px; 578 height: 40px;
575 line-height: 40px; 579 line-height: 40px;
576 th:first-child { 580 th:first-child {
577 width: 80px; 581 width: 80px;
578 } 582 }
579 th { 583 th {
580 width: 60px; 584 width: 60px;
581 height: 40px; 585 height: 40px;
582 white-space: nowrap; 586 white-space: nowrap;
583 } 587 }
584 td { 588 td {
585 height: 40px; 589 height: 40px;
586 text-align: center; 590 text-align: center;
587 white-space: nowrap; 591 white-space: nowrap;
588 } 592 }
589 td:first-child { 593 td:first-child {
590 text-align: left; 594 text-align: left;
591 text-indent: 2px; 595 text-indent: 2px;
592 } 596 }
593 } 597 }
594 } 598 }
595 } 599 }
596 } 600 }
597 } 601 }
598 .tab-content::-webkit-scrollbar { 602 .tab-content::-webkit-scrollbar{
599 width: 1px; 603 width: 1px;
600 } 604 }
601 .btnGroup { 605 .btnGroup {
602 margin: 20px auto 0; 606 margin: 20px auto 0;
603 width: 230px; 607 width: 230px;
604 } 608 }
605 } 609 }
606 </style> 610 </style>
......
...@@ -10,25 +10,25 @@ ...@@ -10,25 +10,25 @@
10 <tr height="30"> 10 <tr height="30">
11 <td colspan="2" align="center" >宗地代码</td> 11 <td colspan="2" align="center" >宗地代码</td>
12 <td colspan="4" > 12 <td colspan="4" >
13 <el-input v-model="form.zddm" disabled></el-input> 13 <input v-model="form.zddm" class="formInput" disabled>
14 <el-input v-show="false" v-model="form.zdbsm"></el-input> 14 <input v-show="false" class="formInput" v-model="form.zdbsm">
15 </td> 15 </td>
16 <td colspan="2" align="center" >自然幢号</td> 16 <td colspan="2" align="center" >自然幢号</td>
17 <td colspan="4" > 17 <td colspan="4" >
18 <el-input v-model="form.zrzh" style="width: 70%"></el-input> 18 <input class="formInput" v-model="form.zrzh" style="width: 70%">
19 <el-button @click.prevent="generatorCode" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> 19 <el-button @click.prevent="generatorCode" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
20 </td> 20 </td>
21 </tr> 21 </tr>
22 <tr height="30"> 22 <tr height="30">
23 <td colspan="2" align="center" >项目名称</td> 23 <td colspan="2" align="center" >项目名称</td>
24 <td colspan="4" > 24 <td colspan="4" >
25 <el-input v-model="form.xmmc"></el-input> 25 <input class="formInput" v-model="form.xmmc">
26 </td> 26 </td>
27 <td colspan="2" align="center" >不动产单元号</td> 27 <td colspan="2" align="center" >不动产单元号</td>
28 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号--> 28 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
29 <td colspan="4" > 29 <td colspan="4" >
30 <el-input v-model="form.bdcdyh" style="width: 70%"></el-input> 30 <input class="formInput percent78" v-model="form.bdcdyh" style="width: 70%">
31 <el-input v-show="false" v-model="form.dyhbsm" style="width: 70%"></el-input> 31 <input class="formInput percent78" v-show="false" v-model="form.dyhbsm" style="width: 70%">
32 <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> 32 <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
33 </td> 33 </td>
34 </tr> 34 </tr>
...@@ -36,18 +36,18 @@ ...@@ -36,18 +36,18 @@
36 <tr height="30"> 36 <tr height="30">
37 <td colspan="2" align="center" >建筑物名称</td> 37 <td colspan="2" align="center" >建筑物名称</td>
38 <td colspan="4" > 38 <td colspan="4" >
39 <el-input v-model="form.jzwmc"></el-input> 39 <input class="formInput" v-model="form.jzwmc">
40 </td> 40 </td>
41 <td colspan="2" align="center" >建筑物基本用途</td> 41 <td colspan="2" align="center" >建筑物基本用途</td>
42 <td colspan="4" > 42 <td colspan="4" >
43 <el-input v-model="form.jzwjbyt"></el-input> 43 <input class="formInput" v-model="form.jzwjbyt">
44 </td> 44 </td>
45 </tr> 45 </tr>
46 46
47 <tr height="30"> 47 <tr height="30">
48 <td colspan="2" align="center" >房屋性质</td> 48 <td colspan="2" align="center" >房屋性质</td>
49 <td colspan="4" > 49 <td colspan="4" >
50 <el-select v-model="form.fwxzbsm" placeholder="请选择" > 50 <el-select class="formSelect" v-model="form.fwxzbsm" placeholder="请选择" >
51 <el-option 51 <el-option
52 v-for="item in $store.state.fwxzOptions" 52 v-for="item in $store.state.fwxzOptions"
53 :key="item.bsm" 53 :key="item.bsm"
...@@ -69,62 +69,62 @@ ...@@ -69,62 +69,62 @@
69 <tr height="30"> 69 <tr height="30">
70 <td colspan="2" align="center" >建筑物高度(m)</td> 70 <td colspan="2" align="center" >建筑物高度(m)</td>
71 <td colspan="4" > 71 <td colspan="4" >
72 <el-input v-model="form.jzwgd"></el-input> 72 <input class="formInput" v-model="form.jzwgd">
73 </td> 73 </td>
74 <td colspan="2" align="center" >总套数</td> 74 <td colspan="2" align="center" >总套数</td>
75 <td colspan="4" > 75 <td colspan="4" >
76 <el-input v-model="form.zts"></el-input> 76 <input class="formInput" v-model="form.zts">
77 </td> 77 </td>
78 </tr> 78 </tr>
79 79
80 <tr height="30"> 80 <tr height="30">
81 <td colspan="2" align="center" >幢用地面积(㎡)</td> 81 <td colspan="2" align="center" >幢用地面积(㎡)</td>
82 <td colspan="4" > 82 <td colspan="4" >
83 <el-input v-model="form.zydmj"></el-input> 83 <input class="formInput" v-model="form.zydmj">
84 </td> 84 </td>
85 <td colspan="2" align="center" >幢占用地面积（㎡）</td> 85 <td colspan="2" align="center" >幢占用地面积（㎡）</td>
86 <td colspan="4" > 86 <td colspan="4" >
87 <el-input v-model="form.zzdmj"></el-input> 87 <input class="formInput" v-model="form.zzdmj">
88 </td> 88 </td>
89 </tr> 89 </tr>
90 90
91 <tr height="30"> 91 <tr height="30">
92 <td colspan="2" align="center" >预测建筑面积（㎡）</td> 92 <td colspan="2" align="center" >预测建筑面积（㎡）</td>
93 <td colspan="4" > 93 <td colspan="4" >
94 <el-input v-model="form.ycjzmj"></el-input> 94 <input class="formInput" v-model="form.ycjzmj">
95 </td> 95 </td>
96 <td colspan="2" align="center" >实测建筑面积（㎡）</td> 96 <td colspan="2" align="center" >实测建筑面积（㎡）</td>
97 <td colspan="4" > 97 <td colspan="4" >
98 <el-input v-model="form.scjzmj"></el-input> 98 <input class="formInput" v-model="form.scjzmj">
99 </td> 99 </td>
100 </tr> 100 </tr>
101 101
102 <tr height="30"> 102 <tr height="30">
103 <td colspan="2" align="center" >地下层数</td> 103 <td colspan="2" align="center" >地下层数</td>
104 <td colspan="4" > 104 <td colspan="4" >
105 <el-input v-model="form.dxcs"></el-input> 105 <input class="formInput" v-model="form.dxcs">
106 </td> 106 </td>
107 <td colspan="2" align="center" >地上层数</td> 107 <td colspan="2" align="center" >地上层数</td>
108 <td colspan="4" > 108 <td colspan="4" >
109 <el-input v-model="form.dscs"></el-input> 109 <input class="formInput" v-model="form.dscs">
110 </td> 110 </td>
111 </tr> 111 </tr>
112 112
113 <tr height="30"> 113 <tr height="30">
114 <td colspan="2" align="center" >总层数</td> 114 <td colspan="2" align="center" >总层数</td>
115 <td colspan="4" > 115 <td colspan="4" >
116 <el-input v-model="form.zcs"></el-input> 116 <input class="formInput" v-model="form.zcs">
117 </td> 117 </td>
118 <td colspan="2" align="center" >地下深度（m）</td> 118 <td colspan="2" align="center" >地下深度（m）</td>
119 <td colspan="4" > 119 <td colspan="4" >
120 <el-input v-model="form.dxsd"></el-input> 120 <input class="formInput" v-model="form.dxsd">
121 </td> 121 </td>
122 </tr> 122 </tr>
123 123
124 <tr height="30"> 124 <tr height="30">
125 <td colspan="2" align="center" >产别</td> 125 <td colspan="2" align="center" >产别</td>
126 <td colspan="4" > 126 <td colspan="4" >
127 <el-select v-model="form.fwcbbsm" placeholder="请选择" > 127 <el-select class="formInput" v-model="form.fwcbbsm" placeholder="请选择" >
128 <el-option 128 <el-option
129 v-for="item in $store.state.cbOptions" 129 v-for="item in $store.state.cbOptions"
130 :key="item.bsm" 130 :key="item.bsm"
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
135 </td> 135 </td>
136 <td colspan="2" align="center" >产权来源</td> 136 <td colspan="2" align="center" >产权来源</td>
137 <td colspan="4" > 137 <td colspan="4" >
138 <el-select v-model="form.fwcqlybsm" placeholder="请选择" > 138 <el-select class="formInput" v-model="form.fwcqlybsm" placeholder="请选择" >
139 <el-option 139 <el-option
140 v-for="item in $store.state.cqlyOptions" 140 v-for="item in $store.state.cqlyOptions"
141 :key="item.bsm" 141 :key="item.bsm"
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
157 规划用途 157 规划用途
158 </td> 158 </td>
159 <td width="30" colspan="4" align="center" > 159 <td width="30" colspan="4" align="center" >
160 <el-select-tree 160 <el-select-tree class="formInput"
161 v-if="show" 161 v-if="show"
162 :default-expand-all="defaultExpandAll" 162 :default-expand-all="defaultExpandAll"
163 :multiple="multiple" 163 :multiple="multiple"
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
172 </td> 172 </td>
173 <td width="30" colspan="1" align="center" >用途</td> 173 <td width="30" colspan="1" align="center" >用途</td>
174 <td width="30" colspan="4" align="center" > 174 <td width="30" colspan="4" align="center" >
175 <el-select-tree 175 <el-select-tree class="formInput"
176 v-if="show" 176 v-if="show"
177 :default-expand-all="defaultExpandAll" 177 :default-expand-all="defaultExpandAll"
178 :multiple="multiple" 178 :multiple="multiple"
...@@ -196,7 +196,7 @@ ...@@ -196,7 +196,7 @@
196 <span @click="deleteFwjgInfo(index)">删除</span> 196 <span @click="deleteFwjgInfo(index)">删除</span>
197 </td> 197 </td>
198 <td colspan="9" > 198 <td colspan="9" >
199 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > 199 <el-select class="persent78" v-model="item1.fwjgzdbsm" placeholder="请选择" >
200 <el-option 200 <el-option
201 v-for="item in $store.state.jgOptions" 201 v-for="item in $store.state.jgOptions"
202 :key="item.bsm" 202 :key="item.bsm"
...@@ -221,7 +221,7 @@ ...@@ -221,7 +221,7 @@
221 <span>坐落</span> 221 <span>坐落</span>
222 </td> 222 </td>
223 <td colspan="10" > 223 <td colspan="10" >
224 <el-input v-model="form.zl"></el-input> 224 <input class="formInput" v-model="form.zl">
225 </td> 225 </td>
226 </tr> 226 </tr>
227 227
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
230 <span>附加说明</span> 230 <span>附加说明</span>
231 </td> 231 </td>
232 <td colspan="10" rowspan="2" > 232 <td colspan="10" rowspan="2" >
233 <el-input v-model="form.bz" type="textarea"></el-input> 233 <input class="formInput" v-model="form.bz" type="textarea">
234 </td> 234 </td>
235 </tr> 235 </tr>
236 <tr height="30"> 236 <tr height="30">
...@@ -241,7 +241,7 @@ ...@@ -241,7 +241,7 @@
241 <span>调查意见</span> 241 <span>调查意见</span>
242 </td> 242 </td>
243 <td colspan="10" > 243 <td colspan="10" >
244 <el-input v-model="form.dcyj"></el-input> 244 <input class="formInput" v-model="form.dcyj">
245 </td> 245 </td>
246 </tr> 246 </tr>
247 247
...@@ -250,7 +250,7 @@ ...@@ -250,7 +250,7 @@
250 <span>审查员</span> 250 <span>审查员</span>
251 </td> 251 </td>
252 <td colspan="2" > 252 <td colspan="2" >
253 <el-input v-model="form.scy"></el-input> 253 <input class="formInput" v-model="form.scy">
254 </td> 254 </td>
255 <td colspan="2" align="right" style="width:8.33%;padding-right:10px"> 255 <td colspan="2" align="right" style="width:8.33%;padding-right:10px">
256 <span>审查日期</span> 256 <span>审查日期</span>
...@@ -473,6 +473,7 @@ ...@@ -473,6 +473,7 @@
473 getZrzDetailByBsm(data).then((res)=>{ 473 getZrzDetailByBsm(data).then((res)=>{
474 if(res.code===200){ 474 if(res.code===200){
475 this.form=res.result; 475 this.form=res.result;
476 this.$store.state.zrzh = res.result.zrzh;
476 if(this.form.fwjgList.length===0){ 477 if(this.form.fwjgList.length===0){
477 this.form.fwjgList.push({ 478 this.form.fwjgList.push({
478 fwjgzdbsm:'', //房屋结构字典标识码 479 fwjgzdbsm:'', //房屋结构字典标识码
...@@ -589,6 +590,10 @@ ...@@ -589,6 +590,10 @@
589 590
590 .zrzTable{ 591 .zrzTable{
591 margin-top: 10px; 592 margin-top: 10px;
593 td{
594 text-align: center;
595 height: 36px;
596 }
592 } 597 }
593 } 598 }
594 </style> 599 </style>
...\ No newline at end of file ...\ No newline at end of file
......