From 03790f338ed62174def6b67776280e3dace05b7e Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 30 六月 2026 13:37:45 +0800
Subject: [PATCH] 中兴实强 1.智能驾驶舱大屏数据展示修改
---
src/views/reportAnalysis/productionAnalysis/components/DateTypeSwitch.vue | 2
src/views/reportAnalysis/qualityAnalysis/components/left-top.vue | 6 +-
src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue | 2
src/views/reportAnalysis/productionAnalysis/components/left-top.vue | 2
src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue | 2
src/views/reportAnalysis/productionAnalysis/components/center-center.vue | 20 ++++++
src/views/reportAnalysis/dataDashboard/components/basic/left-bottom.vue | 2
src/views/reportAnalysis/productionAnalysis/components/right-top.vue | 2
src/views/reportAnalysis/PSIDataAnalysis/components/ProductTypeSwitch.vue | 2
src/views/reportAnalysis/dataDashboard/components/DateTypeSwitch.vue | 2
src/views/reportAnalysis/dataDashboard/components/basic/center-top.vue | 132 -------------------------------------------
src/views/reportAnalysis/productionAnalysis/components/right-bottom.vue | 2
src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue | 2
13 files changed, 34 insertions(+), 144 deletions(-)
diff --git a/src/views/reportAnalysis/PSIDataAnalysis/components/ProductTypeSwitch.vue b/src/views/reportAnalysis/PSIDataAnalysis/components/ProductTypeSwitch.vue
index 87cde44..327bd72 100644
--- a/src/views/reportAnalysis/PSIDataAnalysis/components/ProductTypeSwitch.vue
+++ b/src/views/reportAnalysis/PSIDataAnalysis/components/ProductTypeSwitch.vue
@@ -5,7 +5,7 @@
@change="handleChange"
>
<el-radio-button :label="1">鍘熸潗鏂�</el-radio-button>
- <el-radio-button :label="3">鍗婃垚鍝�</el-radio-button>
+ <!-- <el-radio-button :label="3">鍗婃垚鍝�</el-radio-button> -->
<el-radio-button :label="2">鎴愬搧</el-radio-button>
</el-radio-group>
</template>
diff --git a/src/views/reportAnalysis/dataDashboard/components/DateTypeSwitch.vue b/src/views/reportAnalysis/dataDashboard/components/DateTypeSwitch.vue
index 0c57b25..f87d928 100644
--- a/src/views/reportAnalysis/dataDashboard/components/DateTypeSwitch.vue
+++ b/src/views/reportAnalysis/dataDashboard/components/DateTypeSwitch.vue
@@ -16,7 +16,7 @@
const props = defineProps({
modelValue: {
type: Number,
- default: 1, // 榛樿閫変腑"鍛�"
+ default: 3, // 榛樿閫変腑"瀛ｅ害"
},
})
diff --git a/src/views/reportAnalysis/dataDashboard/components/basic/center-top.vue b/src/views/reportAnalysis/dataDashboard/components/basic/center-top.vue
index a7d0174..c27dcb7 100644
--- a/src/views/reportAnalysis/dataDashboard/components/basic/center-top.vue
+++ b/src/views/reportAnalysis/dataDashboard/components/basic/center-top.vue
@@ -40,36 +40,6 @@
</div>
</div>
- <!-- 璁惧缁熻 -->
- <div class="equipment-stats">
- <div class="equipment-header">
- <img
- src="@/assets/BI/shujutongjiicon@2x.png"
- alt="鍥炬爣"
- class="equipment-icon"
- />
- <span class="equipment-title">璁惧缁熻</span>
- </div>
- <div class="equipment-items">
- <div class="equipment-item">
- <span class="equipment-value">{{ equipmentNum }}</span>
- <span class="equipment-label">璁惧鎬绘暟</span>
- </div>
- <div class="equipment-item">
- <span class="equipment-value">{{ equipmentRepair }}</span>
- <span class="equipment-label">寰呯淮淇澶�</span>
- </div>
- <div class="equipment-item">
- <span class="equipment-value">{{ equipmentMaintain }}</span>
- <span class="equipment-label">寰呬繚鍏昏澶�</span>
- </div>
- <div class="equipment-item">
- <span class="equipment-value">{{ totalMeasuring }}</span>
- <span class="equipment-label">璁￠噺鍣ㄥ叿鎬绘暟</span>
- </div>
- </div>
- </div>
-
<!-- 浜嬩欢鍚嶇О -->
<div class="event-info">
<div class="event-header">
@@ -112,10 +82,6 @@
<script setup>
import { ref, onMounted, onBeforeUnmount, nextTick, inject, watch } from 'vue'
import { homeTodos, summaryStatistics } from '@/api/viewIndex.js'
-import { getLedgerPage } from '@/api/equipmentManagement/ledger.js'
-import { getRepairPage } from '@/api/equipmentManagement/repair.js'
-import { getUpkeepPage } from '@/api/equipmentManagement/upkeep.js'
-import { measuringInstrumentListPage } from '@/api/equipmentManagement/measurementEquipment.js'
// 缁熻鏁版嵁
const totalStaff = ref(0)
@@ -125,10 +91,6 @@
const staffYoY = ref(0)
const customersYoY = ref(0)
const suppliersYoY = ref(0)
-const equipmentNum = ref(0)
-const equipmentRepair = ref(0)
-const equipmentMaintain = ref(0)
-const totalMeasuring = ref(0)
// 寰呭姙浜嬮」
const todoList = ref([])
@@ -152,26 +114,6 @@
suppliersYoY.value = res.data.supplierGrowthRate
}).catch(err => {
console.error('鑾峰彇鍩虹缁熻鏁版嵁澶辫触:', err)
- })
-}
-
-// 鑾峰彇璁惧鐩稿叧鏁伴噺
-const getLedgerNum = () => {
- const params = {
- pageNum: -1,
- pageSize: -1,
- }
- getLedgerPage(params).then((res) => {
- equipmentNum.value = res.data.total
- })
- getRepairPage({ ...params, status: 0 }).then((res) => {
- equipmentRepair.value = res.data.total
- })
- getUpkeepPage({ ...params, status: 0 }).then((res) => {
- equipmentMaintain.value = res.data.total
- })
- measuringInstrumentListPage(params).then((res) => {
- totalMeasuring.value = res.data.total
})
}
@@ -286,7 +228,6 @@
const refreshCenterTopData = () => {
getNum()
- getLedgerNum()
todoInfoS()
}
@@ -383,75 +324,6 @@
color: #ff5252;
}
-.equipment-stats {
- border: 1px solid #1a58b0;
- padding: 18px;
- height: 240px;
- padding-top: 0px;
-}
-
-.equipment-header {
- font-weight: 500;
- font-size: 21px;
- display: flex;
- border-bottom: 1px solid;
- border-image: linear-gradient(
- 270deg,
- rgba(0, 126, 255, 0) 0%,
- rgba(0, 126, 255, 0.4549) 35%,
- #007eff 78%,
- #007eff 100%
- )
- 1;
- padding-bottom: 2px;
-}
-
-.equipment-title {
- font-weight: 500;
- font-size: 18px;
- background: linear-gradient(360deg, #056dff 0%, #43e8fc 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- background-clip: text;
- line-height: 50px;
-}
-
-.equipment-icon {
- width: 50px;
- height: 50px;
-}
-
-.equipment-items {
- display: flex;
- justify-content: space-around;
- gap: 30px;
-}
-
-.equipment-item {
- text-align: center;
-}
-
-.equipment-value {
- display: block;
- font-weight: 500;
- font-size: 40px;
- color: #ffffff;
- width: 120px;
- height: 110px;
- line-height: 110px;
- background-image: url('@/assets/BI/shujutongji@2x.png');
- background-size: 100% 100%;
- background-position: center;
- background-repeat: no-repeat;
- margin-bottom: 8px;
-}
-
-.equipment-label {
- font-weight: 500;
- font-size: 16px;
- color: #fffffe;
-}
-
.event-info {
background-image: url('@/assets/BI/shijianmingchengbeijing@2x.png');
background-size: 100% 100%;
@@ -459,7 +331,7 @@
background-repeat: no-repeat;
padding: 20px;
padding-top: 10px;
- height: 186px;
+ height: 426px;
}
.event-header {
@@ -483,7 +355,7 @@
list-style: none;
padding: 0;
margin: 0;
- height: 120px; /* 鎸夌敤鎴疯姹傝皟鏁撮珮搴� */
+ height: 360px; /* 鎸夌敤鎴疯姹傝皟鏁撮珮搴� */
overflow: hidden;
font-size: 15px;
}
diff --git a/src/views/reportAnalysis/dataDashboard/components/basic/left-bottom.vue b/src/views/reportAnalysis/dataDashboard/components/basic/left-bottom.vue
index bab6024..2de751d 100644
--- a/src/views/reportAnalysis/dataDashboard/components/basic/left-bottom.vue
+++ b/src/views/reportAnalysis/dataDashboard/components/basic/left-bottom.vue
@@ -47,7 +47,7 @@
import { customerRevenueAnalysis } from '@/api/viewIndex.js'
import { listCustomer } from '@/api/basicData/customer.js'
-const dateType = ref(1) // 1=鍛� 2=鏈� 3=瀛ｅ害
+const dateType = ref(3) // 1=鍛� 2=鏈� 3=瀛ｅ害
const customerValue = ref(null)
const customerOptions = ref([])
diff --git a/src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue b/src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue
index 6fcd80f..bcdba84 100644
--- a/src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue
+++ b/src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue
@@ -33,7 +33,7 @@
height: '100%',
}
-const dateType = ref(1) // 1=鍛� 2=鏈� 3=瀛ｅ害
+const dateType = ref(3) // 1=鍛� 2=鏈� 3=瀛ｅ害
// 椋炴満鍥炬爣 SVG path锛堜笌 right-top 涓�鑷达級
const aircraft =
diff --git a/src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue b/src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue
index 96e4548..399354e 100644
--- a/src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue
+++ b/src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue
@@ -32,7 +32,7 @@
height: '100%',
}
-const radio1 = ref(1)
+const radio1 = ref(3)
// 椋炴満鍥炬爣 SVG path
const aircraft =
diff --git a/src/views/reportAnalysis/productionAnalysis/components/DateTypeSwitch.vue b/src/views/reportAnalysis/productionAnalysis/components/DateTypeSwitch.vue
index 0c57b25..f87d928 100644
--- a/src/views/reportAnalysis/productionAnalysis/components/DateTypeSwitch.vue
+++ b/src/views/reportAnalysis/productionAnalysis/components/DateTypeSwitch.vue
@@ -16,7 +16,7 @@
const props = defineProps({
modelValue: {
type: Number,
- default: 1, // 榛樿閫変腑"鍛�"
+ default: 3, // 榛樿閫変腑"瀛ｅ害"
},
})
diff --git a/src/views/reportAnalysis/productionAnalysis/components/center-center.vue b/src/views/reportAnalysis/productionAnalysis/components/center-center.vue
index a65f4f8..9093e37 100644
--- a/src/views/reportAnalysis/productionAnalysis/components/center-center.vue
+++ b/src/views/reportAnalysis/productionAnalysis/components/center-center.vue
@@ -10,6 +10,9 @@
/>
<span class="equipment-title">鎶曞叆浜у嚭鍒嗘瀽</span>
</div>
+ <div class="filters-row">
+ <DateTypeSwitch v-model="dateType" @change="handleDateTypeChange" />
+ </div>
<Echarts
ref="chart"
:chartStyle="chartStyle"
@@ -30,7 +33,10 @@
import { ref, onMounted, inject, watch } from 'vue'
import * as echarts from 'echarts'
import Echarts from '@/components/Echarts/echarts.vue'
+import DateTypeSwitch from './DateTypeSwitch.vue'
import { inputOutputAnalysis } from '@/api/viewIndex.js'
+
+const dateType = ref(3) // 1=鍛� 2=鏈� 3=瀛ｅ害
const chartStyle = { width: '100%', height: '100%' }
const grid = {
@@ -132,7 +138,7 @@
}
const fetchData = () => {
- inputOutputAnalysis()
+ inputOutputAnalysis({ type: dateType.value })
.then((res) => {
if (res.code === 200 && Array.isArray(res.data)) {
const list = res.data
@@ -144,6 +150,10 @@
.catch((err) => {
console.error('鑾峰彇鎶曞叆浜у嚭鍒嗘瀽澶辫触:', err)
})
+}
+
+const handleDateTypeChange = () => {
+ fetchData()
}
const dataDashboardRefreshTick = inject('dataDashboardRefreshTick', null)
@@ -167,6 +177,14 @@
gap: 16px;
}
+.filters-row {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ gap: 12px;
+ margin-bottom: 10px;
+}
+
.equipment-header {
font-weight: 500;
font-size: 21px;
diff --git a/src/views/reportAnalysis/productionAnalysis/components/left-top.vue b/src/views/reportAnalysis/productionAnalysis/components/left-top.vue
index 37c82f0..ad5c146 100644
--- a/src/views/reportAnalysis/productionAnalysis/components/left-top.vue
+++ b/src/views/reportAnalysis/productionAnalysis/components/left-top.vue
@@ -33,7 +33,7 @@
const pieWrapperRef = ref(null)
const pieBackgroundRef = ref(null)
-const dateType = ref(1) // 1=鍛� 2=鏈� 3=瀛ｅ害
+const dateType = ref(3) // 1=鍛� 2=鏈� 3=瀛ｅ害
function array2obj(array, key) {
const resObj = {}
diff --git a/src/views/reportAnalysis/productionAnalysis/components/right-bottom.vue b/src/views/reportAnalysis/productionAnalysis/components/right-bottom.vue
index 62356e7..c3d3db3 100644
--- a/src/views/reportAnalysis/productionAnalysis/components/right-bottom.vue
+++ b/src/views/reportAnalysis/productionAnalysis/components/right-bottom.vue
@@ -28,7 +28,7 @@
import DateTypeSwitch from './DateTypeSwitch.vue'
import Echarts from '@/components/Echarts/echarts.vue'
-const dateType = ref(1)
+const dateType = ref(3)
const chartStyle = {
width: '100%',
diff --git a/src/views/reportAnalysis/productionAnalysis/components/right-top.vue b/src/views/reportAnalysis/productionAnalysis/components/right-top.vue
index 5ec836f..a18e3bf 100644
--- a/src/views/reportAnalysis/productionAnalysis/components/right-top.vue
+++ b/src/views/reportAnalysis/productionAnalysis/components/right-top.vue
@@ -28,7 +28,7 @@
import Echarts from '@/components/Echarts/echarts.vue'
import DateTypeSwitch from './DateTypeSwitch.vue'
-const dateType = ref(1) // 1=鍛� 2=鏈� 3=瀛ｅ害
+const dateType = ref(3) // 1=鍛� 2=鏈� 3=瀛ｅ害
const chartStyle = {
width: '100%',
diff --git a/src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue b/src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue
index 0c57b25..f87d928 100644
--- a/src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue
+++ b/src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue
@@ -16,7 +16,7 @@
const props = defineProps({
modelValue: {
type: Number,
- default: 1, // 榛樿閫変腑"鍛�"
+ default: 3, // 榛樿閫変腑"瀛ｅ害"
},
})
diff --git a/src/views/reportAnalysis/qualityAnalysis/components/left-top.vue b/src/views/reportAnalysis/qualityAnalysis/components/left-top.vue
index cce4894..b6557dd 100644
--- a/src/views/reportAnalysis/qualityAnalysis/components/left-top.vue
+++ b/src/views/reportAnalysis/qualityAnalysis/components/left-top.vue
@@ -89,7 +89,7 @@
{
key: 'raw',
title: '鍘熸潗鏂欐娴�',
- dateType: 1,
+ dateType: 3,
qualifiedCount: 0,
unqualifiedCount: 0,
qualifiedRate: 0,
@@ -98,7 +98,7 @@
{
key: 'process',
title: '杩囩▼妫�娴�',
- dateType: 1,
+ dateType: 3,
qualifiedCount: 0,
unqualifiedCount: 0,
qualifiedRate: 0,
@@ -107,7 +107,7 @@
{
key: 'final',
title: '鎴愬搧鍑哄巶妫�娴�',
- dateType: 1,
+ dateType: 3,
qualifiedCount: 0,
unqualifiedCount: 0,
qualifiedRate: 0,
--
Gitblit v1.9.3