From 5b90d8185c455857e10555b67cdff6c7d25b2c72 Mon Sep 17 00:00:00 2001
From: admin <weikou2014>
Date: 星期四, 21 三月 2024 18:36:01 +0800
Subject: [PATCH] 前端代码修改
---
kp_html/kp/codes_list.html | 711 +++++++++++++++++++++++++++++++++-------------------------
1 files changed, 400 insertions(+), 311 deletions(-)
diff --git a/kp_html/kp/codes_list.html b/kp_html/kp/codes_list.html
index ba96ad3..ed58019 100644
--- a/kp_html/kp/codes_list.html
+++ b/kp_html/kp/codes_list.html
@@ -21,27 +21,31 @@
<div id="app">
<div style="position: fixed;top: 0;width: 100%;">
<div class="top">
- <span>
- <h2 style="margin-left: 18px; font-size: 20px;">
+ <span>
+ <h2 style="margin-left: 18px; font-size: 20px;">
{{code_name}}
- </h2>
- </span>
- <button class="btn" style="font-size: 15px;margin: 5px;" v-on:click="load_data">鍔犺浇鏁版嵁</button>
+ </h2>
+ </span>
+ <div>
+ <input type="text" id="date" placeholder="璇疯緭鍏ユ棩鏈�" style="height: 20px;width: 80px;font-size: 12px;"/>
+ <button class="btn" style="font-size: 15px;margin: 5px;" v-on:click="load_data">鍔犺浇鏁版嵁</button>
+ </div>
</div>
</div>
-
+
<!-- 浜ゆ槗鍙傛暟 -->
-
+
<!-- 浜ゆ槗鍙傛暟 -->
-
- <table style="position: relative;margin-top: 40px;" >
+
+ <table style="position: relative;margin-top: 40px;">
<caption class="table-name">
<span>
- 涔板叆棰勬湡(鍙敤锛毬{account_available_money}})
+ 涔板叆棰勬湡(鍙敤锛毬{account_available_money}})
</span>
- <button style="position: absolute;right: 5px;top: 16px;font-size: 14px;" class="btn" v-on:click="get_delegated_buy_code_infos">鍒锋柊</button>
+ <button style="position: absolute;right: 5px;top: 16px;font-size: 14px;" class="btn"
+ v-on:click="get_delegated_buy_code_infos">鍒锋柊</button>
</caption>
-
+
<thead>
<tr v-if="delegated_buy_code_infos.length>0">
<td>
@@ -53,40 +57,52 @@
</div>
<div>
<div style="display: flex;justify-content: space-between;align-items: center;">
- <div style="color: red;" :style="{'visibility': item.pay_attention?'visible':'hidden' }">***</div>
- <div class="layui-progress" style="background-color: #BBB; width: 75%; visibility: hidden;" :id="'progress_'+item.code_info[0]">
- <div class="layui-progress-bar" lay-percent="{{item.percent+'%'}}" ></div>
+ <div style="color: red;"
+ :style="{'visibility': item.pay_attention?'visible':'hidden' }">***
+ </div>
+ <div class="layui-progress"
+ style="background-color: #BBB; width: 75%; visibility: hidden;"
+ :id="'progress_'+item.code_info[0]">
+ <div class="layui-progress-bar" lay-percent="{{item.percent+'%'}}">
+ </div>
</div>
<div>
- <button class="layui-btn layui-btn-xs layui-btn-danger" v-on:click="cancel_order(item.code_info[0])">鎾ゅ崟</button>
- <button class="layui-btn layui-btn-xs" v-on:click="view_details(item.code_info[0],true)">鏌ョ湅</button>
+ <button class="layui-btn layui-btn-xs layui-btn-danger"
+ v-on:click="cancel_order(item.code_info[0])">鎾ゅ崟</button>
+ <button class="layui-btn layui-btn-xs"
+ v-on:click="view_details(item.code_info[0],true)">鏌ョ湅</button>
</div>
-
+
</div>
-
-
+
+
<div>
- 鍓�<span :class="{'red':item.left_count <=4}">{{item.left_count}}</span>绗�<span>{{item.left_money}}/灏佸崟<span :class="{'red':item.buy1_money_warning}">{{item.buy1_money}}</span>銆愭瘮渚嬶細{{item.trade_progress_percent+'%'}}銆�</span>锛屽凡鎴愬ぇ鍗�
- {{item.big_num_count}}绗攞{item.big_num_money}} 寰呮垚鍓嶅ぇ鍗晎{item.not_deal_big_num_count[0]}}绗攞{item.not_deal_big_num_money[0]}} 寰呮垚鍚庡ぇ鍗晎{item.not_deal_big_num_count[1]}}绗攞{item.not_deal_big_num_money[1]}}锛屾定鍋滀环锛歿{item.limit_up_price}}鍏�
+ 鍓�<span
+ :class="{'red':item.left_count <=4}">{{item.left_count}}</span>绗�<span>{{item.left_money}}/灏佸崟<span
+ :class="{'red':item.buy1_money_warning}">{{item.buy1_money}}</span>銆愭瘮渚嬶細{{item.trade_progress_percent+'%'}}銆�</span>锛屽凡鎴愬ぇ鍗�
+ {{item.big_num_count}}绗攞{item.big_num_money}}
+ 寰呮垚鍓嶅ぇ鍗晎{item.not_deal_big_num_count[0]}}绗攞{item.not_deal_big_num_money[0]}}
+ 寰呮垚鍚庡ぇ鍗晎{item.not_deal_big_num_count[1]}}绗攞{item.not_deal_big_num_money[1]}}锛屾定鍋滀环锛歿{item.limit_up_price}}鍏�
</div>
</div>
-
+
</div>
</div>
</td>
</tr>
</thead>
-
+
</table>
-
- <table style="position: relative;margin-top: 40px;" >
+
+ <table style="position: relative;margin-top: 40px;">
<caption class="table-name">
<span>
- 鏈�杩戞挙鍗�
+ 鏈�杩戞挙鍗�
</span>
- <button style="position: absolute;right: 5px;top: 16px;font-size: 14px;" class="btn" v-on:click="get_latest_cancel_orders">鍒锋柊</button>
+ <button style="position: absolute;right: 5px;top: 16px;font-size: 14px;" class="btn"
+ v-on:click="get_latest_cancel_orders">鍒锋柊</button>
</caption>
-
+
<thead>
<tr style="padding: 2px 0px;">
<td>浠ｇ爜</td>
@@ -104,303 +120,376 @@
<td>{{item.acceptTime}}</td>
<td>{{item.limitPrice}}</td>
<td>{{item.volume}}</td>
- <td><button class="layui-btn layui-btn-xs layui-btn-primary" v-on:click="view_details(item.securityID,false)">鏌ョ湅</button></td>
+ <td><button class="layui-btn layui-btn-xs layui-btn-primary"
+ v-on:click="view_details(item.securityID,false)">鏌ョ湅</button></td>
</tr>
-
+
</tbody>
-
+
</table>
-
-
-
-
+
+
+
+
<div class="layui-tab layui-tab-card" lay-filter="test-handle">
- <ul class="layui-tab-title">
- <li class="layui-this" lay-id="0">浜ゆ槗鏁版嵁</li>
- <li lay-id="1">L2鏁版嵁</li>
-
- </ul>
- <div class="layui-tab-content">
- <div class="layui-tab-item layui-show">
- <div id="trade_data" class="scroll-y" >
- <div v-if="same_reason_codes">
- <table class="half-width">
- <caption class="table-name">鏄ㄦ棩鐩稿悓鏉垮潡浠ｇ爜锛坽{same_reason_codes.reason}}锛�</caption>
- <tbody>
- <tr>
- <td style="padding: 0;border: none">
- <div class="code-table-container">
- <div v-for="(item,i) in same_reason_codes.data"
- :style="{'border-left-style': i%3==0?'solid':'none','border-top-style': i<3?'solid':'none'}">
- <span class="num-style">{{item[1]}}</span>
- <span class="num-style">{{item[0]}}</span>
- </div>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
-
-
-
-
-
-
- <table v-if="trade_data">
- <caption class="table-name"><span>浜ゆ槗鍙傛暟</span></caption>
-
- <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 v-if="trade_data.safe_count">
- <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 v-if="trade_data.m_val">
- <td>鍔ㄦ�丮鍊�</td>
- <td>鍥哄畾M鍊�<span
- class="num-style ">{{trade_data.m_val.base}}涓�</span> 鍔ㄦ�丮鍊�<span
- class="num-style ">{{trade_data.m_val.now}}涓�</span></td>
- </tr>
- <tr v-if="trade_data.big_num">
- <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">
- <div v-for="trade_progress in trade_data.trade_progress">
- <span class="num-style ">{{trade_progress.time}}</span>
- <span class="num-style ">{{trade_progress.num}}鎵�</span>
- <span class="num-style ">{{trade_progress.money}}</span>
- <br>
- </div>
- </span>
- </td>
- </tr>
- <tr>
- <td>閲忓弬鑰冩棩鏈�</td>
- <td><span v-if="trade_data.volume_refer_date">
-
- <span class="num-style ">{{trade_data.volume_refer_date}}</span>
-
- </span>
- </td>
- </tr>
- <tr>
- <td>杈ㄨ瘑搴︿俊鎭�</td>
- <td><span v-if="trade_data.special_info">
-
- <span class="num-style ">{{trade_data.special_info[1]}}</span>
-
- </span>
- </td>
- </tr>
- <tr>
- <td>鐪熷疄涓嬪崟浣嶈缃�</td>
- <td>
- <div style="padding: 3px 1px;">
- <button class="layui-btn layui-btn-xs layui-btn-normal" v-on:click="set_real_place_order_index">鐐瑰嚮璁剧疆</button>
- </div>
- </td>
- </tr>
- </table>
-
-
- <div class="layui-tab layui-tab-brief">
- <ul class="layui-tab-title">
- <li class="layui-this">浠婃棩鎸傛挙璁板綍</li>
- <li>L2涓嶄笅鍗曞師鍥�</li>
-
- </ul>
- <div class="layui-tab-content">
- <div class="layui-tab-item layui-show">
-
- <!-- 浠婃棩鎸傛挙璁板綍 -->
- <table v-if="trade_record">
-
- <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;"
- class="scroll-y">
-
- <div class="record-item" style="width: 520px; " v-for="(item,index) in trade_record.records">
- <div>{{item[0]}}</div> <div>銆恵{item[1]}}銆憑{item[2]}} <a href="javascript:void()"
- style='color:red' v-if="item[3]&&item[3].length>0"
- @click="show_more_records(item[3])">鏇村</a></div>
- </div>
-
- </div>
- </td>
- </tr>
-
- </table>
-
-
-
- </div>
- <div class="layui-tab-item">
- <table>
- <tr v-for="item in l2_cant_buy_reasons">
- <td>{{item[0]}}</td>
- <td>{{item[1]}}</td>
- </tr>
- </table>
-
-
- </div>
- </div>
- </div>
-
-
- </div>
-
-
- </div>
- <div class="layui-tab-item">
- <div style="position: relative;">
- <div class="l2-nav">
- <div>
- <ul class="ul-colors">
- <li>
- <div class="color-single-start"></div><span>淇″彿璧峰浣嶇疆</span>
- </li>
- <li>
- <div class="color-single-exec"></div><span>淇″彿鎵ц浣嶇疆</span>
- </li>
- <li>
- <div class="color-l-front"></div><span>L鍓�</span>
- </li>
- <li>
- <div class="color-l-back"></div><span>L鍚�</span>
- </li>
- <li>
- <div class="color-h"></div><span>H鎾�</span>
- </li>
- <li>
- <div class="color-real-order"></div><span>鐪熷疄涓嬪崟</span>
- </li>
- <li>
- <div class="color-cancel"></div><span>鎾ゅ崟</span>
- </li>
- <li>
- <div class="color-trade-progress"></div><span>鎴愪氦杩涘害</span>
- </li>
- <li>
- <div class="color-latest-real-order"></div><span>鏈�鏂扮湡瀹炰笅鍗�</span>
- </li>
- <li>
- <div class="color-selected"></div><span>閫変腑琛�</span>
- </li>
-
-
- </ul>
- <div class="l2-tool-container">
- <div class="column-space"></div>
- <span style="width: 120px;">{{l2_code_name}}</span>
- <div class="column-space"></div>
-
- <button class="btn" v-on:click="refresh_h_cancel_data">鍔犺浇H鎾�</button>
- <div class="column-space"></div>
- <button class="btn" v-on:click="refresh_l_cancel_data(0)">鍔犺浇L鍓嶆挙</button>
- <div class="column-space"></div>
- <button class="btn" v-on:click="refresh_l_cancel_data(1)">鍔犺浇L鍚庢挙</button>
- <div class="column-space"></div>
- <button class="btn" v-on:click="clear_cancel_mark">娓呴櫎鎾ゅ崟鏍囪</button>
- <div class="column-space"></div>
- <button class="btn" v-on:click="refresh_l2_data">鍒锋柊L2鏁版嵁</button>
- <div class="column-space"></div>
- <button class="btn" v-on:click="refresh_trade_progress">鎴愪氦杩涘害</button>
- <div class="column-space"></div>
- <div style="line-height: 20px;margin-top: 5px;"><input type="checkbox" value="1" checked
- v-on:click="hidden_cancel_check($event)" /> <label>闅愯棌鎾ゅ崟</label> </div>
- <div class="column-space"></div>
- <div style="line-height: 20px;margin-top: 5px;"><input type="checkbox" value="1" checked
- v-on:click="hidden_sell_check($event)" /> <label>闅愯棌鍗�</label> </div>
- <div class="column-space"></div>
- <div style="line-height: 20px;margin-top: 5px;"><input type="checkbox" value="1" checked
- v-on:click="hidden_canceled_check($event)" /> <label>闅愯棌宸叉挙</label> </div>
- <div style="line-height: 20px;margin-top: 5px;margin-left: 5px;"><input type="checkbox" value="1" checked
- v-on:click="hidden_little_money_check($event)" /> <label>闅愯棌灏忛噾棰�</label> </div>
- </div>
- </div>
-
- </div>
-
-
- <div class="l2-content scroll-x scroll-y" style="width: 100%;">
- <div style="width: 700px;">
- <table >
- <thead>
- <tr>
- <td style="width: 40px;">搴忓彿</td>
- <td style="width: 80px;">鏃堕棿</td>
- <td style="width: 30px;">閲戦(涓�)</td>
- <td style="width: 30px;">浠锋牸</td>
- <td style="width: 45px;">鎵嬫暟</td>
- <td style="width: 40px;">绫诲瀷</td>
- <td style="width: 80px;">鎾ゅ崟鏃堕棿</td>
- <td>澶囨敞</td>
- <td>璁㈠崟鍙�</td>
- </tr>
- </thead>
+ <ul class="layui-tab-title">
+ <li class="layui-this" lay-id="0">浜ゆ槗鏁版嵁</li>
+ <li lay-id="1">L2鏁版嵁</li>
+
+ </ul>
+ <div class="layui-tab-content">
+ <div class="layui-tab-item layui-show">
+ <div id="trade_data" class="scroll-y">
+ <div v-if="same_reason_codes">
+ <table class="half-width">
+ <caption class="table-name">鏄ㄦ棩鐩稿悓鏉垮潡浠ｇ爜锛坽{same_reason_codes.reason}}锛�</caption>
<tbody>
- <!-- !hidden_canceled||(hidden_canceled&&(item[2][8]==null&&item[2][6].indexOf('涔版挙')<0) -->
- <tr v-if="need_show(item)"
- v-for="item in l2_datas"
- :style="{'background-color': item[0]>0?'#FFFFCC':'white'}"
- :class="{'color-trade-progress':trade_progress_index==item[2][0],'order_canceled':item[2][8]!=null&&item[2][8].indexOf('-')>=0,'color-latest-real-order':item[2][0]==latest_real_order_index,'color-l-front':l_up_cancel_indexes.includes(item[2][0]),'color-l-back':l_down_cancel_indexes.includes(item[2][0]),'color-h':h_cancel_indexes.includes(item[2][0]),'color-selected':operate_index==item[2][0]}"
- v-on:click="select_row(item[2][0])" >
- <td :class="[item[1]]">{{item[2][0]}}</td>
- <td>{{item[2][1]}}</td>
- <td :class="{'big_num':parseFloat(item[2][3])>=299}">{{item[2][3]}}</td>
- <td>{{item[2][4]}}</td>
- <td>{{item[2][5]}}</td>
- <td>{{item[2][6]}}</td>
- <td>
- {{item[2][8]}}
+ <tr>
+ <td style="padding: 0;border: none">
+ <div class="code-table-container">
+ <div v-for="(item,i) in same_reason_codes.data"
+ :style="{'border-left-style': i%3==0?'solid':'none','border-top-style': i<3?'solid':'none'}">
+ <span class="num-style">{{item[1]}}</span>
+ <span class="num-style">{{item[0]}}</span>
+ </div>
+ </div>
</td>
- <td>{{item[2][9]}}</td>
- <td>{{item[2][10]}}</td>
</tr>
</tbody>
-
-
</table>
</div>
-
+
+ <div class="layui-tab layui-tab-brief">
+
+ <ul class="layui-tab-title">
+ <li class="layui-this">鏍忔澘鎺掕</li>
+ <li>浜ゆ槗鍙傛暟</li>
+ </ul>
+
+ <div class="layui-tab-content">
+ <div class="layui-tab-item" style="max-height: 200px;" class="scroll-y">
+ <div class="scroll-y" style="height: 200px;">
+
+ <table>
+ <thead>
+ <tr>
+ <td>浠ｇ爜</td>
+ <td>鍚嶇О</td>
+ <td>寮�鏉挎鏁�</td>
+ <td>鎿嶄綔</td>
+ </tr>
+
+
+ </thead>
+ <tbody>
+ <tr v-for="item in kpl_open_limit_up_count_rank">
+ <td>{{item[0]}}</td>
+ <td>{{item[1]}}</td>
+ <td>{{item[2]}}娆�({{item[3]}})</td>
+ <td><button class="layui-btn layui-btn-xs layui-btn-primary"
+ v-on:click="view_details(item[0],true)">鏌ョ湅</button><button
+ class="layui-btn layui-btn-xs layui-btn-primary"
+ v-on:click="fordbidden_buy(item[0])">鍔犲叆榛戝悕鍗�</button></td>
+ </tr>
+
+ </tbody>
+
+ </table>
+
+
+ </div>
+ </div>
+ <div class="layui-tab-item">
+ <table v-if="trade_data">
+ <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 v-if="trade_data.safe_count">
+ <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 v-if="trade_data.m_val">
+ <td>鍔ㄦ�丮鍊�</td>
+ <td>鍥哄畾M鍊�<span
+ class="num-style ">{{trade_data.m_val.base}}涓�</span> 鍔ㄦ�丮鍊�<span
+ class="num-style ">{{trade_data.m_val.now}}涓�</span></td>
+ </tr>
+ <tr v-if="trade_data.big_num">
+ <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">
+ <div v-for="trade_progress in trade_data.trade_progress">
+ <span
+ class="num-style ">{{trade_progress.time}}</span>
+ <span
+ class="num-style ">{{trade_progress.num}}鎵�</span>
+ <span class="num-style ">{{trade_progress.money}}</span>
+ <br>
+ </div>
+ </span>
+ </td>
+ </tr>
+ <tr>
+ <td>閲忓弬鑰冩棩鏈�</td>
+ <td><span v-if="trade_data.volume_refer_date">
+
+ <span class="num-style ">{{trade_data.volume_refer_date}}</span>
+
+ </span>
+ </td>
+ </tr>
+ <tr>
+ <td>杈ㄨ瘑搴︿俊鎭�</td>
+ <td><span v-if="trade_data.special_info">
+
+ <span class="num-style ">{{trade_data.special_info[1]}}</span>
+
+ </span>
+ </td>
+ </tr>
+ <tr>
+ <td>鐪熷疄涓嬪崟浣嶈缃�</td>
+ <td>
+ <div style="padding: 3px 1px;">
+ <button class="layui-btn layui-btn-xs layui-btn-normal"
+ v-on:click="set_real_place_order_index">鐐瑰嚮璁剧疆</button>
+ </div>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+
+ </div>
+
+
+ <div class="layui-tab layui-tab-brief">
+ <ul class="layui-tab-title">
+ <li class="layui-this">浠婃棩鎸傛挙璁板綍</li>
+ <li>L2涓嶄笅鍗曞師鍥�</li>
+
+ </ul>
+ <div class="layui-tab-content">
+ <div class="layui-tab-item layui-show">
+
+ <!-- 浠婃棩鎸傛挙璁板綍 -->
+ <table v-if="trade_record">
+
+ <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;"
+ class="scroll-y">
+
+ <div class="record-item" style="width: 520px; "
+ v-for="(item,index) in trade_record.records">
+ <div>{{item[0]}}</div>
+ <div>銆恵{item[1]}}銆憑{item[2]}} <a href="javascript:void()"
+ style='color:red' v-if="item[3]&&item[3].length>0"
+ @click="show_more_records(item[3])">鏇村</a></div>
+ </div>
+
+ </div>
+ </td>
+ </tr>
+
+ </table>
+
+
+
+ </div>
+ <div class="layui-tab-item">
+ <table>
+ <tr v-for="item in l2_cant_buy_reasons">
+ <td>{{item[0]}}</td>
+ <td>{{item[1]}}</td>
+ </tr>
+ </table>
+
+
+ </div>
+ </div>
+ </div>
+
+
</div>
-
+
+
</div>
-
+ <div class="layui-tab-item">
+ <div style="position: relative;">
+ <div class="l2-nav">
+ <div>
+ <ul class="ul-colors">
+ <li>
+ <div class="color-single-start"></div><span>淇″彿璧峰浣嶇疆</span>
+ </li>
+ <li>
+ <div class="color-single-exec"></div><span>淇″彿鎵ц浣嶇疆</span>
+ </li>
+ <li>
+ <div class="color-l-front"></div><span>L鍓�</span>
+ </li>
+ <li>
+ <div class="color-l-back"></div><span>L鍚�</span>
+ </li>
+ <li>
+ <div class="color-h"></div><span>H鎾�</span>
+ </li>
+ <li>
+ <div class="color-real-order"></div><span>鐪熷疄涓嬪崟</span>
+ </li>
+ <li>
+ <div class="color-cancel"></div><span>鎾ゅ崟</span>
+ </li>
+ <li>
+ <div class="color-trade-progress"></div><span>鎴愪氦杩涘害</span>
+ </li>
+ <li>
+ <div class="color-latest-real-order"></div><span>鏈�鏂扮湡瀹炰笅鍗�</span>
+ </li>
+ <li>
+ <div class="color-selected"></div><span>閫変腑琛�</span>
+ </li>
+
+
+ </ul>
+ <div class="l2-tool-container">
+ <div class="column-space"></div>
+ <span style="width: 120px;">{{l2_code_name}}</span>
+ <div class="column-space"></div>
+
+ <button class="btn" v-on:click="refresh_h_cancel_data">H鎾�</button>
+ <div class="column-space"></div>
+ <button class="btn" v-on:click="refresh_l_cancel_data(0)">L鍓嶆挙</button>
+ <div class="column-space"></div>
+ <button class="btn" v-on:click="refresh_l_cancel_data(1)">L鍚庢挙</button>
+ <div class="column-space"></div>
+ <button class="btn" v-on:click="clear_cancel_mark">娓呴櫎鏍囪</button>
+ <div class="column-space"></div>
+ <button class="btn" v-on:click="refresh_l2_data">鍒锋柊L2</button>
+ <div class="column-space"></div>
+ <button class="btn" v-on:click="refresh_trade_progress">鎴愪氦杩涘害</button>
+ <div class="column-space"></div>
+ <button class="btn" v-on:click="screen_l2_data">绛涢��</button>
+ <div class="column-space"></div>
+ <div style="line-height: 20px;margin-top: 5px;"><input type="checkbox" value="1"
+ checked v-on:click="hidden_cancel_check($event)" /> <label>闅愯棌鎾ゅ崟</label>
+ </div>
+ <div class="column-space"></div>
+ <div style="line-height: 20px;margin-top: 5px;"><input type="checkbox" value="1"
+ checked v-on:click="hidden_sell_check($event)" /> <label>闅愯棌鍗�</label>
+ </div>
+ <div class="column-space"></div>
+ <div style="line-height: 20px;margin-top: 5px;"><input type="checkbox" value="1"
+ checked v-on:click="hidden_canceled_check($event)" />
+ <label>闅愯棌宸叉挙</label>
+ </div>
+ <div style="line-height: 20px;margin-top: 5px;margin-left: 5px;"><input
+ type="checkbox" value="1" checked
+ v-on:click="hidden_little_money_check($event)" /> <label>闅愯棌灏忛噾棰�</label>
+ </div>
+ <div style="line-height: 20px;margin-top: 5px;margin-left: 5px;"><input
+ type="checkbox" value="1" checked
+ v-on:click="hidden_canceled_big_money_check($event)" />
+ <label>涓嶉殣钘忓凡鎾ゅぇ鍗�</label>
+ </div>
+ </div>
+ </div>
+
+ </div>
+
+
+ <div class="l2-content scroll-x scroll-y" style="width: 100%;" :key='l2_min_volume'
+ :key1='l2_max_volume'>
+ <div style="width: 700px;">
+ <table>
+ <thead>
+ <tr>
+ <td style="width: 40px;">搴忓彿</td>
+ <td style="width: 80px;">鏃堕棿</td>
+ <td style="width: 30px;">閲戦(涓�)</td>
+ <td style="width: 30px;">浠锋牸</td>
+ <td style="width: 45px;">鎵嬫暟</td>
+ <td style="width: 40px;">绫诲瀷</td>
+ <td style="width: 80px;">鎾ゅ崟/鎴愪氦鏃堕棿</td>
+ <td>澶囨敞</td>
+ <td>璁㈠崟鍙�</td>
+ </tr>
+ </thead>
+ <tbody>
+ <!-- !hidden_canceled||(hidden_canceled&&(item[2][8]==null&&item[2][6].indexOf('涔版挙')<0) -->
+ <tr v-if="need_show(item)" v-for="item in l2_datas"
+ :style="{'background-color': item[0]>0?'#FFFFCC':'white'}"
+ :class="{'color-trade-progress':trade_progress_index==item[2][0],'order_canceled':item[2][8]!=null&&item[2][8].indexOf('-')>=0,'color-latest-real-order':real_order_indexes.includes(item[2][0]),'color-l-front':l_up_cancel_indexes.includes(item[2][0]),'color-l-back':l_down_cancel_indexes.includes(item[2][0]),'color-h':h_cancel_indexes.includes(item[2][0]),'color-selected':operate_index==item[2][0]}"
+ v-on:click="select_row(item[2][0])">
+ <td :class="[item[1]]">{{item[2][0]}}</td>
+ <td>{{item[2][1]}}</td>
+ <td :class="{'big_num':parseFloat(item[2][3])>=299}">{{item[2][3]}}</td>
+ <td>{{item[2][4]}}</td>
+ <td>{{item[2][5]}}</td>
+ <td>{{item[2][6]}}</td>
+ <td>
+ {{item[2][8]}}
+ </td>
+ <td>{{item[2][9]}}</td>
+ <td>{{item[2][10]}}</td>
+ </tr>
+ </tbody>
+
+
+ </table>
+ </div>
+
+ </div>
+
+ </div>
+
+ </div>
</div>
- </div>
</div>
+ <div id="l2_screen">
+
+ <div> <span>閲忥細</span> <input id="min-volume" /> - <input id="max-volume" /> </div>
+
+ <div> <button class="btn" @click="l2_screen_click">纭畾</button> </div>
+
+ </div>
+
</div>
+
+
+
<script>
</script>
--
Gitblit v1.8.0