Commit 0a5dcca2 by shaojiawen

update:卡券UI修改

parent adf38030
<template>
<div class="p20" v-loading="loading">
<div class="pb20 clearfix flex-center">
<el-select class="dm-select mr10 w140" clearable v-model="listParams.cardType" placeholder="所有卡券类型" @change="refresh">
<!-- <el-select class="dm-select mr10 w140" clearable v-model="listParams.cardType" placeholder="所有卡券类型" @change="refresh">
<el-option v-for="(v, i) in cardType" :key="i" :label="v.label" :value="v.value"></el-option>
</el-select>
</el-select> -->
<el-select class="dm-select mr10 w140" clearable v-model="listParams.statusFlag" placeholder="所有使用状态" @change="refresh">
<el-option v-for="(v, i) in status" :key="i" :label="v.label" :value="v.value"></el-option>
</el-select>
......@@ -13,24 +13,24 @@
</el-select>
<el-input placeholder="请输入关键字" class="mr10 w400" v-model="searchValue" clearable @change="refresh">
<el-select v-model="searchType" slot="prepend" style="width:120px;" placeholder="请选择" @change="refresh">
<el-option label="卡券名称" value="cardName"></el-option>
<!-- <el-option label="卡券名称" value="cardName"></el-option>
<el-option label="备注名" value="remarkName"></el-option>
<el-option label="副标题" value="subTitle"></el-option>
<el-option label="副标题" value="subTitle"></el-option> -->
<el-option label="会员昵称" value="memberName"></el-option>
<el-option label="会员手机号" value="memberPhone"></el-option>
<el-option label="会员卡号" value="memberCardNo"></el-option>
</el-select>
</el-input>
<el-button class="ml10" type="text" @click="isOpen = !isOpen">{{ isOpen ? '收起' : '展开' }}<i :class="`${isOpen ? 'el-icon-arrow-up' : 'el-icon-arrow-down'} el-icon--right ml5`"></i></el-button>
<!-- <el-button class="ml10" type="text" @click="isOpen = !isOpen">{{ isOpen ? '收起' : '展开' }}<i :class="`${isOpen ? 'el-icon-arrow-up' : 'el-icon-arrow-down'} el-icon--right ml5`"></i></el-button> -->
<dm-perm-button class="mlAuto" :disabled="$itemPerm($itemCode.gicCardMemberGetExport)" type="primary" icon="iconfont-market4 mr5 icon-icon_yunxiazai" @click="showExport">数据导出</dm-perm-button>
</div>
<div v-show="isOpen" class="table-search-head p20">
<!-- <div v-show="isOpen" class="table-search-head p20"> -->
<el-tooltip content="数据量较大,最多支持筛选7日,请耐心等待" placement="bottom" open-delay="200">
<span class="tooltip-icon">领取时间</span>
</el-tooltip>
<el-date-picker class="w250" style="margin-right:60px" v-model="dateTime" type="daterange" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" @change="changeTime" :clearable="false"></el-date-picker>
核销时间:<el-date-picker class="w250" v-model="dateTime2" type="daterange" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" @change="refresh"></el-date-picker>
</div>
<!-- </div> -->
<el-table class="mt20" tooltip-effect="dark" :data="tableList" style="width:100%" :max-height="mainHeight(54 + 50)">
<el-table-column label="领取时间" min-width="120" fixed="left">
<span slot-scope="scope" v-html="listTime(scope.row.receiveTime)"></span>
......@@ -143,7 +143,7 @@ export default {
memberType: '', // 0会员 1非会员
},
searchValue: '',
searchType: 'cardName',
searchType: 'memberName',
cardType: Object.keys(cardType).map(v => { return cardType[v]; }),
status: _statusList,
cardOrderShow: false,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment