✨ feat: 财务中心增加其他收支

klp-ui/src/views/wms/order/panels/detail.vue

@@ -32,6 +32,26 @@
       <el-col :span="1.5">
         <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
       </el-col>
+
+      <!-- 含税部分 -->
+      <el-col :span="8">
+        <span>含税金额：</span>
+        <span style="margin-right: 10px;">{{ orderInfo.taxAmount }}</span>
+        <span style="margin-right: 10px;">-</span>
+        <span style="margin-right: 10px;">{{ actualAmount }}</span>
+        <span style="margin-right: 10px;">=</span>
+        <span style="color: red; margin-right: 10px;">{{ amountDifference }}</span>
+      </el-col>
+
+      <!-- 无税部分 -->
+      <el-col :span="8">
+        <span>无税金额：</span>
+        <span style="margin-right: 10px;">{{ orderInfo.noTaxAmount }}</span>
+        <span style="margin-right: 10px;">-</span>
+        <span style="margin-right: 10px;">{{ noTaxAmount }}</span>
+        <span style="margin-right: 10px;">=</span>
+        <span style="color: red; margin-right: 10px;">{{ noTaxAmountDifference }}</span>
+      </el-col>
     </el-row>
 
     <KLPTable v-loading="loading" :data="orderDetailList">
@@ -192,6 +212,22 @@ export default {
     // 是否可以编辑（订单状态为新建时才能编辑）
     canEdit() {
       return this.orderInfo && this.orderInfo.orderStatus === EOrderStatus.NEW;
+    },
+    actualAmount() {
+      return this.orderDetailList?.reduce((total, item) => {
+        return total + (item.taxPrice || 0) * (item.quantity || 0);
+      }, 0) || 0;
+    },
+    amountDifference() {
+      return ((this.orderInfo?.taxAmount || 0) - this.actualAmount);
+    },
+    noTaxAmount() {
+      return this.orderDetailList?.reduce((total, item) => {
+        return total + (item.noTaxPrice || 0) * (item.quantity || 0);
+      }, 0) || 0;
+    },
+    noTaxAmountDifference() {
+      return ((this.orderInfo?.noTaxAmount || 0) - this.noTaxAmount);
     }
   },
   watch: {