'网页修改'

admin

2023-12-21 084ca650a5527886b7b6e869bcc8f7ae102ceea1

'网页修改'

 kp_html/kp/css/banshuping.css

@@ -147,9 +147,9 @@
    background: #EEE;
}

table tr:hover {
/* table tr:hover {
    background: #DDD;
}
} */

.td-max {
    width: 100%;
@@ -281,6 +281,49 @@
    padding-left: 2px;
}


.scroll-x {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    outline: none;
}

.scroll-x .item{
    display: inline-block;
    border-right: solid 1px #EEE;
    padding: 0 10px;
}

.scroll-x .item .line{
    display: block;
	
}


/* 板块 */
.budinggundong {
    height: 75px;
}


.budinggundong  div {
    width: 465px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding: 0 5px;
    border-right: solid 1px #EEE;
    vertical-align: top;
	
}
.budinggundong  div span{
    margin-right: 5px;
    margin-bottom: 5px;
    width: auto;
    max-width: 100px;
}

#kpl-best_feng_kou tr td:first-child{
    width: 50px;
    min-width: 50px;

 kp_html/kp/css/index23-05-04.css

@@ -259,6 +259,22 @@
    text-align: center;
}
 */

.label-style {
    min-width: 50px;
    max-width: 0px;
    padding: 0px 3px;
    height: 22px;
    line-height: 22px;
    /* font-size: 12px; */
    font-weight: 400;
    background: #DDD !important;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    width: auto;
}

.bold {
    font-size: 16px;
    font-weight: bold;
@@ -511,7 +527,7 @@

.market-container {
    width: 520px;
    height: 398px;
    height: 178px;
    word-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
@@ -626,3 +642,27 @@
    box-sizing: border-box;
    flex-wrap: wrap;
}


.budinggundong {
    height: 75px;
}


.budinggundong  div {
    width: 465px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding: 0 5px;
    border-right: solid 1px #EEE;
    vertical-align: top;
	
}
.budinggundong  div span{
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 3px;
    width: auto;
    max-width: 150px;
}

 kp_html/kp/index23-05-04.html

@@ -35,67 +35,158 @@
            <div>
                <!-- 右侧板块 -->
                <div style="display: flex;">
                                <table style="width: 520px;">
                                    <caption class="table-name">
                                        <div class="child-title" :class="{'child-title-active':jingxuan_data_type==0}"
                                            @click="get_jingxuan_data(0)">精选流入</div>
                                        <div class="child-title" :class="{'child-title-active':jingxuan_data_type==1}"
                                            @click="get_jingxuan_data(1)">精选流出</div>

                                    </caption>
                                    <thead>
                                    </thead>
                                    <tbody>
                                        <tr style="padding:0px;">
                                            <td style="padding:0px;">
                                                <div class="market-container">
	

                                                    <div class="item" v-for="(item,index) in jingxuan_datas">
                                                        <span :class="{'green':item[4]==1}">{{item[1]}}</span>
                                                        <span
                                                            :class="{'green':item[4]==1}">{{money_desc(item[3])}}</span>
                                                        <span class='delete'
                                                            :style="{'visibility':item[4]==1?'hidden':'visible' }"><img
                                                                src="images/delete.png"
                                                                v-on:click="forbidden_plate(item[1],1)"></span>
                                                    </div>
                                                </div>
                        <table v-if="kpl_code_info">
                            <caption class="table-name">板块</caption>
                            <thead></thead>
                            <tbody class="buding">
                                <tr>
                                    <td><span class="bold">今天</span></td>
                                    <td>
                                        <span v-if="kpl_code_info.today">
                                            <span class="red">【{{kpl_code_info.today[0][0]}}】</span><span
                                                v-if="kpl_code_info.today[0][1]">({{kpl_code_info.today[0][1]}})</span>&nbsp;|&nbsp;

                                            </td>
                                        </tr>
                                            <span v-for="(item,index) in kpl_code_info.today[2]">
                                                <span class="num-style">{{item[0]}}</span><span
                                                    v-if="item[1]">({{item[1]}})</span><span
                                                    v-if="index!=kpl_code_info.today[2].length-1">、</span>
                                            </span>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </span>
                                        <br>
                                        二级：
                                        <span class="num-style" v-if="kpl_code_info.industry">
                                            {{kpl_code_info.industry[0]}}
                                            <span
                                                v-if="kpl_code_info.industry[1]">({{kpl_code_info.industry[1]}})</span>
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="min-width: 35px;"><span class="bold">历史</span></td>
                                    <td>
                                        <span v-for="(item,i) in kpl_code_info.code_records">
                                            <span class="num-style red">【{{item[0][0]}}】</span> <span
                                                v-if="item[0][1]">({{item[0][1]}})</span>|&nbsp;
                                            <span v-for="(item1,i1) in item[2]">
                                                <span class="num-style">{{item1[0]}}</span><span
                                                    v-if="item1[1]">({{item1[1]}})</span> <span
                                                    v-if="i1!=item[2].length-1">、</span>
                                            </span>

                                    </tbody>
                                </table>
                                            <br>
                                        </span>

                                <table style="width: 520px;">
                                    <caption class="table-name">
                                        <div class="child-title" :class="{'child-title-active':industry_data_type==0}"
                                            @click="get_industry_data(0)">行业流入</div>
                                        <div class="child-title" :class="{'child-title-active':industry_data_type==1}"
                                            @click="get_industry_data(1)">行业流出</div>
                                    </caption>
                                    <thead>
                                    </thead>
                                    <tbody>
                                        <tr style="padding:0px;">
                                            <td style="padding:0px;">
                                                <div class="market-container">
                                    </td>

                                                    <div class="item" v-for="(item,index) in industry_datas">
                                                        <span :class="{'green':item[4]==1}">{{item[1]}}</span>
                                                        <span
                                                            :class="{'green':item[4]==1}">{{money_desc(item[3])}}</span>
                                                        <span class='delete'
                                                            :style="{'visibility':item[4]==1?'hidden':'visible' }"><img
                                                                src="images/delete.png"
                                                                v-on:click="forbidden_plate(item[1],0)"></span>
                                                    </div>
                                                </div>

                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                </tr>
                                <tr>
                                    <td><span class="bold">板块</span></td>
                                    <td class="budinggundong">
                                        <div>
                                            <span v-for="(item,i) in kpl_code_info.plate"
                                                class="label-style">{{item[1]}}</span>
                                        </div>
                                    </td>
                                </tr>
								
                                <tr  v-if="yesterday_block_info">
                                    <td><span  class="bold">昨日涨停原因</span></td>
                                    <td>
                                        <span class="red">{{yesterday_block_info.reason}}</span>
                                    </td>
                                </tr>
								
                                <tr  v-if="yesterday_block_info">
                                    <td><span  class="bold">同原因昨日涨停</span></td>
                                    <td class="budinggundong">
                                        <div>
                                            <span v-for="(item,i) in yesterday_block_info.data.yesterday"
                                                class="label-style" >{{item[1]}}({{item[0]}})</span>
                                        </div>
                                    </td>
                                </tr>
								
                                <tr  v-if="yesterday_block_info">
                                    <td><span  class="bold">同原因今日涨停</span></td>
                                    <td class="budinggundong">
                                        <div>
                                            <span v-for="(item,i) in yesterday_block_info.data.current"
                                                class="label-style">{{item[1]}}({{item[0]}})</span>
                                        </div>
                                    </td>
                                </tr>
								
                            </tbody>
                            <tfoot></tfoot>
                        </table>


                    <div>
                        <table style="width: 520px;">
                            <caption class="table-name">
                                <div class="child-title" :class="{'child-title-active':jingxuan_data_type==0}"
                                    @click="get_jingxuan_data(0)">精选流入</div>
                                <div class="child-title" :class="{'child-title-active':jingxuan_data_type==1}"
                                    @click="get_jingxuan_data(1)">精选流出</div>

                            </caption>
                            <thead>
                            </thead>
                            <tbody>
                                <tr style="padding:0px;">
                                    <td style="padding:0px;">
                                        <div class="market-container">

                                            <div class="item" v-for="(item,index) in jingxuan_datas">
                                                <span :class="{'green':item[4]==1}">{{item[1]}}</span>
                                                <span :class="{'green':item[4]==1}">{{money_desc(item[3])}}</span>
                                                <span class='delete'
                                                    :style="{'visibility':item[4]==1?'hidden':'visible' }"><img
                                                        src="images/delete.png"
                                                        v-on:click="forbidden_plate(item[1],1)"></span>
                                            </div>
                                        </div>

                                    </td>
                                </tr>

                            </tbody>
                        </table>

                        <table style="width: 520px;">
                            <caption class="table-name">
                                <div class="child-title" :class="{'child-title-active':industry_data_type==0}"
                                    @click="get_industry_data(0)">行业流入</div>
                                <div class="child-title" :class="{'child-title-active':industry_data_type==1}"
                                    @click="get_industry_data(1)">行业流出</div>
                            </caption>
                            <thead>
                            </thead>
                            <tbody>
                                <tr style="padding:0px;">
                                    <td style="padding:0px;">
                                        <div class="market-container">

                                            <div class="item" v-for="(item,index) in industry_datas">
                                                <span :class="{'green':item[4]==1}">{{item[1]}}</span>
                                                <span :class="{'green':item[4]==1}">{{money_desc(item[3])}}</span>
                                                <span class='delete'
                                                    :style="{'visibility':item[4]==1?'hidden':'visible' }"><img
                                                        src="images/delete.png"
                                                        v-on:click="forbidden_plate(item[1],0)"></span>
                                            </div>
                                        </div>

                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

@@ -113,23 +204,25 @@
                </div>
                <!-- 左侧 -->
                <div style="float: left;width: 27.5%;margin-right: 0.4%;" class="scroll-y">
					

                    <table style="width: 100%; background: #cecece;" class="shoubanzuogundong">
                        <thead>
                            <tr style="height: 40px;padding-right: 0;">
                                <td style="padding-right: 0;">
                                    <div style="display: flex;justify-content: space-between;">
                                    <input  type="text" placeholder="请输入名称搜索" style="width:70%" id="limit_up_search_key"/>
                                    <button class="layui-btn" v-on:click="limit_up_search">搜索</button>
                                        <input type="text" placeholder="请输入名称搜索" style="width:70%"
                                            id="limit_up_search_key" />
                                        <button class="layui-btn" v-on:click="limit_up_search">搜索</button>
                                    </div>
									

                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="(item,index) in first_info.limit_up_codes"
                                @click="select_code_level_1($event,index)"
                                :class="{'active':choose_code.first==item[0]}" v-if="item[0].indexOf(limit_up_search_key)>=0">
                                :class="{'active':choose_code.first==item[0]}"
                                v-if="item[0].indexOf(limit_up_search_key)>=0">
                                <td>
                                    <div style="display:flex;justify-content:space-between;align-items:center">

@@ -170,7 +263,8 @@
                                    <div>代码：<span class="num-style">{{item[0]}}</span>&nbsp;&nbsp;&nbsp;&nbsp;自由市值：<span
                                            class="num-style">{{item[9]}}</span></div>
                                    <!-- 交易信息 -->
                                    <div class="num-style" style="font-size:12px;overflow: hidden;width:260px;" v-html="item[12]"></div>
                                    <div class="num-style" style="font-size:12px;overflow: hidden;width:260px;"
                                        v-html="item[12]"></div>

                                </td>
                            </tr>
@@ -332,11 +426,11 @@
                                                    <span v-for="(item1,i1) in item.code_records">
                                                        <span class="num-style red">【{{item1[0][0]}}】</span>|&nbsp;
                                                        <span v-for="(item2,i2) in item1[2]">
                                                            <span>{{item2[0]}}</span><span v-if="i2!=item1[2].length -1">、</span>
                                                            <span>{{item2[0]}}</span><span
                                                                v-if="i2!=item1[2].length -1">、</span>
                                                        </span>
														
                                                            <span
                                                            class="num-style">({{item1[1]}})</span>

                                                        <span class="num-style">({{item1[1]}})</span>
                                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                                    </span>
                                                </div>
@@ -407,10 +501,15 @@

            <!-- 弹出框 -->
            <div id="want_code_dialog" style="display: none;">
                <div v-if="want_codes" class="want_code_content" style="display: flex;width: 540px;justify-content: space-between;">
                    <div v-for="(item,i) in want_codes" class="item" style="display: flex;width: 270px;margin-bottom: 15px;">
                <div v-if="want_codes" class="want_code_content"
                    style="display: flex;width: 600px;justify-content: space-between;">
                    <div v-for="(item,i) in want_codes" class="item"
                        style="display: flex;width: 298px;margin-bottom: 15px;">

                        <div><img :style="{'visibility':item[3]==1?'visiable':'hidden'}" style="margin-right:5px;" src="./images/stop_up.png" ><span :class="{'red': item[5]}">{{item[1]}}({{item[0]}})-{{item[2]}}-{{item[6]}} </span><span v-if="item[3]==1">(炸)</span> <span class="red" v-if="item[4]">*</span> </div>
                        <div><img :style="{'visibility':item[3]==1?'visiable':'hidden'}" style="margin-right:5px;"
                                src="./images/stop_up.png"><span
                                :class="{'red': item[5]}">{{item[1]}}({{item[0]}})-{{item[2]}}-{{item[6]}}-{{item[7]}}
                            </span><span v-if="item[3]==1">(炸)</span> <span class="red" v-if="item[4]">*</span> </div>
                        <img v-if="item[2]==1" class="delete" src="./images/delete.png"
                            @click="delete_from_want_codes(i)">
                    </div>

 kp_html/kp/js/code_list.js

@@ -30,6 +30,7 @@
        data: {
            code: "000000",
            code_name: "测试代码",
            origin_code:null,
            trade_data: {},
            trade_record: {
                open_limit_up: "",
@@ -50,6 +51,7 @@
            l2_colors_class: ["color-single-start", "color-single-exec", "color-cancel",
                "color-real-order"
            ],
            kpl_code_info: null,
            l_up_cancel_indexes: [],
            l_down_cancel_indexes: [],
            h_cancel_indexes: [],
@@ -122,7 +124,7 @@
                    if (res.code == 0) {
                        var real_order_index = -1;
                        var buy_singles = [];
                        res.data.forEach(function(e) {
                        res.data.data.forEach(function(e) {
                            if (e[1] != null) {
                                if (e[1][0] == 3) {
                                    //真实下单位置
@@ -139,9 +141,10 @@
                        });
                        console.log("最近真实下单位置：", real_order_index);
                        app.latest_real_order_index = real_order_index;
                        app.l2_datas = res.data;
                        app.l2_code_name = app.code_name.slice(0, app.code_name.indexOf(
                            " "))
                        app.l2_datas = res.data.data;
                        var code_name = res.data.code_name;
                        var code_ = res.data.code;
                        app.l2_code_name = code_ + " " + code_name;
                        // 清除成交进度，L撤, H撤
                        app.trade_progress_index = -1;
                        app.l_up_cancel_indexes = [];
@@ -330,12 +333,11 @@
            set_target_code: function(code) {
                console.log("设置目标代码", code);
                app.origin_code = code;
                app.code = code;
                app.code_name = code;
            },
            load_data:function(){
                if(app.code){
                    app.get_score_data(app.code,null,null);
                if(app.origin_code){
                    app.get_score_data(app.origin_code,null,null);
                }
                
            }

 kp_html/kp/js/http.js

@@ -208,5 +208,9 @@
        }
        http_util.http_request("/get_h_cancel_datas", params, callback);
    },
    get_kpl_block_info:function(code,callback){
        var params={code:code}
        http_util.http_request("/get_kpl_block_info", params, callback);
    },
     
};

 kp_html/kp/js/page.js

@@ -231,6 +231,14 @@
                        ["板块2", "0.5%", '']
                    ]
                },
                yesterday_block_info:{
                    reason:"测试",
                    data:{
                        yesterday:[["000333","美的集团"]],
                        current:[]
                    }
                },				
				
                initiative_buy_codes: [{
                    "name": "美的集团",
                    "code": "000333",
@@ -516,6 +524,7 @@
                        app.code_name = app.code + "("+ app.first_info.limit_up_codes[index][1]+")";
                        app.get_score_data(app.first_info.limit_up_codes[index][0], app.first_info.limit_up_codes[index][1]);
                        app.get_plate_info(app.first_info.limit_up_codes[index][0]);
                        app.get_last_trade_day_reasons(app.first_info.limit_up_codes[index][0]);
                    }
                },
                //删除1级代码
@@ -558,6 +567,7 @@
                                }

                            });
                        app.get_last_trade_day_reasons(app.choose_code_info.code_list_info[index].code_info[0]);
                    }
                },
                //删除二级代码
@@ -592,7 +602,17 @@
                    console.log("设置目标代码", code);
                    app.origin_code = code;
                    app.code = code;
                    init_data();
                    app.code_name = code;
                    //请求板块
                    http_util.get_kpl_block_info(code,function(res){
                        console.log("板块请求结果：",res);
                        res = JSON.parse(res)
                        if(res.code==0){
                            app.kpl_code_info = res.data;
                        }
                    });
                    app.get_last_trade_day_reasons(code);
                    //init_data();
                },
                show_want_codes: function(plate) {
                    if (Date.now() - app.last_show_dialog < 500) {
@@ -621,6 +641,17 @@
                                app.get_limit_up_list(app.code, true);
                            }
                        });
                },
                get_last_trade_day_reasons:function(code){
					
                    http_util.get_last_trade_day_reasons(code,function(res){
                        res = JSON.parse(res);
                        if(res.code == 0){
                            app.yesterday_block_info = res.data;
                        }else{
                            app.yesterday_block_info = null;
                        }
                    });
                }
            }
        });