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/PSIDataAnalysis/components/center-bottom.vue |   50 +++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/src/views/reportAnalysis/PSIDataAnalysis/components/center-bottom.vue b/src/views/reportAnalysis/PSIDataAnalysis/components/center-bottom.vue
index 3b04ffa..f4e49b6 100644
--- a/src/views/reportAnalysis/PSIDataAnalysis/components/center-bottom.vue
+++ b/src/views/reportAnalysis/PSIDataAnalysis/components/center-bottom.vue
@@ -23,11 +23,12 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, inject, watch } from 'vue'
 import * as echarts from 'echarts'
 import Echarts from '@/components/Echarts/echarts.vue'
 import PanelHeader from './PanelHeader.vue'
 import ProductTypeSwitch from './ProductTypeSwitch.vue'
+import { productInOutAnalysis } from '@/api/viewIndex.js'
 
 const productType = ref(1) // 1=鍘熸潗鏂� 2=鍗婃垚鍝� 3=鎴愬搧
 
@@ -50,17 +51,17 @@
   itemHeight: 12,
   textStyle: { color: '#B8C8E0', fontSize: 14 },
   data: [
-    { name: '鍑哄簱', itemStyle: { color: '#4EE4FF' } },
-    { name: '鍏ュ簱', itemStyle: { color: '#00D68F' } },
+    { name: '鍑哄簱', itemStyle: { color: 'rgba(11, 137, 254, 1)' } },
+    { name: '鍏ュ簱', itemStyle: { color: 'rgba(11, 249, 254, 1)' } },
   ],
 }
 
 const xAxis1 = ref([
   {
     type: 'category',
-    data: ['6/9', '6/10', '6/11', '6/12', '6/13', '6/14', '6/15'],
+    data: [],
     axisTick: { show: false },
-    axisLine: { show: false,lineStyle: { color: 'rgba(184, 200, 224, 0.3)' } },
+    axisLine: { show: false, lineStyle: { color: 'rgba(184, 200, 224, 0.3)' } },
     axisLabel: { color: '#B8C8E0', fontSize: 12 },
     splitLine: { show: false, lineStyle: { type: 'dashed', color: 'rgba(184, 200, 224, 0.2)' } },
   },
@@ -74,7 +75,7 @@
     axisLine: { show: false },
     axisTick: { show: false },
     axisLabel: { color: '#B8C8E0', fontSize: 12 },
-    splitLine: { lineStyle: {  color: '#B8C8E0' } },
+    splitLine: { lineStyle: { color: '#B8C8E0' } },
   },
 ]
 
@@ -86,7 +87,7 @@
     showSymbol: true,
     symbol: 'circle',
     symbolSize: 8,
-    lineStyle: { color: 'rgba(11, 137, 254,1', width: 2 },
+    lineStyle: { color: 'rgba(11, 137, 254, 1)', width: 2 },
     itemStyle: { color: 'rgba(11, 137, 254, 1)', borderWidth: 0 },
     areaStyle: {
       color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -94,7 +95,7 @@
         { offset: 1, color: 'rgba(11, 137, 254, 0.05)' },
       ]),
     },
-    data: [80, 100, 140, 160, 120, 150, 180],
+    data: [],
     emphasis: { focus: 'series' },
   },
   {
@@ -104,7 +105,6 @@
     showSymbol: true,
     symbol: 'circle',
     symbolSize: 8,
-    
     lineStyle: { color: 'rgba(11, 249, 254, 1)', width: 2 },
     itemStyle: { color: 'rgba(11, 249, 254, 1)', borderWidth: 0 },
     areaStyle: {
@@ -113,7 +113,7 @@
         { offset: 1, color: 'rgba(11, 249, 254, 0.05)' },
       ]),
     },
-    data: [160, 200, 200, 200, 170, 200, 200],
+    data: [],
     emphasis: { focus: 'series' },
   },
 ])
@@ -132,11 +132,35 @@
   },
 }
 
-const handleFilterChange = () => {
-  // 鍙寜 productType 鍒囨崲鍚庤姹傚嚭鍏ュ簱鎺ュ彛锛屾澶勪粎棰勭暀
+const fetchData = () => {
+  productInOutAnalysis({ type: productType.value })
+    .then((res) => {
+      if (res.code === 200 && Array.isArray(res.data)) {
+        const list = res.data
+        xAxis1.value[0].data = list.map((d) => d.date)
+        lineSeries.value[0].data = list.map((d) => Number(d.outCount) || 0)
+        lineSeries.value[1].data = list.map((d) => Number(d.inCount) || 0)
+      }
+    })
+    .catch((err) => {
+      console.error('鑾峰彇浜у搧鍑哄叆搴撳垎鏋愬け璐�:', err)
+    })
 }
 
-onMounted(() => {})
+const handleFilterChange = () => {
+  fetchData()
+}
+
+const dataDashboardRefreshTick = inject('dataDashboardRefreshTick', null)
+if (dataDashboardRefreshTick) {
+  watch(dataDashboardRefreshTick, () => {
+    fetchData()
+  })
+}
+
+onMounted(() => {
+  fetchData()
+})
 </script>
 
 <style scoped>

--
Gitblit v1.9.3