1

src/components/SalesModule/passengerSaleList.vue

 <template>
 <!-- border-top: 1px solid #cccccc;margin-top: 5px -->
   <div class="passengerSaleList">
-     <div v-if="OrderBackScenicList!=null&&OrderBackScenicList.length>0 " style="width: 70%;font-size:14px;float:left">
-                <span style="color:red;margin-top: 10px;display: inline-block">{{$t('ground.tuiJingdian')}}：</span>
-                 <span v-for="(childItem,subIndex) in OrderBackScenicList" >
-                  <font style="color:green;">{{subIndex+1}}、{{ childItem.CouponsName }}</font>退票<font style="color:red;">{{childItem.Number}}</font>人：<font style="color: blue">{{childItem.GuestBackScenicName}}</font>
-                &nbsp;&nbsp; &nbsp;&nbsp;
-                </span>
-
-              </div>
-    <div class="passengerSaleList_topBtn" style="width: 30%;float:right;">
+    
+     <div v-if="OrderBackScenicList!=null&&OrderBackScenicList.length>0 " style="width: 70%;font-size:14px;float:left;margin-bottom: 10px;">
+          
+               <el-collapse accordion v-model="activeName">   
+                <el-collapse-item  name="1">
+                 <template slot="title" > &nbsp;&nbsp;{{$t('ground.tuiJingdian')}}<i class="header-icon el-icon-info"></i> </template>
+                    <div style="margin:0px 10px;">
+                                <span v-for="(childItem,subIndex) in OrderBackScenicList" >
+                                  <font style="color:green;">{{subIndex+1}}、{{ childItem.CouponsName }}</font>退票<font style="color:red;">{{childItem.Number}}</font>人：<font style="color: blue">{{childItem.GuestBackScenicName}}</font>
+                                &nbsp;&nbsp; &nbsp;&nbsp;
+                                </span></div>
+                  </el-collapse-item>
+             </el-collapse >
+     </div>
+    <div class="passengerSaleList_topBtn" style="width: 30%;float:right;margin-bottom: 10px;">
       <template v-if="isOrder==0">
         <span style="color:red;">{{$t('objFill.opygbddcz')}}</span>
       </template>
@@ -204,6 +210,7 @@
       return {
         loading: false,
         isShowOpSure:false,
+        activeName:"1",
         UpdateGuestBackScenic:{Id:0,CouponsIds:[]},
         msg: {
           id: '0',