From 501fc9805cc9f3c66a311e09a46e3aa102a72667 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 11 十二月 2025 11:25:52 +0800
Subject: [PATCH] 1.南洋电缆-质量统计过程检台账有数据但是BI大屏没有数据（改成月份统计和合格率） 2.南洋电缆-再加两个统计内容：产品合格率（%）、库存周转率BI展示
---
src/views/reportAnalysis/dataDashboard/index.vue | 109 +++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 74 insertions(+), 35 deletions(-)
diff --git a/src/views/reportAnalysis/dataDashboard/index.vue b/src/views/reportAnalysis/dataDashboard/index.vue
index 901c1b4..645552d 100644
--- a/src/views/reportAnalysis/dataDashboard/index.vue
+++ b/src/views/reportAnalysis/dataDashboard/index.vue
@@ -54,7 +54,7 @@
<!-- 璐ㄩ噺缁熻 -->
<div class="panel-header">
- <span class="panel-title">璐ㄩ噺缁熻</span>
+ <span class="panel-title">杩�4涓湀璐ㄩ噺缁熻</span>
</div>
<div class="main-panel">
<div class="panel-item-customers">
@@ -147,31 +147,56 @@
</div> -->
</div>
</div>
-
- <!-- 浜嬩欢鍚嶇О -->
- <div class="event-info">
- <div class="event-header">
- <img src="@/assets/BI/shijianmingxiicon@2x.png" alt="鍥炬爣" class="event-icon" />
- <span class="event-title">浜嬩欢鍚嶇О</span>
+ <!-- 鍚堟牸鐜� -->
+ <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="event-content">
- <ul class="todo-list" v-if="todoList.length > 0" ref="refTodoList">
- <li v-for="item in todoList" :key="item.id">
- <div style="display: flex;flex-direction: column;justify-content: space-between;width: 100%;gap: 20px">
- <div style="display: flex;justify-content: space-between;align-items: center;">
- <div class="todo-title">寰呭姙缂栧彿锛歿{item.approveId}}</div>
- <div class="todo-division">閮ㄩ棬锛歿{item.approveDeptName}}</div>
- <div class="todo-time">{{item.approveTime}}</div>
- </div>
- <div class="todo-division">寰呭姙浜嬬敱锛歿{item.approveReason}}</div>
- </div>
- </li>
- </ul>
- <div v-else style="text-align: center">
- 鏆傛棤鏁版嵁
- </div>
+ <div class="equipment-items">
+ <div class="equipment-item">
+ <span class="equipment-value">{{rawMaterialQualifiedRate}}%</span>
+ <span class="equipment-label">鍘熸潗鏂欏悎鏍肩巼</span>
+ </div>
+ <div class="equipment-item">
+ <span class="equipment-value">{{processQualifiedRate}}%</span>
+ <span class="equipment-label">杩囩▼鍚堟牸鐜�</span>
+ </div>
+ <div class="equipment-item">
+ <span class="equipment-value">{{factoryQualifiedRate}}%</span>
+ <span class="equipment-label">鍑哄巶鍚堟牸鐜�</span>
+ </div>
+ <div class="equipment-item">
+ <span class="equipment-value">{{inventoryTurnoverRate}}%</span>
+ <span class="equipment-label">搴撳瓨鍛ㄨ浆鐜�</span>
+ </div>
</div>
</div>
+
+ <!-- 浜嬩欢鍚嶇О -->
+<!-- <div class="event-info">-->
+<!-- <div class="event-header">-->
+<!-- <img src="@/assets/BI/shijianmingxiicon@2x.png" alt="鍥炬爣" class="event-icon" />-->
+<!-- <span class="event-title">浜嬩欢鍚嶇О</span>-->
+<!-- </div>-->
+<!-- <div class="event-content">-->
+<!-- <ul class="todo-list" v-if="todoList.length > 0" ref="refTodoList"> -->
+<!-- <li v-for="item in todoList" :key="item.id"> -->
+<!-- <div style="display: flex;flex-direction: column;justify-content: space-between;width: 100%;gap: 20px"> -->
+<!-- <div style="display: flex;justify-content: space-between;align-items: center;"> -->
+<!-- <div class="todo-title">寰呭姙缂栧彿锛歿{item.approveId}}</div> -->
+<!-- <div class="todo-division">閮ㄩ棬锛歿{item.approveDeptName}}</div> -->
+<!-- <div class="todo-time">{{item.approveTime}}</div> -->
+<!-- </div> -->
+<!-- <div class="todo-division">寰呭姙浜嬬敱锛歿{item.approveReason}}</div> -->
+<!-- </div> -->
+<!-- </li> -->
+<!-- </ul>-->
+<!-- <div v-else style="text-align: center">-->
+<!-- 鏆傛棤鏁版嵁-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
<div class="financial-header">
<span class="financial-title">璐㈠姟鍒嗘瀽</span>
@@ -191,7 +216,7 @@
:xAxis="xAxis3"
:yAxis="yAxis3"
:options="{backgroundColor: 'transparent', textStyle: {color: '#B8C8E0'}}"
- style="height: 300px"></Echarts>
+ style="height: 280px"></Echarts>
</div>
</div>
</div>
@@ -205,11 +230,11 @@
<div class="panel-item-customers">
<div style="display: flex;justify-content: space-between;margin-bottom: 20px;">
<div class="section-title">搴旀敹搴斾粯缁熻</div>
- <el-radio-group v-model="radio1" size="large" @change="statisticsReceivable" class="custom-radio-group">
- <el-radio-button label="鎸夊懆" :value="1" />
- <el-radio-button label="鎸夋湀" :value="2" />
- <el-radio-button label="鎸夊搴�" :value="3" />
- </el-radio-group>
+<!-- <el-radio-group v-model="radio1" size="large" @change="statisticsReceivable" class="custom-radio-group">-->
+<!-- <el-radio-button label="鎸夊懆" :value="1" />-->
+<!-- <el-radio-button label="鎸夋湀" :value="2" />-->
+<!-- <el-radio-button label="鎸夊搴�" :value="3" />-->
+<!-- </el-radio-group>-->
</div>
<Echarts ref="chart"
:color="barColors2"
@@ -245,7 +270,7 @@
import useUserStore from '@/store/modules/user'
import {
analysisCustomerContractAmounts, getAmountHalfYear,
- homeTodos,
+ homeTodos, qualityProductQualifiedRate,
qualityStatistics,
statisticsReceivablePayable
} from "@/api/viewIndex.js";
@@ -312,6 +337,10 @@
const equipmentRepair = ref(0)
const equipmentMaintain = ref(0)
const totalMeasuring = ref(0)
+const rawMaterialQualifiedRate = ref(0)
+const processQualifiedRate = ref(0)
+const factoryQualifiedRate = ref(0)
+const inventoryTurnoverRate = ref(0)
const pieTooltip = reactive({
trigger: 'item',
formatter: function (params) {
@@ -412,7 +441,7 @@
const barLegend = {
show: true,
textStyle: { color: '#B8C8E0' },
- data: ['鍘熸潗鏂欎笉鍚堟牸鏁�', '杩囩▼涓嶅悎鏍兼暟', '鍑哄巶涓嶅悎鏍兼暟']
+ data: ['鍘熸潗鏂欏悎鏍兼暟', '杩囩▼鍚堟牸鏁�', '鍑哄巶鍚堟牸鏁�']
}
const barLegend1 = {
show: true,
@@ -487,7 +516,7 @@
])
const barSeries1 = ref([
{
- name: '鍘熸潗鏂欎笉鍚堟牸鏁�',
+ name: '鍘熸潗鏂欏悎鏍兼暟',
type: 'bar',
barGap: 0,
emphasis: {
@@ -509,7 +538,7 @@
data: []
},
{
- name: '杩囩▼涓嶅悎鏍兼暟',
+ name: '杩囩▼鍚堟牸鏁�',
type: 'bar',
emphasis: {
focus: 'series'
@@ -530,7 +559,7 @@
data: []
},
{
- name: '鍑哄巶涓嶅悎鏍兼暟',
+ name: '鍑哄巶鍚堟牸鏁�',
type: 'bar',
emphasis: {
focus: 'series'
@@ -638,6 +667,15 @@
qualityStatisticsObject.value.supplierNum = res.data.supplierNum
qualityStatisticsObject.value.processNum = res.data.processNum
qualityStatisticsObject.value.factoryNum = res.data.factoryNum
+ })
+}
+// 浜у搧鍚堟牸鐜�
+const qualityProductQualifiedRateInfo = () => {
+ qualityProductQualifiedRate().then((res) => {
+ rawMaterialQualifiedRate.value = res.data.rawMaterialQualifiedRate
+ processQualifiedRate.value = res.data.processQualifiedRate
+ factoryQualifiedRate.value = res.data.factoryQualifiedRate
+ inventoryTurnoverRate.value = res.data.inventoryTurnoverRate
})
}
// 璐㈠姟缁熻
@@ -982,6 +1020,7 @@
window.addEventListener('resize', handleResize)
analysisCustomer()
qualityStatisticsInfo()
+ qualityProductQualifiedRateInfo()
accountStatisticsInfo()
getNum()
getLedgerNum()
@@ -1164,7 +1203,7 @@
border: 1px solid #1A58B0;
padding: 18px;
width: 100%;
- height: 540px;
+ height: 520px;
}
.panel-title-second {
height: 60px;
--
Gitblit v1.9.3