From e1d380a930e73d8355a4695ca5f5b91f471c2394 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期一, 28 四月 2025 13:32:12 +0800 Subject: [PATCH] 修改大屏 --- src/views/hazardousChemicals/bigScreen/index.vue | 17 +++++++++++++---- 1 files changed, 13 insertions(+), 4 deletions(-) diff --git a/src/views/hazardousChemicals/bigScreen/index.vue b/src/views/hazardousChemicals/bigScreen/index.vue index 865342c..e9e812f 100644 --- a/src/views/hazardousChemicals/bigScreen/index.vue +++ b/src/views/hazardousChemicals/bigScreen/index.vue @@ -1,12 +1,12 @@ <template> - <div class="data-dashboard"> + <div :class="isFull?'data-dashboard1':'data-dashboard2'"> <header class="dashboard-header"> <div class="header-left"> <div class="current-time">{{ currentTime }}</div> <div class="current-date">{{ currentDate }}</div> </div> <div class="header-center"> - <h1 class="dashboard-title">独墅湖科教创新区危化品智慧管控平台</h1> + <h1 class="dashboard-title">独墅湖科教创新区危化品智慧管控一张图</h1> </div> <div class="header-right"> <div class="weather-info"> @@ -48,7 +48,7 @@ </div> <div class="chart-container chart-4"> <div class="chart-title"> - <img :src="leftArrow"><span>实时预警信息</span><img :src="rightArrow"> + <img :src="leftArrow"><span>企业安全风险预警情况和分类</span><img :src="rightArrow"> </div> <div class="chart-placeholder"> <mid-bottom></mid-bottom> @@ -135,7 +135,7 @@ </script> <style lang="postcss"> -.data-dashboard { +.data-dashboard1,.data-dashboard2 { width: 100%; height: 100%; display: flex; @@ -278,4 +278,13 @@ } } } +.data-dashboard2{ + width: 100%; + height: calc(100vh - 70px); + display: flex; + flex-direction: column; + background-color: #031A41; + color: #fff; + overflow: hidden; +} </style> \ No newline at end of file -- Gitblit v1.9.2