| | |
| | | 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"> |
| | |
| | | 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"> |
| | |
| | | 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, |
| | | 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, |
| | |
| | | }, |
| | | data: [ |
| | | { |
| | | value: 81.5, |
| | | value: 0, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "#00FFFF", |
| | | }, |
| | | }, |
| | | { |
| | | value: 18.5, |
| | | value: 100, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "transparent", |
| | |
| | | }, |
| | | data: [ |
| | | { |
| | | value: 33, |
| | | value: 0, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "#00FFFF", |
| | | }, |
| | | }, |
| | | { |
| | | value: 77, |
| | | value: 100, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "transparent", |
| | |
| | | }, |
| | | data: [ |
| | | { |
| | | value: 20, |
| | | value: 0, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "#00FFFF", |
| | | }, |
| | | }, |
| | | { |
| | | value: 80, |
| | | value: 100, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "transparent", |
| | |
| | | */ |
| | | handleSelectChange(val) { |
| | | this.getDeviceState(val); |
| | | this.getEnvData(val); |
| | | this.getUserData(val); |
| | | // this.getEnvData(val); |
| | | // this.getUserData(val); |
| | | }, |
| | | /** |
| | | * 获取人员数据 |
| | |
| | | display: none; |
| | | } |
| | | </style> |
| | | <style lang="scss"> |
| | | .el-scrollbar__wrap { |
| | | overflow-x: hidden; |
| | | overflow-y: scroll; |
| | | } |
| | | </style> |