2e330ad4 by 杨威

楼盘表宽度调整

1 parent 343af95f
1 <template> 1 <template>
2 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" > 2 <div ref="lpb" class="content_box">
3 <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane> 3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" >
4 <el-tab-pane label="业主共有" name="yzgy"><yzgy v-if="yzgyLoad" :is-disabled="isDisabled"></yzgy></el-tab-pane> 4 <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane>
5 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> 5 <el-tab-pane label="业主共有" name="yzgy"><yzgy v-if="yzgyLoad" :is-disabled="isDisabled"></yzgy></el-tab-pane>
6 <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> 6 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
7 <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> 7 <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane>
8 <el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> 8 <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane>
9 <el-tab-pane label="流程跟踪" name="lcgz" v-if="$store.state.isWorkFlow || $store.state.lcgzShow" lazy> 9 <el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane>
10 <lcgz ref="lcgz" ></lcgz> 10 <el-tab-pane label="流程跟踪" name="lcgz" v-if="$store.state.isWorkFlow || $store.state.lcgzShow" lazy>
11 </el-tab-pane> 11 <lcgz ref="lcgz" ></lcgz>
12 </el-tabs> 12 </el-tab-pane>
13 </el-tabs>
14 </div>
13 </template> 15 </template>
14 16
15 <script> 17 <script>
...@@ -65,7 +67,9 @@ export default { ...@@ -65,7 +67,9 @@ export default {
65 }, 67 },
66 created() {}, 68 created() {},
67 mounted() { 69 mounted() {
68 // this.$store.state.contentWidth = this.$refs.lpb.offsetWidth - 44; 70 // this.$nextTick(()=>{
71 this.$store.state.contentWidth = this.$refs.lpb.offsetWidth - 44;
72 // })
69 }, 73 },
70 computed: {}, 74 computed: {},
71 watch: {}, 75 watch: {},
......
...@@ -481,7 +481,6 @@ export default { ...@@ -481,7 +481,6 @@ export default {
481 this.getDyztBsmList(); 481 this.getDyztBsmList();
482 //获取房屋用途统计数据 482 //获取房屋用途统计数据
483 this.getLpbFwytAndQlxz(); 483 this.getLpbFwytAndQlxz();
484 this.getLpbQsxtj();
485 // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6 484 // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6
486 setTimeout(() => { 485 setTimeout(() => {
487 this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6; 486 this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6;
...@@ -642,7 +641,6 @@ export default { ...@@ -642,7 +641,6 @@ export default {
642 //获取图例数据 641 //获取图例数据
643 this.getDyztBsmList(); 642 this.getDyztBsmList();
644 this.getLpbFwytAndQlxz(); 643 this.getLpbFwytAndQlxz();
645 this.getLpbQsxtj();
646 //重新渲染楼盘表 644 //重新渲染楼盘表
647 this.$refs.lpbContent.dataChange(); 645 this.$refs.lpbContent.dataChange();
648 }, 646 },
...@@ -768,7 +766,6 @@ export default { ...@@ -768,7 +766,6 @@ export default {
768 this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx); 766 this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx);
769 this.getDyztBsmList(); 767 this.getDyztBsmList();
770 this.getLpbFwytAndQlxz(); 768 this.getLpbFwytAndQlxz();
771 this.getLpbQsxtj();
772 //改变楼盘表子组件的key值,重新渲染 769 //改变楼盘表子组件的key值,重新渲染
773 // this.time = new Date().getTime(); 770 // this.time = new Date().getTime();
774 }, 771 },
......