修改

src/pages/sale/everyMonthSecond.vue

@@ -3,6 +3,9 @@
         background: transparent !important;
         border: 0 !important;
     }
+    .TotalredClass{
+      color:red;
+    }
 </style>
 <template>
   <div>
@@ -21,6 +24,71 @@
       <q-table :pagination="msg" ref="table" :loading="loading" :style="{'height':tableHeight+'px'}"
         no-data-label="暂无相关数据" flat class="sticky-column-table sticky-header-column-table no-bottom-table"
         separator="none" :data="dataList" :columns="columns" row-key="">
+        <template v-slot:body-cell-JanuaryRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.JanuaryRate<0}">{{props.row.JanuaryRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-FebruaryRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.FebruaryRate<0}">{{props.row.FebruaryRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-MarchRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.MarchRate<0}">{{props.row.MarchRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-AprilRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.AprilRate<0}">{{props.row.AprilRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-MayRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.MayRate<0}">{{props.row.MayRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-JuneRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.JuneRate<0}">{{props.row.JuneRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-JulyRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.JulyRate<0}">{{props.row.JulyRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-AugustRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.AugustRate<0}">{{props.row.AugustRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-SeptemberRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.SeptemberRate<0}">{{props.row.SeptemberRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-OctoberRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.OctoberRate<0}">{{props.row.OctoberRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-NovemberRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.NovemberRate<0}">{{props.row.NovemberRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-DecemberRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.DecemberRate<0}">{{props.row.DecemberRate}}%</span>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-AvgRate="props">
+          <q-td>
+            <span :class="{'TotalredClass':props.row.AvgRate<0}">{{props.row.AvgRate}}%</span>
+          </q-td>
+        </template>
         <template v-slot:bottom>
         </template>
       </q-table>