From 11d7990309ddace2fa600cbeae58e3ab5ac368f9 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期日, 20 九月 2026 19:25:45 +0800
Subject: [PATCH] 新疆-融邦 1. 委外管理:新增合作商档案、委外订单、往来台账三个页面及接口;合作商附件弹框支持直接上传/删除并即时保存。   2. 信托基金与代储台账:客户档案加「信托基金 / 代储金额」并对超限标红提示;销售台账拆「卖油 / 代储」页签,代储走油库+储罐+合同金额,卖油保留产品明细;台账列表加审批状态与超限红字;审批中心显示销售合同号并能下钻台账明细。   3. 储罐号带入库存:储罐信息表单加「是否启用 / 用途 / 租客信息」联动与校验;库存管理、批号明细、入库/出库表单与列表补齐储罐号、油品、物流、过磅等字段展示。   4. 出库即发货与往来备件:出库台账区分「发货单 / 油品出库」两类来源并分别处理详情;新增备件出入库流水页面。   5. 车辆管理与残油联动:新增车辆管理页面;油品出入库表单物流信息顺序调整,车牌/车挂牌号联动只读。   6. 油品出库联动发货台账:发货台账加「发货单号 / 销售合同号」筛选,修复油品出库行批号列取错字段。   7. 采购申请模块:新增采购申请页面及接口。   8. 付款流水组件:抽出公共「付款流水」弹框组件,采购付款分栏、收付款台账与委外往来台账复用。   9. 列调整:收付款台账删除「付款金额 / 退货金额」;委外往来台账删除「回款金额」,并去掉金额列右对齐。

---
 src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue |   51 ++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue b/src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue
index 4c023ff..96e4548 100644
--- a/src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue
+++ b/src/views/reportAnalysis/dataDashboard/components/basic/right-top.vue
@@ -21,11 +21,11 @@
 </template>
 
 <script setup>
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, inject, watch } from 'vue'
 import Echarts from '@/components/Echarts/echarts.vue'
 import PanelHeader from '../PanelHeader.vue'
 import DateTypeSwitch from '../DateTypeSwitch.vue'
-import { statisticsReceivablePayable } from '@/api/viewIndex.js'
+import { supplierPurchaseRanking } from '@/api/viewIndex.js'
 
 const chartStyle = {
   width: '100%',
@@ -120,7 +120,7 @@
     textStyle: { fontSize: '100%' },
     formatter: function (params) {
       let result = params[0].axisValueLabel + '<br/>'
-      result += `<div style="">${params[0].marker}${params[0].value}</div>`
+      result += `<div>${params[0].marker}${params[0].value}鍏�</div>`
       return result
     },
   }
@@ -151,12 +151,21 @@
       inverse: false,
       data: xdataName.value,
       axisLabel: {
-        formatter: (params) => {
-          return `{a|${params}}`
+        formatter: (value) => {
+          if (!value) return ''
+          const maxLen = 6 // 姣忚鏈�澶氬瓧绗︽暟锛屽彲鎸夐渶璋冩暣
+          if (value.length <= maxLen) return `{a|${value}}`
+
+          const lines = []
+          for (let i = 0; i < value.length; i += maxLen) {
+            lines.push(value.slice(i, i + maxLen))
+          }
+          // 澶氳鏂囨湰锛屾瘡琛岄兘濂楀悓涓�涓� rich 鏍峰紡
+          return lines.map((line) => `{a|${line}}`).join('\n')
         },
         rich: {
           a: {
-            width: 160,
+            width: 120,
             fontSize: 14,
             color: '#fff',
             padding: [5, 4, 5, 0],
@@ -242,6 +251,7 @@
       z: 6,
       type: 'bar',
       barWidth: 25,
+      tooltip: { show: false },
       itemStyle: {
         color: 'rgba(255,255,255,.1)',
         barBorderRadius: [0, 20, 20, 0],
@@ -252,6 +262,7 @@
       type: 'bar',
       barWidth: 25,
       barGap: '-100%',
+      tooltip: { show: false },
       itemStyle: {
         color: {
           type: 'linear',
@@ -282,16 +293,15 @@
   ]
 })
 
-// 搴斾粯搴旀敹缁熻
-const statisticsReceivable = () => {
-  statisticsReceivablePayable({ type: radio1.value })
+// 渚涘簲鍟嗛噰璐帓鍚�
+const fetchSupplierRanking = () => {
+  supplierPurchaseRanking({ type: radio1.value })
     .then((res) => {
-      // 鍋囪 API 杩斿洖鐨勬暟鎹牸寮忎负鏁扮粍锛屽寘鍚� NAME 鍜� NUM 瀛楁
-      // 濡傛灉杩斿洖鏍煎紡涓嶅悓锛岄渶瑕佹牴鎹疄闄� API 璋冩暣
-      if (res.data && Array.isArray(res.data)) {
-        dataArr.value = res.data
-      } else if (res.data && res.data.list) {
-        dataArr.value = res.data.list
+      if (res.code === 200 && Array.isArray(res.data)) {
+        dataArr.value = res.data.map(item => ({
+          NAME: item.supplierName,
+          NUM: item.totalAmount
+        }))
       } else {
         // 濡傛灉娌℃湁鏁版嵁锛屼娇鐢ㄦā鎷熸暟鎹�
         dataArr.value = [
@@ -318,11 +328,18 @@
 
 // 澶勭悊鏃ユ湡绫诲瀷鍒囨崲
 const handleDateTypeChange = (value) => {
-  statisticsReceivable()
+  fetchSupplierRanking()
+}
+
+const dataDashboardRefreshTick = inject('dataDashboardRefreshTick', null)
+if (dataDashboardRefreshTick) {
+  watch(dataDashboardRefreshTick, () => {
+    fetchSupplierRanking()
+  })
 }
 
 onMounted(() => {
-  statisticsReceivable()
+  fetchSupplierRanking()
 })
 </script>
 

--
Gitblit v1.9.3