| | |
| | | <script src="js/vconsole.min.js"></script> |
| | | <script src="js/chart.js"></script> |
| | | <script src="js/chartjs-plugin-datalabels.min.js"></script> |
| | | <script src="js/md5.min.js"></script> |
| | | <style> |
| | | |
| | | </style> |
| | |
| | | <tr> |
| | | <td><span class="bold">板块</span></td> |
| | | <td class="budinggundong"> |
| | | <div class="scroll-y" style="height: 93px;;"> |
| | | <div class="scroll-y" style="height: 93px;"> |
| | | <span v-for="(item,i) in kpl_code_info.plate" class="label-style" |
| | | :class="{'red':item[4]}">{{item[1]}}</span> |
| | | :class="{'red':item[4]!=null}">{{item[1]}}<span |
| | | v-if="item[4]!=null">({{item[4][1]}}&{{item[4][2]}})</span></span> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | |
| | | |
| | | <!-- 右侧 --> |
| | | |
| | | <div style="float: right; width:72%;" v-if="choose_code_info"> |
| | | <!-- 右侧固定位 --> |
| | | <div> |
| | | <table |
| | | style="float: right; width:100%; background: #EEE;height: 130px; max-height: 130px;min-height: 130px; overflow: hidden;"> |
| | | <thead></thead> |
| | | <tbody> |
| | | <tr style="display: none;"> |
| | | <td style="width: 10%;"><span class="bold">强度</span></td> |
| | | <td colspan="3"> |
| | | <div class="scroll-x" style="width: 670px;"> |
| | | <div style="display: inline-block; margin-right: 16px;" |
| | | v-for="(item,index) in choose_code_info.plat_strength"><span |
| | | class="num-style">{{item[1]}}</span><br><span |
| | | class="num-style">{{item[2]}}</span> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | |
| | | |
| | | |
| | | <tr> |
| | | <td><span class="bold">今天</span></td> |
| | | <td><span v-if="choose_code_info.today"> |
| | | <span class="red">【{{choose_code_info.today[0]}}】</span>| <span |
| | | class="num-style">{{choose_code_info.today[2]}}</span> |
| | | |
| | | 二级: |
| | | <span class="num-style"> |
| | | {{choose_code_info.industry}} |
| | | </span> |
| | | |
| | | </td> |
| | | </tr> |
| | | |
| | | |
| | | |
| | | |
| | | <tr> |
| | | <td><span class="bold">历史</span></td> |
| | | <td> |
| | | |
| | | |
| | | <span v-for="(item1,i1) in choose_code_info.code_records"> |
| | | <span class="num-style red">【{{item1[0]}}】</span>| <span |
| | | class="num-style">{{item1[2]}}</span><span |
| | | class="num-style">({{item1[1]}})</span> |
| | | |
| | | </span> |
| | | </td> |
| | | |
| | | |
| | | </tr> |
| | | <tr> |
| | | <td><span class="bold">板块</span></td> |
| | | <td> |
| | | <div class="scroll-x" style="width: 670px;"> |
| | | <div v-for="(item,i) in choose_code_info.plate" class="item"> |
| | | <span class="num-style line">{{item[1]}}</span> |
| | | <span class="num-style line">{{item[2]}}%</span> |
| | | </div> |
| | | |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | <tfoot></tfoot> |
| | | </table> |
| | | <div style="float: right; width:100%;background: #cecece;height: 10px;"></div> |
| | | </div> |
| | | <!-- 右侧滚动表格 --> |
| | | <div class="outer-container scroll-y" style="float: right;"> |
| | | |
| | | <div class="daixuan" v-for="(item,i) in choose_code_info.code_list_info" |
| | | @click="select_code_level_2($event,i)"> |
| | | <!-- 一条信息 --> |
| | | <table :class="{'active':choose_code.second==item.code_info[0]}"> |
| | | <thead></thead> |
| | | <tbody> |
| | | <div> |
| | | <tr> |
| | | <td style="width: 10%;"><span class="bold" |
| | | :class="{'purple':item.code_info[11]>8}">{{item.code_info[11]}}%</span> |
| | | </td> |
| | | <td colspan="3"> |
| | | |
| | | <div> |
| | | <span v-if="item.code_info[2]==1"><img |
| | | src="./images/limit_up.png"></span> |
| | | <span v-if="item.code_info[2]==2"><img |
| | | src="./images/stop_up.png"></span> |
| | | <span class="num-style bold" |
| | | :class="{'green': item.code_info[0].indexOf('00')!=0&&item.code_info[0].indexOf('60')!=0 }">{{item.code_info[1]}}</span><span |
| | | class="num-card-red" |
| | | v-if="item.code_info[3]">{{item.code_info[3]}}</span><span |
| | | class="num-card-bule" |
| | | v-if="item.code_info[4]">{{item.code_info[4]}}</span> |
| | | <span v-if="item.code_info[5]" |
| | | class="score-card-color yellow">{{item.code_info[5]}}</span><span |
| | | class="num-card-black" |
| | | v-if="item.code_info[13]">{{item.code_info[13]}}</span> |
| | | <span class="num-card-pink" |
| | | v-if="item.code_info[14]">{{item.code_info[14]}}</span> |
| | | |
| | | </div> |
| | | <img src="./images/delete.png" alt="" |
| | | style="float: right;margin-right: -2px;" |
| | | @click="del_code_level_2(i)"> |
| | | <div><span |
| | | v-if="item.code_info[6]&& item.code_info[6]!='00:00:00'">涨停时间:<span |
| | | class="num-style red">{{item.code_info[6]}} </span></span>代码:<span |
| | | class="num-style">{{item.code_info[0]}}</span> 现价:<span |
| | | class="num-style red">{{item.code_info[12]}}元</span> 自由市值:<span |
| | | class="num-style red">{{item.code_info[9]}}</span></div> |
| | | <div>主力净值:<span |
| | | class="num-style">{{item.code_info[15]}}</span> 300W:<span |
| | | class="num-style">{{item.code_info[16]}}</span> 第一季度机构增仓:<span |
| | | class="num-style">{{item.code_info[17]}}</span></div> |
| | | </td> |
| | | |
| | | </tr> |
| | | <tr |
| | | v-if="item.code_info[0].indexOf('00')==0||item.code_info[0].indexOf('60')==0"> |
| | | <td><span class="bold">今天</span></td> |
| | | <td> |
| | | <span v-if="item.today"> |
| | | <span class="red">【{{item.today[0]}}】</span>| <span |
| | | class="num-style">{{item.today[2]}}</span> |
| | | |
| | | </span> |
| | | |
| | | 二级: |
| | | <span class="num-style"> |
| | | {{item.industry}} |
| | | </span> |
| | | |
| | | </td> |
| | | |
| | | |
| | | </tr> |
| | | <tr |
| | | v-if="item.code_info[0].indexOf('00')==0||item.code_info[0].indexOf('60')==0"> |
| | | <td><span class="bold">历史</span></td> |
| | | <td style="max-width: 650px;"> |
| | | <div style="display: flex;flex-wrap: wrap;border-width: 1px;"> |
| | | <span v-for="(item1,i1) in item.code_records"> |
| | | <span class="num-style red">【{{item1[0][0]}}】</span>| |
| | | <span v-for="(item2,i2) in item1[2]"> |
| | | <span>{{item2[0]}}</span><span |
| | | v-if="i2!=item1[2].length -1">、</span> |
| | | </span> |
| | | |
| | | <span class="num-style">({{item1[1]}})</span> |
| | | |
| | | </span> |
| | | </div> |
| | | </td> |
| | | |
| | | |
| | | </tr> |
| | | <tr |
| | | v-if="item.code_info[0].indexOf('00')==0||item.code_info[0].indexOf('60')==0"> |
| | | <td><span class="bold">板块</span></td> |
| | | <td> |
| | | <div class="scroll-x" style="width: 650px;"> |
| | | <div v-for="(item1,i1) in item.plate" class="item"> |
| | | <span class="num-style line" |
| | | style="display: block;">{{item1[1]}}</span> |
| | | <span class="num-style line" |
| | | style="display: block;">{{item1[2]}}%</span> |
| | | </div> |
| | | |
| | | </div> |
| | | </td> |
| | | |
| | | |
| | | </tr> |
| | | </div> |
| | | </tbody> |
| | | <tfoot></tfoot> |
| | | </table> |
| | | <div style="float: right; width:72%;"> |
| | | <div class="cb_list_top"> |
| | | <div v-for="item in cb_list_top" v-on:click="select_cb(item)" :class="{'red': cb_selected_code == item[0][0]}"> |
| | | <img v-if="item[3]" style="margin-right:5px;" src="./images/stop_up.png"> |
| | | <span>{{item[0][1]}}</span> |
| | | <span>({{item[0][0]}})</span> |
| | | <button v-on:click="add_to_ths(item[0][0])">查看</button> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <div v-for="item in cb_list" class="cb_list" :class="{'red': cb_selected_code == item[0][0]}"> |
| | | <table> |
| | | <tr><td>正股名称:{{item[1][1]}}({{item[1][0]}}) <button v-on:click="add_to_ths(item[1][0])">查看</button></td><td >转债名称:<span class="green">{{item[0][1]}}({{item[0][0]}})</span> <button v-on:click="add_to_ths(item[0][0])">查看</button></td></tr> |
| | | <tr><td>涨停时间:{{item[2]}}</td><td>---</td></tr> |
| | | <tr><td>最新涨幅:{{item[1][2][1]}}%</td><td>最新涨幅:{{item[0][2][1]}}%</td></tr> |
| | | </table> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | |
| | |
| | | <div v-for="(item,i) in want_codes" class="item" |
| | | style="display: flex;width: 335px;margin-bottom: 15px;" v-if="item[8]==1"> |
| | | |
| | | <div><img :style="{'visibility':item[3]==1?'visiable':'hidden'}" style="margin-right:5px;" |
| | | <div> |
| | | <input type="checkbox" :checked="item[9]==1" |
| | | v-on:click="add_or_remove_forbidden($event,item[0])" /> |
| | | <img :style="{'visibility':item[3]==1?'visiable':'hidden'}" style="margin-right:5px;" |
| | | src="./images/stop_up.png"><span |
| | | :class="{'red': item[5],'green': item[0].indexOf('00')!=0&&item[0].indexOf('60')!=0 }">{{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> |
| | | </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> |
| | |
| | | <div v-for="(item,i) in want_codes" class="item" |
| | | style="display: flex;width: 335px;margin-bottom: 15px;" v-if="item[8]==0"> |
| | | |
| | | <div><img :style="{'visibility':item[3]==1?'visiable':'hidden'}" style="margin-right:5px;" |
| | | <div><input type="checkbox" :checked="item[9]==1" /><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> |