feat: 调整EnergyBar组件中6个能量格的间隙比8个的大一点

src/renderer/components/EnergyBar.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="energy-bar compact energy-dash" :title="tooltip">
-    <div class="energy-cells" :style="{ gap: gap + 'px' }">
+    <div class="energy-cells" :style="{ gap: dynamicGap + 'px' }">
       <div
         v-for="n in segments"
         :key="n"
@@ -23,12 +23,16 @@ export default {
     // 自定义文本
     text: { type: String, default: '' },
     // 尺寸控制（像素）
-    cellWidth: { type: Number, default: 4 },
+    cellWidth: { type: Number, default: 5 },
-    cellHeight: { type: Number, default: 10 },
+    cellHeight: { type: Number, default: 14 },
     gap: { type: Number, default: 1 },
     borderRadius: { type: Number, default: 1 },
   },
   computed: {
+    dynamicGap() {
+      // 6个能量格的间隙比8个的大一点
+      return this.segments === 6 ? Math.max(this.gap, 2) : this.gap
+    },
     litCells() {
       const clamped = Math.max(0, Math.min(100, Math.round(this.percent || 0)))
       // 一个能量格代表10（进1制向上取整）

src/renderer/components/main.vue

@@ -428,10 +428,8 @@
                     <el-progress
                       class="ribbon-progress"
                       :color="customColors"
-                      :width="60"
                       define-back-color="#dfe4ed"
                       :format="() => String(scope.row.RibbonAmount || 0)"
-                      :stroke-width="3"
                       :percentage="safePercent(scope.row.RibbonAmount, getRibbonAmount(scope.row.ModeName, scope.row.RibbonType))"></el-progress>
                   </template>
                 </el-table-column>
@@ -466,6 +464,7 @@
                   </template>
                 </el-table-column>
                 <el-table-column
+                  align="center"
                   prop="PrinterRemaCapa"
                   :label="$t('main.tablePrinterRemaCapa')"
                   min-width="100">
@@ -1780,11 +1779,10 @@ export default {
     },
     getPrinterRemaCapaAmount(ModeName) {
       // console.log('PrinterRemaCapa', this.ribbonList[ModeName].PrinterRemaCapa)
-      return this.ribbonList[ModeName].PrinterRemaCapa || 0
+      return this.ribbonList[ModeName]&&this.ribbonList[ModeName].PrinterRemaCapa ? this.ribbonList[ModeName].PrinterRemaCapa : 0
     },
     getRibbonAmount(ModeName, RibbonType) {
-      console.log('getRibbonAmount', this.ribbonList)
+      return this.ribbonList[ModeName]&&this.ribbonList[ModeName][RibbonType] ? this.ribbonList[ModeName][RibbonType] : 0
-      return this.ribbonList[ModeName][RibbonType] || 0
     },
     play() {
       this.$confirm(this.$t('index.tipsPlaying'), this.$t('index.tips'), {