diff --git a/jinbooks-ui/src/views/hr/calc-salary.vue b/jinbooks-ui/src/views/hr/calc-salary.vue
index f1b8468..f1c596b 100644
--- a/jinbooks-ui/src/views/hr/calc-salary.vue
+++ b/jinbooks-ui/src/views/hr/calc-salary.vue
@@ -94,7 +94,7 @@
               {{ formatAmount(scope.row.laborFee) }}
             </template>
           </el-table-column>
-          
+
           <el-table-column prop="bonus" label="奖金" align="right" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
@@ -124,31 +124,31 @@
           <el-table-column prop="totalSocialInsurance" label="代扣社保合计" align="right" width="110"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.totalSocialInsurance) }}
+              <span class="red-font">{{ formatAmount(scope.row.totalSocialInsurance) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="providentFund" label="代扣公积金" align="right" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.providentFund) }}
+              <span class="red-font">{{ formatAmount(scope.row.providentFund) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="attendance" label="请假考勤" align="right" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.attendance) }}
+              <span class="red-font">{{ formatAmount(scope.row.attendance) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="otherDeductions" label="其他扣额" align="right" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.otherDeductions) }}
+              <span class="red-font">{{ formatAmount(scope.row.otherDeductions) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="personalTax" label="个税" align="right" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.personalTax) }}
+              <span class="red-font">{{ formatAmount(scope.row.personalTax) }}</span>
             </template>
           </el-table-column>
         </el-table-column>
@@ -345,4 +345,8 @@ getList();
   padding: 0;
   background-color: #f5f7fa;
 }
+
+.red-font {
+  color: red;
+}
 </style>
diff --git a/jinbooks-ui/src/views/hr/salary-detail.vue b/jinbooks-ui/src/views/hr/salary-detail.vue
index 692cf36..a62c7e1 100644
--- a/jinbooks-ui/src/views/hr/salary-detail.vue
+++ b/jinbooks-ui/src/views/hr/salary-detail.vue
@@ -139,31 +139,31 @@
           <el-table-column prop="totalSocialInsurance" label="代扣社保合计" align="center" width="110"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.totalSocialInsurance) }}
+              <span class="red-font">{{ formatAmount(scope.row.totalSocialInsurance) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="providentFund" label="代扣公积金" align="center" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.providentFund) }}
+              <span class="red-font">{{ formatAmount(scope.row.providentFund) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="attendance" label="请假考勤" align="center" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.attendance) }}
+              <span class="red-font">{{ formatAmount(scope.row.attendance) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="otherDeductions" label="其他扣额" align="center" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.otherDeductions) }}
+              <span class="red-font">{{ formatAmount(scope.row.otherDeductions) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="personalTax" label="个税" align="center" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.personalTax) }}
+              <span class="red-font">{{ formatAmount(scope.row.personalTax) }}</span>
             </template>
           </el-table-column>
         </el-table-column>
@@ -372,11 +372,31 @@ const getSummaries = () => {
     sums[10] = tableSummary.overtime;
     sums[11] = tableSummary.allowance;
     sums[12] = tableSummary.backPay;
-    sums[13] = tableSummary.totalSocialInsurance;
-    sums[14] = tableSummary.providentFund;
-    sums[15] = tableSummary.attendance;
-    sums[16] = tableSummary.otherDeductions;
-    sums[17] = tableSummary.personalTax;
+    sums[13] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.totalSocialInsurance),]);
+    sums[14] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.providentFund),]);
+    sums[15] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.attendance),]);
+    sums[16] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.otherDeductions),]);
+    sums[17] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.personalTax),]);
     sums[18] = tableSummary.businessSocialInsurance;
     sums[19] = tableSummary.businessProvidentFund;
     sums[20] = tableSummary.taxDeduction;
@@ -527,4 +547,8 @@ getList()
   padding: 0;
   background-color: #f5f7fa;
 }
+
+.red-font {
+  color: red;
+}
 </style>
diff --git a/jinbooks-ui/src/views/hr/salary-summary.vue b/jinbooks-ui/src/views/hr/salary-summary.vue
index 3187f17..309c332 100644
--- a/jinbooks-ui/src/views/hr/salary-summary.vue
+++ b/jinbooks-ui/src/views/hr/salary-summary.vue
@@ -114,31 +114,31 @@
           <el-table-column prop="totalSocialInsurance" label="代扣社保" align="center" width="110"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.totalSocialInsurance) }}
+              <span class="red-font">{{ formatAmount(scope.row.totalSocialInsurance) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="providentFund" label="代扣公积金" align="center" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.providentFund) }}
+              <span class="red-font">{{ formatAmount(scope.row.providentFund) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="attendance" label="请假考勤" align="center" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.attendance) }}
+              <span class="red-font">{{ formatAmount(scope.row.attendance) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="otherDeductions" label="其他扣额" align="center" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.otherDeductions) }}
+              <span class="red-font">{{ formatAmount(scope.row.otherDeductions) }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="personalTax" label="个税" align="center" width="100"
                            :show-overflow-tooltip="true">
             <template #default="scope">
-              {{ formatAmount(scope.row.personalTax) }}
+              <span class="red-font">{{ formatAmount(scope.row.personalTax) }}</span>
             </template>
           </el-table-column>
         </el-table-column>
@@ -369,15 +369,33 @@ const getSummaries = () => {
     sums[sumsIndex++] = tableSummary.overtime;
     sums[sumsIndex++] = tableSummary.allowance;
     sums[sumsIndex++] = tableSummary.backPay;
-    sums[sumsIndex++] = tableSummary.totalSocialInsurance;
-    sums[sumsIndex++] = tableSummary.providentFund;
-    sums[sumsIndex++] = tableSummary.attendance;
-    sums[sumsIndex++] = tableSummary.otherDeductions;
-    sums[sumsIndex++] = tableSummary.personalTax;
+    sums[sumsIndex++] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.totalSocialInsurance),]);
+    sums[sumsIndex++] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.providentFund),]);
+    sums[sumsIndex++] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.attendance),]);
+    sums[sumsIndex++] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.otherDeductions),]);
+    sums[sumsIndex++] = h('div', {
+      style: {
+        color: 'red',
+      }
+    }, [formatAmount(tableSummary.personalTax),]);
     sums[sumsIndex++] = tableSummary.businessSocialInsurance;
     sums[sumsIndex++] = tableSummary.businessProvidentFund;
-    //sums[17] = tableSummary.taxDeduction;
-    //sums[18] = tableSummary.taxableWages;
     sums[sumsIndex++] = formatAmount(tableSummary.totalAmount);
     sums[sumsIndex++] = h('div', {
       style: {
@@ -513,4 +531,8 @@ getList();
   padding: 0;
   background-color: #f5f7fa;
 }
+
+.red-font {
+  color: red;
+}
 </style>