|  |  | 
 |  |  | <template> | 
 |  |  |   <GlobalWindow :title="title" width="1000px" :visible.sync="visible" :confirm-working="isWorking"> | 
 |  |  |   <GlobalWindow :title="title" width="1100px" :visible.sync="visible" :confirm-working="isWorking"> | 
 |  |  |     <div class="title">订单信息</div> | 
 |  |  |     <div class="info_warp"> | 
 |  |  |       <div class="item"> | 
 |  |  | 
 |  |  |       </div> | 
 |  |  |       <div class="item"> | 
 |  |  |         <div class="la">完成时间:</div> | 
 |  |  |         <div class="val">{{ info.closeDate }}</div> | 
 |  |  |         <div class="val">{{ info.payDate }}</div> | 
 |  |  |       </div> | 
 |  |  |       <div class="item"> | 
 |  |  |         <div class="la">备注:</div> | 
 |  |  | 
 |  |  |       <el-table-column prop="name" min-width="100px" label="套餐卡" show-overflow-tooltip align="center"></el-table-column> | 
 |  |  |       <el-table-column prop="refundType" label="有效期" min-width="160px" align="center"> | 
 |  |  |         <template slot-scope="{row}"> | 
 |  |  |           {{ row.startDate }} 至 {{ row.endDate }} | 
 |  |  |           {{ row.useStartDate }} 至 {{ row.useEndDate }} | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column label="数量" width="80px" align="center"> |