| 
					
				 | 
			
			
				@@ -2,8 +2,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <div class="dust-green"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <!-- 如果是有 deviceType、type 等 query,认为是详情页,不需要展示普通模块,只需要模型 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <template v-if="!route.query.deviceType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-       <div v-if="!route.query.embed" class="top-bg"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <greenNav :activeIndex="activeIndex"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div v-if="!route.query.embed" class="top-bg"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <greenNav :activeIndex="activeIndex" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <div class="main-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <ModuleOriginal v-for="cfg in configs" :key="cfg.deviceType" :show-style="cfg.showStyle" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -17,7 +17,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script lang="ts" setup> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { onMounted, onUnmounted,ref } from 'vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { onMounted, onUnmounted, ref } from 'vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import greenNav from './components/green-nav.vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { useInitConfigs, useInitPage } from '../hooks/useInit'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import ModuleOriginal from './components/ModuleOriginal-green.vue'; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -33,7 +33,7 @@ const { configs, fetchConfigs } = useInitConfigs(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const { data, updateData, updateEnhancedConfigs } = useInitPage(title); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const route = useRoute(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 let interval: number | undefined; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-let activeIndex=ref(3) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+let activeIndex = ref(3) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 onMounted(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   fetchConfigs('dust-green').then(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     configs.value = testConfigDustGreen; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -74,7 +74,7 @@ onUnmounted(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   height: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   position: relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-   .top-bg { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .top-bg { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: 96px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     // background: var(--image-modal-top) no-repeat center; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -84,7 +84,7 @@ onUnmounted(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .main-container { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-     position: absolute; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    position: absolute; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     top: 96px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: calc(100% - 30px); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: calc(100% - 96px); 
			 |