|
@@ -15,19 +15,19 @@
|
|
|
<el-divider></el-divider>
|
|
|
<el-form label-width="80px" class="filter-form">
|
|
|
<el-row>
|
|
|
- <el-col :span="5">
|
|
|
+ <el-col :span="4">
|
|
|
<el-form-item label="比赛名称" prop="match_id">
|
|
|
- <el-select v-model="queryParams.match_id" placeholder="请选择比赛" size="mini">
|
|
|
+ <el-select v-model="queryParams.match_id" placeholder="请选择比赛" size="mini" @change="getData()">
|
|
|
<el-option v-for="item in matchList" :key='item.id' :label="item.name" :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
<el-form-item label="选手名字">
|
|
|
- <el-input v-model="queryParams.username" placeholder="请输入选手名字/代码" size="mini"></el-input>
|
|
|
+ <el-input clearable @clear="getData()" v-model="queryParams.username" placeholder="请输入选手名字/代码" size="mini"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="5">
|
|
|
+ <el-col :span="4">
|
|
|
<el-form-item label="比赛日期">
|
|
|
<el-date-picker
|
|
|
v-model="queryParams.date"
|
|
@@ -40,16 +40,17 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="5">
|
|
|
+ <el-col :span="4">
|
|
|
<el-form-item label="比赛分组">
|
|
|
- <el-select v-model="queryParams.groupId" placeholder="请选择比赛分组" size="mini">
|
|
|
+ <el-select clearable @clear="getData()" v-model="queryParams.groupId" placeholder="请选择比赛分组" size="mini" @change="getData()">
|
|
|
<el-option v-for="item in groupList" :key='item.id' :label="item.name" :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="5">
|
|
|
+ <el-col :span="4">
|
|
|
<el-form-item style="margin-left:10px;" label-width="10">
|
|
|
<el-button type="primary" @click="getData" size="mini">筛选</el-button>
|
|
|
+ <el-button type="normal" @click="queryParams={},getData()" size="mini">重置</el-button>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
plain
|
|
@@ -59,15 +60,20 @@
|
|
|
>上传数据</el-button>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item style="margin-left:10px;" label-width="10">
|
|
|
+ <el-button icon="el-icon-download" type="primary" @click="downloadExcel" size="mini">导出Excel</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<el-table :data="list" height='55vh' style="width: 100%;margin-top:10px;" v-loading='loading'>
|
|
|
<el-table-column prop="rank" label="排名"/>
|
|
|
<el-table-column prop="username" label="选手"/>
|
|
|
<el-table-column prop="stock_date" label="持股日期" width="150"/>
|
|
|
- <el-table-column prop="init_fund" label="初始资产"/>
|
|
|
- <el-table-column prop="yesterday_fund" label="昨日资产"/>
|
|
|
- <el-table-column prop="today_fund" label="今日资产"/>
|
|
|
+ <el-table-column prop="init_fund" label="初始资产(万元)"/>
|
|
|
+ <el-table-column prop="yesterday_fund" label="昨日资产(万元)"/>
|
|
|
+ <el-table-column prop="today_fund" label="今日资产(万元)"/>
|
|
|
<el-table-column prop="today_income" label="今日盈亏"/>
|
|
|
<el-table-column prop="total_income" label="总盈亏" width="100"/>
|
|
|
<el-table-column prop="date" label="今日持股" width="150">
|
|
@@ -85,9 +91,10 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="ctime" label="创建时间" width="160"/>
|
|
|
- <el-table-column prop="date" label="操作" fixed="right">
|
|
|
+ <el-table-column prop="date" label="操作" fixed="right" width="200">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button @click="title='编辑数据',open=true,form=scope.row" size="mini" type="warning">编辑</el-button>
|
|
|
+ <el-button @click="edit(scope.row.id)" size="mini" type="warning">编辑</el-button>
|
|
|
+ <el-button @click="del(scope.row.id)" size="mini" type="danger">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -106,7 +113,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="参赛选手" prop="player_id">
|
|
|
- <el-select v-model="form.player_id" placeholder="请选择用户代码">
|
|
|
+ <el-select filterable v-model="form.player_id" placeholder="请选择用户代码">
|
|
|
<el-option v-for="item in playerList" :key='item.id' :label="item.username" :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
@@ -126,9 +133,10 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="股票名称" prop="today_stock">
|
|
|
<div v-for="(item,index) in form.today_stock" :key='index' style="margin-bottom:5px;">
|
|
|
- <el-select filterable v-model="item.name" placeholder="请选择股票" style="width:48%;display:inline-block">
|
|
|
+ <!-- <el-select filterable v-model="item.name" placeholder="请选择股票" style="width:48%;display:inline-block">
|
|
|
<el-option v-for="item in stockList" :key='item.id' :label="item.label" :value="item.label"></el-option>
|
|
|
- </el-select>
|
|
|
+ </el-select> -->
|
|
|
+ <el-input style="width:48%;display:inline-block" v-model="item.name" placeholder="请输入股票名称"></el-input>
|
|
|
<el-input style="width:39%" clearable v-model="item.fund" placeholder="资金">
|
|
|
<template slot="append">万元</template>
|
|
|
</el-input>
|
|
@@ -136,6 +144,11 @@
|
|
|
</div>
|
|
|
<el-button @click="addCode" type="primary" size="small" plain>新增股票</el-button>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="开超市" prop="is_markt">
|
|
|
+ <el-switch
|
|
|
+ v-model="form.is_markt">
|
|
|
+ </el-switch>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="股票截图" prop="today_stock_img">
|
|
|
<div class="imgs" v-for="(item,index) in form.today_stock_img" :key='index'>
|
|
|
<img width="150" :src="item" alt="">
|
|
@@ -195,6 +208,9 @@ export default {
|
|
|
],
|
|
|
today_stock_img: [
|
|
|
{ required: true, message: '请输入股票截图', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ is_markt: [
|
|
|
+ { required: false, message: '请选择', trigger: 'change' }
|
|
|
]
|
|
|
},
|
|
|
matchList:[],
|
|
@@ -204,6 +220,35 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
+ downloadExcel(){
|
|
|
+ this.$api.downloadRecords(this.queryParams).then((res)=>{
|
|
|
+ var elink = document.createElement('a');
|
|
|
+ let blob=new Blob([res.data], {type: 'application/vnd.ms-excel,charset=UTF-8'});
|
|
|
+ let objUrl=URL.createObjectURL(blob);
|
|
|
+ let file_name=decodeURIComponent(res.headers['content-disposition'].split('=')[1]);
|
|
|
+ console.log(file_name)
|
|
|
+ elink.download = "参赛数据";
|
|
|
+ elink.style.display = 'none';
|
|
|
+ elink.href = objUrl;
|
|
|
+ document.body.appendChild(elink);
|
|
|
+ elink.click();
|
|
|
+ document.body.removeChild(elink);
|
|
|
+ this.download_loading = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ del(id) {
|
|
|
+ this.$confirm("确定删除吗?", "提示", {
|
|
|
+ type: "warning",
|
|
|
+ }).then(() => {
|
|
|
+ this.$api.delRecord({ id: id }).then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.getData();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
gopage(size) {
|
|
|
if (size) {
|
|
|
this.queryParams.page_size = size;
|
|
@@ -219,6 +264,13 @@ export default {
|
|
|
this.loading = false;
|
|
|
})
|
|
|
},
|
|
|
+ edit(id){
|
|
|
+ this.title = "编辑数据"
|
|
|
+ this.$api.getRecordInfo({id:id}).then(res=>{
|
|
|
+ this.form = res.data.data
|
|
|
+ this.open = true
|
|
|
+ })
|
|
|
+ },
|
|
|
handleAdd(){
|
|
|
this.open=true;
|
|
|
this.title='新增数据';
|