前端代码修改

admin

2024-03-27 bcbc411066bab8d440acbafa610562261445ba85

前端代码修改

 kp_html/kp/codes_list.html

@@ -4,7 +4,8 @@
        <meta charset="utf-8">
        <title>看盘端</title>
        <link rel="stylesheet" type="text/css" href="./css/banshuping.css" />
        <link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
        <!-- <link rel="stylesheet" type="text/css" href="layui/css/layui.css" /> -->
        <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.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="js/vconsole.min.js"></script>
@@ -12,6 +13,7 @@
        <script src="js/qwebchannel.js"></script>
        <script src="js/kpl.js"></script>
        <script src="js/http.js"></script>
        <script src="js/jquery-ui.min.js"></script>
        <script src="layui/layui.js"></script>
        <style>

@@ -27,7 +29,7 @@
                        </h2>
                    </span>
                    <div>
                    <input type="text" id="date" placeholder="请输入日期" style="height: 20px;width: 80px;font-size: 12px;"/>
                    <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>
@@ -60,6 +62,10 @@
                                            <div style="color: red;"
                                                :style="{'visibility': item.pay_attention?'visible':'hidden' }">***
                                            </div>
											
                                            <span  :style="{'visibility': item.is_near_big_order?'visible':'hidden' }" style="color: green;">△</span>
											
											
                                            <div class="layui-progress"
                                                style="background-color: #BBB; width: 75%; visibility: hidden;"
                                                :id="'progress_'+item.code_info[0]">
@@ -134,7 +140,8 @@
            <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>
                    <li lay-id="1">L2数据(买大单：{{big_buy_order_count}}笔)</li>
                    <li lay-id="2">大单卖数据(卖大单：{{big_sell_order_count}}笔)</li>

                </ul>
                <div class="layui-tab-content">
@@ -449,7 +456,7 @@
                                        </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"
                                            <tr v-if="need_show(item)" v-for="item in l2_datas.delegates"
                                                :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])">
@@ -476,6 +483,58 @@
                        </div>

                    </div>
				
                <div class="layui-tab-item">
                    <div style="position: relative;">
                        <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-for="item in l2_datas.transactions"
                                            :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 id="l2_screen">
@@ -491,6 +550,8 @@


        <script>
			
			

        </script>


 kp_html/kp/css/banshuping.css

@@ -585,3 +585,15 @@
    
}

#l2_screen{
    padding: 10px;
    display: none;
}

#l2_screen input{
    border: solid 1px #BBB;
    border-radius: 4px;
    width: 50px;
    padding: 2px 5px;
}


 kp_html/kp/js/code_list.js

@@ -69,7 +69,10 @@
            latest_cancel_orders: [],
            l2_min_volume:'',
            l2_max_volume:'',
            kpl_open_limit_up_count_rank:[]
            kpl_open_limit_up_count_rank:[],
            // 大单买卖数量
            big_buy_order_count:0,
            big_sell_order_count:0
            
        },
        watch: {
@@ -85,6 +88,17 @@
            layui.use('element', function() {
                var element = layui.element;
                app.layui_element = element;
            });
			
            layui.use('laydate', function(){
              var laydate = layui.laydate;
			  
              //执行一个laydate实例
              laydate.render({
                elem: '#date' ,//指定元素
                type: 'date',
                position:'abolute'
              });
            });

            setInterval(function() {
@@ -163,7 +177,8 @@
                }

                var index = layer.load(1, {
                    shade: [0.1, '#fff'] //0.1透明度的白色背景
                    shade: [0.1, '#fff'], //0.1透明度的白色背景
                    shadeClose:true
                });
                
                var date = $("#date").val();
@@ -175,7 +190,9 @@
                    if (res.code == 0) {
                        var real_order_indexes = new Array();
                        var buy_singles = [];
                        res.data.data.forEach(function(e) {
                        var big_buy_order=0;
                        var big_sell_order=0;
                        res.data.data.delegates.forEach(function(e) {
                            if (e[1] != null) {
                                if (e[1][0] == 3) {
                                    //真实下单位置
@@ -189,7 +206,26 @@
                                e[1] = '';
                            }
                            e[2][3] = e[2][3].slice(0, e[2][3].length - 1)
							 
                            if(parseFloat(e[2][3])>=299&&e[2][6]=='买T'&&e[2][8]&&e[2][8].indexOf(":")>=0&&e[2][8].indexOf("-")<0&&e[2][8].indexOf("成交")<0){
                                // 大单数量
                                big_buy_order+=1;
                            }
							
                        });
                        res.data.data.transactions.forEach(function(e) {
                            if(parseFloat(e[2][3])>=299){
                                // 大单数量
                                big_sell_order+=1;
                            }
							
                        });
						
                        app.big_buy_order_count = big_buy_order;
                        app.big_sell_order_count = big_sell_order;
						
                        console.log("大单信息：","买："+big_buy_order,"卖："+big_sell_order);
						
                        console.log("最近真实下单位置：", real_order_indexes);
                        app.real_order_indexes = real_order_indexes;
                        app.l2_datas = res.data.data;