修改大屏

马宇豪

2025-04-28 e1d380a930e73d8355a4695ca5f5b91f471c2394

 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>