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

bug修改

Browse Source
This commit is contained in:
朱菊兰
2026-04-14 15:27:06 +08:00
parent 446078f558
commit d8abdfbfec
14 changed files with 49 additions and 351 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue
View File

@@ -9,10 +9,10 @@
<div class="title">
营业收入·万元
</div>
<div style='font-size: 16px;position: absolute;top:-4px;right:15px'>
<span>完成率:<span style='color: #0B58FF;'>{{ytdIncomeData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:ytdIncomeData.flag>0?'#30B590':'#FF9423'}" >{{ytdIncomeData.diff}}</span></span>
</div>
</div>
<div style='font-size: 16px;text-align: right;padding-right: 5px;'>
<span>完成率:<span style='color: #0B58FF;'>{{ytdIncomeData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:ytdIncomeData.flag>0?'#30B590':'#FF9423'}" >{{ytdIncomeData.diff}}</span></span>
</div>
<div class="chart-wrap">
<operatingSingleBar :detailData="ytdIncomeData"></operatingSingleBar>
@@ -24,11 +24,11 @@
<div class="title">
全成本·元/㎡
</div>
<div style='font-size: 16px;position: absolute;top:-4px;right:15px'>
</div>
<div style='font-size: 16px;text-align: right;padding-right: 5px;'>
<span>完成率:<span style='color: #0B58FF;'>{{ytdCostData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:ytdCostData.flag>0?'#30B590':'#FF9423'}" >{{ytdCostData.diff}}</span></span>
</div>
</div>
<div class="chart-wrap">
<operatingSingleBar :detailData="ytdCostData"></operatingSingleBar>
</div>
@@ -165,12 +165,11 @@ export default {
line-height: 18px;
letter-spacing: 2px;
text-align: left;
margin-bottom: 12px;
}
.chart-wrap {
width: 100%;
height: calc(100% - 30px);
height: calc(100% - 42px);
}
.number {

20
src/views/home/grossMarginComponents/operatingLineBarSaleSingle.vue
View File

@@ -1,5 +1,5 @@
<template>
<div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 200px;"></div>
<div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 100%;"></div>
</template>
<script>
import * as echarts from 'echarts';
@@ -66,26 +66,10 @@ export default {
const option = {
tooltip: {
trigger: 'axis',
// axisPointer: {
// type: 'cross',
// label: {
// backgroundColor: '#6a7985'
// }
// },
// formatter: (params) => {
// let html = `${params[0].axisValue}<br/>`;
// params.forEach(item => {
// const unit = item.seriesName === '完成率' ? '%' : (
// ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
// );
// html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
// });
// return html;
// }
},
grid: {
top: 20,
bottom: 30,
bottom: 10,
right: 20,
left: 5,
containLabel: true

2
src/views/home/grossMarginComponents/operatingSingleBar.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="lineBottom" style="height: 180px; width: 100%">
<div class="lineBottom" style="height: 147px; width: 100%">
<operatingLineBarSaleSingle :refName="'totalOperating'" :chartData="chartD" style="height: 99%; width: 100%" />
</div>
</template>

11
src/views/home/grossMarginComponents/yearRelatedMetrics.vue
View File

@@ -9,11 +9,11 @@
<div class="title">
营业收入·万元
</div>
<div style='font-size: 16px;position: absolute;top:-4px;right:15px'>
</div>
<div style='font-size: 16px;text-align: right;padding-right: 5px;'>
<span>完成率:<span style='color: #0B58FF;'>{{incomeData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:incomeData.flag>0?'#30B590':'#FF9423'}" >{{incomeData.diff}}</span></span>
</div>
</div>
<div class="chart-wrap">
<operatingSingleBar :detailData="incomeData"></operatingSingleBar>
</div>
@@ -24,11 +24,11 @@
<div class="title">
全成本·元/㎡
</div>
<div style='font-size: 16px;position: absolute;top:-4px;right:15px'>
</div>
<div style='font-size: 16px;text-align: right;padding-right: 5px;'>
<span>完成率:<span style='color: #0B58FF;'>{{totalCostData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:totalCostData.flag>0?'#30B590':'#FF9423'}" >{{totalCostData.diff}}</span></span>
</div>
</div>
<div class="chart-wrap">
<operatingSingleBar :detailData="totalCostData"></operatingSingleBar>
</div>
@@ -168,13 +168,12 @@ export default {
line-height: 18px;
letter-spacing: 2px;
text-align: left;
margin-bottom: 12px; // 标题与图表间距
}
// 图表容器：控制尺寸，确保子组件渲染空间
.chart-wrap {
width: 100%;
height: calc(100% - 30px); // 扣除标题高度
height: calc(100% - 42px); // 扣除标题高度
}
.number {