绿洲易拍

src/main/java/com/izouma/nineth/config/RedisKeys.java

@@ -9,6 +9,10 @@ public class RedisKeys {
 
     public static final String COLLECTION_SALE = "collectionSale::";
 
+    public static final String AUCTION_STOCK = "auctionStock::";
+
+    public static final String AUCTION_SALE = "auctionSale::";
+
     public static final String COLLECTION_QUOTA = "collectionQuota::";
 
     public static final String PAY_RECORD = "payRecord::";

src/main/java/com/izouma/nineth/domain/TradeAuction.java

@@ -0,0 +1,86 @@
+package com.izouma.nineth.domain;
+
+import com.izouma.nineth.annotations.Searchable;
+import com.izouma.nineth.converter.FileObjectConverter;
+import com.izouma.nineth.converter.FileObjectListConverter;
+import com.izouma.nineth.enums.AuctionType;
+import com.izouma.nineth.enums.TradeAuctionStatus;
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.*;
+import java.math.BigDecimal;
+import java.time.LocalDateTime;
+import java.util.List;
+
+@Data
+@Entity
+@AllArgsConstructor
+@NoArgsConstructor
+@Builder
+@ApiModel("绿洲易拍")
+public class TradeAuction extends BaseEntity {
+    @ApiModelProperty("拍卖名称")
+    @Searchable
+    private String name;
+
+    @ApiModelProperty("拍卖类型")
+    private Long auctionType;
+
+    @ApiModelProperty("铸造者")
+    private String minter;
+
+    @ApiModelProperty("铸造者")
+    private String minterId;
+
+    @ApiModelProperty("藏品ID")
+    private Long assetId;
+
+    @ApiModelProperty("图片")
+    @Column(columnDefinition = "TEXT")
+    @Convert(converter = FileObjectListConverter.class)
+    private List<FileObject> pic;
+
+    @Column(columnDefinition = "TEXT")
+    @Convert(converter = FileObjectConverter.class)
+    private FileObject model3d;
+
+    @ApiModelProperty("详情")
+    @Column(columnDefinition = "TEXT")
+    private String detail;
+
+    @ApiModelProperty("分类")
+    private String category;
+
+    @ApiModelProperty("一口价")
+    private BigDecimal fixedPrice;
+
+    @ApiModelProperty("开始时间")
+    private LocalDateTime startTime;
+
+    private BigDecimal currentPrice;
+
+    private String currentOwner;
+
+    private Long currentOwnerId;
+
+    private String currentOwnerAvatar;
+
+    private LocalDateTime currentEndTime;
+
+    @Enumerated(EnumType.STRING)
+    @ApiModelProperty("拍卖状态")
+    private TradeAuctionStatus status;
+
+    private Long stock;
+
+    private Long sale;
+
+    private BigDecimal earning;
+
+    private BigDecimal commission;
+}

src/main/java/com/izouma/nineth/domain/TradeAuctionOrder.java

@@ -0,0 +1,4 @@
+package com.izouma.nineth.domain;
+
+public class TradeAuctionOrder {
+}

src/main/java/com/izouma/nineth/domain/TradeAuctionRecord.java

@@ -0,0 +1,63 @@
+package com.izouma.nineth.domain;
+
+import com.izouma.nineth.annotations.Searchable;
+import com.izouma.nineth.converter.FileObjectConverter;
+import com.izouma.nineth.converter.FileObjectListConverter;
+import com.izouma.nineth.enums.AuctionType;
+import com.izouma.nineth.enums.OrderStatus;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.Data;
+
+import javax.persistence.Column;
+import javax.persistence.Convert;
+import javax.persistence.EnumType;
+import javax.persistence.Enumerated;
+import java.math.BigDecimal;
+import java.time.LocalDate;
+import java.util.List;
+
+@Data
+public class TradeAuctionRecord {
+    @ApiModelProperty("拍卖名称")
+    @Searchable
+    private String name;
+
+    @Enumerated(EnumType.STRING)
+    @ApiModelProperty("拍卖类型")
+    private AuctionType auctionType;
+
+    @ApiModelProperty("铸造者")
+    private String minter;
+
+    @ApiModelProperty("铸造者")
+    private String minterId;
+
+    @ApiModelProperty("藏品ID")
+    private Long assetId;
+
+    @ApiModelProperty("图片")
+    @Column(columnDefinition = "TEXT")
+    @Convert(converter = FileObjectListConverter.class)
+    private List<FileObject> pic;
+
+    @Column(columnDefinition = "TEXT")
+    @Convert(converter = FileObjectConverter.class)
+    private FileObject model3d;
+
+    @ApiModelProperty("详情")
+    @Column(columnDefinition = "TEXT")
+    private String detail;
+
+    @ApiModelProperty("分类")
+    private String category;
+
+    private Long        tradeId;
+    private String      nickName;
+    private Long        userId;
+    private String      userAvatar;
+    private Long        orderId;
+    private String      transactionId;
+    private LocalDate   date;
+    private BigDecimal  price;
+    private OrderStatus status;
+}

src/main/java/com/izouma/nineth/enums/TradeAuctionStatus.java

@@ -0,0 +1,20 @@
+package com.izouma.nineth.enums;
+
+public enum TradeAuctionStatus {
+    NOTSTARTED("未开始"),
+    ONGOING("进行中"),
+    PURCHASED("成熟"),
+    FIXED_PRICE_PURCHASED("一口价成交"),
+    PASS("流拍"),
+    FINISH("完成");
+
+    private final String description;
+
+    TradeAuctionStatus(String description) {
+        this.description = description;
+    }
+
+    public String getDescription() {
+        return description;
+    }
+}

src/main/java/com/izouma/nineth/repo/TradeAuctionRepo.java

@@ -0,0 +1,32 @@
+package com.izouma.nineth.repo;
+
+import com.izouma.nineth.domain.TradeAuction;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.data.jpa.repository.Query;
+
+import javax.transaction.Transactional;
+
+public interface TradeAuctionRepo extends JpaRepository<TradeAuction, Long>, JpaSpecificationExecutor<TradeAuction> {
+    @Query("update TradeAuction t set t.del = true where t.id = ?1")
+    @Modifying
+    @Transactional
+    void softDelete(Long id);
+
+    @Query("select c.stock from TradeAuction c where c.id = ?1")
+    Integer getStock(Long id);
+
+    @Query("select c.sale from TradeAuction c where c.id = ?1")
+    Integer getSale(Long id);
+
+    @Query("update TradeAuction c set c.stock = ?2 where c.id = ?1")
+    @Transactional
+    @Modifying
+    int updateStock(Long id, int stock);
+
+    @Query("update TradeAuction c set c.sale = ?2 where c.id = ?1")
+    @Transactional
+    @Modifying
+    int updateSale(Long id, int sale);
+}

src/main/java/com/izouma/nineth/service/TradeAuctionService.java

@@ -0,0 +1,105 @@
+package com.izouma.nineth.service;
+
+import com.izouma.nineth.config.GeneralProperties;
+import com.izouma.nineth.config.RedisKeys;
+import com.izouma.nineth.domain.TradeAuction;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.repo.TradeAuctionRepo;
+import com.izouma.nineth.utils.JpaUtils;
+import lombok.AllArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.rocketmq.spring.core.RocketMQTemplate;
+import org.springframework.data.domain.Page;
+import org.springframework.data.redis.core.BoundValueOperations;
+import org.springframework.data.redis.core.RedisTemplate;
+import org.springframework.stereotype.Service;
+
+import java.security.PrivateKey;
+import java.util.Optional;
+import java.util.concurrent.TimeUnit;
+
+@Service
+@AllArgsConstructor
+@Slf4j
+public class TradeAuctionService {
+
+    private TradeAuctionRepo              tradeAuctionRepo;
+    private RedisTemplate<String, Object> redisTemplate;
+    private RocketMQTemplate              rocketMQTemplate;
+    private GeneralProperties             generalProperties;
+
+    public Page<TradeAuction> all(PageQuery pageQuery) {
+        return tradeAuctionRepo
+                .findAll(JpaUtils.toSpecification(pageQuery, TradeAuction.class), JpaUtils.toPageRequest(pageQuery));
+    }
+
+    public void createRecord(Long id) {
+
+    }
+
+    public synchronized Long increaseStock(Long id, int number) {
+        BoundValueOperations<String, Object> ops = redisTemplate.boundValueOps(RedisKeys.AUCTION_STOCK + id);
+        if (ops.get() == null) {
+            Boolean success = ops.setIfAbsent(Optional.ofNullable(tradeAuctionRepo.getStock(id))
+                    .orElse(0), 7, TimeUnit.DAYS);
+            log.info("创建redis库存：{}", success);
+        }
+        Long stock = ops.increment(number);
+        rocketMQTemplate.convertAndSend(generalProperties.getUpdateStockTopic(), id);
+        return stock;
+    }
+
+    public synchronized Integer getStock(Long id) {
+        BoundValueOperations<String, Object> ops = redisTemplate.boundValueOps(RedisKeys.AUCTION_STOCK + id);
+        Integer stock = (Integer) ops.get();
+        if (stock == null) {
+            Boolean success = ops.setIfAbsent(Optional.ofNullable(tradeAuctionRepo.getStock(id))
+                    .orElse(0), 7, TimeUnit.DAYS);
+            log.info("创建redis库存：{}", success);
+            return (Integer) ops.get();
+        } else {
+            return stock;
+        }
+    }
+
+    public synchronized Long decreaseStock(Long id, int number) {
+        return increaseStock(id, -number);
+    }
+
+    public synchronized Long increaseSale(Long id, int number) {
+        BoundValueOperations<String, Object> ops = redisTemplate.boundValueOps(RedisKeys.COLLECTION_SALE + id);
+        if (ops.get() == null) {
+            Boolean success = ops.setIfAbsent(Optional.ofNullable(tradeAuctionRepo.getSale(id))
+                    .orElse(0), 7, TimeUnit.DAYS);
+            log.info("创建redis销量：{}", success);
+        }
+        Long sale = ops.increment(number);
+        redisTemplate.opsForHash().increment(RedisKeys.UPDATE_SALE, id.toString(), 1);
+//        rocketMQTemplate.convertAndSend(generalProperties.getUpdateSaleTopic(), id);
+        return sale;
+    }
+
+    public synchronized Long decreaseSale(Long id, int number) {
+        return increaseSale(id, -number);
+    }
+
+    //    @Debounce(key = "#id", delay = 500)
+    public void syncStock(Long id) {
+        Integer stock = (Integer) redisTemplate.opsForValue().get(RedisKeys.COLLECTION_STOCK + id);
+        if (stock != null) {
+            log.info("同步库存信息{}", id);
+            tradeAuctionRepo.updateStock(id, stock);
+//            cacheService.clearCollection(id);
+        }
+    }
+
+    //    @Debounce(key = "#id", delay = 500)
+    public void syncSale(Long id) {
+        Integer sale = (Integer) redisTemplate.opsForValue().get(RedisKeys.COLLECTION_SALE + id);
+        if (sale != null) {
+            log.info("同步销量信息{}", id);
+            tradeAuctionRepo.updateSale(id, sale);
+//            cacheService.clearCollection(id);
+        }
+    }
+}

src/main/java/com/izouma/nineth/web/TradeAuctionController.java

@@ -0,0 +1,60 @@
+package com.izouma.nineth.web;
+import com.izouma.nineth.domain.TradeAuction;
+import com.izouma.nineth.service.TradeAuctionService;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.exception.BusinessException;
+import com.izouma.nineth.repo.TradeAuctionRepo;
+import com.izouma.nineth.utils.ObjUtils;
+import com.izouma.nineth.utils.excel.ExcelUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.List;
+
+@RestController
+@RequestMapping("/tradeAuction")
+@AllArgsConstructor
+public class TradeAuctionController extends BaseController {
+    private TradeAuctionService tradeAuctionService;
+    private TradeAuctionRepo tradeAuctionRepo;
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/save")
+    public TradeAuction save(@RequestBody TradeAuction record) {
+        if (record.getId() != null) {
+            TradeAuction orig = tradeAuctionRepo.findById(record.getId()).orElseThrow(new BusinessException("无记录"));
+            ObjUtils.merge(orig, record);
+            return tradeAuctionRepo.save(orig);
+        }
+        return tradeAuctionRepo.save(record);
+    }
+
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/all")
+    public Page<TradeAuction> all(@RequestBody PageQuery pageQuery) {
+        return tradeAuctionService.all(pageQuery);
+    }
+
+    @GetMapping("/get/{id}")
+    public TradeAuction get(@PathVariable Long id) {
+        return tradeAuctionRepo.findById(id).orElseThrow(new BusinessException("无记录"));
+    }
+
+    @PostMapping("/del/{id}")
+    public void del(@PathVariable Long id) {
+        tradeAuctionRepo.softDelete(id);
+    }
+
+    @GetMapping("/excel")
+    @ResponseBody
+    public void excel(HttpServletResponse response, PageQuery pageQuery) throws IOException {
+        List<TradeAuction> data = all(pageQuery).getContent();
+        ExcelUtils.export(response, data);
+    }
+}
+

src/main/vue/src/router.js

@@ -1316,6 +1316,22 @@ const router = new Router({
                     meta: {
                        title: '里程碑配置',
                     },
+               },
+                {
+                    path: '/tradeAuctionEdit',
+                    name: 'TradeAuctionEdit',
+                    component: () => import(/* webpackChunkName: "tradeAuctionEdit" */ '@/views/TradeAuctionEdit.vue'),
+                    meta: {
+                       title: '绿洲易拍编辑',
+                    },
+                },
+                {
+                    path: '/tradeAuctionList',
+                    name: 'TradeAuctionList',
+                    component: () => import(/* webpackChunkName: "tradeAuctionList" */ '@/views/TradeAuctionList.vue'),
+                    meta: {
+                       title: '绿洲易拍',
+                    },
                }
                 /**INSERT_LOCATION**/
             ]

src/main/vue/src/views/TradeAuctionEdit.vue

@@ -0,0 +1,153 @@
+<template>
+    <div class="edit-view">
+        <page-title>
+            <el-button @click="$router.go(-1)" :disabled="saving">取消</el-button>
+            <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id">
+                删除
+            </el-button>
+            <el-button @click="onSave" :loading="saving" type="primary">保存</el-button>
+        </page-title>
+        <div class="edit-view__content-wrapper">
+            <div class="edit-view__content-section">
+                <el-form :model="formData" :rules="rules" ref="form" label-width="156px" label-position="right"
+                         size="small"
+                         style="max-width: 500px;">
+                        <el-form-item prop="name" label="拍卖名称">
+                                    <el-input v-model="formData.name"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="auctionType" label="拍卖类型">
+                                    <el-input-number type="number" v-model="formData.auctionType"></el-input-number>
+                        </el-form-item>
+                        <el-form-item prop="minter" label="铸造者">
+                                    <el-input v-model="formData.minter"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="minterId" label="铸造者">
+                                    <el-input v-model="formData.minterId"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="assetId" label="藏品ID">
+                                    <el-input-number type="number" v-model="formData.assetId"></el-input-number>
+                        </el-form-item>
+                        <el-form-item prop="pic" label="图片">
+                                    <el-input v-model="formData.pic"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="model3d" label="model3d">
+                                    <el-input v-model="formData.model3d"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="detail" label="详情">
+                                    <el-input v-model="formData.detail"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="category" label="分类">
+                                    <el-input v-model="formData.category"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="fixedPrice" label="一口价">
+                                    <el-input-number type="number" v-model="formData.fixedPrice"></el-input-number>
+                        </el-form-item>
+                        <el-form-item prop="startTime" label="开始时间">
+                                    <el-date-picker
+                                            v-model="formData.startTime"
+                                            type="datetime"
+                                            value-format="yyyy-MM-dd HH:mm:ss"
+                                            placeholder="选择日期时间">
+                                    </el-date-picker>
+                        </el-form-item>
+                        <el-form-item prop="currentPrice" label="currentPrice">
+                        </el-form-item>
+                        <el-form-item prop="currentOwner" label="currentOwner">
+                        </el-form-item>
+                        <el-form-item prop="currentOwnerId" label="currentOwnerId">
+                        </el-form-item>
+                        <el-form-item prop="currentOwnerAvatar" label="currentOwnerAvatar">
+                        </el-form-item>
+                        <el-form-item prop="currentEndTime" label="currentEndTime">
+                        </el-form-item>
+                        <el-form-item prop="status" label="拍卖状态">
+                        </el-form-item>
+                        <el-form-item prop="stock" label="stock">
+                                    <el-input-number type="number" v-model="formData.stock"></el-input-number>
+                        </el-form-item>
+                        <el-form-item prop="sale" label="sale">
+                        </el-form-item>
+                    <el-form-item class="form-submit">
+                        <el-button @click="onSave" :loading="saving" type="primary">
+                            保存
+                        </el-button>
+                        <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id">
+                            删除
+                        </el-button>
+                        <el-button @click="$router.go(-1)" :disabled="saving">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    export default {
+        name: 'TradeAuctionEdit',
+        created() {
+            if (this.$route.query.id) {
+                this.$http
+                    .get('tradeAuction/get/' + this.$route.query.id)
+                    .then(res => {
+                        this.formData = res;
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.$message.error(e.error);
+                    });
+            }
+        },
+        data() {
+            return {
+                saving: false,
+                formData: {
+                },
+                rules: {
+                },
+                statusOptions: [{"label":"未开始","value":"NOTSTARTED"},{"label":"进行中","value":"ONGOING"},{"label":"成熟","value":"PURCHASED"},{"label":"一口价成交","value":"FIXED_PRICE_PURCHASED"},{"label":"流拍","value":"PASS"},{"label":"完成","value":"FINISH"}],
+            }
+        },
+        methods: {
+            onSave() {
+                this.$refs.form.validate((valid) => {
+                    if (valid) {
+                        this.submit();
+                    } else {
+                        return false;
+                    }
+                });
+            },
+            submit() {
+                let data = {...this.formData};
+
+                this.saving = true;
+                this.$http
+                    .post('/tradeAuction/save', data, {body: 'json'})
+                    .then(res => {
+                        this.saving = false;
+                        this.$message.success('成功');
+                        this.$router.go(-1);
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.saving = false;
+                        this.$message.error(e.error);
+                    });
+            },
+            onDelete() {
+                this.$confirm('删除将无法恢复，确认要删除么？', '警告', {type: 'error'}).then(() => {
+                    return this.$http.post(`/tradeAuction/del/${this.formData.id}`)
+                }).then(() => {
+                    this.$message.success('删除成功');
+                    this.$router.go(-1);
+                }).catch(e => {
+                    if (e !== 'cancel') {
+                        console.log(e);
+                        this.$message.error((e || {}).error || '删除失败');
+                    }
+                })
+            },
+        }
+    }
+</script>
+<style lang="less" scoped></style>

src/main/vue/src/views/TradeAuctionList.vue

@@ -0,0 +1,226 @@
+<template>
+    <div  class="list-view">
+        <page-title>
+            <el-button @click="addRow" type="primary" icon="el-icon-plus" :disabled="fetchingData || downloading" class="filter-item">
+                新增
+            </el-button>
+            <el-button @click="download" icon="el-icon-upload2" :loading="downloading" :disabled="fetchingData" class="filter-item">
+                导出
+            </el-button>
+        </page-title>
+        <div class="filters-container">
+            <el-input
+                    placeholder="搜索..."
+                    v-model="search"
+                    clearable
+                    class="filter-item search"
+                    @keyup.enter.native="getData"
+            >
+                <el-button @click="getData" slot="append" icon="el-icon-search"> </el-button>
+            </el-input>
+        </div>
+        <el-table :data="tableData" row-key="id" ref="table"
+                  header-row-class-name="table-header-row"
+                  header-cell-class-name="table-header-cell"
+                  row-class-name="table-row" cell-class-name="table-cell"
+                  :height="tableHeight" v-loading="fetchingData">
+            <el-table-column v-if="multipleMode" align="center" type="selection"
+                             width="50">
+            </el-table-column>
+            <el-table-column prop="id" label="ID" width="100">
+            </el-table-column>
+                                <el-table-column prop="name" label="拍卖名称"
+>
+                    </el-table-column>
+                    <el-table-column prop="auctionType" label="拍卖类型"
+>
+                    </el-table-column>
+                    <el-table-column prop="minter" label="铸造者"
+>
+                    </el-table-column>
+                    <el-table-column prop="minterId" label="铸造者"
+>
+                    </el-table-column>
+                    <el-table-column prop="assetId" label="藏品ID"
+>
+                    </el-table-column>
+                    <el-table-column prop="pic" label="图片"
+>
+                    </el-table-column>
+                    <el-table-column prop="model3d" label="model3d"
+>
+                    </el-table-column>
+                    <el-table-column prop="detail" label="详情"
+>
+                    </el-table-column>
+                    <el-table-column prop="category" label="分类"
+>
+                    </el-table-column>
+                    <el-table-column prop="fixedPrice" label="一口价"
+>
+                    </el-table-column>
+                    <el-table-column prop="startTime" label="开始时间"
+>
+                    </el-table-column>
+                    <el-table-column prop="currentPrice" label="currentPrice"
+>
+                    </el-table-column>
+                    <el-table-column prop="currentOwner" label="currentOwner"
+>
+                    </el-table-column>
+                    <el-table-column prop="currentOwnerId" label="currentOwnerId"
+>
+                    </el-table-column>
+                    <el-table-column prop="currentOwnerAvatar" label="currentOwnerAvatar"
+>
+                    </el-table-column>
+                    <el-table-column prop="currentEndTime" label="currentEndTime"
+>
+                    </el-table-column>
+                    <el-table-column prop="status" label="拍卖状态"
+                            :formatter="statusFormatter"
+                        >
+                    </el-table-column>
+                    <el-table-column prop="stock" label="stock"
+>
+                    </el-table-column>
+                    <el-table-column prop="sale" label="sale"
+>
+                    </el-table-column>
+            <el-table-column
+                    label="操作"
+                    align="center"
+                    fixed="right"
+                    width="150">
+                <template slot-scope="{row}">
+                    <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
+                    <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <div class="pagination-wrapper">
+            <!-- <div class="multiple-mode-wrapper">
+                <el-button v-if="!multipleMode" @click="toggleMultipleMode(true)">批量编辑</el-button>
+                <el-button-group v-else>
+                    <el-button @click="operation1">批量操作1</el-button>
+                    <el-button @click="operation2">批量操作2</el-button>
+                    <el-button @click="toggleMultipleMode(false)">取消</el-button>
+                </el-button-group>
+            </div> -->
+            <el-pagination background @size-change="onSizeChange"
+                           @current-change="onCurrentChange" :current-page="page"
+                           :page-sizes="[10, 20, 30, 40, 50]" :page-size="pageSize"
+                           layout="total, sizes, prev, pager, next, jumper"
+                           :total="totalElements">
+            </el-pagination>
+        </div>
+
+    </div>
+</template>
+<script>
+    import { mapState } from "vuex";
+    import pageableTable from "@/mixins/pageableTable";
+
+    export default {
+        name: 'TradeAuctionList',
+        mixins: [pageableTable],
+        data() {
+            return {
+                multipleMode: false,
+                search: "",
+                url: "/tradeAuction/all",
+                downloading: false,
+                        statusOptions:[{"label":"未开始","value":"NOTSTARTED"},{"label":"进行中","value":"ONGOING"},{"label":"成熟","value":"PURCHASED"},{"label":"一口价成交","value":"FIXED_PRICE_PURCHASED"},{"label":"流拍","value":"PASS"},{"label":"完成","value":"FINISH"}],
+            }
+        },
+        computed: {
+            selection() {
+                return this.$refs.table.selection.map(i => i.id);
+            }
+        },
+        methods: {
+                    statusFormatter(row, column, cellValue, index) {
+                        let selectedOption = this.statusOptions.find(i => i.value === cellValue);
+                        if (selectedOption) {
+                            return selectedOption.label;
+                        }
+                        return '';
+                    },
+            beforeGetData() {
+                return { search: this.search, query: { del: false } };
+            },
+            toggleMultipleMode(multipleMode) {
+                this.multipleMode = multipleMode;
+                if (!multipleMode) {
+                    this.$refs.table.clearSelection();
+                }
+            },
+            addRow() {
+                this.$router.push({
+                    path: "/tradeAuctionEdit",
+                    query: {
+                        ...this.$route.query
+                    }
+                });
+            },
+            editRow(row) {
+                this.$router.push({
+                    path: "/tradeAuctionEdit",
+                    query: {
+                    id: row.id
+                    }
+                });
+            },
+            download() {
+                this.downloading = true;
+                this.$axios
+                    .get("/tradeAuction/excel", { 
+                        responseType: "blob",
+                        params: { size: 10000 }
+                    })
+                    .then(res => {
+                        console.log(res);
+                        this.downloading = false;
+                        const downloadUrl = window.URL.createObjectURL(new Blob([res.data]));
+                        const link = document.createElement("a");
+                        link.href = downloadUrl;
+                        link.setAttribute(
+                            "download",
+                            res.headers["content-disposition"].split("filename=")[1]
+                        );
+                        document.body.appendChild(link);
+                        link.click();
+                        link.remove();
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.downloading = false;
+                        this.$message.error(e.error);
+                    });
+            },
+            operation1() {
+                this.$notify({
+                    title: '提示',
+                    message: this.selection
+                });
+            },
+            operation2() {
+                this.$message('操作2');
+            },
+            deleteRow(row) {
+                this.$alert('删除将无法恢复，确认要删除么？', '警告', {type: 'error'}).then(() => {
+                    return this.$http.post(`/tradeAuction/del/${row.id}`)
+                }).then(() => {
+                    this.$message.success('删除成功');
+                    this.getData();
+                }).catch(e => {
+                    if (e !== 'cancel') {
+                        this.$message.error(e.error);
+                    }
+                })
+            },
+        }
+    }
+</script>
+<style lang="less" scoped>
+</style>