From b92dbb786833487fa343f3edea1b1b9885e86dc1 Mon Sep 17 00:00:00 2001
From: admin <weikou2014>
Date: 星期四, 29 二月 2024 17:32:40 +0800
Subject: [PATCH] 网页修改/自动加同花顺修改

---
 kp_html/kp/codes_list.html |  664 +++++++++++++++++++++++++++++-------------------------
 1 files changed, 356 insertions(+), 308 deletions(-)

diff --git a/kp_html/kp/codes_list.html b/kp_html/kp/codes_list.html
index 6480817..c5aed79 100644
--- a/kp_html/kp/codes_list.html
+++ b/kp_html/kp/codes_list.html
@@ -21,336 +21,384 @@
 		<div id="app">
 			<div style="position: fixed;top: 0;width: 100%;">
 				<div class="top">
-					<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>
-				</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>
+						<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>
 				</div>
 			</div>
-
-			<div style="margin-top: 70px;" class="scroll-y">
-
-				<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">鏄ㄦ棩鐩稿悓鏉垮潡浠g爜锛坽{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 style="position: relative;" >
-						<caption class="table-name">
-							<span>
-							涔板叆棰勬湡
-							</span>
-							<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>
-									<div class="delegated_codes_info">
-										<div v-for="(item,index) in delegated_buy_code_infos">
-											<div>
-												<div>{{item.code_info[0]}}</div>
-												<div>{{item.code_info[1]}}</div>
+			
+			<!-- 浜ゆ槗鍙傛暟 -->
+			
+			<!-- 浜ゆ槗鍙傛暟 -->
+			
+			<table style="position: relative;margin-top: 40px;" >
+				<caption class="table-name">
+					<span>
+					涔板叆棰勬湡(鍙敤锛毬{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>
+				</caption>
+				
+				<thead>
+					<tr v-if="delegated_buy_code_infos.length>0">
+						<td>
+							<div class="delegated_codes_info">
+								<div v-for="(item,index) in delegated_buy_code_infos" class="delegate_item">
+									<div>
+										<div>{{item.code_info[0]}}</div>
+										<div>{{item.code_info[1]}}</div>
+									</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>
 											<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%;" :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])">鏌ョ湅</button>
-													</div>
-													
-												</div>
-												
-												
-												<div>
-													鍓�<span :class="{'red':item.left_count <=4}">{{item.left_count}}</span>绗�<span>{{item.left_money}}/灏佸崟{{item.buy1_money}}</span>锛屽凡鎴愬ぇ鍗�
-												     {{item.big_num_count}}绗攞{item.big_num_money}}&nbsp; 寰呮垚澶у崟{{item.not_deal_big_num_count}}绗攞{item.not_deal_big_num_money}}
-												</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>
 											</div>
 											
 										</div>
+										
+										
+										<div>
+											鍓�<span :class="{'red':item.left_count <=4}">{{item.left_count}}</span>绗�<span>{{item.left_money}}/灏佸崟{{item.buy1_money}}銆愭瘮渚嬶細{{item.trade_progress_percent+'%'}}銆�</span>锛屽凡鎴愬ぇ鍗�
+										     {{item.big_num_count}}绗攞{item.big_num_money}}&nbsp; 寰呮垚鍓嶅ぇ鍗晎{item.not_deal_big_num_count[0]}}绗攞{item.not_deal_big_num_money[0]}}&nbsp; 寰呮垚鍚庡ぇ鍗晎{item.not_deal_big_num_count[1]}}绗攞{item.not_deal_big_num_money[1]}}
+										</div>
+									</div>
+									
+								</div>
+							</div>
+						</td>
+					</tr>
+				</thead>
+				
+			</table>
+			
+			<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>
+				</caption>
+				
+				<thead>
+					<tr style="padding: 2px 0px;">
+						<td>浠g爜</td>
+						<td>鎾ゅ崟鏃堕棿</td>
+						<td>涓嬪崟鏃堕棿</td>
+						<td>浠锋牸</td>
+						<td>濮旀墭閲�</td>
+						<td>鎿嶄綔</td>
+					</tr>
+				</thead>
+				<tbody style="max-height: 50px;" class="scroll-y">
+					<tr v-for="item in latest_cancel_orders">
+						<td>{{item.securityID}}({{item.securityName}})</td>
+						<td>{{item.cancelTime}}</td>
+						<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>
+					</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">鏄ㄦ棩鐩稿悓鏉垮潡浠g爜锛坽{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>&nbsp;&nbsp;&nbsp;鍔ㄦ�丮鍊�<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>&nbsp;
+											<span class="num-style ">{{trade_progress.num}}鎵�</span>&nbsp;
+											<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>
-						</thead>
-						
-					</table>
+						</table>
 					
 					
+						<div class="layui-tab layui-tab-brief">
+						  <ul class="layui-tab-title">
+							<li class="layui-this">浠婃棩鎸傛挙璁板綍</li>
+							<li>L2涓嶄笅鍗曞師鍥�</li>
 					
-					<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>&nbsp;&nbsp;&nbsp;鍔ㄦ�丮鍊�<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>&nbsp;
-										<span class="num-style ">{{trade_progress.num}}鎵�</span>&nbsp;
-										<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>
+						  </ul>
+						  <div class="layui-tab-content">
+							<div class="layui-tab-item layui-show">
 								
-								</span>
-							</td>
-						</tr>
-						<tr>
-							<td>杈ㄨ瘑搴︿俊鎭�</td>
-							<td><span v-if="trade_data.special_info">
-							
-										<span class="num-style ">{{trade_data.special_info[1]}}</span>
+								<!-- 浠婃棩鎸傛挙璁板綍 -->
+								<table v-if="trade_record">
 								
-								</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>
+									<thead>
+										<tr>
+											<td>鏄惁鐐告澘锛�<span v-if="trade_record.open_limit_up"> <span><img
+															src="./images/stop_up.png">&nbsp;</span>鐐告澘&nbsp;&nbsp;
+													<span class="num-style ">{{trade_record.open_limit_up}}</span></span>
+												<span v-else class="num-style ">鏈偢鏉�</span>
+											</td>
+										</tr>
+									</thead>
+								
 									<tr>
-										<td>鏄惁鐐告澘锛�<span v-if="trade_record.open_limit_up"> <span><img
-														src="./images/stop_up.png">&nbsp;</span>鐐告澘&nbsp;&nbsp;
-												<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 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" 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">
-						<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 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':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]}}
+											<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>
-										<td>{{item[2][9]}}</td>
-										<td>{{item[2][10]}}</td>
 									</tr>
-								</tbody>
-
-
-							</table>
+								
+								</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>
+									<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>
 			</div>
 		</div>
 		<script>

--
Gitblit v1.8.0