From 7328d5cc7a0f9985ccb2e54f996ccee4ef40cdf8 Mon Sep 17 00:00:00 2001
From: liyongde <1419499670@qq.com>
Date: Mon, 11 Aug 2025 09:49:23 +0800
Subject: [PATCH] =?UTF-8?q?opt:=20=E4=BB=BB=E5=8A=A1=E6=89=98=E7=9B=98?=
 =?UTF-8?q?=E7=A0=81=E4=BF=AE=E6=AD=A3=E3=80=81=E5=87=BA=E5=85=A5=E5=BA=93?=
 =?UTF-8?q?=E5=88=86=E9=85=8D=E7=9A=84=E6=97=B6=E5=80=99=E4=B8=8D=E5=9C=A8?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9CQty=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/impl/AcsToWmsServiceImpl.java     |   2 +-
 .../service/impl/PdaJBServiceImpl.java        |   1 +
 .../service/util/UpdateIvtUtils.java          |   4 +-
 .../src/views/wms/statement/record/report.vue | 599 ++++++++++++++++++
 4 files changed, 603 insertions(+), 3 deletions(-)
 create mode 100644 lms/nladmin-ui/src/views/wms/statement/record/report.vue

diff --git a/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/ext_manage/service/impl/AcsToWmsServiceImpl.java b/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/ext_manage/service/impl/AcsToWmsServiceImpl.java
index 7393de2..857761e 100644
--- a/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/ext_manage/service/impl/AcsToWmsServiceImpl.java
+++ b/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/ext_manage/service/impl/AcsToWmsServiceImpl.java
@@ -125,7 +125,7 @@ public class AcsToWmsServiceImpl implements AcsToWmsService {
                 .eq(SchBasePoint::getRegion_code, ddjbj.getRegion_code())
                 .eq(SchBasePoint::getPoint_type, "4"));
         outPoint.setPoint_status("2");
-        outPoint.setVehicle_code(inPoint.getPoint_code());
+        outPoint.setVehicle_code(inPoint.getVehicle_code());
         outPoint.setUpdate_time(DateUtil.now());
         inPoint.setPoint_status("1");
         inPoint.setVehicle_code("");
diff --git a/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/pda_manage/sch_manage/service/impl/PdaJBServiceImpl.java b/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/pda_manage/sch_manage/service/impl/PdaJBServiceImpl.java
index 8a59550..5249836 100644
--- a/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/pda_manage/sch_manage/service/impl/PdaJBServiceImpl.java
+++ b/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/pda_manage/sch_manage/service/impl/PdaJBServiceImpl.java
@@ -315,6 +315,7 @@ public class PdaJBServiceImpl implements PdaJBService {
                 List<SchBaseTask> list = taskService.list(new LambdaQueryWrapper<SchBaseTask>()
                         .lt(SchBaseTask::getTask_status, TaskStatus.FINISHED.getCode())
                         .eq(SchBaseTask::getIs_delete, false)
+                        .eq(SchBaseTask::getTask_code, "JbDownAgvTask")
                         .and(ll -> ll.like(SchBaseTask::getPoint_code1, pointCode).or()
                                 .like(SchBaseTask::getPoint_code2, pointCode).or()
                                 .like(SchBaseTask::getPoint_code3, pointCode).or()
diff --git a/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/warehouse_manage/service/util/UpdateIvtUtils.java b/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/warehouse_manage/service/util/UpdateIvtUtils.java
index 9eed9a8..f56aa31 100644
--- a/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/warehouse_manage/service/util/UpdateIvtUtils.java
+++ b/lms/nladmin-system/nlsso-server/src/main/java/org/nl/wms/warehouse_manage/service/util/UpdateIvtUtils.java
@@ -164,7 +164,7 @@ public class UpdateIvtUtils {
         }
         // 加冻结数
         double frozen_qty = NumberUtil.add(extDao.getFrozen_qty(), where.getDoubleValue("change_qty")).doubleValue();
-        extDao.setQty(BigDecimal.valueOf(canuse_qty));
+//        extDao.setQty(BigDecimal.valueOf(canuse_qty));
         extDao.setFrozen_qty(BigDecimal.valueOf(frozen_qty));
         extDao.setUpdate_id(SecurityUtils.getCurrentUserId());
         extDao.setUpdate_name(SecurityUtils.getCurrentNickName());
@@ -232,7 +232,7 @@ public class UpdateIvtUtils {
         // 加可用
         // double canuse_qty = NumberUtil.add(extDao.getQty(), where.getDoubleValue("change_qty")).doubleValue();
         extDao.setFrozen_qty(BigDecimal.ZERO);
-        extDao.setQty(BigDecimal.valueOf(qty));
+//        extDao.setQty(BigDecimal.valueOf(qty));
         extDao.setUpdate_id(SecurityUtils.getCurrentUserId());
         extDao.setUpdate_name(SecurityUtils.getCurrentNickName());
         extDao.setUpdate_time(DateUtil.now());
diff --git a/lms/nladmin-ui/src/views/wms/statement/record/report.vue b/lms/nladmin-ui/src/views/wms/statement/record/report.vue
new file mode 100644
index 0000000..35167ef
--- /dev/null
+++ b/lms/nladmin-ui/src/views/wms/statement/record/report.vue
@@ -0,0 +1,599 @@
+<template>
+  <div class="screen-container">
+    <div class="screen-header">
+      <div class="title">库存看板</div>
+      <div class="actions">
+        <el-switch
+          v-model="useMock"
+          active-text="使用模拟数据"
+          inactive-text="使用接口"
+          :active-color="primaryColor"
+          :inactive-color="'#1f2d3d'"
+          @change="fetchAndRender"
+        />
+        <el-button size="mini" type="primary" @click="fetchAndRender">刷新</el-button>
+      </div>
+    </div>
+
+    <el-row :gutter="16" class="kpi-row">
+      <el-col :xs="12" :sm="6" :md="6" :lg="6">
+        <div class="kpi-card">
+          <div class="kpi-label">库存总数</div>
+          <div class="kpi-value">{{ formatNumber(metrics.totalQty) }}</div>
+        </div>
+      </el-col>
+      <el-col :xs="12" :sm="6" :md="6" :lg="6">
+        <div class="kpi-card">
+          <div class="kpi-label">可用数</div>
+          <div class="kpi-value kpi-green">{{ formatNumber(metrics.availableQty) }}</div>
+        </div>
+      </el-col>
+      <el-col :xs="12" :sm="6" :md="6" :lg="6">
+        <div class="kpi-card">
+          <div class="kpi-label">冻结数</div>
+          <div class="kpi-value kpi-orange">{{ formatNumber(metrics.frozenQty) }}</div>
+        </div>
+      </el-col>
+      <el-col :xs="12" :sm="6" :md="6" :lg="6">
+        <div class="kpi-card">
+          <div class="kpi-label">物料/载具种类</div>
+          <div class="kpi-value">{{ metrics.materialKinds }} / {{ metrics.vehicleKinds }}</div>
+        </div>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="16" class="chart-row">
+      <el-col :xs="24" :sm="12" :md="12" :lg="12">
+        <div class="panel">
+          <div class="panel-title">
+            库区可用数 Top
+          </div>
+          <div ref="sectBar" class="chart" />
+        </div>
+      </el-col>
+      <el-col :xs="24" :sm="12" :md="12" :lg="12">
+        <div class="panel">
+          <div class="panel-title">仓库分布（按总数）</div>
+          <div ref="storPie" class="chart" />
+        </div>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="16" class="list-row">
+      <el-col :xs="24" :sm="24" :md="24" :lg="24">
+        <div class="panel">
+          <div class="panel-title">最新入库记录</div>
+          <div class="list">
+                         <el-table
+               :data="records"
+               size="mini"
+               stripe
+               :header-cell-style="tableHeaderStyle"
+               :cell-style="tableCellStyle"
+               :row-style="tableRowStyle"
+               height="360"
+               class="tech-table"
+             >
+              <el-table-column prop="create_time" label="入库时间" min-width="140" />
+              <el-table-column prop="stor_name" label="仓库" min-width="110" />
+              <el-table-column prop="sect_name" label="库区" min-width="110" />
+              <el-table-column prop="struct_code" label="仓位" min-width="100" />
+              <el-table-column prop="material_name" label="物料" min-width="140" />
+              <el-table-column prop="pcsn" label="批次号" min-width="100" />
+              <el-table-column prop="qty" label="总数" min-width="80" :formatter="n3" />
+              <el-table-column label="可用" min-width="80">
+                <template slot-scope="scope">{{ n3(null, null, scope.row.qty - scope.row.frozen_qty) }}</template>
+              </el-table-column>
+              <el-table-column prop="frozen_qty" label="冻结" min-width="80" :formatter="n3" />
+              <el-table-column prop="qty_unit_name" label="单位" min-width="80" />
+              <el-table-column prop="storagevehicle_code" label="载具号" min-width="100" />
+            </el-table>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons')
+import { initData } from '@/api/data'
+
+export default {
+  name: 'report1',
+  data() {
+    return {
+      loading: false,
+      useMock: true,
+      primaryColor: '#00e4ff',
+      records: [],
+      charts: {
+        sectBar: null,
+        storPie: null
+      },
+      metrics: {
+        totalQty: 0,
+        availableQty: 0,
+        frozenQty: 0,
+        materialKinds: 0,
+        vehicleKinds: 0
+      },
+      refreshTimer: null
+    }
+  },
+  mounted() {
+    this.fetchAndRender()
+    this.$nextTick(() => {
+      window.addEventListener('resize', this.handleResize)
+    })
+    // 可选自动刷新（5 分钟）
+    // this.refreshTimer = setInterval(this.fetchAndRender, 5 * 60 * 1000)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize)
+    if (this.refreshTimer) clearInterval(this.refreshTimer)
+    this.disposeCharts()
+  },
+  methods: {
+    async fetchAndRender() {
+      this.loading = true
+      try {
+        let content = []
+        if (this.useMock) {
+          content = this.getMock().content
+        } else {
+          const params = { page: 0, size: 10, sort: 'stockrecord_id,desc' }
+          const res = await initData('api/structivt', params)
+          // 接口兼容：有的返回 {content, totalElements}，有的包一层 {data}
+          content = (res && (res.content || (res.data && res.data.content))) || []
+          if (!Array.isArray(content) || content.length === 0) {
+            content = this.getMock().content
+          }
+        }
+        this.records = content
+        this.computeMetrics()
+        this.$nextTick(() => {
+          this.renderCharts()
+        })
+      } catch (e) {
+        // 回退模拟
+        this.records = this.getMock().content
+        this.computeMetrics()
+        this.$nextTick(() => {
+          this.renderCharts()
+        })
+      } finally {
+        this.loading = false
+      }
+    },
+    computeMetrics() {
+      const totalQty = this.records.reduce((s, r) => s + (Number(r.qty) || 0), 0)
+      const frozenQty = this.records.reduce((s, r) => s + (Number(r.frozen_qty) || 0), 0)
+      const availableQty = this.records.reduce((s, r) => s + ((Number(r.qty) || 0) - (Number(r.frozen_qty) || 0)), 0)
+      const materialKinds = new Set(this.records.map(r => r.material_code)).size
+      const vehicleKinds = new Set(this.records.map(r => r.storagevehicle_code)).size
+      this.metrics = { totalQty, availableQty, frozenQty, materialKinds, vehicleKinds }
+    },
+    renderCharts() {
+      this.renderSectBar()
+      this.renderStorPie()
+    },
+    renderSectBar() {
+      const el = this.$refs.sectBar
+      if (!el) return
+      if (!this.charts.sectBar) this.charts.sectBar = echarts.init(el, 'macarons')
+
+      // 聚合库区可用数
+      const map = {}
+      this.records.forEach(r => {
+        const key = r.sect_name || '未分配'
+        const val = (Number(r.qty) || 0) - (Number(r.frozen_qty) || 0)
+        map[key] = (map[key] || 0) + val
+      })
+      const arr = Object.keys(map).map(k => ({ name: k, value: map[k] }))
+      arr.sort((a, b) => b.value - a.value)
+      const names = arr.map(i => i.name)
+      const values = arr.map(i => i.value)
+
+      const option = {
+        backgroundColor: 'transparent',
+        grid: { top: 30, right: 20, bottom: 30, left: 60 },
+        tooltip: { trigger: 'axis' },
+        xAxis: {
+          type: 'value',
+          axisLabel: { color: '#9ecbff' },
+          splitLine: { lineStyle: { color: 'rgba(0, 228, 255, .15)' } }
+        },
+        yAxis: {
+          type: 'category',
+          data: names,
+          axisLabel: { color: '#cfe8ff' },
+          axisLine: { lineStyle: { color: 'rgba(0, 228, 255, .3)' } }
+        },
+        series: [
+          {
+            name: '可用数',
+            type: 'bar',
+            data: values,
+            barWidth: 14,
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                { offset: 0, color: '#00e4ff' },
+                { offset: 1, color: '#007bff' }
+              ]),
+              shadowBlur: 8,
+              shadowColor: 'rgba(0, 228, 255, .5)'
+            },
+            label: { show: true, position: 'right', color: '#8fdcff' }
+          }
+        ]
+      }
+      this.charts.sectBar.setOption(option, true)
+      this.charts.sectBar.resize()
+    },
+    renderStorPie() {
+      const el = this.$refs.storPie
+      if (!el) return
+      if (!this.charts.storPie) this.charts.storPie = echarts.init(el, 'macarons')
+
+      // 聚合仓库总数
+      const map = {}
+      this.records.forEach(r => {
+        const key = r.stor_name || '未分配'
+        const val = Number(r.qty) || 0
+        map[key] = (map[key] || 0) + val
+      })
+      const data = Object.keys(map).map(k => ({ name: k, value: map[k] }))
+
+      const option = {
+        backgroundColor: 'transparent',
+        tooltip: { trigger: 'item', formatter: '{b}: {c} ({d}%)' },
+        legend: {
+          orient: 'vertical',
+          right: 10,
+          top: 'center',
+          textStyle: { color: '#cfe8ff' }
+        },
+        series: [
+          {
+            name: '仓库分布',
+            type: 'pie',
+            radius: ['36%', '60%'],
+            center: ['38%', '50%'],
+            roseType: false,
+            data,
+            label: { color: '#e2f6ff' },
+            labelLine: { lineStyle: { color: 'rgba(0, 228, 255, .35)' } },
+            itemStyle: {
+              color: (params) => {
+                const palette = ['#00e4ff', '#3dd9a3', '#ffcc00', '#ff7b7b', '#8a7dff', '#00bcd4']
+                return palette[params.dataIndex % palette.length]
+              },
+              shadowBlur: 10,
+              shadowColor: 'rgba(0, 228, 255, .45)'
+            }
+          }
+        ]
+      }
+      this.charts.storPie.setOption(option, true)
+      this.charts.storPie.resize()
+    },
+    disposeCharts() {
+      Object.keys(this.charts).forEach(k => {
+        if (this.charts[k]) {
+          this.charts[k].dispose()
+          this.charts[k] = null
+        }
+      })
+    },
+    handleResize() {
+      Object.keys(this.charts).forEach(k => {
+        if (this.charts[k]) this.charts[k].resize()
+      })
+    },
+    formatNumber(val) {
+      if (val == null) return '-'
+      const n = Number(val)
+      if (Number.isNaN(n)) return val
+      return n.toLocaleString()
+    },
+    n3(row, column, cellValue) {
+      const n = Number(cellValue)
+      if (Number.isNaN(n)) return cellValue
+      return n.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 3 })
+    },
+    tableHeaderStyle() {
+      return {
+        background: 'linear-gradient(135deg, rgba(0,228,255,0.25), rgba(0,123,255,0.15), rgba(0,0,0,0.4))',
+        color: '#e6f5ff',
+        borderColor: 'rgba(0,228,255,.4)',
+        fontWeight: '600',
+        textShadow: '0 0 8px rgba(0,228,255,0.5)'
+      }
+    },
+    tableCellStyle() {
+      return {
+        background: 'rgba(0,0,0,0.2)',
+        color: '#e6f5ff',
+        borderColor: 'rgba(0,228,255,.1)'
+      }
+    },
+    tableRowStyle({ row, rowIndex }) {
+      return {
+        background: rowIndex % 2 === 0 ? 'rgba(0,0,0,0.15)' : 'rgba(0,228,255,0.05)',
+        borderBottom: '1px solid rgba(0,228,255,0.08)'
+      }
+    },
+    getMock() {
+      return {
+        totalElements: 10,
+        content: [
+          {
+            create_time: '2025-08-07 15:49:12',
+            remark: null,
+            storagevehicle_code: 'MTP0066',
+            stor_name: '原料仓库',
+            qty: 30,
+            qty_unit_name: '套',
+            pcsn: '1231231',
+            struct_name: 'T6',
+            sect_name: '加钠区',
+            frozen_qty: 0,
+            struct_code: 'T6',
+            material_name: '钨粉233',
+            storagevehicleext_id: '1953362778513346560',
+            material_code: 'OPEN123'
+          },
+          {
+            create_time: '2025-08-07 15:47:07',
+            remark: null,
+            storagevehicle_code: 'MTP0065',
+            stor_name: '原料仓库',
+            qty: 30,
+            qty_unit_name: 'Pcs',
+            pcsn: '111',
+            struct_name: 'T5',
+            sect_name: '加钠区',
+            frozen_qty: 0,
+            struct_code: 'T5',
+            material_name: '钨粉233',
+            storagevehicleext_id: '1953362254179209216',
+            material_code: 'OPEN123'
+          },
+          {
+            create_time: '2025-08-07 09:11:59',
+            remark: null,
+            storagevehicle_code: 'MTP0064',
+            stor_name: '原料仓库',
+            qty: 1,
+            qty_unit_name: '套',
+            pcsn: 'pci',
+            struct_name: 'T98',
+            sect_name: '加钠区',
+            frozen_qty: 0,
+            struct_code: 'T98',
+            material_name: '钨粉233',
+            storagevehicleext_id: '1953262815569645568',
+            material_code: 'OPEN123'
+          },
+          {
+            create_time: '2025-07-31 14:06:37',
+            remark: null,
+            storagevehicle_code: 'LT0012',
+            stor_name: '料桶缓存库',
+            qty: 0,
+            qty_unit_name: '分米',
+            pcsn: 'S',
+            struct_name: 'T95',
+            sect_name: '超细区',
+            frozen_qty: 2,
+            struct_code: 'T95',
+            material_name: '电源线',
+            storagevehicleext_id: '1950800244728008704',
+            material_code: '105011008001001'
+          },
+          {
+            create_time: '2025-07-31 14:06:37',
+            remark: null,
+            storagevehicle_code: 'LT0012',
+            stor_name: '料桶缓存库',
+            qty: 0,
+            qty_unit_name: '分米',
+            pcsn: 'S',
+            struct_name: 'A12',
+            sect_name: '超细区',
+            frozen_qty: 2,
+            struct_code: 'A12',
+            material_name: '电源线',
+            storagevehicleext_id: '1950800244728008704',
+            material_code: '105011008001001'
+          },
+          {
+            create_time: '2025-07-24 17:27:52',
+            remark: null,
+            storagevehicle_code: 'MTP0051',
+            stor_name: '原料仓库',
+            qty: 1,
+            qty_unit_name: '个',
+            pcsn: '1231211',
+            struct_name: 'T99',
+            sect_name: '加钠区',
+            frozen_qty: 0,
+            struct_code: 'T99',
+            material_name: '空托盘',
+            storagevehicleext_id: '1948314178171310080',
+            material_code: 'KT001'
+          },
+          {
+            create_time: '2025-07-24 17:27:52',
+            remark: null,
+            storagevehicle_code: 'MTP0051',
+            stor_name: '原料仓库',
+            qty: 1,
+            qty_unit_name: '个',
+            pcsn: '1231211',
+            struct_name: 'T2',
+            sect_name: '加钠区',
+            frozen_qty: 0,
+            struct_code: 'T2',
+            material_name: '空托盘',
+            storagevehicleext_id: '1948314178171310080',
+            material_code: 'KT001'
+          },
+          {
+            create_time: '2025-07-24 14:15:56',
+            remark: null,
+            storagevehicle_code: 'MTP0047',
+            stor_name: '原料仓库',
+            qty: 0,
+            qty_unit_name: '个',
+            pcsn: '123',
+            struct_name: 'T3',
+            sect_name: '加钠区',
+            frozen_qty: 1,
+            struct_code: 'T3',
+            material_name: '漏保电源线',
+            storagevehicleext_id: '1948265873261334528',
+            material_code: '105030400000055'
+          },
+          {
+            create_time: '2025-07-14 09:37:46',
+            remark: null,
+            storagevehicle_code: 'MTP0049',
+            stor_name: '高位库',
+            qty: 50,
+            qty_unit_name: '斤',
+            pcsn: '123XXX',
+            struct_name: 'A1-3-1',
+            sect_name: '高位库区01',
+            frozen_qty: 101,
+            struct_code: 'A1-3-1',
+            material_name: '电源线',
+            storagevehicleext_id: '1944571992468492288',
+            material_code: '105011008001001'
+          },
+          {
+            create_time: '2025-07-14 08:56:06',
+            remark: null,
+            storagevehicle_code: 'MTP0048',
+            stor_name: '原料仓库',
+            qty: 0,
+            qty_unit_name: 'Pcs',
+            pcsn: '123',
+            struct_name: 'T7',
+            sect_name: '加钠区',
+            frozen_qty: 0,
+            struct_code: 'T7',
+            material_name: '漏保电源线',
+            storagevehicleext_id: '1944561507484438528',
+            material_code: '105030400000055'
+          }
+        ],
+        code: '200',
+        msg: '查询成功',
+        data: null
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.screen-container {
+  padding: 16px;
+  background: radial-gradient(1200px 600px at 80% -10%, rgba(0, 228, 255, 0.15), transparent 60%),
+    radial-gradient(800px 400px at -10% 120%, rgba(61, 217, 163, 0.15), transparent 60%),
+    #0b1020;
+  min-height: calc(100vh - 100px);
+}
+.screen-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+.title {
+  font-size: 22px;
+  font-weight: 600;
+  letter-spacing: 2px;
+  color: #e6f5ff;
+  text-shadow: 0 0 12px rgba(0, 228, 255, 0.65);
+}
+.actions {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.kpi-row .kpi-card {
+  background: linear-gradient(135deg, rgba(0, 228, 255, 0.12), rgba(0, 0, 0, 0.25));
+  border: 1px solid rgba(0, 228, 255, 0.22);
+  border-radius: 10px;
+  padding: 14px 16px;
+  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35), inset 0 0 18px rgba(0, 228, 255, 0.12);
+}
+.kpi-label {
+  color: #9ecbff;
+  font-size: 12px;
+}
+.kpi-value {
+  margin-top: 6px;
+  color: #e6f5ff;
+  font-size: 22px;
+  font-weight: 700;
+}
+.kpi-green { color: #3dd9a3; }
+.kpi-orange { color: #ffcc66; }
+.chart-row .panel, .list-row .panel {
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15));
+  border: 1px solid rgba(0, 228, 255, 0.2);
+  border-radius: 12px;
+  padding: 10px 10px 6px 10px;
+}
+.panel-title {
+  height: 32px;
+  line-height: 32px;
+  padding-left: 10px;
+  color: #cfe8ff;
+  font-weight: 600;
+  border-left: 3px solid #00e4ff;
+  margin-bottom: 6px;
+}
+ .chart { height: 360px; width: 100%; }
+ .list { height: 400px; }
+
+ /* 表格科技感样式 */
+ .tech-table {
+   background: transparent !important;
+ }
+ .tech-table .el-table__body-wrapper {
+   background: transparent !important;
+ }
+ .tech-table .el-table__body tr:hover > td {
+   background: rgba(0, 228, 255, 0.1) !important;
+ }
+ .tech-table .el-table__body tr.current-row > td {
+   background: rgba(0, 228, 255, 0.15) !important;
+ }
+ .tech-table .el-table__fixed-header-wrapper {
+   background: transparent !important;
+ }
+ .tech-table .el-table__fixed-body-wrapper {
+   background: transparent !important;
+ }
+
+ /* 表头科技感样式 */
+ .tech-table .el-table__header-wrapper {
+   background: transparent !important;
+ }
+ .tech-table .el-table__header th {
+   background: linear-gradient(135deg, rgba(0,228,255,0.25), rgba(0,123,255,0.15), rgba(0,0,0,0.4)) !important;
+   color: #e6f5ff !important;
+   border-bottom: 1px solid rgba(0,228,255,0.4) !important;
+   font-weight: 600 !important;
+   text-shadow: 0 0 8px rgba(0,228,255,0.5) !important;
+ }
+ .tech-table .el-table__header th:hover {
+   background: linear-gradient(135deg, rgba(0,228,255,0.35), rgba(0,123,255,0.25), rgba(0,0,0,0.5)) !important;
+ }
+</style>