前端代码修改

admin

2024-04-03 d95905057a66cd7823ade2a22e1b2debfcd20220

 kp_html/kp/index23-05-04.html

@@ -24,17 +24,19 @@
            <span>
               <h2 class="bold-content" style="margin-left: 18px; font-size: 20px;">{{code_name}}<span><a
                        class="button-blue" style="margin-top: -34px;margin-left: 280px;" href="#"
                        :class="{'btn-invalid':!trade_data.order}" @click="cancel_order">已撤单</a></span><span><a
                        class="button-blue" style="margin-top: -28px;margin-left: 920px;" href="#"
                        @click="refresh">刷新</a></span>
                        :class="{'btn-invalid':!trade_data.order}" @click="cancel_order">已撤单</a></span>
                  <div style="margin-top: -40px;margin-left: 800px; ">
                     <input id="date" type="text" /><a class="button-blue" href="#" @click="refresh">刷新</a>
                  </div>

               </h2>
            </span>
         </div>
         <div class="xgb_info scroll-y" >
         <div class="xgb_info scroll-y">
            <div v-if="xgb_limit_up_reasons" style="height: auto;">
               <p>板块：<span class="label-style" v-for="item in xgb_limit_up_reasons.blocks">{{item}}</span></p>
               <p v-if="xgb_limit_up_reasons.zylt">自由流通市值：{{xgb_limit_up_reasons.zylt}}</p>
					

               <table class="xgb_limit_up">
                  <thead>
                     <tr>
@@ -44,123 +46,127 @@
                     </tr>
                  </thead>
                  <tbody>
                     <tr v-for="item in xgb_limit_up_reasons.reasons" >
                        <td><div class="red">{{item[0]}}<div></td> 
                     <tr v-for="item in xgb_limit_up_reasons.reasons">
                        <td>
                           <div >
                           <div class="red">{{item[0]}}
                              <div>
                        </td>
                        <td>
                           <div>
                              <p>{{item[1]}}</p>
                           </div>
                        </td>
                        <td>
                           <div style="display: flex-block;">
                                 <span class="label-style" v-for="item1 in item[2]">{{item1}} </span>
                              <span class="label-style" v-for="item1 in item[2]">{{item1}} </span>
                           </div>
								

                        </td>
                     </tr>
                  </tbody>
						

               </table>
               <p>解读：<span>{{xgb_limit_up_reasons.description}}</span></p>
					

            </div>
         </div>
			

         <!-- 文档流 第一块 -->
         <div>
            <!-- 右侧板块 -->
            <div style="display: flex;">

	

                  <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;

                                 <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;
               <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;

                              <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>

                              <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><span class="bold">板块</span></td>
                        <td class="budinggundong">
                           <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>
                           </div>
                        </td>
                     </tr>

                     <tr v-if="yesterday_block_info">
                        <td><span class="bold">昨日涨停原因</span></td>
                        <td>
                           <span class="red">{{yesterday_block_info.reason}}</span>
                           <span
                              :class="{'red': yesterday_block_info.reason_rate>0,'green':yesterday_block_info.reason_rate<0,'white':yesterday_block_info.reason_rate==0}">（{{yesterday_block_info.reason_rate}}%）</span>
                        </td>
                     </tr>

                     <tr v-if="yesterday_block_info">
                        <td><span class="bold">同原因昨日涨停</span></td>
                        <td class="budinggundong">
                           <div style="height: 80px;" class="scroll-y">
                              <span v-for="(item,i) in yesterday_block_info.data.yesterday"
                                 class="label-style">{{item[1]}}({{item[0]}})(<span
                                    :class="{'red': item[2]>0,'green':item[2]<0,'white':item[2]==0}">{{item[2]}}%</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>
                           </div>
                        </td>
                     </tr>

                                 <br>
                              </span>
                     <tr v-if="yesterday_block_info">
                        <td><span class="bold">同原因今日涨停</span></td>
                        <td class="budinggundong">
                           <div style="height: 80px;" class="scroll-y">
                              <span v-for="(item,i) in yesterday_block_info.data.current"
                                 class="label-style">{{item[1]}}({{item[0]}})</span>
                           </div>
                        </td>
                     </tr>

                           </td>


                        </tr>
                        <tr>
                           <td><span class="bold">板块</span></td>
                           <td class="budinggundong">
                              <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>
                              </div>
                           </td>
                        </tr>
								
                        <tr  v-if="yesterday_block_info">
                           <td><span  class="bold">昨日涨停原因</span></td>
                           <td>
                              <span class="red">{{yesterday_block_info.reason}}</span>
                              <span :class="{'red': yesterday_block_info.reason_rate>0,'green':yesterday_block_info.reason_rate<0,'white':yesterday_block_info.reason_rate==0}">（{{yesterday_block_info.reason_rate}}%）</span>
                           </td>
                        </tr>
								
                        <tr  v-if="yesterday_block_info">
                           <td><span  class="bold">同原因昨日涨停</span></td>
                           <td class="budinggundong">
                              <div style="height: 80px;" class="scroll-y">
                                 <span v-for="(item,i) in yesterday_block_info.data.yesterday"
                                    class="label-style" >{{item[1]}}({{item[0]}})(<span :class="{'red': item[2]>0,'green':item[2]<0,'white':item[2]==0}">{{item[2]}}%</span>)
                                    </span>
                              </div>
                           </td>
                        </tr>
								
                        <tr  v-if="yesterday_block_info">
                           <td><span  class="bold">同原因今日涨停</span></td>
                           <td class="budinggundong">
                              <div style="height: 80px;" class="scroll-y">
                                 <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>
                  </tbody>
                  <tfoot></tfoot>
               </table>


               <div>
@@ -170,7 +176,7 @@
                           @click="get_jingxuan_data(0)">精选流入</div>
                        <div class="child-title" :class="{'child-title-active':jingxuan_data_type==1}"
                           @click="get_jingxuan_data(1)">精选流出</div>
									

                        <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}"
@@ -211,9 +217,14 @@
                           <td style="padding:0px;">
                              <canvas id="market_feeling_chart" width="100%" height="25"></canvas>
                              <div style="padding-left: 10px;">
                                 <p> <span class="red"><span  class="red">涨停：【{{market_feeling_info.SJZT}}】家</span> &nbsp;&nbsp;&nbsp;&nbsp; <span  class="green">跌停：【{{market_feeling_info.SJDT}}】家</span> </p>
                                  <p> <span class="red">涨：【{{market_feeling_info.SZJS}}】家</span>  &nbsp;&nbsp;&nbsp;&nbsp;   <span  class="green">跌：【{{market_feeling_info.XDJS}}】家</span> </p>
										
                                 <p> <span class="red"><span
                                          class="red">涨停：【{{market_feeling_info.SJZT}}】家</span>
                                       &nbsp;&nbsp;&nbsp;&nbsp; <span
                                          class="green">跌停：【{{market_feeling_info.SJDT}}】家</span> </p>
                                 <p> <span class="red">涨：【{{market_feeling_info.SZJS}}】家</span>
                                    &nbsp;&nbsp;&nbsp;&nbsp; <span
                                       class="green">跌：【{{market_feeling_info.XDJS}}】家</span> </p>

                              </div>
                           </td>
                        </tr>
@@ -231,7 +242,8 @@
               style="float: left;width: 100%;text-align: center; background: #000;height:150px">
               <span v-for="(item,i) in first_info.limit_up_reason_statistic"
                  v-on:click="show_want_codes(item[0])">
                  <span class="num-style red" :class="{'orange': kpl_limit_up_reason == item[0]}">{{item[0]}}({{item[1]}}&{{item[2]}})</span>&nbsp;&nbsp;&nbsp;&nbsp;
                  <span class="num-style red"
                     :class="{'orange': kpl_limit_up_reason == item[0]}">{{item[0]}}({{item[1]}}&{{item[2]}})</span>&nbsp;&nbsp;&nbsp;&nbsp;
               </span>
            </div>
            <!-- 左侧 -->
@@ -263,7 +275,7 @@
                                 <span v-else-if="item[2]==2">(炸板)</span>
                                 <span class="num-style"
                                    :class="{'green': item[0].indexOf('00')!=0&&item[0].indexOf('60')!=0 }">{{item[1]}}</span>
												

                                 <span class="num-card-red" v-if="item[3]">{{item[3]}}</span><span
                                    class="num-card-bule" v-if="item[4]">{{item[4]}}</span><span
                                    class="score-card-color yellow" v-if="item[5]">{{item[5]}}</span>
@@ -546,7 +558,7 @@
               <div style="width: 100%; height: 1px;background-color: #000;margin-bottom: 5px;"></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;"
                        src="./images/stop_up.png"><span
                        :class="{'red': item[5]}">{{item[1]}}({{item[0]}})-{{item[2]}}-{{item[6]}}-{{item[7]}}