发票详情添加申请人信息

jsowell-ui/src/views/order/invoice/detail.vue

@@ -1,19 +1,20 @@
 <template>
   <div class="app-container">
-    <el-card class="cardStyle" style="padding: 10px 0" >
+    <el-card class="cardStyle" style="padding: 10px 0">
       <div v-if="data.status === '0'" style="display: flex;justify-content: space-between;align-items: center">
         <div style="margin-right: 10px">当前状态为未开票，请点击按钮完成开票</div>
-        <el-button type="primary" round @click="dialogVisible=true">完成开票</el-button>
+        <el-button type="primary" round @click="dialogVisible = true">完成开票</el-button>
       </div>
       <div v-if="data.status === '1'" style="display: flex;justify-content: space-between;align-items: center">
-        <div style="margin-right: 10px">当前状态为已开票，{{data.updateTime}}完成开票</div>
+        <div style="margin-right: 10px">当前状态为已开票，{{ data.updateTime }}完成开票</div>
       </div>
     </el-card>
     <el-card class="cardStyle">
       <h3>开票明细</h3>
       <el-descriptions :column="1" border>
         <el-descriptions-item label="抬头类型">{{ invoiceTitle.titleType }}</el-descriptions-item>
-        <el-descriptions-item label="名称" labelStyle="width: 80px" contentStyle="width: 150px">{{ invoiceTitle.titleName }}</el-descriptions-item>
+        <el-descriptions-item label="名称" labelStyle="width: 80px" contentStyle="width: 150px">{{ invoiceTitle.titleName
+        }}</el-descriptions-item>
         <el-descriptions-item label="税号">{{ invoiceTitle.taxId }}</el-descriptions-item>
         <el-descriptions-item label="地址">{{ invoiceTitle.unitAddress }}</el-descriptions-item>
         <el-descriptions-item label="电话号码">{{ invoiceTitle.phoneNumber }}</el-descriptions-item>
@@ -31,12 +32,16 @@
       </el-table>
       <div class="marginTop"></div>
     </el-card>
-
-    <el-dialog
-      title="提示"
-      :visible.sync="dialogVisible"
-      width="35%"
-    >
+    <el-card class="cardStyle">
+      <h3>申请开票人信息</h3>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="会员id">{{ applicant.memberId }}</el-descriptions-item>
+        <el-descriptions-item label="申请人电话">{{ applicant.phoneNumber }}</el-descriptions-item>
+        <el-descriptions-item label="申请时间">{{ applicant.createTime }}</el-descriptions-item>
+      </el-descriptions>
+      <div class="marginTop"></div>
+    </el-card>
+    <el-dialog title="提示" :visible.sync="dialogVisible" width="35%">
       点击确定，将此记录更改为已开票状态！
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
@@ -46,7 +51,7 @@
   </div>
 </template>
 <script>
-import {getInvoice, updateInvoice} from "@/api/order/invoice";
+import { getInvoice, updateInvoice } from "@/api/order/invoice";
 
 export default {
   name: "",
@@ -61,6 +66,7 @@ export default {
       // 发票抬头
       invoiceTitle: {},
       dialogVisible: false,
+      applicant: {},
     };
   },
   created() {
@@ -76,6 +82,7 @@ export default {
         this.data = response.data;
         this.orderList = this.data.orderList;
         this.invoiceTitle = response.data.invoiceTitle;
+        this.applicant = response.data
       });
     },
     // 修改开票为已开票
@@ -122,10 +129,11 @@ export default {
 };
 </script>
 <style >
-.cardStyle{
+.cardStyle {
   margin-bottom: 10px;
 }
-.marginTop{
+
+.marginTop {
   margin-top: 10px;
 }
 </style>