修改

src/pages/sale/customYearFirst.vue

@@ -40,32 +40,17 @@
         </tr>
         <template v-slot:body-cell-FirstYear="props" v-if="tabCheck==2">
           <q-td style="text-align:center;">
-            {{props.row.FirstYear}}%
+            <span :class="{'TotalredClass':props.row.FirstYear<0}">{{props.row.FirstYear}}%</span>
           </q-td>
         </template>
         <template v-slot:body-cell-SecondYear="props" v-if="tabCheck==2">
           <q-td style="text-align:center;">
-            {{props.row.SecondYear}}%
+            <span :class="{'TotalredClass':props.row.SecondYear<0}">{{props.row.SecondYear}}%</span>
           </q-td>
         </template>
 
         <template v-slot:body-cell-YearRate="props">
           <q-td style="text-align:center;">
-            {{props.row.YearRate}}%
-          </q-td>
-        </template>
-        <template v-slot:body-cell-FirstYear="props">
-          <q-td>
-            <span :class="{'TotalredClass':props.row.FirstYear<0}">{{props.row.FirstYear}}%</span>
-          </q-td>
-        </template>
-        <template v-slot:body-cell-SecondYear="props">
-          <q-td>
-            <span :class="{'TotalredClass':props.row.SecondYear<0}">{{props.row.SecondYear}}%</span>
-          </q-td>
-        </template>
-        <template v-slot:body-cell-YearRate="props">
-          <q-td>
             <span :class="{'TotalredClass':props.row.YearRate<0}">{{props.row.YearRate}}%</span>
           </q-td>
         </template>

src/pages/sale/yearFirst.vue

@@ -38,18 +38,18 @@
         </tr>
         <template v-slot:body-cell-FirstYear="props" v-if="tabCheck==2">
           <q-td style="text-align:center;">
-            {{props.row.FirstYear}}%
+            <span :class="{'TotalredClass':props.row.FirstYear<0}">{{props.row.FirstYear}}%</span>
           </q-td>
         </template>
         <template v-slot:body-cell-SecondYear="props" v-if="tabCheck==2">
           <q-td style="text-align:center;">
-            {{props.row.SecondYear}}%
+            <span :class="{'TotalredClass':props.row.SecondYear<0}">{{props.row.SecondYear}}%</span>
           </q-td>
         </template>
 
         <template v-slot:body-cell-YearRate="props">
           <q-td style="text-align:center;">
-            {{props.row.YearRate}}%
+            <span :class="{'TotalredClass':props.row.YearRate<0}">{{props.row.YearRate}}%</span>
           </q-td>
         </template>
         <template v-slot:bottom>