修改

src/views/quality/defectStatistics.vue

@@ -85,7 +85,7 @@
             <div class="item-title">{{ item.total }}</div>
             <div class="item-line" />
             <div v-show="Number(item.relativeRatio)>=0" class="item-up">环比：<i class="el-icon-caret-top" />{{ item.relativeRatio }}%</div>
-            <div v-show="Number(item.relativeRatio)<0" class="item-down">环比：<i class="el-icon-caret-bottom" />{{ 0-item.relativeRatio }}%</div>
+            <div v-show="Number(item.relativeRatio)<0" class="item-down">环比：<i class="el-icon-caret-bottom" />{{ Math.abs(item.relativeRatio) }}%</div>
             <div v-show="item.relativeRatio === '--'" class="item-down">环比：{{ item.relativeRatio }}%</div>
           </article>
         </div>
@@ -136,7 +136,7 @@
               <span>{{ item.label }}</span>
               <div class="repair-time">{{ item.total }}</div>
               <div v-show="Number(item.relativeRatio)>=0" class="repair-up">环比：<i class="el-icon-caret-top" /><span>{{ item.relativeRatio }}%</span></div>
-              <div v-show="Number(item.relativeRatio)<0" class="repair-down">环比：<i class="el-icon-caret-bottom" /><span>{{ 0-item.relativeRatio }}%</span></div>
+              <div v-show="Number(item.relativeRatio)<0" class="repair-down">环比：<i class="el-icon-caret-bottom" /><span>{{ Math.abs(item.relativeRatio) }}%</span></div>
               <div v-show="item.relativeRatio === '--'" class="repair-up">环比：<span>{{ item.relativeRatio }}%</span></div>
             </div>
           </div>
@@ -548,7 +548,7 @@ export default {
   color: #666666;
   h3 {
     font-size: 18px;
-    margin: 40px 0;
+    margin: 40px 0 20px 0;
     padding: 0;
   }
   .defect-main {