duxingchen/ZDXX
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

云端上传版本

Browse Source
This commit is contained in:
YueL1331
2026-01-07 17:35:07 +08:00
parent ef440177b3
commit 3099427eb6
1 changed files with 29 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
zhandianxinxi/光谱数据监控/src/App.vue
View File

@ -100,36 +100,34 @@
@opened="initCharts" @opened="initCharts"
direction="rtl" direction="rtl"
> >
<div v-if="activeDevice" class="drawer-content">
<!-- <div v-if="activeDevice" class="drawer-content">--> <div class="info-banner">
<!-- <div class="info-banner">--> <el-descriptions :column="isMobile ? 1 : 4" border size="small">
<!-- <el-descriptions :column="isMobile ? 1 : 4" border size="small">--> <el-descriptions-item label="设备名称">{{ formatDisplayName(activeDevice.name) }}</el-descriptions-item>
<!-- <el-descriptions-item label="设备名称">{{ formatDisplayName(activeDevice.name) }}</el-descriptions-item>--> <el-descriptions-item label="当前状态">
<!-- <el-descriptions-item label="当前状态">--> <el-tag size="small" :style="getStatusTagStyle(activeDevice)">{{ getStatusLabel(activeDevice) }}</el-tag>
<!-- <el-tag size="small" :style="getStatusTagStyle(activeDevice)">{{ getStatusLabel(activeDevice) }}</el-tag>--> </el-descriptions-item>
<!-- </el-descriptions-item>--> <el-descriptions-item label="数据时间">{{ activeDevice.latest_time }}</el-descriptions-item>
<!-- <el-descriptions-item label="数据时间">{{ activeDevice.latest_time }}</el-descriptions-item>--> <el-descriptions-item label="检查时间">{{ activeDevice.check_time }}</el-descriptions-item>
<!-- <el-descriptions-item label="检查时间">{{ activeDevice.check_time }}</el-descriptions-item>--> </el-descriptions>
<!-- </el-descriptions>--> </div>
<!-- </div>--> <div class="visual-section">
<!-- <div class="visual-section">--> <h3 class="section-title">
<!-- <h3 class="section-title">--> <el-icon><DataLine /></el-icon>
<!-- <el-icon><DataLine /></el-icon>--> {{ is106Site ? '光谱能量分布 (完整原始数据)' : '高光谱传感器数据 (Up/Down Spec)' }}
<!-- {{ is106Site ? '光谱能量分布 (完整原始数据)' : '高光谱传感器数据 (Up/Down Spec)' }}--> </h3>
<!-- </h3>--> <div v-if="currentChartModules.length === 0" class="empty-hint"><el-empty description="暂无有效的图表数据" /></div>
<!-- <div v-if="currentChartModules.length === 0" class="empty-hint"><el-empty description="暂无有效的图表数据" /></div>--> <div v-for="(module, index) in currentChartModules" :key="index" class="chart-container">
<!-- <div v-for="(module, index) in currentChartModules" :key="index" class="chart-container">--> <div class="chart-header" v-if="is106Site">
<!-- <div class="chart-header" v-if="is106Site">--> <div class="tag-group">
<!-- <div class="tag-group">--> <span class="module-tag">型号: {{ module.model }}</span>
<!-- <span class="module-tag">型号: {{ module.model }}</span>--> <span class="sn-tag">SN: {{ module.sn }}</span>
<!-- <span class="sn-tag">SN: {{ module.sn }}</span>--> </div>
<!-- </div>--> </div>
<!-- </div>--> <div :id="'chart-' + index" class="echart-box" :class="{ 'no-header': !is106Site }"></div>
<!-- <div :id="'chart-' + index" class="echart-box" :class="{ 'no-header': !is106Site }"></div>--> </div>
<!-- </div>--> </div>
<!-- </div>--> </div>
<!-- </div>-->
<sidevueold></sidevueold>
</el-drawer> </el-drawer>
</div> </div>
</template> </template>
@ -140,7 +138,7 @@ import axios from 'axios'
import * as echarts from 'echarts' import * as echarts from 'echarts'
import { ElMessage, ElMessageBox } from 'element-plus' import { ElMessage, ElMessageBox } from 'element-plus'
import { Loading, CircleCheck, Refresh, DataLine } from '@element-plus/icons-vue' import { Loading, CircleCheck, Refresh, DataLine } from '@element-plus/icons-vue'
import sidevueold from "./sidevueold.vue"
// --- 响应式布局状态 --- // --- 响应式布局状态 ---
const windowWidth = ref(window.innerWidth) const windowWidth = ref(window.innerWidth)
const isMobile = computed(() => windowWidth.value < 768) const isMobile = computed(() => windowWidth.value < 768)