修改样式

src/components/Ticketing/flightPerformance.vue

@@ -2,16 +2,27 @@
   .flightPerformance .fpTable th {
     border-bottom: 1px solid #d1d1d1;
     border-right: 1px solid #d1d1d1;
+    background: #E6E6E6;
+    height:40px;
+    font-size: 14px;   
+    color: #333;
   }
   .flightPerformance .fpTable{
     width:1000px;
     margin-bottom:30px;
+    border-collapse:collapse;
   }
   .flightPerformance .creatName{
     color:green;
     font-weight: bold;
     margin-right:10px;
   }
+  .flightPerformance .fpTable tr{background: #fff;text-align: center; height: 40px;}
+  .flightPerformance .fpTable tr:nth-child(2n+1){background:#fafafa; }
+  .flightPerformance .fpTable tr td{font-size: 12px;border: 1px solid #E5E5E5;}
+  .flightPerformance .fpTable tbody tr:last-child {
+    border-bottom: 2px solid #333;
+  }
 </style>
 
 <template>
@@ -40,7 +51,7 @@
         </li>
       </ul>
     </div>
-    <table class="singeRowTable fpTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading" v-for="(item,index) in dataList.resultList">
+    <table class="fpTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading" v-for="(item,index) in dataList.resultList">
       <tbody v-for="(subItem,subIndex) in item.TicketList">
         <tr v-if="subIndex==0">
           <td colspan="6">
@@ -61,7 +72,7 @@
             <td width="10%">
               {{childIndex+1}}
             </td>
-            <td width="20%" :rowspan="subItem.SubList.length+1" v-if="childIndex==0">
+            <td width="20%" :rowspan="subItem.SubList.length+1" style="border-bottom:2px solid black" v-if="childIndex==0">
                 {{subItem.OutBranchName}}
             </td>
             <td width="30%">
@@ -75,7 +86,7 @@
               </template>
             </td>
             <td width="10%">{{childItem.TicketNum}}</td>
-            <td width="10%" :rowspan="subItem.SubList.length+1" v-if="childIndex==0">{{dataList.UnitPrice}}</td>
+            <td width="10%" :rowspan="subItem.SubList.length+1" style="border-bottom:2px solid black" v-if="childIndex==0">{{dataList.UnitPrice}}</td>
             <td width="10%">{{childItem.TicketNum*dataList.UnitPrice}}</td>
           </tr>
           <tr v-if="childIndex==subItem.SubList.length-1">