调整发票细节

src/views/personalCenter/components/InvoiceList.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="my-share personal-info">
     <div class="common-title-box">
-      <h2>发票管理</h2>
+      <h2>发票申请</h2>
     </div>
     <div class="search-item">
       <label>状态</label>
@@ -32,7 +32,7 @@
         :index="(pageNumber - 1) * pageSize + 1"
       >
       </el-table-column>
-      <el-table-column prop="id" label="ID" width="250"> </el-table-column>
+      <!-- <el-table-column prop="id" label="ID" width="250"> </el-table-column> -->
       <el-table-column prop="sn" label="编号" width="190"> </el-table-column>
       <el-table-column prop="invoice_type" label="发票类型" width="90">
         <template slot-scope="scope">
@@ -113,7 +113,7 @@
     <el-dialog
       title="发票申请信息"
       :visible.sync="dialogVisible"
-      width="800px"
+      width="600px"
       class="invoice-dialog"
       v-if="ktjeInfo"
     >
@@ -161,7 +161,7 @@
 
       <div class="item-info">
         <label>金额：</label>
-        <b>{{ ktjeInfo.amount | cutMoneyFiter }}</b>
+        <b>￥{{ ktjeInfo.amount | cutMoneyFiter }}</b>
       </div>
       <template v-if="ktjeInfo.invoice_file_url">
         <div class="item-info">
@@ -196,8 +196,8 @@
         <h5>订单列表</h5>
         <el-table class="search-table" :data="ktje" style="width: 100%">
           <el-table-column type="index" label="#" width="54"> </el-table-column>
-          <el-table-column prop="id" label="订单ID" width="250">
-          </el-table-column>
+          <!-- <el-table-column prop="id" label="订单ID" width="250">
+          </el-table-column> -->
           <el-table-column prop="sn" label="订单编号" width="190">
           </el-table-column>
 

src/views/personalCenter/components/OrderList.vue

@@ -159,6 +159,23 @@
           <span>￥{{ scope.row.refund_amount | cutMoneyFiter }}</span>
         </template>
       </el-table-column>
+      <el-table-column prop="invoice_status" label="发票状态" width="112">
+        <template slot-scope="scope">
+          <div class="status-box">
+            <span
+              :style="{
+                background: InvoiceStatusList[scope.row.invoice_status].bg,
+              }"
+            ></span>
+            <b
+              :style="{
+                color: InvoiceStatusList[scope.row.invoice_status].textColor,
+              }"
+              >{{ InvoiceStatusList[scope.row.invoice_status].text }}</b
+            >
+          </div>
+        </template>
+      </el-table-column>
       <el-table-column prop="status" label="操作" width="140" fixed="right">
         <template slot-scope="scope">
           <template
@@ -422,6 +439,23 @@ export default {
         //     bg:'#FFECE8'
         // }
       },
+      InvoiceStatusList: {
+        2: {
+          text: "已开发票",
+          bg: "#00B42A",
+          textColor: "#1D2129",
+        },
+        0: {
+          text: "未开发票",
+          bg: "#165DFF",
+          textColor: "#1D2129",
+        },
+        1: {
+          text: "已提交申请",
+          bg: "#F7BA1E",
+          textColor: "#1D2129",
+        },
+      },
       orderList: [],
       total_count: 0,
       dataSort: {

src/views/personalCenter/index.vue

@@ -101,7 +101,7 @@ export default {
         },
         {
           icon: "invoice",
-          label: "发票管理",
+          label: "发票申请",
           type: "invoice",
         },
         {