From 6c30136297a33de868d734ff4c8b1fc218748275 Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期四, 21 八月 2025 13:37:59 +0800 Subject: [PATCH] 人员统计分析 --- src/views/index.vue | 61 +++++++++++++----------------- 1 files changed, 27 insertions(+), 34 deletions(-) diff --git a/src/views/index.vue b/src/views/index.vue index 852ef6a..5c23f5e 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -138,23 +138,23 @@ <!-- 搴曢儴妯悜涓ゆ爮 --> <div class="dashboard-row"> - <div class="main-panel"> - <div class="section-title">璐ㄩ噺缁熻</div> - <div class="quality-cards"> - <div class="quality-card one">鍘熸潗鏂欏凡妫�娴嬫暟 <span>{{qualityStatisticsObject.supplierNum}}浠�</span></div> - <div class="quality-card two">杩囩▼妫�楠屾暟閲� <span>{{qualityStatisticsObject.processNum}}浠�</span></div> - <div class="quality-card three">鍑哄巶宸叉鏁伴噺 <span>{{qualityStatisticsObject.factoryNum}}浠�</span></div> - </div> - <Echarts ref="chart" - :chartStyle="chartStyle" - :grid="grid" - :legend="barLegend" - :series="barSeries1" - :tooltip="tooltip" - :xAxis="xAxis1" - :yAxis="yAxis1" - style="height: 260px"></Echarts> - </div> +<!-- <div class="main-panel">--> +<!-- <div class="section-title">璐ㄩ噺缁熻</div>--> +<!-- <div class="quality-cards">--> +<!-- <div class="quality-card one">鍘熸潗鏂欏凡妫�娴嬫暟 <span>{{qualityStatisticsObject.supplierNum}}浠�</span></div>--> +<!-- <div class="quality-card two">杩囩▼妫�楠屾暟閲� <span>{{qualityStatisticsObject.processNum}}浠�</span></div>--> +<!-- <div class="quality-card three">鍑哄巶宸叉鏁伴噺 <span>{{qualityStatisticsObject.factoryNum}}浠�</span></div>--> +<!-- </div>--> +<!-- <Echarts ref="chart"--> +<!-- :chartStyle="chartStyle"--> +<!-- :grid="grid"--> +<!-- :legend="barLegend"--> +<!-- :series="barSeries1"--> +<!-- :tooltip="tooltip"--> +<!-- :xAxis="xAxis1"--> +<!-- :yAxis="yAxis1"--> +<!-- style="height: 260px"></Echarts>--> +<!-- </div>--> <div class="main-panel"> <div class="section-title">鍥炴涓庡紑绁ㄥ垎鏋�</div> <Echarts ref="chart" :chartStyle="chartStyle" :grid="grid" :legend="lineLegend" :series="lineSeries" @@ -277,7 +277,7 @@ }]) const yAxis = [{ type: 'category', - data: ['棰勪粯璐︽', '搴斾粯璐︽', '棰勬敹璐︽', '搴旀敹璐︽',] + data: [ '搴斾粯璐︽', '搴旀敹璐︽',] }] const yAxis1 = [{ type: 'value' @@ -337,16 +337,6 @@ } ]) -// 鍚堝悓閲戦鍒嗘瀽鏁版嵁 -const contractList = [ - { name: '娣卞湷绉戞妧鏈夐檺鍏徃', percent: 36, value: 4544, color: '#4fc3f7' }, - { name: '鍖椾含绉戞妧鏈夐檺鍏徃', percent: 20, value: 4000, color: '#81c784' }, - { name: '骞垮窞绉戞妧鏈夐檺鍏徃', percent: 16, value: 3113, color: '#ffb74d' }, - { name: '涓婃捣绉戞妧鏈夐檺鍏徃', percent: 10, value: 2341, color: '#ba68c8' }, - { name: '鍗椾含绉戞妧鏈夐檺鍏徃', percent: 9, value: 1231, color: '#e57373' }, - { name: '鍖椾含鏈潵绉戞妧鏈夐檺鍏徃', percent: 9, value: 1231, color: '#64b5f6' } -] - // 寰呭姙浜嬮」 const todoList = ref([]) const radio1 = ref(1) @@ -399,10 +389,10 @@ console.log(type) statisticsReceivablePayable({type: radio1.value}).then((res) => { barSeries.value[0].data = [ - { value: res.data.prepayMoney, itemStyle: { color: barColors2[0] } }, - { value: res.data.payableMoney, itemStyle: { color: barColors2[1] } }, - { value: res.data.advanceMoney, itemStyle: { color: barColors2[2] } }, - { value: res.data.receivableMoney, itemStyle: { color: barColors2[3] } } + // { value: res.data.prepayMoney, itemStyle: { color: barColors2[0] } }, + { value: res.data.payableMoney, itemStyle: { color: barColors2[0] } }, + // { value: res.data.advanceMoney, itemStyle: { color: barColors2[2] } }, + { value: res.data.receivableMoney, itemStyle: { color: barColors2[1] } } ] }) } @@ -754,15 +744,18 @@ color: #666; list-style: none; padding: 0; + height: 190px; + overflow-y: auto; + width: 460px; } .line { position: relative; - width: 250px; + width: 230px; } .line::after { content: ''; position: absolute; - right: 12px; + right: 2px; top: 0; bottom: 0; width: 1px; -- Gitblit v1.9.3