|
@@ -11,84 +11,83 @@
|
|
|
</style>
|
|
|
<template>
|
|
|
<section class="content data">
|
|
|
- <h1>数据统计</h1>
|
|
|
+ <h4>数据统计</h4>
|
|
|
<el-divider></el-divider>
|
|
|
<el-form label-width="80px" class="filter-form">
|
|
|
<el-row>
|
|
|
- <el-col :span="9">
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="比赛名称" prop="match_id">
|
|
|
+ <el-select v-model="queryParams.match_id" placeholder="请选择比赛" size="mini">
|
|
|
+ <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="请输入选手名字/代码"></el-input>
|
|
|
+ <el-input v-model="queryParams.username" placeholder="请输入选手名字/代码" size="mini"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="9">
|
|
|
+ <el-col :span="5">
|
|
|
<el-form-item label="比赛日期">
|
|
|
<el-date-picker
|
|
|
v-model="queryParams.date"
|
|
|
type="date"
|
|
|
placeholder="选择日期"
|
|
|
format="yyyy-MM-dd"
|
|
|
- value-format="yyyy-MM-dd">
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ size="mini"
|
|
|
+ >
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="9">
|
|
|
- <el-form-item label="比赛名称" prop="match_id">
|
|
|
- <el-select v-model="queryParams.match_id" placeholder="请选择比赛">
|
|
|
- <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="9">
|
|
|
+ <el-col :span="5">
|
|
|
<el-form-item label="比赛分组">
|
|
|
- <el-select v-model="queryParams.groupId" placeholder="请选择比赛分组">
|
|
|
- <el-option v-for="item in groupList" :key='item.id' :label="item.name" :value="item.id"></el-option>
|
|
|
-
|
|
|
+ <el-select v-model="queryParams.groupId" placeholder="请选择比赛分组" size="mini">
|
|
|
+ <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="4">
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="getData">筛选</el-button>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item style="margin-left:10px;" label-width="10">
|
|
|
+ <el-button type="primary" @click="getData" size="mini">筛选</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdd"
|
|
|
+ >上传数据</el-button>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
- <el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- plain
|
|
|
- icon="el-icon-plus"
|
|
|
- size="mini"
|
|
|
- @click="handleAdd"
|
|
|
- >新增</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-table :data="list" height='39vh' style="width: 100%;margin-top:10px;">
|
|
|
+ <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="today_income" label="今日盈亏"/>
|
|
|
- <el-table-column prop="date" label="总盈亏"/>
|
|
|
- <el-table-column prop="date" label="金日持股" width="150">
|
|
|
+ <el-table-column prop="total_income" label="总盈亏" width="100"/>
|
|
|
+ <el-table-column prop="date" label="今日持股" width="150">
|
|
|
<template slot-scope="scope">
|
|
|
<p v-for="(item,index) in scope.row.today_stock" :key='index'>
|
|
|
- {{item.name}}({{item.code}})
|
|
|
+ {{item.name}}
|
|
|
</p>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="date" label="昨日持股" width="150">
|
|
|
<template slot-scope="scope">
|
|
|
<p v-for="(item,index) in scope.row.yesterday_stock" :key='index'>
|
|
|
- {{item.name}}({{item.code}})
|
|
|
+ {{item.name}}
|
|
|
</p>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="date" label="操作">
|
|
|
+ <el-table-column prop="ctime" label="创建时间" width="160"/>
|
|
|
+ <el-table-column prop="date" label="操作" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button @click="title='编辑数据',open=true,form=scope.row" size="mini" type="primary">编辑</el-button>
|
|
|
+ <el-button @click="title='编辑数据',open=true,form=scope.row" size="mini" type="warning">编辑</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -101,11 +100,16 @@
|
|
|
/>
|
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="比赛名称" prop="match_id">
|
|
|
+ <el-form-item label="赛事名称" prop="match_id">
|
|
|
<el-select v-model="form.match_id" placeholder="请选择比赛">
|
|
|
<el-option v-for="item in matchList" :key='item.id' :label="item.name" :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="参赛选手" prop="player_id">
|
|
|
+ <el-select 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>
|
|
|
<el-form-item label="持仓日期" prop="stock_date">
|
|
|
<el-date-picker
|
|
|
v-model="form.stock_date"
|
|
@@ -116,27 +120,23 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="今日资产" prop="today_fund">
|
|
|
- <el-input clearable v-model="form.today_fund" placeholder="请输入代码"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="用户代码" prop="player_id">
|
|
|
- <el-select v-model="form.player_id" placeholder="请选择用户代码">
|
|
|
- <el-option v-for="item in matchList" :key='item.id' :label="item.usercode" :value="item.id"></el-option>
|
|
|
- </el-select>
|
|
|
- <!-- <el-input clearable v-model="form.player_id" placeholder="请输入代码"></el-input> -->
|
|
|
+ <el-input clearable v-model="form.today_fund" placeholder="请输入今日资产">
|
|
|
+ <template slot="append">万元</template>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="股票名称">
|
|
|
+ <el-form-item label="股票名称" prop="today_stock">
|
|
|
<div v-for="(item,index) in form.today_stock" :key='index' style="margin-bottom:5px;">
|
|
|
- <el-select style="width:28%" v-model="form.player_id" placeholder="请选择用户代码">
|
|
|
- <el-option v-for="item in matchList" :key='item.id' :label="item.usercode" :value="item.id"></el-option>
|
|
|
- </el-select>
|
|
|
- <!-- <el-input style="width:28%" clearable v-model="item.name" placeholder="名称"></el-input> -->
|
|
|
- <!-- <el-input style="width:28%" clearable v-model="item.code" placeholder="代码"></el-input> -->
|
|
|
- <el-input style="width:29%" clearable v-model="item.fund" placeholder="资金"></el-input>
|
|
|
+ <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-input style="width:39%" clearable v-model="item.fund" placeholder="资金">
|
|
|
+ <template slot="append">万元</template>
|
|
|
+ </el-input>
|
|
|
<i @click="form.today_stock.splice(index,1)" style="margin-top:5px;" class="el-icon-circle-close del"></i>
|
|
|
</div>
|
|
|
- <el-button @click="addCode" type="danger" size="small" plain>新增代码</el-button>
|
|
|
+ <el-button @click="addCode" type="primary" size="small" plain>新增股票</el-button>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="股票名称">
|
|
|
+ <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="">
|
|
|
<i @click="form.today_stock_img.splice(index,1)" class="el-icon-circle-close del"></i>
|
|
@@ -146,7 +146,7 @@
|
|
|
:show-file-list ='false'
|
|
|
:on-success="handleSuccess"
|
|
|
action="/api/admin/uploadfile">
|
|
|
- <el-button size="small" type="danger" plain>上传图片</el-button>
|
|
|
+ <el-button size="small" type="primary" plain>上传股票截图</el-button>
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
@@ -167,6 +167,7 @@ export default {
|
|
|
return{
|
|
|
loading:false,
|
|
|
queryParams:{
|
|
|
+ match_id:0,
|
|
|
page:1
|
|
|
},
|
|
|
form:{
|
|
@@ -189,10 +190,17 @@ export default {
|
|
|
today_fund: [
|
|
|
{ required: true, message: '请输入今日资产', trigger: 'blur' }
|
|
|
],
|
|
|
+ today_stock: [
|
|
|
+ { required: true, message: '请添加股票', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ today_stock_img: [
|
|
|
+ { required: true, message: '请输入股票截图', trigger: 'blur' }
|
|
|
+ ]
|
|
|
},
|
|
|
matchList:[],
|
|
|
playerList:[],
|
|
|
- groupList:[]
|
|
|
+ groupList:[],
|
|
|
+ stockList:[]
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
@@ -230,6 +238,15 @@ export default {
|
|
|
submitForm() {
|
|
|
this.$refs["form"].validate(valid => {
|
|
|
if (valid) {
|
|
|
+ if(this.form.today_stock.length<=0){
|
|
|
+ this.msgError('请添加股票');
|
|
|
+ return
|
|
|
+ }else{
|
|
|
+ if(!this.form.today_stock[0].name || !this.form.today_stock[0].fund){
|
|
|
+ this.msgError('请选择股票并输入资金额');
|
|
|
+ return
|
|
|
+ }
|
|
|
+ }
|
|
|
if (this.form.id != null) {
|
|
|
this.$api.editRecord(this.form).then(response => {
|
|
|
if(response.data.code != 0){
|
|
@@ -256,9 +273,10 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
created(){
|
|
|
- this.getData()
|
|
|
this.$api.getMatchList().then(res=>{
|
|
|
this.matchList=res.data.data
|
|
|
+ this.queryParams.match_id = this.matchList[0].id
|
|
|
+ this.getData()
|
|
|
})
|
|
|
this.$api.getPlayerList().then(res=>{
|
|
|
this.playerList=res.data.data
|
|
@@ -266,8 +284,9 @@ export default {
|
|
|
this.$api.getGroupList().then(res=>{
|
|
|
this.groupList=res.data.data
|
|
|
})
|
|
|
-
|
|
|
-
|
|
|
+ this.$api.getStockList().then(res=>{
|
|
|
+ this.stockList=res.data.data
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
</script>
|