mt-fe-group/yudao-dev
13
0
Fork 0
Code Issues Pull Requests 2 Releases Wiki Activity

箭头方向修改

Browse Source
This commit is contained in:
朱菊兰
2026-07-08 09:49:57 +08:00
parent af01e6a691
commit 1deae41188
8 changed files with 42 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/home/electricityCostAnalysisComponents/monthlyOverview.vue
View File

@@ -13,7 +13,7 @@
</div>
<div class="mom">
环比{{ formatRate(factoryData?.thb) }}%
<img v-if="factoryData?.thb >= 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
<img v-if="factoryData?.thb < 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
<img v-else class="arrow" src="../../../assets/img/downArrow.png" alt="下降">
</div>
</div>
@@ -146,6 +146,7 @@ export default {
width: 16px;
height: 16px;
object-fit: contain;
transform: rotate(180deg);
}
}

39
src/views/home/electricityCostAnalysisComponents/totalOverview.vue
View File

@@ -15,7 +15,7 @@
</div>
<div class="mom">
同比{{ formatRate(factoryData?.thb) }}%
<img v-if="factoryData?.thb >= 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
<img v-if="factoryData?.thb < 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
<img v-else class="arrow" src="../../../assets/img/downArrow.png" alt="下降">
</div>
</div>
@@ -152,6 +152,13 @@ export default {
font-style: normal;
margin-top: 20px;
}
// 箭头样式优化
.arrow {
width: 16px;
height: 16px;
object-fit: contain;
transform: rotate(180deg);
}
}
.line {
@@ -159,34 +166,4 @@ export default {
height: 205px;
background: #F9FCFF;
}
// .leftTitle {
// .item {
// width: 67px;
// height: 180px;
// padding: 37px 23px;
// background: #F9FCFF;
// font-family: PingFangSC, PingFang SC;
// font-weight: 400;
// font-size: 18px;
// color: #000000;
// line-height: 25px;
// letter-spacing: 1px;
// // text-align: left;
// font-style: normal;
// }
// }
</style>
<!-- <style>
/* 全局 tooltip 样式（不使用 scoped，确保生效） */
.production-status-chart-tooltip {
background: #0a2b4f77 !important;
border: none !important;
backdrop-filter: blur(12px);
}
.production-status-chart-tooltip * {
color: #fff !important;
}
</style> -->

37
src/views/home/expenseAnalysisComponents/monthlyOverview.vue
View File

@@ -135,6 +135,13 @@ export default {
font-style: normal;
margin-top: 20px;
}
// 箭头样式优化
.arrow {
width: 16px;
height: 16px;
object-fit: contain;
transform: rotate(180deg);
}
}
.line {
@@ -142,34 +149,4 @@ export default {
height: 205px;
background: #F9FCFF;
}
// .leftTitle {
// .item {
// width: 67px;
// height: 180px;
// padding: 37px 23px;
// background: #F9FCFF;
// font-family: PingFangSC, PingFang SC;
// font-weight: 400;
// font-size: 18px;
// color: #000000;
// line-height: 25px;
// letter-spacing: 1px;
// // text-align: left;
// font-style: normal;
// }
// }
</style>
<!-- <style>
/* 全局 tooltip 样式（不使用 scoped，确保生效） */
.production-status-chart-tooltip {
background: #0a2b4f77 !important;
border: none !important;
backdrop-filter: blur(12px);
}
.production-status-chart-tooltip * {
color: #fff !important;
}
</style> -->

37
src/views/home/expenseAnalysisComponents/totalOverview.vue
View File

@@ -141,6 +141,13 @@ export default {
font-style: normal;
margin-top: 20px;
}
// 箭头样式优化
.arrow {
width: 16px;
height: 16px;
object-fit: contain;
transform: rotate(180deg);
}
}
.line {
@@ -148,34 +155,4 @@ export default {
height: 205px;
background: #F9FCFF;
}
// .leftTitle {
// .item {
// width: 67px;
// height: 180px;
// padding: 37px 23px;
// background: #F9FCFF;
// font-family: PingFangSC, PingFang SC;
// font-weight: 400;
// font-size: 18px;
// color: #000000;
// line-height: 25px;
// letter-spacing: 1px;
// // text-align: left;
// font-style: normal;
// }
// }
</style>
<!-- <style>
/* 全局 tooltip 样式（不使用 scoped，确保生效） */
.production-status-chart-tooltip {
background: #0a2b4f77 !important;
border: none !important;
backdrop-filter: blur(12px);
}
.production-status-chart-tooltip * {
color: #fff !important;
}
</style> -->

3
src/views/home/fullCostAnalysisComponents/monthlyOverview.vue
View File

@@ -13,7 +13,7 @@
</div>
<div class="mom">
环比{{ formatRate(factoryData?.thb) }}%
<img v-if="factoryData?.thb >= 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
<img v-if="factoryData?.thb < 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
<img v-else class="arrow" src="../../../assets/img/downArrow.png" alt="下降">
</div>
</div>
@@ -162,6 +162,7 @@ export default {
width: 16px;
height: 16px;
object-fit: contain;
transform: rotate(180deg);
}
}

9
src/views/home/fullCostAnalysisComponents/totalOverview.vue
View File

@@ -15,7 +15,7 @@
</div>
<div class="mom">
同比{{ formatRate(factoryData?.thb) }}%
<img v-if="factoryData?.thb >= 0" class="arrow" src="../../../assets/img/topArrow.png" alt="">
<img v-if="factoryData?.thb < 0" class="arrow" src="../../../assets/img/topArrow.png" alt="">
<img v-else class="arrow" src="../../../assets/img/downArrow.png" alt="">
</div>
</div>
@@ -168,6 +168,13 @@ export default {
font-style: normal;
margin-top: 20px;
}
// 箭头样式优化
.arrow {
width: 16px;
height: 16px;
object-fit: contain;
transform: rotate(180deg);
}
}
.line {

1
src/views/home/productionCostAnalysisComponents/monthlyOverview.vue
View File

@@ -157,6 +157,7 @@ export default {
width: 16px;
height: 16px;
object-fit: contain;
transform: rotate(180deg);
}
}

37
src/views/home/productionCostAnalysisComponents/totalOverview.vue
View File

@@ -180,6 +180,13 @@ getRateFlag(rate, real, target) {
font-style: normal;
margin-top: 20px;
}
// 箭头样式优化
.arrow {
width: 16px;
height: 16px;
object-fit: contain;
transform: rotate(180deg);
}
}
.line {
@@ -187,34 +194,4 @@ getRateFlag(rate, real, target) {
height: 205px;
background: #F9FCFF;
}
// .leftTitle {
// .item {
// width: 67px;
// height: 180px;
// padding: 37px 23px;
// background: #F9FCFF;
// font-family: PingFangSC, PingFang SC;
// font-weight: 400;
// font-size: 18px;
// color: #000000;
// line-height: 25px;
// letter-spacing: 1px;
// // text-align: left;
// font-style: normal;
// }
// }
</style>
<!-- <style>
/* 全局 tooltip 样式（不使用 scoped，确保生效） */
.production-status-chart-tooltip {
background: #0a2b4f77 !important;
border: none !important;
backdrop-filter: blur(12px);
}
.production-status-chart-tooltip * {
color: #fff !important;
}
</style> -->