|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="list-view">
|
|
|
<page-title>
|
|
|
- <el-button
|
|
|
+ <!-- <el-button
|
|
|
@click="addRow"
|
|
|
type="primary"
|
|
|
icon="el-icon-plus"
|
|
|
@@ -9,7 +9,7 @@
|
|
|
class="filter-item"
|
|
|
>
|
|
|
新增
|
|
|
- </el-button>
|
|
|
+ </el-button> -->
|
|
|
<el-button
|
|
|
@click="download"
|
|
|
icon="el-icon-upload2"
|
|
|
@@ -21,6 +21,14 @@
|
|
|
</el-button>
|
|
|
</page-title>
|
|
|
<div class="filters-container">
|
|
|
+ <el-select v-model="status" placeholder="筛选状态" clearable @change="getData">
|
|
|
+ <el-option
|
|
|
+ v-for="item in statusOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :value="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
<el-input
|
|
|
placeholder="搜索..."
|
|
|
v-model="search"
|
|
|
@@ -46,9 +54,8 @@
|
|
|
<el-table-column prop="id" label="ID" width="100"> </el-table-column>
|
|
|
<el-table-column prop="userId" label="用户ID"> </el-table-column>
|
|
|
<el-table-column prop="collectionId" label="藏品ID"> </el-table-column>
|
|
|
- <el-table-column prop="qty" label="数量"> </el-table-column>
|
|
|
- <el-table-column prop="name" label="名称"> </el-table-column>
|
|
|
- <el-table-column prop="pic" label="图片">
|
|
|
+ <el-table-column prop="name" label="名称" show-overflow-tooltip> </el-table-column>
|
|
|
+ <el-table-column prop="pic" label="图片" width="80">
|
|
|
<template slot-scope="{ row }">
|
|
|
<el-image
|
|
|
style="width: 30px; height: 30px"
|
|
|
@@ -58,15 +65,15 @@
|
|
|
></el-image>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="minter" label="铸造者"> </el-table-column>
|
|
|
<el-table-column prop="price" label="价格"> </el-table-column>
|
|
|
<el-table-column prop="gasPrice" label="gas费"> </el-table-column>
|
|
|
<el-table-column prop="totalPrice" label="总价"> </el-table-column>
|
|
|
<el-table-column prop="status" label="状态" :formatter="statusFormatter"> </el-table-column>
|
|
|
<el-table-column prop="payMethod" label="支付方式" :formatter="payMethodFormatter"> </el-table-column>
|
|
|
<el-table-column prop="transactionId" label="交易ID"> </el-table-column>
|
|
|
- <el-table-column prop="payTime" label="支付时间"> </el-table-column>
|
|
|
- <el-table-column prop="txHash" label="链上hash"> </el-table-column>
|
|
|
+ <el-table-column prop="createdAt" label="创建时间" width="140"> </el-table-column>
|
|
|
+ <el-table-column prop="payTime" label="支付时间" width="140"> </el-table-column>
|
|
|
+ <el-table-column prop="txHash" label="链上hash" show-overflow-tooltip> </el-table-column>
|
|
|
<el-table-column prop="gasUsed" label="消耗gas"> </el-table-column>
|
|
|
<el-table-column label="操作" align="center" fixed="right" width="150">
|
|
|
<template slot-scope="{ row }">
|
|
|
@@ -120,7 +127,8 @@ export default {
|
|
|
payMethodOptions: [
|
|
|
{ label: '微信', value: 'WEIXIN' },
|
|
|
{ label: '支付宝', value: 'ALIPAY' }
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ status: null
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -144,7 +152,7 @@ export default {
|
|
|
return '';
|
|
|
},
|
|
|
beforeGetData() {
|
|
|
- return { search: this.search, query: { del: false } };
|
|
|
+ return { search: this.search, query: { del: false, status: this.status } };
|
|
|
},
|
|
|
toggleMultipleMode(multipleMode) {
|
|
|
this.multipleMode = multipleMode;
|