完善盲票销售订单详情

src/views/order/userTicket/detail.vue

@@ -11,15 +11,23 @@
           </div>
           <div class="info-item-content-one">
             <div class="title">订单类型：</div>
-            <div class="txt">盲票销售订单</div>
+            <div class="txt">用户盲票订单</div>
           </div>
-        </div>
-        <div class="info-item-content">
           <div class="info-item-content-one">
             <div class="title">下单时间：</div>
             <div class="txt">{{ parseTime(info.createdTime) }}</div>
           </div>
         </div>
+        <div class="info-item-content">
+          <div class="info-item-content-one">
+            <div class="title">优惠金额：</div>
+            <div class="txt">{{ $numberFormat(info.discountAmt) }}元</div>
+          </div>
+          <div class="info-item-content-one">
+            <div class="title">实付金额：</div>
+            <div class="txt">{{ $numberFormat(info.payAmt) }}元</div>
+          </div>
+        </div>
       </div>
     </div>
     <!-- 买家信息 -->
@@ -42,46 +50,10 @@
         </div>
       </div>
     </div>
-    <!-- 兑奖状态 -->
-    <div class="info">
-      <div class="info-title">兑奖状态</div>
-      <div class="info-item">
-        <div class="info-item-content">
-          <div class="info-item-content-one">
-            <div class="title">兑奖状态：</div>
-            <div class="txt">{{ info.status && JSON.parse(info.status) .desc }}</div>
-          </div>
-          <div class="info-item-content-one">
-            <div class="title">奖级：</div>
-            <div class="txt">{{ info.prizeGrade }}</div>
-          </div>
-        </div>
-        <div class="info-item-content">
-          <div class="info-item-content-one">
-            <div class="title">奖品名称：</div>
-            <div class="txt">{{ info.prizeTitle }}</div>
-          </div>
-        </div>
-      </div>
-    </div>
     <!-- 盲票信息 -->
     <div class="info">
       <div class="info-title">盲票信息</div>
       <div class="info-item">
-        <div class="info-item-content">
-          <div class="info-item-content-one">
-            <div class="title">盲票序列号：</div>
-            <div class="txt">{{ info.serialNo }}</div>
-          </div>
-          <div class="info-item-content-one">
-            <div class="title">盲票售价：</div>
-            <div class="txt">{{ $numberFormat(info.salePrice) }}元</div>
-          </div>
-          <div class="info-item-content-one">
-            <div class="title">支付金额：</div>
-            <div class="txt">{{ $numberFormat(info.payAmt) }}元</div>
-          </div>
-        </div>
         <div class="info-item-content">
           <div class="info-item-content-one">
             <div class="title">盲票组名称：</div>
@@ -96,8 +68,34 @@
             <div class="txt">{{ info.saleCommRate }}%</div>
           </div>
         </div>
+        <div class="info-item-content">
+          <div class="info-item-content-one">
+            <div class="title">购买数量：</div>
+            <div class="txt">{{ info.ticketNum }}</div>
+          </div>
+          <div class="info-item-content-one">
+            <div class="title">盲票售价：</div>
+            <div class="txt">{{ $numberFormat(info.salePrice) }}元</div>
+          </div>
+        </div>
       </div>
     </div>
+    <div class="info">
+      <table border="1" class="table" bordercolor="#CCC">
+        <tr width="20%">
+          <th>盲票序列号</th>
+          <th>兑奖状态</th>
+          <th>奖级</th>
+          <th>奖品</th>
+        </tr>
+        <tr v-for="(item, index) in info.ticketDetailList" :key="index">
+          <td>{{ item.serialNo }}</td>
+           <td>{{ item.status && JSON.parse(item.status).desc }}</td>
+           <td>{{ item.prizeGrade }}</td>
+           <td>{{ item.prizeTitle }}</td>
+        </tr>
+      </table>
+    </div>
   </div>
 </template>
 <script>
@@ -119,7 +117,6 @@ export default {
         if (res.code == 0) {
           this.info = {
             ...res.data,
-            ...res.data.ticketDetailList[0]
           };
         }
       });
@@ -167,4 +164,20 @@ export default {
     margin-left: 20px;
   }
 }
+.table {
+  border-collapse: collapse;
+  width: 100%;
+  line-height: 32px;
+  color: #606266;
+  font-size: 14px;
+  th {
+    background-color: #ECECEC;
+  }
+  td {
+    text-align: center;
+  }
+  .pd {
+    padding: 15px;
+  }
+}
 </style>

src/views/order/userTicket/index.vue

@@ -212,7 +212,6 @@ export default {
 
     //搜索
     handleQuery() {
-      this.siteList = this.siteCopyList;
       this.pageParams.pageNum = 1;
       this.getList();
     },