运营驾驶舱对接

src/views/home/components/top-product-item.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="coreItem">
-    <div class="item" :class="`item${index + 1}`" @click="handleItemClick(index)" v-for="(item, index) in itemList"
+    <div class="item" @click="handleItemClick(index)" v-for="(item, index) in itemList"
       :key="index">
       <div class="unit">{{ item.unit }}</div>
       <div class="item-content">
         <div class="content-wrapper">
-          <div class="left">
+          <div class="left" v-if="item.unit !== '折旧·万元'">
             <div class="number">{{ item.target }}</div>
             <div class="title">预算值</div>
           </div>
-          <div class="line"></div>
+          <div class="line"  v-if="item.unit !== '折旧·万元'"></div>
           <div class="right">
             <!-- 实际值颜色动态绑定 -->
             <div class="number" :style="{ color: getColor(index) }">
@@ -18,7 +18,7 @@
             <div class="title">实际值</div>
           </div>
         </div>
-        <div class="progress-group">
+        <div class="progress-group"  v-if="item.unit !== '折旧·万元'">
           <div class="progress-container">
             <!-- 进度条样式动态绑定 -->
             <div class="progress-bar" :style="{
@@ -88,12 +88,17 @@ export default {
         {
           key: 'rawYield',
           unit: '原片成品率·%',
-          route: '/rawSheetYield/rawSheetYield' // 假设这个没有路由
+          route: '/rawSheetYield/rawSheetYield'
         },
         {
           key: 'ioYield',
           unit: '投入产出率·%',
-          route: '/inputOutputRatio/inputOutputRatio' // 假设这个没有路由
+          route: '/inputOutputRatio/inputOutputRatio'
+        },
+        {
+          key: 'depreciation',
+          unit: '折旧·万元',
+          route: '/depreciationAnalysis/depreciationAnalysisIndex'
         }
       ];
 
@@ -194,7 +199,7 @@ export default {
 }
 
 .item {
-  width: 252px;
+  width: 166px;
   height: 110px;
   background: #f9fcff;
   padding: 12px;
@@ -300,10 +305,4 @@ export default {
     line-height: 1;
   }
 }
-
-.item1,
-.item2,
-.item3 {
-  width: 166px;
-}
 </style>