From 80b5be5e4ff4cb99aeb8c4e872ff1a8e208a9b0a Mon Sep 17 00:00:00 2001
From: admin <weikou2014>
Date: 星期四, 30 十一月 2023 09:53:54 +0800
Subject: [PATCH] '功能修改'
---
kp_html/kp/codes_list.html | 420 +++++++++++++++++++++++++++++------------------------------
1 files changed, 205 insertions(+), 215 deletions(-)
diff --git a/kp_html/kp/codes_list.html b/kp_html/kp/codes_list.html
index 167e1c7..e58e226 100644
--- a/kp_html/kp/codes_list.html
+++ b/kp_html/kp/codes_list.html
@@ -17,240 +17,230 @@
</head>
<body>
<div id="app">
- <div class="top">
- <span>
- <h2 style="margin-left: 18px; font-size: 20px;">{{code_name}}
- </h2>
- </span>
-
+ <div style="position: fixed;top: 0;width: 100%;">
+ <div class="top">
+ <span>
+ <h2 style="margin-left: 18px; font-size: 20px;">{{code_name}}
+ </h2>
+ </span>
+ </div>
+ <div class="nav" style="background-color: white;">
+ <div :class="{'active': data_type==0 }" v-on:click="change_data_type(0)">浜ゆ槗鏁版嵁</div>
+ <div :class="{'active': data_type==1 }" v-on:click="change_data_type(1)">L2鏁版嵁</div>
+ </div>
</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 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>
-
-
-
+ <div style="margin-top: 70px;" class="scroll-y">
- <!-- 涔板墠璇勫垎 -->
-
-
-
- <div>
- <span>
-
+ <div id="trade_data" :style="{'visibility':data_type==0?'visible':'hidden'}">
+ <div v-if="same_reason_codes">
<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>
+ <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 passive_buy_codes"
+ <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 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>
+ <span class="num-style">{{item[1]}}</span>
+ <span class="num-style">{{item[0]}}</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>鍔ㄦ�丮鍊�</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>
- <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>
+ </div>
+
+
+ <!-- 浜ゆ槗鍙傛暟 -->
+ <table v-if="trade_data">
+ <caption class="table-name">浜ゆ槗鍙傛暟</caption>
<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>鏄惁鍙互涔板叆</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>
- </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>
+ <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>
+ </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;"
+ class="scroll-y">
+ <div style="width: 100%;" v-for="(item,index) in trade_record.records">
+ <span>{{item[0]}} 銆恵{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></span>
+ </div>
+
+ </div>
+ </td>
+ </tr>
+
+ </table>
+
+ </div>
+ <div id="l2" :style="{'visibility':data_type==1?'visible':'hidden'}">
+ <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"
+ 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"
+ v-on:click="hidden_little_money_check($event)" /> <label>闅愯棌灏忛噾棰�</label> </div>
+ </div>
+ </div>
+
+ </div>
+
+
+ <div class="l2-content scroll-x">
+ <div style="width: 700px;">
+ <table style="width: 100%;">
+ <thead>
+ <tr>
+ <td style="width: 40px;">搴忓彿</td>
+ <td style="width: 80px;">鏃堕棿</td>
+ <td style="width: 30px;">閲戦(涓�)</td>
+ <td>浠锋牸</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':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]}}
+ </td>
+ <td>{{item[2][9]}}</td>
+ <td>{{item[2][10]}}</td>
+ </tr>
+ </tbody>
+
+
+ </table>
+ </div>
+
+ </div>
+
+ </div>
</div>
</div>
<script>
--
Gitblit v1.8.0