|  |  | 
 |  |  |       <div class="modal_title">套餐名称:{{ detail.name }}</div> | 
 |  |  |       <div class="place"> | 
 |  |  |         <span>套餐号:{{ detail.code }}</span> | 
 |  |  |         <span v-if="detail.useType == 1">有效期:{{ detail.useDays }}天</span> | 
 |  |  |         <span v-if="detail.useType == 1">有效期:{{ detail.useStartDate }}至{{ detail.useEndDate }}</span> | 
 |  |  |         <span v-if="detail.useType == 0">有效期:{{ detail.useStartDate }}至{{ detail.useEndDate }}</span> | 
 |  |  |         <span v-if="detail.useType == 2">有效期:{{ detail.useStartDate }}至{{ detail.useEndDate }}</span> | 
 |  |  |       </div> | 
 |  |  | 
 |  |  |         <div style="border-bottom: 2px solid #e5e7ec; margin-top: 1px;">{{ activeTab == 0 ? '使用情况' : '操作情况' }}:{{ pagination.total }}次</div> | 
 |  |  |       </div> | 
 |  |  |       <el-table v-if="activeTab == 0" v-loading="loading" :data="list" stripe border> | 
 |  |  |         <el-table-column prop="createDate" align="center" label="使用时间" min-width="100" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="discountMemberId" align="center" label="关联订单" min-width="120" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="createDate" align="center" label="使用时间" min-width="120" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="goodsorderId" align="center" label="关联订单" min-width="140" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="" align="center" label="骑车时长" min-width="80" show-overflow-tooltip> | 
 |  |  |           <template v-slot="{ row }"> | 
 |  |  |             {{ row.rideTime }}分钟 | 
 |  |  | 
 |  |  |         <el-table-column prop="ridePrice" align="center" label="抵扣金额" min-width="100" show-overflow-tooltip /> | 
 |  |  |       </el-table> | 
 |  |  |       <el-table v-if="activeTab == 2" v-loading="loading" :data="list" stripe border> | 
 |  |  |         <el-table-column prop="createDate" align="center" label="操作时间" min-width="100" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="createDate" align="center" label="操作时间" min-width="120" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="info" align="center" label="操作类型" min-width="100" show-overflow-tooltip> | 
 |  |  |           <template v-slot="{ row }"> | 
 |  |  |            <span v-if="row.type == 0">用户骑行使用</span> | 
 |  |  |            <span v-if="row.type == 1">平台作废</span> | 
 |  |  |            <span v-if="row.type == 2">平台调整</span> | 
 |  |  |            <span v-if="row.type == 1">套餐作废</span> | 
 |  |  |            <span v-if="row.type == 2">套餐调整</span> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column prop="editInfo" align="center" label="操作备注" min-width="100" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="creatorName" align="center" label="操作人" min-width="100" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="editInfo" align="center" label="操作备注" min-width="200" show-overflow-tooltip /> | 
 |  |  |         <el-table-column prop="creatorName" align="center" label="操作人" min-width="80" show-overflow-tooltip /> | 
 |  |  |       </el-table> | 
 |  |  |       <div class="table_btns"> | 
 |  |  |         <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> | 
 |  |  | 
 |  |  |     getDetail(row) { | 
 |  |  |       comboSalerDetailPost(row.id).then(res => { | 
 |  |  |         this.detail = res | 
 |  |  |         this.activeTab = '0' | 
 |  |  |         this.getList() | 
 |  |  |       }, () => { | 
 |  |  |  |