<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>看盘端</title>
|
<link rel="stylesheet" type="text/css" href="./css/banshuping.css" />
|
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
<script src="http://cdn.yeshitv.com/js/vue.min.js"></script>
|
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
|
<script src="js/code_list.js"></script>
|
<script src="js/qwebchannel.js"></script>
|
<script src="js/kpl.js"></script>
|
<script src="js/http.js"></script>
|
<style>
|
|
</style>
|
</head>
|
<body>
|
<div id="app">
|
<div class="top">
|
<span>
|
<h2 style="margin-left: 18px; font-size: 20px;">{{code_name}}
|
</h2>
|
</span>
|
|
</div>
|
|
<div>
|
|
<!-- H撤单 -->
|
<table v-if="trade_data&&trade_data.h_cancel">
|
<caption class="table-name">H撤 <span v-if="trade_data.h_cancel.computed_info">(已撤{{parseFloat(trade_data.h_cancel.computed_info[1])*100}}%/目标{{parseFloat(trade_data.h_cancel.computed_info[0])*100}}%)</span></caption>
|
|
<tbody>
|
<tr><td style="padding: 0;">
|
<div >
|
<table>
|
<thead>
|
<tr><td>时间</td><td>手数</td><td>金额</td><td>是否撤单</td></tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item,i) in trade_data.h_cancel.datas" >
|
<td><span class="red"> {{item[0]}}</span></td>
|
<td><span class="red"> {{item[1]}}</span></td>
|
<td><span class="red"> {{item[2]}}</span></td>
|
<td><span class="red" v-if="item[3]"> 已撤</span></td>
|
</tr>
|
</tbody>
|
|
</table>
|
|
</div>
|
</td></tr>
|
|
</tbody>
|
</table>
|
|
|
|
|
<!-- 买前评分 -->
|
|
|
|
<div>
|
<span>
|
|
<table class="half-width">
|
<caption class="table-name">主动买入</caption>
|
<tbody>
|
<tr>
|
<td style="padding: 0;border: none">
|
<div class="code-table-container">
|
<div v-for="(item,i) in initiative_buy_codes"
|
:style="{'border-left-style': i%3==0?'solid':'none','border-top-style': i<3?'solid':'none'}">
|
|
<span v-if="item.limit_up"><img src="./images/limit_up.png"></span>
|
<span v-else-if="item.open_limit_up"><img
|
src="./images/stop_up.png"></span>
|
<span v-else>
|
<img src="./images/stop_up.png" style="visibility: hidden;">
|
</span>
|
|
<span class="num-style">{{item.name}}</span>
|
<span class="num-style">{{item.code}}</span>
|
<span class="score-card-color yellow">{{item.score}}</span>
|
</div>
|
</div>
|
</td>
|
|
</tr>
|
|
</tbody>
|
</table>
|
|
</span>
|
<span>
|
|
<table class="half-width">
|
<caption class="table-name">被动买入</caption>
|
<tbody>
|
<tr>
|
<td style="padding: 0;border: none">
|
<div class="code-table-container">
|
<div v-for="(item,i) in passive_buy_codes"
|
:style="{'border-left-style': i%3==0?'solid':'none','border-top-style': i<3?'solid':'none'}">
|
<span v-if="item.limit_up"><img src="./images/limit_up.png"></span>
|
<span v-else-if="item.open_limit_up"><img
|
src="./images/stop_up.png"></span>
|
<span v-else>
|
<img src="./images/stop_up.png" style="visibility: hidden;">
|
</span>
|
<span class="num-style">{{item.name}}</span>
|
<span class="num-style">{{item.code}}</span>
|
<span class="score-card-color yellow">{{item.score}}</span>
|
</div>
|
</div>
|
</td>
|
|
</tr>
|
</tbody>
|
<tfoot></tfoot>
|
</table>
|
</span>
|
</div>
|
|
|
|
|
<!-- 交易参数 -->
|
<table v-if="trade_data">
|
<caption class="table-name">交易参数</caption>
|
<tr>
|
<td>买入意愿</td>
|
<td>
|
|
<span class="bold yellow"
|
:class="{'yellow':trade_data.star.count>0}">{{trade_data.star.desc}}</span>
|
|
<img v-for="(item,i) in trade_data.star.count" src="./images/star.png" /
|
style="margin-left: 3px;"></span>
|
</td>
|
</tr>
|
<tr>
|
<td>是否可以买入</td>
|
<td v-if="trade_data.can_buy_info">
|
|
<span class="bold" v-if="trade_data.can_buy_info[0]">可以买入</span>
|
<span class="bold red" v-else>不可以买入：{{trade_data.can_buy_info[2]}}</span>
|
|
|
</td>
|
<td v-else>
|
<span class="bold" >未知</span>
|
</td>
|
</tr>
|
<tr>
|
<td>安全笔数</td>
|
<td>固定安全笔数<span class="num-style ">{{trade_data.safe_count.base}}</span>笔,衰减后安全笔数<span
|
class="num-style ">{{trade_data.safe_count.now}}</span>笔</td>
|
</tr>
|
<tr>
|
<td>动态M值</td>
|
<td>固定M值<span class="num-style ">{{trade_data.m_val.base}}万</span> 动态M值<span
|
class="num-style ">{{trade_data.m_val.now}}万</span></td>
|
</tr>
|
<tr>
|
<td>买前大单</td>
|
<td>固定买前大单<span class="num-style ">{{trade_data.big_num.base}}</span>笔，衰减后买前大单<span
|
class="num-style ">{{trade_data.big_num.now}}</span>笔
|
</td>
|
</tr>
|
<tr>
|
<td>成交进度</td>
|
<td><span v-if="trade_data.trade_progress">
|
<span class="num-style ">{{trade_data.trade_progress.time}}</span>
|
<span class="num-style ">{{trade_data.trade_progress.num}}手</span>
|
<span class="num-style ">{{trade_data.trade_progress.money}}万</span>
|
</span>
|
</td>
|
</tr>
|
<tr>
|
<td>买入信号</td>
|
<td>
|
<span v-if="trade_data.buy_single">
|
<span class="num-style ">{{trade_data.buy_single.time}}</span>
|
<span class="num-style ">{{trade_data.buy_single.num}}手</span>
|
<span class="num-style ">{{trade_data.buy_single.money}}万</span>
|
</span>
|
</td>
|
</tr>
|
<tr>
|
<td>买入执行位</td>
|
<td>
|
<span v-if="trade_data.buy_exec">
|
<span class="num-style ">{{trade_data.buy_exec.time}}</span>
|
<span class="num-style ">{{trade_data.buy_exec.num}}手</span>
|
<span class="num-style ">{{trade_data.buy_exec.money}}万</span>
|
</span>
|
|
<span v-else class="num-style red bold">未下单</span>
|
</td>
|
</tr>
|
</table>
|
|
|
<!-- 今日挂撤记录 -->
|
<table v-if="trade_record">
|
<caption class="table-name">今日挂撤记录</caption>
|
<thead>
|
<tr>
|
<td>是否炸板：<span v-if="trade_record.open_limit_up"> <span><img
|
src="./images/stop_up.png"> </span>炸板
|
<span class="num-style ">{{trade_record.open_limit_up}}</span></span>
|
<span v-else class="num-style ">未炸板</span>
|
</td>
|
</tr>
|
</thead>
|
|
<tr>
|
<td>
|
<div style="width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;">
|
<div style="width: 50%;" v-for="(item,index) in trade_record.records">
|
<span v-if="item.type==1">第{{item.index}}次下单：<span class="num-style ">{{item.time}}</span> <span class="score-card-color yellow">{{item.score}}</span></span>
|
<span v-else> 撤单：<span class="num-style ">{{item.time}}</span> {{item.desc}} </span>
|
</div>
|
|
</div>
|
</td>
|
</tr>
|
|
</table>
|
|
</div>
|
</div>
|
<script>
|
|
</script>
|
|
</body>
|
</html>
|
