楼盘表宽度调整
Showing
2 changed files
with
16 additions
and
15 deletions
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 | }, | ... | ... |
-
Please register or sign in to post a comment