账单详情

src/views/billManagement/reconciledBillDetail.vue

 <template>
   <div class="pagex">
     <div class="section-page">
-      <el-row v-if="detailData.recall_id" style="margin-bottom: 15px;">
-        <el-col :span="4">
-          <div style="font-weight: bold">{{ detailData.recall_sn }}（{{ detailData.recall_status_val }}）</div>
-        </el-col>
-        <el-col :span="4">
-          <div>订单人员：{{ detailData.order_uname }}</div>
-        </el-col>
-        <el-col :span="4">
-          <div>收货人：{{ detailData.supplier_address.contact }}</div>
-        </el-col>
-        <el-col :span="4">
-          <div>收货人电话：{{ detailData.supplier_address.mobile }}</div>
-        </el-col>
-        <el-col :span="10" style="margin-top: 5px">
-          <div>收货地址：{{ detailData.supplier_address.province }}{{ detailData.supplier_address.city }}{{ detailData.supplier_address.district }}{{ detailData.supplier_address.detail }}</div>
-        </el-col>
-      </el-row>
+      <!-- 详情信息区 -->
+      <el-descriptions :column="3" border style="margin-bottom: 15px;">
+        <el-descriptions-item label="账单号">{{ detailData.bill_sn }}</el-descriptions-item>
+        <el-descriptions-item label="账单名称">{{ detailData.bill_name }}</el-descriptions-item>
+        <el-descriptions-item label="供应商名称">{{ detailData.supplier_name }}</el-descriptions-item>
+        <el-descriptions-item label="采购组织">{{ detailData.purchase_org }}</el-descriptions-item>
+        <el-descriptions-item label="币种">{{ detailData.currency_val }}</el-descriptions-item>
+        <el-descriptions-item label="应付总金额">{{ detailData.total_amount }}</el-descriptions-item>
+        <el-descriptions-item label="未付总金额">{{ detailData.unpaid_amount }}</el-descriptions-item>
+        <el-descriptions-item label="已付总金额">{{ detailData.paid_amount }}</el-descriptions-item>
+        <el-descriptions-item label="付款中总金额">{{ detailData.paying_amount }}</el-descriptions-item>
+        <el-descriptions-item label="创建日期">{{ detailData.create_time }}</el-descriptions-item>
+        <el-descriptions-item label="备注" :span="2">{{ detailData.remark }}</el-descriptions-item>
+      </el-descriptions>
+
       <!--列表区-->
       <div class="data-box">
         <el-table :data="list" border max-height="600" @selection-change="handleSelectionChange">
@@ -25,7 +23,7 @@
           <el-table-column prop="order_no" label="应付单号" width="180" :show-overflow-tooltip="true" align="center"></el-table-column>
           <el-table-column prop="goods_name" label="型号" width="200" :show-overflow-tooltip="true" align="center"></el-table-column>
           <el-table-column prop="brand_name" label="品牌" :show-overflow-tooltip="true" align="center"></el-table-column>
-          <el-table-column prop="price_single" label="采购单价（含税）" width="160"  :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="price_single" label="采购单价（含税）" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
           <el-table-column prop="quantity" label="数量" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
           <el-table-column prop="currency_val" label="币种" width="80" :show-overflow-tooltip="true" align="center"></el-table-column>
           <el-table-column prop="pay_amount" label="应付金额" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
@@ -76,7 +74,7 @@ export default {
     getData() {
       this.$http('GET', "/api/bill/getVerifiedBillDetail", {bill_id: this.bill_id, page: this.page, limit: this.limit}).then(res => {
         if (res.code === 0) {
-          this.detailData = res.data;
+          this.detailData = res.data.bill_info;
           this.list = res.data.list;
           this.total = res.data.total || 0;
         } else {