Skip to content

R
robot-monitor
Commit 27cf62e8 authored by wxk's avatar wxk
Browse files
Options

导航筛选ok

parent aace40d0
Show whitespace changes
Inline Side-by-side
Showing with 45 additions and 159 deletions
src/views/overview.vue
View file @ 27cf62e8
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<ul class="classify-overview"> <ul class="classify-overview">
<li class="normal" :class="{ 'filter' : robotStatus === 'normal'}" @click="statusFilter('normal')"> <li class="normal" :class="{ 'filter' : robotStatus === 'normal'}" @click="statusFilter('normal')">
<p>{{robotStatusList.status_normal}}</p> <p>{{robotStatusList.status_normal}}</p>
<p>正常运行(台)</p> <p>正在运行(台)</p>
</li> </li>
<li class="stop" :class="{ 'filter' : robotStatus === 'stop'}" @click="statusFilter('stop')"> <li class="stop" :class="{ 'filter' : robotStatus === 'stop'}" @click="statusFilter('stop')">
<p>{{robotStatusList.status_stop}}</p> <p>{{robotStatusList.status_stop}}</p>
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
</div> </div>
</div> </div>
<ul class="robots-box"> <ul class="robots-box">
<li class="normal"> <li v-for="(item,index) in robotList" :key="item.tag" :class="[item.status]">
<div class="operations"> <div class="operations">
<div class="detail" @click="showDetails()"> <div class="detail" @click="showDetails()">
<span>查看详情</span> <span>查看详情</span>
...@@ -95,163 +95,40 @@ ...@@ -95,163 +95,40 @@
</el-switch> </el-switch>
</div> </div>
</div> </div>
<p class="robot-name">YCC/BTC-SMALL-140025</p> <p class="robot-name">{{item.tag}}</p>
<div class="chart-box"> <div class="chart-box">
<p class="title">今日盈亏</p> <p class="title">今日盈亏</p>
<p class="data gain">+30.23%</p> <p v-show="item.today_profit>0" class="data gain">+{{(item.today_profit*100).toFixed(2)}}%</p>
<p v-show="item.today_profit<0" class="data lose">-{{(item.today_profit*100).toFixed(2)}}%</p>
<p v-show="item.today_profit==0" class="data none">- -</p>
<div> <div>
<p class="type">正常运行</p> <p v-show="item.status==='normal'" class="type">正在运行</p>
<p v-show="item.status==='stop'" class="type">停止运行</p>
<p> <p>
<span class="result">总盈亏</span> <span class="result">总盈亏</span>
<span class="data gain">+30.23%</span> <span v-show="item.all_profit>0" class="data gain">+{{(item.all_profit*100).toFixed(2)}}%</span>
<span v-show="item.all_profit<0" class="data lose">-{{(item.all_profit*100).toFixed(2)}}%</span>
<span v-show="item.all_profit==0" class="data none">- -</span>
</p> </p>
</div> </div>
</div> </div>
<div class="ycc"> <div class="coin">
<span>YCC余额</span> <span>{{item.coin}}余额</span>
<div class="sum"> <div class="sum">
<span>123456789.123456</span> <span>{{item.amount_base}}</span>
<span>YCC</span> <span>{{item.coin}}</span>
</div> </div>
</div> </div>
<div class="btc"> <div class="base">
<span>BTC余额</span> <span>{{item.base}}余额</span>
<div class="sum"> <div class="sum">
<span>123456789.123456</span> <span>{{item.amount_coin}}</span>
<span>BTC</span> <span>{{item.base}}</span>
</div>
</div>
</li>
<li class="stop">
<div class="operations">
<div class="detail" @click="showDetails()">
<span>查看详情</span>
<i class="el-icon-caret-right"></i>
</div>
<div class="switch">
<span v-show="value1">关闭</span>
<span v-show="!value1">开启</span>
<el-switch
v-model="value1"
active-color="rgba(119,146,167,1)"
inactive-color="rgba(236,239,241,1)">
</el-switch>
</div>
</div>
<p class="robot-name">YCC/BTC-SMALL-140025</p>
<div class="chart-box">
<p class="title">今日盈亏</p>
<p class="data none">- -</p>
<div>
<p class="type">异常运行</p>
<p>
<span class="result">总盈亏</span>
<span class="data none">- -</span>
</p>
</div>
</div>
<div class="ycc">
<span>YCC余额</span>
<div class="sum">
<span>123456789.123456</span>
<span>YCC</span>
</div>
</div>
<div class="btc">
<span>BTC余额</span>
<div class="sum">
<span>123456789.123456</span>
<span>BTC</span>
</div>
</div>
</li>
<li class="normal">
<div class="operations">
<div class="detail" @click="showDetails()">
<span>查看详情</span>
<i class="el-icon-caret-right"></i>
</div>
<div class="switch">
<span v-show="value1">关闭</span>
<span v-show="!value1">开启</span>
<el-switch
v-model="value1"
active-color="rgba(119,146,167,1)"
inactive-color="rgba(236,239,241,1)">
</el-switch>
</div>
</div>
<p class="robot-name">YCC/BTC-SMALL-140025</p>
<div class="chart-box">
<p class="title">今日盈亏</p>
<p class="data gain">+30.23%</p>
<div>
<p class="type">正常运行</p>
<p>
<span class="result">总盈亏</span>
<span class="data gain">+30.23%</span>
</p>
</div>
</div>
<div class="ycc">
<span>YCC余额</span>
<div class="sum">
<span>123456789.123456</span>
<span>YCC</span>
</div>
</div>
<div class="btc">
<span>BTC余额</span>
<div class="sum">
<span>123456789.123456</span>
<span>BTC</span>
</div>
</div>
</li>
<li class="stop">
<div class="operations">
<div class="detail" @click="showDetails()">
<span>查看详情</span>
<i class="el-icon-caret-right"></i>
</div>
<div class="switch">
<span v-show="value1">关闭</span>
<span v-show="!value1">开启</span>
<el-switch
v-model="value1"
active-color="rgba(119,146,167,1)"
inactive-color="rgba(236,239,241,1)">
</el-switch>
</div>
</div>
<p class="robot-name">YCC/BTC-SMALL-140025</p>
<div class="chart-box">
<p class="title">今日盈亏</p>
<p class="data none">- -</p>
<div>
<p class="type">异常运行</p>
<p>
<span class="result">总盈亏</span>
<span class="data none">- -</span>
</p>
</div>
</div>
<div class="ycc">
<span>YCC余额</span>
<div class="sum">
<span>123456789.123456</span>
<span>YCC</span>
</div>
</div>
<div class="btc">
<span>BTC余额</span>
<div class="sum">
<span>123456789.123456</span>
<span>BTC</span>
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
<p v-if="robotList === null" class="no-data">暂无数据</p>
</div> </div>
<robot-details v-show="robotDetails"></robot-details> <robot-details v-show="robotDetails"></robot-details>
</div> </div>
...@@ -269,6 +146,7 @@ ...@@ -269,6 +146,7 @@
robotDetails: false, //是否查看机器人详情 robotDetails: false, //是否查看机器人详情
robotStatus: '', //机器人状态 robotStatus: '', //机器人状态
robotStatusList: [],//状态预警信息 robotStatusList: [],//状态预警信息
robotList: [],//符合条件的机器人列表
subtitle: '所有机器人', //副标题 subtitle: '所有机器人', //副标题
checkAll: false, //交易所筛选 checkAll: false, //交易所筛选
checkedWebs: [], checkedWebs: [],
...@@ -327,35 +205,37 @@ ...@@ -327,35 +205,37 @@
var StatusParams = {platform: '', coin: ''};//预警状态查询入参 var StatusParams = {platform: '', coin: ''};//预警状态查询入参
//筛选机器人参数 //筛选机器人参数
var ListParams = { var ListParams = {
"class":"robot", //账户级别 class: "robot", //账户级别
"coin":"DCR", //目标币种，用于首页里的筛选和币种监控 可选参数 coin: "", //目标币种，用于首页里的筛选和币种监控 可选参数
"symbol":["DCR/USDT"], //币种对，用于网站监控里的筛选 可选参数 symbol: [], //币种对，用于网站监控里的筛选 可选参数
"status":"normal", //机器人运行状态 可选参数 status: "", //机器人运行状态 可选参数
"abnormal":"profit", //有profit,coin,base这三种异常类别 可选参数 abnormal: "", //有profit,coin,base这三种异常类别 可选参数
"platform":["zhaobi"] //交易所种类 可选参数 platform: [] //交易所种类 可选参数
}; };
switch (RoutePath) { switch (RoutePath) {
case 'home': case 'home':
this.showWebFilter = this.showCurrencyFilter = true; this.showWebFilter = this.showCurrencyFilter = true;
this.showPairFilter = false; this.showPairFilter = false;
this.getRobotStatus(StatusParams);
break; break;
case 'BTY': case 'BTY':
case 'YCC': case 'YCC':
this.showWebFilter = true; this.showWebFilter = true;
this.showCurrencyFilter = this.showPairFilter = false; this.showCurrencyFilter = this.showPairFilter = false;
StatusParams = {platform: '', coin: RoutePath} StatusParams.coin = RoutePath;
this.getRobotStatus(StatusParams); ListParams.coin = RoutePath;
break; break;
default: default:
this.showPairFilter = true; this.showPairFilter = true;
this.showWebFilter = this.showCurrencyFilter = false; this.showWebFilter = this.showCurrencyFilter = false;
var index = +RoutePath; var index = +RoutePath;
this.pairs = this.platInfo[index].symbol; this.pairs = this.platInfo[index].symbol;
StatusParams = {platform: this.platInfo[index].platform, coin: ''} const platform = this.platInfo[index].platform;
this.getRobotStatus(StatusParams); StatusParams.platform = platform;
ListParams.platform = [platform];
break; break;
} }
this.getRobotStatus(StatusParams);
this.getRobotList(ListParams);
}, },
//机器人预警状态查询 //机器人预警状态查询
getRobotStatus(params) { getRobotStatus(params) {
...@@ -367,7 +247,8 @@ ...@@ -367,7 +247,8 @@
//获取符合筛选条件的机器人列表 //获取符合筛选条件的机器人列表
getRobotList(params) { getRobotList(params) {
axios.post(ApiConfig.GetMatchRobots,params).then( res => { axios.post(ApiConfig.GetMatchRobots,params).then( res => {
console.log(res.data) console.log(res.data.data);
this.robotList = res.data.data;
}) })
}, },
//交易所过滤 //交易所过滤
...@@ -444,7 +325,7 @@ ...@@ -444,7 +325,7 @@
//通过机器人状态筛选 //通过机器人状态筛选
statusFilter(status) { statusFilter(status) {
this.robotStatus = status; this.robotStatus = status;
this.subtitle = status === 'normal' ? '正常运行机器人' : this.subtitle = status === 'normal' ? '正在运行机器人' :
(status === 'stop' ? '停止运行机器人' : (status === 'stop' ? '停止运行机器人' :
(status === 'profit' ? '盈利异常机器人' : (status === 'profit' ? '盈利异常机器人' :
(status === 'coin' ? '目标币异常机器人' : (status === 'coin' ? '目标币异常机器人' :
...@@ -472,7 +353,7 @@ ...@@ -472,7 +353,7 @@
}, },
platInfo(val){ platInfo(val){
//获取所有的交易所和币种 //获取所有的交易所和币种
for (let item of val){ for (let item of this.platInfo){
this.webs.push(item.platform); this.webs.push(item.platform);
this.currencies = this.allCurrencies = [...new Set(this.currencies.concat(item.coin))]; this.currencies = this.allCurrencies = [...new Set(this.currencies.concat(item.coin))];
} }
...@@ -708,7 +589,7 @@ ...@@ -708,7 +589,7 @@
} }
} }
} }
.ycc,.btc { .coin,.base {
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
font-size:12px; font-size:12px;
...@@ -719,9 +600,14 @@ ...@@ -719,9 +600,14 @@
color:rgba(51,51,51,1); color:rgba(51,51,51,1);
} }
} }
.ycc { .coin {
margin: 19px 0 10px 0; margin: 19px 0 10px 0;
} }
.no-data {
text-align: center;
font-size: 20px;
margin-top: 100px;
}
</style> </style>
<style> <style>
/*select组件样式覆盖*/ /*select组件样式覆盖*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment