fix(权限控制): 修复首页组件显示条件，添加activeTab检查

hejianhao

2026-01-23 1b6a12596a575e16975945e36c954168f3572679

fix(权限控制): 修复首页组件显示条件，添加activeTab检查

修复多个组件在非活动标签页下仍显示的问题，将权限检查与activeTab状态绑定，确保只有activeTab为1且具备对应权限时才显示相关模块。

 screen/src/view/home/index.vue

@@ -20,7 +20,10 @@
      </div>
    </div>
    <!-- 左下角隐患 -->
    <div class="flex a-center absolute left--14 bottom--14">
    <div
      v-if="(activeTab == 1 && permissionClient.includes('4')) || (activeTab == 1 && permissionClient.includes('6'))"
      class="flex a-center absolute left--14 bottom--14"
    >
      <img
        src="../../assets/img/home/Group@2x (4).png"
        class="w--110 h--110 mr--9 shrink0"
@@ -204,7 +207,7 @@
          <div class="btn" @click="handleSearch">搜索</div>
        </div>
      </div>
      <div v-if="permissionClient.includes('2')" class="mt--33 relative">
      <div v-if="(activeTab == 1 && permissionClient.includes('2')) || (activeTab == 1 && permissionClient.includes('5'))" class="mt--33 relative">
        <TitleBox>
          <template #title> 项目数据总览 </template>
          <template #content>
@@ -335,7 +338,10 @@
          </template>
        </TitleBox>
      </div>
      <div class="mt--25" v-if="activeTab == 1">
      <div
        class="mt--25"
        v-if="activeTab == 1 && permissionClient.includes('3')"
      >
        <TitleBox>
          <template #title> 设备数据总览 </template>
          <template #content>
@@ -434,7 +440,7 @@
      </div>
    </div>
    <div class="rightBox">
      <div class="mt--33">
      <div class="mt--33" v-if="permissionClient.includes('7')">
        <TitleBox>
          <template #title> 事故简讯 </template>
          <template #right>
@@ -522,7 +528,7 @@
          </template>
        </TitleBox>
      </div>
      <div class="mt--33">
      <div class="mt--33" v-if="permissionClient.includes('8')">
        <TitleBox>
          <template #title> 工作展示 </template>
          <template #right>