From bf4cd4ee46b87410e82734c22f8d9d1cfe2fd364 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期四, 16 四月 2026 10:32:30 +0800
Subject: [PATCH] 指标统计：发货率改为“回款率”，销售额改为“合同金额”
---
src/views/salesManagement/indicatorStats/index.vue | 65 +++++---------------------------
1 files changed, 11 insertions(+), 54 deletions(-)
diff --git a/src/views/salesManagement/indicatorStats/index.vue b/src/views/salesManagement/indicatorStats/index.vue
index 8cbeb24..16b4457 100644
--- a/src/views/salesManagement/indicatorStats/index.vue
+++ b/src/views/salesManagement/indicatorStats/index.vue
@@ -25,7 +25,7 @@
</div>
<div class="stat-content">
<div class="stat-value">楼{{ indicatorKpis.salesAmount.toLocaleString() }}</div>
- <div class="stat-label">閿�鍞</div>
+ <div class="stat-label">鍚堝悓閲戦</div>
</div>
<div class="stat-bg-decoration"></div>
</div>
@@ -38,8 +38,8 @@
</div>
</div>
<div class="stat-content">
- <div class="stat-value">{{ indicatorKpis.shipRate }}%</div>
- <div class="stat-label">鍙戣揣鐜�</div>
+ <div class="stat-value">{{ indicatorKpis.shipRate }}</div>
+ <div class="stat-label">鍥炴鐜�</div>
</div>
<div class="stat-bg-decoration"></div>
</div>
@@ -98,11 +98,11 @@
<label class="filter-label">鏃ユ湡鑼冨洿</label>
<el-date-picker
v-model="indicatorFilter.dateRange"
- type="daterange"
+ type="monthrange"
range-separator="鑷�"
start-placeholder="寮�濮嬫棩鏈�"
end-placeholder="缁撴潫鏃ユ湡"
- value-format="YYYY-MM-DD"
+ value-format="YYYY-MM"
style="width: 100%"
/>
</div>
@@ -126,41 +126,6 @@
<div class="chart-container" v-loading="loading">
<div ref="indicatorChartRef" class="chart-wrapper"></div>
</div>
- </el-card>
-
- <!-- 涓氱哗缁熻锛堝洟闃熺淮搴︼紝鏃犱釜浜哄鍚嶏級 -->
- <el-card v-if="showTeamPerformance" class="table-card" shadow="hover">
- <template #header>
- <div class="card-header">
- <span class="card-title">鍥㈤槦涓氱哗缁熻</span>
- </div>
- </template>
- <el-table
- :data="teamPerformanceList"
- border
- stripe
- style="width: 100%"
- :header-cell-style="{ background: '#f5f7fa', color: '#606266', fontWeight: 'bold' }"
- >
- <el-table-column prop="team" label="閿�鍞洟闃�" min-width="120"/>
- <el-table-column prop="orderCount" label="璁㈠崟鏁�" align="right" min-width="100"/>
- <el-table-column prop="salesAmount" label="閿�鍞" align="right" min-width="140">
- <template #default="scope">楼{{ scope.row.salesAmount.toLocaleString() }}</template>
- </el-table-column>
- <el-table-column prop="shipRate" label="鍙戣揣鐜�" align="right" min-width="100">
- <template #default="scope">{{ scope.row.shipRate }}%</template>
- </el-table-column>
- <el-table-column prop="attainment" label="鐩爣杈炬垚鐜�" align="center" min-width="120">
- <template #default="scope">
- <el-tag
- :type="scope.row.attainment >= 100 ? 'success' : scope.row.attainment >= 80 ? 'warning' : 'danger'"
- effect="dark"
- >
- {{ scope.row.attainment }}%
- </el-tag>
- </template>
- </el-table-column>
- </el-table>
</el-card>
</div>
</template>
@@ -195,13 +160,6 @@
const productOptions = ref([])
const customerOption = ref([])
-
-const teamPerformanceList = ref([
- { team: '鍗庝笢澶у尯', orderCount: 320, salesAmount: 2850000, shipRate: 90, attainment: 105 },
- { team: '鍗庡寳澶у尯', orderCount: 280, salesAmount: 2150000, shipRate: 86, attainment: 92 },
- { team: '鍗庡崡澶у尯', orderCount: 210, salesAmount: 1850000, shipRate: 88, attainment: 78 },
- { team: '瑗垮崡澶у尯', orderCount: 180, salesAmount: 1500000, shipRate: 83, attainment: 74 }
-])
// 杞崲浜у搧鏍戞暟鎹紝灏� id 鏀逛负 value
function convertIdToValue(data) {
@@ -276,8 +234,8 @@
if (res && res.data) {
indicatorKpis.orderCount = res.data.total || 0
indicatorKpis.salesAmount = res.data.contractAmountTotal || 0
- // 鍙戣揣鐜囧鏋滄帴鍙ｆ病鏈夎繑鍥烇紝淇濇寔鍘熷�兼垨璁句负0
- // indicatorKpis.shipRate = res.data.shipRate || 0
+ // 鍥炴鐜囧鏋滄帴鍙ｆ病鏈夎繑鍥烇紝淇濇寔鍘熷�兼垨璁句负0
+ indicatorKpis.shipRate = res.data.shipRate || 0
}
} catch (error) {
console.error('鑾峰彇澶撮儴缁熻澶辫触:', error)
@@ -329,7 +287,7 @@
const option = {
title: { text: '澶氱淮搴﹂攢鍞寚鏍囪秼鍔�', left: 'center' },
tooltip: { trigger: 'axis' },
- legend: { data: ['璁㈠崟鏁�', '閿�鍞'], top: 30 },
+ legend: { data: ['璁㈠崟鏁�', '鍚堝悓閲戦'], top: 30 },
grid: { left: '3%', right: '8%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
@@ -359,7 +317,7 @@
itemStyle: { color: '#409eff' }
},
{
- name: '閿�鍞',
+ name: '鍚堝悓閲戦',
type: 'bar',
yAxisIndex: 0,
data: chartData.salesAmountList || [],
@@ -377,7 +335,7 @@
const option = {
title: { text: '澶氱淮搴﹂攢鍞寚鏍囪秼鍔�', left: 'center' },
tooltip: { trigger: 'axis' },
- legend: { data: ['璁㈠崟鏁�', '閿�鍞'], top: 30 },
+ legend: { data: ['璁㈠崟鏁�', '鍚堝悓閲戦'], top: 30 },
grid: { left: '3%', right: '8%', bottom: '3%', containLabel: true },
xAxis: { type: 'category', data: [] },
yAxis: [
@@ -397,7 +355,7 @@
],
series: [
{ name: '璁㈠崟鏁�', type: 'line', yAxisIndex: 1, data: [], itemStyle: { color: '#409eff' } },
- { name: '閿�鍞', type: 'bar', yAxisIndex: 0, data: [], itemStyle: { color: '#67c23a' } }
+ { name: '鍚堝悓閲戦', type: 'bar', yAxisIndex: 0, data: [], itemStyle: { color: '#67c23a' } }
]
}
indicatorChart.setOption(option)
@@ -448,7 +406,6 @@
<style scoped lang="scss">
.indicator-stats {
padding: 20px;
- background: #f5f7fa;
min-height: calc(100vh - 84px);
}
--
Gitblit v1.9.3