From 844d7837152b0ec288a9349d0532409354cfcee5 Mon Sep 17 00:00:00 2001 From: bb_pan Date: Thu, 11 Dec 2025 23:11:35 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../home/components/MunicipalCompany.vue | 60 +++++++++++++++---- .../home/components/ProvincialCompany.vue | 26 ++++---- 2 files changed, 63 insertions(+), 23 deletions(-) diff --git a/src/views/home/components/MunicipalCompany.vue b/src/views/home/components/MunicipalCompany.vue index 887fc356..1594b406 100644 --- a/src/views/home/components/MunicipalCompany.vue +++ b/src/views/home/components/MunicipalCompany.vue @@ -3,7 +3,7 @@
-
+
数据总览
@@ -12,7 +12,7 @@
-
平台设备总数：{{ dataAll.totalSum }}
+
平台设备总数(不包含退役装备)：{{ dataAll.totalSum }}
装备总数：{{ dataAll.maNum }}
工具总数：{{ dataAll.toolNum }}
@@ -21,7 +21,7 @@
-
+
告警
@@ -58,12 +58,12 @@
-
+
待办
-
+
  • -
    +
    当月出库数量
    @@ -138,7 +138,7 @@
    -
    +
    当月退库数量
    @@ -175,7 +175,7 @@
    -
    +
    当月维修数量
    @@ -194,13 +194,13 @@
    -
    +
    {{ numData.repairRetireNum }}
    本月维修退役数量
    -
    +
    @@ -225,7 +225,8 @@ export default { shareData: {}, eventList: [], timer: null, - speed: 30, + speed: 60, + isHover: false, numData: { selfUseApplyNum: 0, // 自用申请数 selfUseAuditNum: 0, // 自用审核数 @@ -369,7 +370,8 @@ export default { show: true, position: 'outside', formatter: (params) => { - return `{a|${params.percent}%}\n{b|${params.name}}` + console.log('🚀 ~ params:', params) + return `{a|${params.percent || 0}%}\n{b|${params.name}}` }, rich: { a: { @@ -516,8 +518,9 @@ export default { border-radius: 15px; min-height: 430px; } -.title { +.title-tip-tip { font-weight: 900; + text-align: left; } .icon-tip { margin-right: 10px; @@ -532,6 +535,7 @@ export default { margin-top: 20px; display: flex; gap: 20px; + justify-content: center; .content-item { flex: 1; @@ -560,6 +564,33 @@ export default { font-weight: 800; } } + + .content-item3 { + border-radius: 8px; + height: 140px; + display: flex; + align-items: center; + overflow: hidden; + border-radius: 16px; + background: linear-gradient(180deg, #e8f9f3 0%, #fff 60.1%); + box-shadow: 0 0 0.5px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 0 rgba(0, 0, 0, 0.15); + + .item-box { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: #75787d; + font-size: 13px; + } + .num { + margin-bottom: 10px; + font-size: 21px; + color: red; + font-weight: 800; + } + } .content-item2 { background: linear-gradient(180deg, #e8f9f3 0%, #fff 60.1%); box-shadow: 0 0 0.5px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 0 rgba(0, 0, 0, 0.15); @@ -584,6 +615,9 @@ export default { margin: 0; list-style: none; } +.is-hover { + overflow: auto; +} .scroll-list li { padding: 8px 12px; diff --git a/src/views/home/components/ProvincialCompany.vue b/src/views/home/components/ProvincialCompany.vue index e9a5f915..3930be2d 100644 --- a/src/views/home/components/ProvincialCompany.vue +++ b/src/views/home/components/ProvincialCompany.vue @@ -3,7 +3,7 @@
    -
    +
    数据总览
    @@ -12,7 +12,7 @@
    -
    平台设备总数：{{ dataAll.totalSum }}
    +
    平台设备总数(不包含退役装备)：{{ dataAll.totalSum }}
    装备总数：{{ dataAll.maNum }}
    工具总数：{{ dataAll.toolNum }}
    @@ -22,7 +22,7 @@
    -
    +
    使用情况
    @@ -57,6 +57,7 @@
    {{ useData.repairNum }}
    +
    @@ -64,19 +65,18 @@
    {{ useData.scrapNum }}
    -
    -
    +
    实时事件
    -
    +
    • @@ -98,7 +98,7 @@
      -
      +
      装备对比
      @@ -163,8 +163,8 @@ export default { }, eventList: [], timer: null, - speed: 30, - + speed: 60, + isHover: false, tableColumns: [ { label: '公司名称', prop: 'companyName' }, { label: '装备总数', prop: 'maNum' }, @@ -243,10 +243,12 @@ export default { }, pause() { + this.isHover = true clearInterval(this.timer) }, resume() { + this.isHover = false this.startScroll() }, handleExport() { @@ -421,8 +423,9 @@ export default { border-radius: 15px; min-height: 430px; } -.title { +.title-tip { font-weight: 900; + text-align: left; } .icon-tip { margin-right: 10px; @@ -482,6 +485,9 @@ export default { margin: 0; list-style: none; } +.is-hover { + overflow: auto; +} .scroll-list li { padding: 8px 12px;