diff --git a/src/views/energySources/component/header.vue b/src/views/energySources/component/header.vue index e175ad0..f4590d1 100644 --- a/src/views/energySources/component/header.vue +++ b/src/views/energySources/component/header.vue @@ -21,13 +21,12 @@
-
+
- {{ deptName }}实业公司能耗监测系统 + {{ deptName }}能耗监测系统
-
- - {{deptName }}实业公司能耗监测系统 +
+ {{ deptName }}能耗监测系统
@@ -37,7 +36,7 @@ import { getWeather } from "@/api/energySourcesProvince/energySourcesProvince" import { mapGetters } from "vuex"; export default { - props: { + props: { deptName: { type: String, default: "", @@ -49,12 +48,27 @@ export default { timeFun: null, temp: '', text: '', + + divFontSize: "0.32rem", }; }, computed: { - ...mapGetters(["userInfo", "permission"]), + ...mapGetters(["userInfo", "permission"]) }, created() { + + if (this.deptName.length <= 12) { + this.divFontSize = "0.32rem" + } + if (this.deptName.length == 13) { + this.divFontSize = "0.3rem" + } + if (this.deptName.length == 14) { + this.divFontSize = "0.29rem" + } + if (this.deptName.length == 15) { + this.divFontSize = "0.28rem" + } getWeather().then(res => { this.temp = res.data.now.temp this.text = res.data.now.text @@ -122,9 +136,10 @@ export default { .htitle { position: absolute; top: 0.18rem; - left: 7.2rem; - width: 4.82rem; + left: 6.64rem; + width: 5.9rem; height: 0.46rem; + line-height: 0.46rem; .htitle-t { position: absolute; @@ -133,7 +148,6 @@ export default { width: 100%; height: 100%; text-align: center; - font-size: 0.3rem; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; @@ -145,9 +159,8 @@ export default { .htitle-b { position: absolute; - + text-align: center; - font-size: 0.3rem; font-family: Microsoft YaHei; font-weight: bold; color: rgba(0, 0, 0, 0);