[Mod 0000] 三道沟可配置首页修改

src/views/vent/home/configurable/ventSDG.vue

@@ -1,7 +1,6 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <div class="company-home">
-    <CustomHeader> 三道沟煤矿均压综采面智能监测与动态调控 </CustomHeader>
     <!-- <div style="width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0">
       <VentModal />
     </div> -->
@@ -22,76 +21,72 @@
     </div> -->
     </div>
     <!-- 如果是有 deviceType、type 等 query，认为是详情页，不需要展示普通模块，只需要模型 -->
-    <template v-if="!route.query.deviceType">
-      <div v-if="!route.query.embed" class="top-bg">
-        <div class="main-title">{{ mainTitle }}</div>
-      </div>
-      <!-- <a class="ant-dropdown-link module-dropdown" @click.prevent="showBar = !showBar">
+    <CustomHeader v-if="!route.query.embed"> {{ mainTitle }} </CustomHeader>
+    <!-- <a class="ant-dropdown-link module-dropdown" @click.prevent="showBar = !showBar">
         全矿井通风检测
         <CaretDownOutlined />
       </a> -->
-      <!-- <MonitorBar v-if="showBar" class="module-monitor-bar" :is-data-real-time="isDataRealTime" :data="data" /> -->
-      <!-- <a-dropdown class="module-dropdown" :class="{ 'module-dropdown-original': isOriginal }" :trigger="['click']" placement="bottomRight">
+    <!-- <MonitorBar v-if="showBar" class="module-monitor-bar" :is-data-real-time="isDataRealTime" :data="data" /> -->
+    <!-- <a-dropdown class="module-dropdown" :class="{ 'module-dropdown-original': isOriginal }" :trigger="['click']" placement="bottomRight">
         <template #overlay>
         </template>
       </a-dropdown> -->
 
-      <!-- 采用定位方式以避免出现各个模块隐藏时其他模块下移的问题 -->
-      <template v-if="isOriginal">
-        <ModuleOriginal
-          v-for="cfg in configs"
-          :key="cfg.deviceType"
-          :show-style="cfg.showStyle"
-          :module-data="cfg.moduleData"
-          :module-name="cfg.moduleName"
-          :device-type="cfg.deviceType"
-          :data="data"
-          :visible="showModules"
-        />
+    <!-- 采用定位方式以避免出现各个模块隐藏时其他模块下移的问题 -->
+    <template v-if="isOriginal">
+      <ModuleOriginal
+        v-for="cfg in configs"
+        :key="cfg.deviceType"
+        :show-style="cfg.showStyle"
+        :module-data="cfg.moduleData"
+        :module-name="cfg.moduleName"
+        :device-type="cfg.deviceType"
+        :data="data"
+        :visible="showModules"
+      />
 
-        <div v-if="showModules" class="switch-button icon-goto right-475px bottom-300px" @click="showModules = false"></div>
-        <div v-else class="switch-button icon-goto right-20px bottom-20px" @click="showModules = true"></div>
-      </template>
-      <template v-else-if="isCommon">
-        <ModuleCommon
-          v-for="cfg in configs"
-          :key="cfg.deviceType"
-          :show-style="cfg.showStyle"
-          :module-data="cfg.moduleData"
-          :module-name="cfg.moduleName"
-          :device-type="cfg.deviceType"
-          :data="data"
-          :visible="true"
-        />
-      </template>
-      <template v-else>
-        <!-- 下面是正常展示的各新版模块 -->
-        <ModuleEnhanced
-          v-for="cfg in enhancedConfigs"
-          :key="cfg.deviceType"
-          :visible="cfg.visible"
-          :show-style="cfg.showStyle"
-          :module-data="cfg.moduleData"
-          :module-name="cfg.moduleName"
-          :device-type="cfg.deviceType"
-          :data="data"
-          @close="cfg.visible = false"
-        />
-        <!-- 下面是用于呼出已隐藏的模块的按钮 -->
-        <div class="pos-absolute top-70px left-460px z-3">
-          <div v-for="(item, i) in hiddenList" :key="`vvhchg${i}`">
-            <AButton class="module-trigger-button" @click="item.visible = true">{{ item.moduleName }}</AButton>
-          </div>
+      <div v-if="showModules" class="switch-button icon-goto right-475px bottom-300px" @click="showModules = false"></div>
+      <div v-else class="switch-button icon-goto right-20px bottom-20px" @click="showModules = true"></div>
+    </template>
+    <template v-else-if="isCommon">
+      <ModuleCommon
+        v-for="cfg in configs"
+        :key="cfg.deviceType"
+        :show-style="cfg.showStyle"
+        :module-data="cfg.moduleData"
+        :module-name="cfg.moduleName"
+        :device-type="cfg.deviceType"
+        :data="data"
+        :visible="true"
+      />
+    </template>
+    <template v-else>
+      <!-- 下面是正常展示的各新版模块 -->
+      <ModuleEnhanced
+        v-for="cfg in enhancedConfigs"
+        :key="cfg.deviceType"
+        :visible="cfg.visible"
+        :show-style="cfg.showStyle"
+        :module-data="cfg.moduleData"
+        :module-name="cfg.moduleName"
+        :device-type="cfg.deviceType"
+        :data="data"
+        @close="cfg.visible = false"
+      />
+      <!-- 下面是用于呼出已隐藏的模块的按钮 -->
+      <div class="pos-absolute top-70px left-460px z-3">
+        <div v-for="(item, i) in hiddenList" :key="`vvhchg${i}`">
+          <AButton class="module-trigger-button" @click="item.visible = true">{{ item.moduleName }}</AButton>
         </div>
-      </template>
-      <!-- <div
+      </div>
+    </template>
+    <!-- <div
         v-if="sysDataType === 'all'"
         :class="{ 'realtime-mode': isDataRealTime }"
         alt="切换数据模式"
         class="switch-button report-mode right-525px"
         @click="switchDataMode"
       ></div> -->
-    </template>
   </div>
 </template>
 <script lang="ts" setup>
@@ -111,7 +106,7 @@
   import { useGlobSetting } from '/@/hooks/setting';
   // import { testConfigVent, testConfigVentRealtime } from './configurable.data';
 
-  const { sysDataType = 'monitor', title = '智能通风管控系统', sysOrgCode } = useGlobSetting();
+  const { sysDataType = 'monitor', title = '三道沟煤矿均压综采面智能监测与动态调控', sysOrgCode } = useGlobSetting();
   const { configs, isOriginal, isCommon, fetchConfigs } = useInitConfigs();
   const { mainTitle, enhancedConfigs, hiddenList, data, updateData, updateEnhancedConfigs } = useInitPage(title);
   const route = useRoute();