Bläddra i källkod

feat(bx-mobile): show linked invoices on reimburse detail

Co-authored-by: Cursor <cursoragent@cursor.com>
zlwu 2 månader sedan
förälder
incheckning
9750e1f39d
1 ändrade filer med 23 tillägg och 0 borttagningar
  1. 23 0
      bx-mobile/src/views/reimburse/ReimburseDetailPage.vue

+ 23 - 0
bx-mobile/src/views/reimburse/ReimburseDetailPage.vue

@@ -122,6 +122,25 @@
               </div>
             </section>
 
+            <section
+              v-if="linkedInvoices.length"
+              class="detail-info-card"
+              aria-label="关联发票"
+            >
+              <div class="detail-info-card__title">关联发票</div>
+              <div
+                v-for="inv in linkedInvoices"
+                :key="inv.id"
+                class="list-card-kv"
+                style="padding: 6px 0"
+              >
+                <span class="list-card-kv__k">金额 / 备注</span>
+                <span class="list-card-kv__v">
+                  ¥{{ Number(inv.amount || 0).toFixed(2) }} · {{ inv.remark || '-' }}
+                </span>
+              </div>
+            </section>
+
             <section class="detail-info-card detail-info-card--attachments-bundle" aria-label="附件信息">
               <div class="detail-info-card__title">附件信息</div>
 
@@ -463,6 +482,10 @@ const router = useRouter()
 const route = useRoute()
 
 const detail = ref<any>(null)
+const linkedInvoices = computed(() => {
+  const list = detail.value?.invoices
+  return Array.isArray(list) ? list : []
+})
 const detailTab = ref(0)
 const approvals = ref<any[]>([])
 const applyAttachments = ref<any[]>([])