fix: 人员管理标题优化

Gary Gu

2025-07-01 6f130fad868d053948665d94bff7b5cb0e221fd7

 src/views/EquipmentView.vue

@@ -7,8 +7,13 @@
        backgroundRepeat: 'no-repeat',
        backgroundPosition: 'center center',
        backgroundSize: '100% 100%',
        display: 'flex',
        alignItems: 'center',
      }"
    >
      <span style="font-family: PangMenZhengDaoBiaoTiTi !important; font-size: 24px; letter-spacing: 2px; white-space: nowrap; margin-left: 30px"
        >人员管理</span
      >
    </div>
    <div class="bottom-nav">
      <div class="top-section mb-[20px]">
@@ -45,8 +50,13 @@
            backgroundRepeat: 'no-repeat',
            backgroundPosition: 'center center',
            backgroundSize: '100% 100%',
            display: 'flex',
            alignItems: 'center',
          }"
        >
          <span style="font-family: PangMenZhengDaoBiaoTiTi !important; font-size: 24px; letter-spacing: 2px; white-space: nowrap; margin-left: 30px"
            >重要设备状态</span
          >
        </div>
        <div class="equipment-status" :style="sectionStyle">
          <el-select v-model="deviceSelected" placeholder="请选择" @change="handleSelectChange">
@@ -105,8 +115,13 @@
            backgroundRepeat: 'no-repeat',
            backgroundPosition: 'center center',
            backgroundSize: '100% 100%',
            display: 'flex',
            alignItems: 'center',
          }"
        >
          <span style="font-family: PangMenZhengDaoBiaoTiTi !important; font-size: 24px; letter-spacing: 2px; white-space: nowrap; margin-left: 30px"
            >环境监测</span
          >
        </div>
        <div class="environment-grid" :style="sectionStyle">
          <div class="env-item">
@@ -201,9 +216,9 @@
        deviceSelected: "",
        options: [],
        backgroundImage: new URL("@/assets/images/backgrounds/cover_bg.png", import.meta.url).href,
        titleImage: new URL("@/assets/images/titles/renyuan.png", import.meta.url).href,
        middleImage: new URL("@/assets/images/titles/shebei.png", import.meta.url).href,
        bottomImage: new URL("@/assets/images/titles/huanjing.png", import.meta.url).href,
        titleImage: new URL("@/assets/images/titles/xiangmu.png", import.meta.url).href,
        middleImage: new URL("@/assets/images/titles/xiangmu.png", import.meta.url).href,
        bottomImage: new URL("@/assets/images/titles/xiangmu.png", import.meta.url).href,
        bgImage: new URL("@/assets/images/titles/title_second.png", import.meta.url).href,
        enviorImage: new URL("@/assets/images/titles/wendu_bg.png", import.meta.url).href,
        deviceOnline: 0,
@@ -280,14 +295,14 @@
                  },
                  data: [
                    {
                      value: 81.5,
                      value: 0,
                      name: "",
                      itemStyle: {
                        color: "#00FFFF",
                      },
                    },
                    {
                      value: 18.5,
                      value: 100,
                      name: "",
                      itemStyle: {
                        color: "transparent",
@@ -368,14 +383,14 @@
                  },
                  data: [
                    {
                      value: 33,
                      value: 0,
                      name: "",
                      itemStyle: {
                        color: "#00FFFF",
                      },
                    },
                    {
                      value: 77,
                      value: 100,
                      name: "",
                      itemStyle: {
                        color: "transparent",
@@ -456,14 +471,14 @@
                  },
                  data: [
                    {
                      value: 20,
                      value: 0,
                      name: "",
                      itemStyle: {
                        color: "#00FFFF",
                      },
                    },
                    {
                      value: 80,
                      value: 100,
                      name: "",
                      itemStyle: {
                        color: "transparent",
@@ -1129,3 +1144,9 @@
    display: none;
  }
</style>
<style lang="scss">
  .el-scrollbar__wrap {
    overflow-x: hidden;
    overflow-y: scroll;
  }
</style>