<!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/banshuping.js"></script>
|
<script src="js/kpl.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>
|
|
<!-- 买前评分 -->
|
|
|
<!-- 交易参数 -->
|
<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>固定安全笔数<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>
|
|
<!-- 开盘啦 -->
|
|
|
<!-- 主动买入 -->
|
|
<!-- 被动买入 -->
|
<!-- 第一群 -->
|
<div>
|
<span>
|
<!-- 最强风口 -->
|
<table class="half-width" id="kpl-best_feng_kou">
|
<caption class="table-name">最强风口</caption>
|
<thead>
|
<th>股票名称</th>
|
<th>强度</th>
|
<th>涨跌幅</th>
|
<th>所属板块</th>
|
</thead>
|
<tbody>
|
|
</tbody>
|
<tfoot></tfoot>
|
</table>
|
|
</span>
|
<span>
|
<!-- 市场风口-->
|
<table class="half-width" id="kpl-feng_kou">
|
<caption class="table-name">市场风口</caption>
|
<thead>
|
<th>股票名称</th>
|
<th>主力净值</th>
|
<th>涨跌幅</th>
|
<th>风口概念</th>
|
</thead>
|
<tbody>
|
|
|
</tbody>
|
|
</table>
|
</span>
|
</div>
|
<!-- 第二群 -->
|
<div>
|
<span>
|
<!-- 风向标 -->
|
<table style="width: 62%;float: left;" id="kpl-feng_xiang">
|
<caption class="table-name">风向标</caption>
|
<thead>
|
<th>股票名称</th>
|
<th>涨跌幅</th>
|
<th>所属板块</th>
|
<th>300W净额</th>
|
<th>主力净额</th>
|
</thead>
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</span>
|
<span>
|
<!-- 行业涨幅 -->
|
<table style="width: 38%;float: right;" id="kpl-industry_rank">
|
<caption class="table-name">行业涨幅</caption>
|
<thead>
|
<th>行业名称</th>
|
<th>主力净值</th>
|
<th>涨跌幅</th>
|
</thead>
|
<tbody>
|
|
</tbody>
|
|
</table>
|
</span>
|
</div>
|
<!-- 今日挂撤记录 -->
|
<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>
|
