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

月度概览加单位

Browse Source
This commit is contained in:
朱菊兰
2026-04-17 14:41:01 +08:00
parent d8abdfbfec
commit 8105e74122
46 changed files with 145 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/home/electricityCostAnalysisComponents/operatingLineChart.vue
View File

@@ -127,7 +127,7 @@ export default {
validOtherData.forEach(item => {
barData.locations.push(item.title); // locations=levelId对应的地名（如levelId=7→宜兴）
barData.diff.push(item.diff || 0);
barData.targets.push(item.target || 0);
barData.targets.push(item.budget || 0);
barData.reals.push(item.real || 0);
barData.rate.push(item.rate || 0);
barData.flags.push(item.rate >= 100 ? 1 : 0);

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

@@ -50,7 +50,7 @@ export default {
},
{
value: this.detailData?.real || 0,
flag: this.detailData?.rate>=100, // 实际项：达标（绿色）
flag: this.detailData?.flag || 0, // 实际项：达标（绿色）
label: {
show: true,
position: 'top',

5
src/views/home/electricityCostAnalysisComponents/relatedIndicatorsAnalysis.vue
View File

@@ -80,7 +80,10 @@ export default {
const data = list.find(item => item && item.title === def.name) || fallback
return {
...def,
data,
data:{
...data,
flag:data.rate >= 100 ? 1 : 0
},
sortValue: Number((data && data.real) ?? 0)
}
})

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

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
万元
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

3
src/views/home/expenseAnalysisComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
万元
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

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

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
元/㎡
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

3
src/views/home/grossMarginComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
万元
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

3
src/views/home/inputOutputRatioComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
%
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

3
src/views/home/netPriceAnalysisComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
元/㎡
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

16
src/views/home/operatingComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
万元
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.diff>=0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
@@ -75,16 +78,6 @@ export default {
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: 40,
@@ -97,9 +90,6 @@ export default {
xAxis: {
// 横向柱状图的x轴必须设为数值轴，否则无法正常展示数值
type: 'value',
// offset: 0,
// boundaryGap: true ,
// boundaryGap: [10, 0], // 可根据需要开启，控制轴的留白
axisTick: { show: false },
min: 0,
//

3
src/views/home/operatingProfitComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
万元
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

3
src/views/home/procurementGainAnalysisComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
万元
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

4
src/views/home/productionCostAnalysis/SIMFRMCostAnalysis.vue
View File

@@ -28,8 +28,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/combustible.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/fuelCostAnalysis.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/mfgOverheadCostAnalysis.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/mfgOverheadSingleCostAnalysis.vue
View File

@@ -28,8 +28,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="bottom" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/originalSheetCostBase.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/originalSheetLabor.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>

4
src/views/home/productionCostAnalysis/osElectricityCostAnalysis.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/procAuxMatCost.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/procMfgOverheadCost.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/procPackMatCost.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>

4
src/views/home/productionCostAnalysis/processingCostAnalysisBase.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/processingFuel.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/processingLabor.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>

4
src/views/home/productionCostAnalysis/productionCostAnalysisBase.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>

15
src/views/home/productionCostAnalysis/singleCombustible.vue
View File

@@ -28,8 +28,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" :unit='unit'/>
<totalOverview :totalData="totalData" :title="'累计概览'" :unit='unit'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">
@@ -151,6 +151,17 @@ export default {
variables() {
return variables;
},
unit(){
if(this.fuelName === '重油'){
return '元/㎡'
}else if(this.fuelName === 'LNG液化天然气'){
return '元/㎡'
}else if(this.fuelName === '天然气'){
return '元/㎡'
}else if(this.fuelName === '水'){
return '元/m³'
}
},
// ...mapGetters(['sidebar']),
styles() {
const v = Math.floor(this.value * this.beilv * 100) / 10000;

4
src/views/home/productionCostAnalysis/singleProcAuxMatCost.vue
View File

@@ -28,8 +28,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

4
src/views/home/productionCostAnalysis/singleProcMfgOverheadCost.vue
View File

@@ -28,8 +28,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>

4
src/views/home/productionCostAnalysis/singleProcessingFuel.vue
View File

@@ -28,8 +28,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='元/㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='元/㎡'/>
</div>
</div>
<div class="middle" style="display: flex; gap: 16px;margin-top: 6px;">

2
src/views/home/productionCostAnalysisComponents/dataTrendBar.vue
View File

@@ -63,7 +63,7 @@ export default {
selectedProfit: '原片成本', // 选中的名称，初始为null
profitOptions: [
'原片成本',
'原料成本',
'原片原料成本',
'燃料成本',
'电成本',
'人工成本',

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

@@ -24,7 +24,7 @@
</div>
<div class="line" style="padding: 0px;">
<!-- 传递包含flag的factoryData给柱状图组件 -->
<verticalBarChart :detailData="factoryData"></verticalBarChart>
<verticalBarChart :detailData="factoryData" :unit='unit'></verticalBarChart>
</div>
</div>
</div>
@@ -54,6 +54,10 @@ export default {
type: String,
default: ''
},
unit: {
type: String,
default: ''
},
},
data() {
return {

12
src/views/home/productionCostAnalysisComponents/operatingLineBarSaleSingle.vue
View File

@@ -31,6 +31,16 @@ export default {
this.$nextTick(() => {
this.updateChart();
});
// 在 mounted 中统一绑定 resize 事件
window.addEventListener('resize', this.handleResize);
},
beforeDestroy() { // 或 unmounted (Vue3)
// 组件销毁时移除监听器并销毁图表
window.removeEventListener('resize', this.handleResize);
if (this.myChart) {
this.myChart.dispose();
this.myChart = null;
}
},
// 新增：监听 chartData 变化
@@ -46,7 +56,7 @@ export default {
},
showRelated: {
handler(val) {
if (val) {
if (val && this.myChart) {
this.myChart.resize();
}
},

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

@@ -26,7 +26,7 @@
</div>
<div class="line" style="padding: 0px;">
<!-- 传递包含flag的factoryData给柱状图组件 -->
<verticalBarChart :detailData="factoryData"></verticalBarChart>
<verticalBarChart :detailData="factoryData" :unit='unit'></verticalBarChart>
</div>
</div>
</div>
@@ -57,6 +57,10 @@ export default {
type: String,
default: ''
},
unit: {
type: String,
default: ''
},
},
data() {
return {

7
src/views/home/productionCostAnalysisComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
{{unit}}
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
@@ -32,6 +35,10 @@ export default {
thb: 0,
flag: 0
}),
},
unit:{
type: String,
default: ''
}
},
mounted() {

3
src/views/home/rawSheetYieldComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
%
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.rate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

4
src/views/home/salesVolumeAnalysis/doublePlatedBase.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='万㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='万㎡'/>
</div>
</div>

4
src/views/home/salesVolumeAnalysis/productionSalesBase.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='%'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='%'/>
</div>
</div>

4
src/views/home/salesVolumeAnalysis/salesVolumeAnalysisBase.vue
View File

@@ -26,8 +26,8 @@
gap: 12px;
grid-template-columns: 804px 804px;
">
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" />
<totalOverview :totalData="totalData" :title="'累计概览'" />
<monthlyOverview :month="month" :monData="monData" :title="'月度概览'" unit='万㎡'/>
<totalOverview :totalData="totalData" :title="'累计概览'" unit='万㎡'/>
</div>
</div>

6
src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue
View File

@@ -20,7 +20,7 @@
</div>
<div class="line" style="padding: 0px;">
<!-- 传递包含flag的factoryData给柱状图组件 -->
<verticalBarChart :detailData="factoryData"></verticalBarChart>
<verticalBarChart :detailData="factoryData" :unit='unit'></verticalBarChart>
</div>
</div>
</div>
@@ -50,6 +50,10 @@ export default {
type: String,
default: ''
},
unit: {
type: String,
default: ''
},
},
data() {
return {

6
src/views/home/salesVolumeAnalysisComponents/totalOverview.vue
View File

@@ -21,7 +21,7 @@
</div>
</div>
<div class="line" style="padding: 0px;">
<verticalBarChart :detailData="factoryData">
<verticalBarChart :detailData="factoryData" :unit='unit'>
</verticalBarChart>
</div>
@@ -51,6 +51,10 @@ export default {
type: String,
default: ''
},
unit: {
type: String,
default: ''
},
},
data() {
return {

7
src/views/home/salesVolumeAnalysisComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
{{unit}}
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
@@ -32,6 +35,10 @@ export default {
thb: 0,
flag: 0
}),
},
unit: {
type: String,
default: ''
}
},
mounted() {

3
src/views/home/totalProfitComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
万元
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>

4
src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue
View File

@@ -117,7 +117,7 @@ export default {
watch: {
relatedMon: {
handler(newValue) {
this.updateChart()
// this.updateChart()
},
immediate: true, // 初始化时立即执行
deep: true
@@ -125,7 +125,7 @@ export default {
},
mounted() {
// 初始化图表
this.$nextTick(() => this.updateChart())
// this.$nextTick(() => this.updateChart())
},
methods: {
handleDashboardClick(path) {

3
src/views/home/unitPriceAnalysisComponents/verticalBarChart.vue
View File

@@ -1,5 +1,8 @@
<template>
<div style="width: 100%; height: 210px;position: relative;">
<div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
元/㎡
</div>
<div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
<span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
<span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>