From 6844546cb947d626dd65aec2415ef9b965017596 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Mon, 7 Jul 2025 14:30:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E5=88=86=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/jsc/components/WarehouseTable.vue | 96 ++++++++++++---------
 src/views/jsc/index.vue                     | 44 +++++++---
 2 files changed, 84 insertions(+), 56 deletions(-)

diff --git a/src/views/jsc/components/WarehouseTable.vue b/src/views/jsc/components/WarehouseTable.vue
index ec58215..6ce4d8d 100644
--- a/src/views/jsc/components/WarehouseTable.vue
+++ b/src/views/jsc/components/WarehouseTable.vue
@@ -1,12 +1,13 @@
 <template>
   <div class="warehouse-table">
+    <div class="warehouse-table-title">年度物资动态</div>
     <!-- Element-UI 表格 -->
     <el-table :data="currentPageData" style="width: 100%" height="200" :row-class-name="getRowClass"
       :cell-style="{background: 'transparent', border: 'none'}" :header-cell-class-name="'headerRow'">
-      <el-table-column show-overflow-tooltip prop="suozaicangku_text"  width="100" label="仓库" align="left" />
       <el-table-column show-overflow-tooltip prop="type" width="80" label="出入库" align="center" />
+      <el-table-column show-overflow-tooltip prop="zichanmingcheng" width="120" label="物资名称" align="left" />
       <el-table-column show-overflow-tooltip prop="total" width="80" label="数量" align="center" />
-      <el-table-column show-overflow-tooltip prop="fenlei_text" width="120" label="种类" align="left" />
+      <el-table-column show-overflow-tooltip prop="suozaicangku_text" width="100" label="仓库" align="left" />
       <el-table-column show-overflow-tooltip prop="riqi" label="时间" width="100" align="left" />
     </el-table>
 
@@ -19,9 +20,9 @@
   </div>
 </template>
 
-<script>
-  import {
-    soCharts
+<script>
+  import {
+    soCharts
   } from '@/api/charts.js'
   export default {
     name: 'WarehouseTable',
@@ -47,7 +48,7 @@
       }
     },
     mounted() {
-      // 初始化定时器，3 秒切换一次
+      // 初始化定时器，3 秒切换一次
       this.getChartData()
       // this.startTimer()
     },
@@ -55,24 +56,25 @@
       // 组件销毁前清除定时器，避免内存泄漏
       this.clearTimer()
     },
-    methods: {
-      async getChartData() {
-        const so = await soCharts()
-        // 出入库
-        let arr = []
-        so.map(item=>{
-          arr.push({
-            suozaicangku_text:item.suozaicangku_text,
-            type:item.jieyongshuliang?'出库':'入库',
-            total:item.jieyongshuliang?item.jieyongshuliang:item.rukushuliang,
-            fenlei_text:item.fenlei_text,
-            riqi:item.riqi?item.riqi:item.created_at.substring(0,10)
-          })
-        })
-        this.tableData = arr
-        if(this.tableData.length>0){
-          this.startTimer()
-        }
+    methods: {
+      async getChartData() {
+        const so = await soCharts()
+        // 出入库
+        let arr = []
+        so.map(item => {
+          arr.push({
+            suozaicangku_text: item.suozaicangku_text,
+            type: item.jieyongshuliang ? '出库' : '入库',
+            total: item.jieyongshuliang ? item.jieyongshuliang : item.rukushuliang,
+            zichanmingcheng: item.zichanmingcheng,
+            fenlei_text: item.fenlei_text,
+            riqi: item.riqi ? item.riqi : item.created_at.substring(0, 10)
+          })
+        })
+        this.tableData = arr
+        if (this.tableData.length > 0) {
+          this.startTimer()
+        }
       },
       // 切换到下一页
       nextPage() {
@@ -115,10 +117,12 @@
     margin: 0 auto;
     border: 1px solid #6dcde6;
     box-shadow: inset 0 0 10px 2px #6dcde6;
-    padding: 20px;
-    margin-bottom:20px;
+    padding: 20px;
+    margin-bottom: 20px;
   }
 
+
+
   /* 四角三角形基础样式 */
   .corner {
     position: absolute;
@@ -161,9 +165,10 @@
     border-color: transparent transparent #6dcde6 transparent;
   }
 
-  ::v-deep .el-table{
+  ::v-deep .el-table {
     background: transparent !important;
   }
+
   ::v-deep .el-table tr {
     background: transparent !important;
   }
@@ -171,7 +176,7 @@
   ::v-deep .headerRow {
     background: transparent !important;
     color: #fff;
-    border: none!important;
+    border: none !important;
   }
 
   /* 出库行样式 */
@@ -188,21 +193,28 @@
     /* 浅绿色背景 */
     color: #ef830f !important;
     /* 绿色文字 */
-  }
-  ::v-deep .el-table .el-table__cell{
-    padding:10px 0;
-  }
-  ::v-deep .el-table__body {
-      border-collapse: separate !important;
-      border-spacing: 0 5px !important;
-      table-layout: auto !important;
-    }
-  ::v-deep .el-table,.el-table__expanded-cell {
-      background-color: transparent !important;
-  }
-  ::v-deep .el-table--enable-row-transition .el-table__body td,.el-table .cell {
-    background-color: transparent;
   }
+
+  ::v-deep .el-table .el-table__cell {
+    padding: 10px 0;
+  }
+
+  ::v-deep .el-table__body {
+    border-collapse: separate !important;
+    border-spacing: 0 5px !important;
+    table-layout: auto !important;
+  }
+
+  ::v-deep .el-table,
+  .el-table__expanded-cell {
+    background-color: transparent !important;
+  }
+
+  ::v-deep .el-table--enable-row-transition .el-table__body td,
+  .el-table .cell {
+    background-color: transparent;
+  }
+
   /* 移除表格边框 */
   // ::v-deep .el-table, .el-table__header-wrapper, .el-table__body-wrapper {
   //   border: none !important;
diff --git a/src/views/jsc/index.vue b/src/views/jsc/index.vue
index 170eff2..688835b 100644
--- a/src/views/jsc/index.vue
+++ b/src/views/jsc/index.vue
@@ -5,7 +5,7 @@
         <div v-for="item in topObj">
           <div class="label">{{ item.label }}</div>
           <div class="value">
-            {{ item.value }}
+            {{ item.value }} <span style="font-size: 0.2rem;">{{item.unit?item.unit:''}}</span>
             <!-- <CountUp :end="item.value" :duration="6" ref="count" /> -->
           </div>
         </div>
@@ -13,6 +13,7 @@
       <div class="jscC-center">
         <div class="jscC-center-left" >
           <div class="jscC-center-top">
+            <div class="jscC-center-left-title">年度物资动态</div>
             <WarehouseTable></WarehouseTable>
           </div>
           <!-- <Pie3DChart :data="upList"></Pie3DChart> -->
@@ -92,11 +93,13 @@ export default {
       topObj: [{
         label: '仓库数量',
         value: 0,
-        id: 'cangku_count'
+        id: 'cangku_count',
+        unit:'间'
       }, {
         label: '物资种类',
         value: 0,
-        id: 'wuzizhonglei_count'
+        id: 'wuzizhonglei_count',
+        unit:'类'
       },
       // {
       //   label: '本月出库',
@@ -108,22 +111,35 @@ export default {
       //   id: 'ruku_month_count'
       // },
       {
-        label: '应急调度次数',
+        label: '本年度市级调度',
         value: 0,
-        id: 'yingjidiaodu_count'
+        id: 'yingjidiaodu_count',
+        unit:'次'
       }, {
-        label: '装备总数',
+        label: '队伍数量',
         value: 0,
-        id: 'shebei_count'
+        id: 'shebei_count',
+        unit:'个'
       }, {
-        label: '盘点',
+        label: '队伍出动人次',
         value: 0,
-        id: 'pan_count'
-      }, {
-        label: '维护',
-        value: 0,
-        id: 'weihu_count'
-      }],
+        id: 'shebei_count',
+        unit:'人次'
+      }
+      // {
+      //   label: '装备总数',
+      //   value: 0,
+      //   id: 'shebei_count'
+      // }, {
+      //   label: '盘点',
+      //   value: 0,
+      //   id: 'pan_count'
+      // }, {
+      //   label: '维护',
+      //   value: 0,
+      //   id: 'weihu_count'
+      // },
+      ],
       bottomObj: [{
         label: '库存管理',
         path: '/views/inventorys'