[Feat 0000] 可配置首页添加对嵌入模式的支持

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

@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <div class="company-home">
-    <div class="top-bg">
+    <div v-if="!route.query.embed" class="top-bg">
       <div class="main-title">{{ mainTitle }}</div>
     </div>
     <!-- <a-dropdown class="module-dropdown" :class="{ 'module-dropdown-original': isOriginal }" :trigger="['click']" placement="bottomRight">
@@ -77,9 +77,11 @@
   // import { getHomeData } from './configurable.api';
   import { BDDustMock } from './mock';
   import { testConfigDust } from './configurable.data';
+  import { useRoute } from 'vue-router';
 
   const { configs, isOriginal, isCommon, fetchConfigs } = useInitConfigs();
   const { mainTitle, enhancedConfigs, hiddenList, data, updateData, updateEnhancedConfigs } = useInitPage('智能粉尘管控系统');
+  const route = useRoute();
   let interval: number | undefined;
 
   onMounted(() => {

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

@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <div class="company-home">
-    <div class="top-bg">
+    <div v-if="!route.query.embed" class="top-bg">
       <div class="main-title">{{ mainTitle }}</div>
     </div>
     <!-- <a-dropdown class="module-dropdown" :class="{ 'module-dropdown-original': isOriginal }" :trigger="['click']" placement="bottomRight">
@@ -76,10 +76,12 @@
   import VentModal from '/@/components/vent/micro/ventModal.vue';
   // import { getHomeData } from './configurable.api';
   import { BDFireMock } from './mock';
+  import { useRoute } from 'vue-router';
   // import { testConfigFire } from './configurable.data';
 
   const { configs, isOriginal, isCommon, fetchConfigs } = useInitConfigs();
   const { mainTitle, enhancedConfigs, hiddenList, data, updateData, updateEnhancedConfigs } = useInitPage('智能防灭火管控系统');
+  const route = useRoute();
   let interval: number | undefined;
 
   onMounted(() => {

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

@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <div class="company-home">
-    <div class="top-bg">
+    <div v-if="!route.query.embed" class="top-bg">
       <div class="main-title">{{ mainTitle }}</div>
     </div>
     <!-- <a-dropdown class="module-dropdown" :class="{ 'module-dropdown-original': isOriginal }" :trigger="['click']" placement="bottomRight">
@@ -75,10 +75,12 @@
   // import { useRoute } from 'vue-router';
   import VentModal from '/@/components/vent/micro/ventModal.vue';
   import { getHomeData } from './configurable.api';
+  import { useRoute } from 'vue-router';
   // import { testConfigVent } from './configurable.data';
 
   const { configs, isOriginal, isCommon, fetchConfigs } = useInitConfigs();
   const { mainTitle, enhancedConfigs, hiddenList, data, updateData, updateEnhancedConfigs } = useInitPage('智能通风管控系统');
+  const route = useRoute();
   let interval: number | undefined;
 
   onMounted(() => {

src/views/vent/monitorManager/gateMonitor/index.vue

@@ -1007,6 +1007,7 @@
 </script>
 ,
 <style lang="less" scoped>
+  @import '/@/design/theme.less';
   @import '/@/design/vent/modal.less';
   .scene-box {
     .bottom-tabs-box {
@@ -1018,12 +1019,12 @@
     height: 34px !important;
 
     &:hover {
-      background: linear-gradient(#2cd1ff55, #1eb0ff55) !important;
+      background: var(--vent-device-manager-control-btn-hover) !important;
     }
 
     &::before {
       height: 27px !important;
-      background: linear-gradient(#1fa6cb, #127cb5) !important;
+      background: var(--vent-device-manager-control-btn) !important;
     }
 
     &::after {
@@ -1040,7 +1041,7 @@
     background: #4288a444;
   }
   :deep(.zxm-radio-disabled + span) {
-    color: #fff !important;
+    color: var(--vent-font-color) !important;
   }
   :deep(.zxm-radio-disabled .zxm-radio-inner::after) {
     background-color: #127cb5 !important;

src/views/vent/monitorManager/sensorMonitor/index.vue

@@ -5,7 +5,7 @@
         <a-tab-pane key="1" tab="实时监测">
           <div class="box-bg table-box" style="margin-bottom: 10px">
             <div>
-              <label style="color: #fff">设备类型：</label>
+              <label style="color: var(--vent-font-color)">设备类型：</label>
               <Select
                 @change="handleSensorChange"
                 :options="deviceTypeOption"
@@ -315,7 +315,7 @@
       left: 0;
       width: 100%;
       text-align: center;
-      color: #fff;
+      color: var(--vent-font-color);
     }
     .table-box {
       // height: calc(60% - 150px);
@@ -351,7 +351,7 @@
   }
   :deep(.@{ventSpace}-tabs-card) {
     .@{ventSpace}-tabs-tab {
-      background: linear-gradient(#2cd1ff55, #1eb0ff55);
+      background: var(--vent-device-manager-control-btn-hover);
       border-color: #74e9fe;
       border-radius: 0%;
       &:hover {
@@ -382,7 +382,7 @@
     .action,
     .@{ventSpace}-select-arrow,
     .@{ventSpace}-picker-separator {
-      color: #fff !important;
+      color: var(--vent-font-color) !important;
     }
     .@{ventSpace}-table-cell-row-hover {
       background: #264d8833 !important;
@@ -400,7 +400,7 @@
       & > tr > th,
       .@{ventSpace}-table-column-title {
         // color: #70f9fc !important;
-        border-color: #84f2ff !important;
+        border-color: var(--vent-base-border) !important;
         border-left: none !important;
         border-right: none !important;
         padding: 7px;

src/views/vent/monitorManager/windowMonitor/index.vue

@@ -530,6 +530,7 @@
   });
 </script>
 <style lang="less" scoped>
+  @import '/@/design/theme.less';
   @import '/@/design/vent/modal.less';
   @ventSpace: zxm;
 
@@ -541,7 +542,7 @@
     align-items: center;
     padding-left: 10px;
     .input-title {
-      color: #73e8fe;
+      color: var(--vent-font-action-link);
       width: auto;
     }
     .@{ventSpace}-input-number {

src/views/vent/monitorManager/windowMonitorBet/index.vue

@@ -466,6 +466,7 @@
   });
 </script>
 <style lang="less" scoped>
+  @import '/@/design/theme.less';
   @import '/@/design/vent/modal.less';
   @ventSpace: zxm;
 
@@ -477,7 +478,7 @@
     align-items: center;
     padding-left: 10px;
     .input-title {
-      color: #73e8fe;
+      color: var(--vent-font-action-link);
       width: auto;
     }
     .@{ventSpace}-input-number {

src/views/vent/monitorManager/windrectMonitor/index.vue

@@ -778,6 +778,7 @@
   });
 </script>
 <style scoped lang="less">
+  @import '/@/design/theme.less';
   @import '/@/design/vent/modal.less';
   @ventSpace: zxm;
 
@@ -802,16 +803,16 @@
       margin-right: 8px;
       width: auto;
       height: 34px;
-      border: 1px solid #65dbea;
+      border: 1px solid var(--vent-base-border);
       display: flex;
       align-items: center;
       justify-content: center;
-      color: #fff;
+      color: var(--vent-font-color);
       padding: 0 15px;
       cursor: pointer;
       pointer-events: auto;
       &:hover {
-        background: linear-gradient(#3eb2ff55, #00c3ff55);
+        background: var(--vent-device-manager-control-btn-hover);
       }
       &::before {
         width: calc(100% - 6px);
@@ -824,7 +825,7 @@
         bottom: 0;
         z-index: -1;
         border-radius: inherit; /*important*/
-        background: linear-gradient(#014978, #3bf3fc);
+        background: var(--vent-device-manager-control-btn);
       }
     }
   }