fix

src/views/settlement/components/formal-settlement-table-panel.vue

@@ -77,9 +77,10 @@
             >{{ displayValue(row[column.prop]) }}</el-tag
           >
           <span v-else-if="column.money">{{ formatMoney(row[column.prop], row.currency) }}</span>
-          <span v-else-if="column.prop === 'invoiceStatusName'">{{
-            invoiceName(row.invoiceStatus)
-          }}</span>
+          <span
+            v-else-if="column.prop === 'invoiceStatusName'"
+            :class="['fs-table-panel__invoice-status', `is-${row.invoiceStatus || 'unreceived'}`]"
+          >{{ invoiceName(row.invoiceStatus, row.settlementType) }}</span>
           <span v-else-if="column.prop === 'paymentStatusName'">{{
             paymentName(row.paymentStatus)
           }}</span>
@@ -120,7 +121,7 @@
 <script>
 import { Refresh } from '@element-plus/icons-vue';
 import {
-  invoiceStatusOptions,
+  invoiceStatusName,
   kingdeeSyncStatusOptions,
   paymentStatusOptions,
 } from '@/option/settlement/formalSettlementSearch';
@@ -210,8 +211,8 @@ export default {
         ''
       );
     },
-    invoiceName(value) {
-      return invoiceStatusOptions.find(item => item.value === value)?.label || value || '-';
+    invoiceName(value, settlementType) {
+      return invoiceStatusName(value, settlementType);
     },
     paymentName(value) {
       return paymentStatusOptions.find(item => item.value === value)?.label || value || '-';
@@ -247,6 +248,17 @@ export default {
   justify-content: center;
   gap: 8px;
 }
+.fs-table-panel__invoice-status {
+  &.is-unreceived {
+    color: #f56c6c;
+  }
+  &.is-partial {
+    color: #e6a23c;
+  }
+  &.is-completed {
+    color: #67c23a;
+  }
+}
 .fs-table-panel__pagination {
   display: flex;
   justify-content: flex-end;