From 84d7be872e96547becfbd1647ec77ed56f9f2dde Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 22 九月 2026 10:02:11 +0800
Subject: [PATCH] 新疆-融邦环保 1.大屏展示数据修改 2.销售台账展示字段修改
---
src/views/reportAnalysis/PSIDataAnalysis/components/left-top.vue | 25 ++++++++++++++-----------
src/views/reportAnalysis/PSIDataAnalysis/index.vue | 11 ++++++++---
2 files changed, 22 insertions(+), 14 deletions(-)
diff --git a/src/views/reportAnalysis/PSIDataAnalysis/components/left-top.vue b/src/views/reportAnalysis/PSIDataAnalysis/components/left-top.vue
index f5dac31..ca95e82 100644
--- a/src/views/reportAnalysis/PSIDataAnalysis/components/left-top.vue
+++ b/src/views/reportAnalysis/PSIDataAnalysis/components/left-top.vue
@@ -13,7 +13,7 @@
:tooltip="pieTooltip"
:color="pieColors"
:options="pieOptions"
- style="height: 320px"
+ style="height: 100%"
/>
</div>
</div>
@@ -67,9 +67,9 @@
}))
return {
- orient: 'vertical',
- top: 'center',
- left: '52%',
+ orient: 'horizontal',
+ bottom: 0,
+ left: 'center',
itemGap: 30,
data: data,
formatter: function (name) {
@@ -116,7 +116,7 @@
name: '浜у搧閿�鍞噾棰濆垎鏋�',
type: 'pie',
radius: '60%',
- center: ['25%', '50%'],
+ center: ['50%', '45%'],
itemStyle: {
borderColor: '#0a1c3a',
borderWidth: 2,
@@ -145,8 +145,8 @@
const { init: initBackground, cleanup: cleanupBackground } = useChartBackground({
wrapperRef: pieWrapperRef,
backgroundRef: pieBackgroundRef,
- left: '25%', // 鍥捐〃涓績 X 鏄� 25%
- top: '50%', // 鍥捐〃涓績 Y 鏄� 50%
+ left: '50%', // 鍥捐〃涓績 X 鏄� 50%
+ top: '45%', // 鍥捐〃涓績 Y 鏄� 45%锛堜笅闈㈢暀鍑哄浘渚嬬殑浣嶇疆锛�
offsetX: '-51.5%', // X 杞村亸绉�
offsetY: '-50%', // Y 杞村亸绉�
watchData: pieDatas // 鐩戝惉鏁版嵁鍙樺寲锛岃嚜鍔ㄨ皟鏁翠綅缃�
@@ -199,21 +199,24 @@
gap: 20px;
}
+/* 宸︽爮鍙墿杩欎竴鍧楅潰鏉匡紝楂樺害鎾戞弧鏁存爮锛屽浘琛ㄨ窡鐫�鎶婂墿浣欑┖闂村崰鎺� */
.panel-item-customers {
border: 1px solid #1a58b0;
padding: 18px;
width: 100%;
- height: 449px;
+ flex: 1;
+ min-height: 0;
}
.pie-chart-wrapper {
position: relative;
width: 100%;
- height: 320px;
+ flex: 1;
+ min-height: 0;
}
.pie-background {
position: absolute;
- left: 25%;
- top: 50%;
+ left: 50%;
+ top: 45%;
transform: translate(-51.5%, -50%);
width: 310px;
height: 310px;
diff --git a/src/views/reportAnalysis/PSIDataAnalysis/index.vue b/src/views/reportAnalysis/PSIDataAnalysis/index.vue
index daa1952..95de0f7 100644
--- a/src/views/reportAnalysis/PSIDataAnalysis/index.vue
+++ b/src/views/reportAnalysis/PSIDataAnalysis/index.vue
@@ -21,8 +21,6 @@
<!-- 宸︿晶鍖哄煙 -->
<div class="left-panel">
<LeftTop />
-
- <LeftBottom />
</div>
<!-- 涓棿鍖哄煙 -->
@@ -46,7 +44,6 @@
<script setup>
import { ref, onMounted, onBeforeUnmount, nextTick, provide } from 'vue'
import autofit from 'autofit.js'
-import LeftBottom from './components/left-bottom.vue'
import CenterCenter from './components/center-center.vue'
import RightTop from '../dataDashboard/components/basic/right-top.vue'
import RightBottom from '../dataDashboard/components/basic/right-bottom.vue'
@@ -296,6 +293,14 @@
width: 520px;
}
+/* 宸︽爮鍙湁涓�鍧楅潰鏉夸簡锛岃瀹冩拺婊℃暣鏍忥紝閬垮厤涓嬪崐鏍忕暀鐧� */
+.left-panel > * {
+flex: 1;
+min-height: 0;
+display: flex;
+flex-direction: column;
+}
+
.center-panel {
flex: 1.5;
display: flex;
--
Gitblit v1.9.3