| | |
| | | </TableLayout> |
| | | </div> |
| | | </template> |
| | | <template v-else-if="activeGroup == 1"> |
| | | <div style="display: block;margin-bottom: 50px;"> |
| | | <div class="header"> |
| | | <div class="header-b">积分明细</div> |
| | | <div class="header-btn"> |
| | | <el-button style="display: inline" type="primary" @click="changeIntegral">积分调整</el-button> |
| | | </div> |
| | | </div> |
| | | <TableLayout > |
| | | <!-- 表格和分页 --> |
| | | <template v-slot:table-wrap> |
| | | <div > |
| | | <div style="float: left; margin-bottom: 20px;width:50%;"> |
| | | <div class="info-item"> |
| | | <div class="info-item-a">现有积分:<span>{{info.integral || 0}}</span></div> |
| | | <div class="info-item-a">累计积分:<span>{{info.totalIntegral || 0}}</span></div> |
| | | </div> |
| | | </div> |
| | | <div style="float: right; margin-bottom: 20px;"> |
| | | <el-select v-model="searchForm2.type" placeholder="全部" clearable @change="search" style="width: 120px;" > |
| | | <el-option :key="0" :value="0" label="获得" ></el-option> |
| | | <el-option :key="1" :value="1" label="扣除" ></el-option> |
| | | </el-select> |
| | | <el-button @click="handlePageChange2(1)" type="点击刷新" icon="el-icon-refresh" style="margin-left: 10px;" ></el-button> |
| | | </div> |
| | | </div> |
| | | <el-table |
| | | v-loading="isWorking.search2" |
| | | :data="tableData2.list" |
| | | stripe |
| | | border |
| | | > |
| | | <el-table-column prop="type" label="获得/扣除" align="center" min-width="150px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.type==0" class="green">获得</span> |
| | | <span v-else class="red">扣除</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="num" label="数量" fixed align="center" min-width="100px"> </el-table-column> |
| | | <el-table-column prop="totalNum" label="余额" fixed align="center" min-width="100px"> </el-table-column> |
| | | <el-table-column prop="strObjType" label="消费类型" align="center" min-width="100px"></el-table-column> |
| | | <el-table-column prop="content" label="来源" align="center" min-width="150px" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="remark" label="备注" align="center" min-width="200px"></el-table-column> |
| | | <el-table-column prop="orderCode" label="关联订单" align="center" min-width="150px"></el-table-column> |
| | | <el-table-column prop="createDate" label="变动时间" align="center" min-width="200px"></el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | @size-change="handleSizeChange2" |
| | | @current-change="handlePageChange2" |
| | | :pagination="tableData2.pagination" |
| | | > |
| | | </pagination> |
| | | </template> |
| | | </TableLayout> |
| | | </div> |
| | | </template> |
| | | <template v-else-if="activeGroup == 2"> |
| | | <div style="display: block;margin-bottom: 50px;"> |
| | | <div class="header"> |