liyongli
/
jugou


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>电视栏目收视分析</title>
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/calendar.css" />
  </head>

  <body>
    <div class="head head-background">
      <div class="body">
        <p>电视栏目收视分析</p>
      </div>
    </div>
    <div class="body">
      <div class="midle">
        <div class="left">
          <div class="select">
            <div class="select_text" id="locationName">陕西</div>
            <ul class="select_ul" id="LocationUl" style="display: none"></ul>
          </div>
          <div class="select">
            <div class="select_text" id="channelName">陕西卫视</div>
            <ul class="select_ul" id="channelUl" style="display: none"></ul>
          </div>
          <!-- <div class="select">
            <div class="select_text" id="typeName">动漫</div>
            <ul class="select_ul" id="typeUl" style="display: none"></ul>
          </div> -->
          <!-- <div class="select">
            <div class="select_text" id="timeName">日期</div>
            <ul class="select_ul" id="noborder" style="display: none">
              <div id="calendar" class="calendar"></div>
            </ul>
          </div> -->
          <!-- <div class="select">
            <div class="select_text" id="programName">暂无节目</div>
            <ul class="select_ul" id="programUl" style="display: none"></ul>
          </div> -->
        </div>
            <!-- src="https://djweb.smcic.net/media/huashan-2021-08-01.mp4" -->
        <div class="center">
          <video
            class="video"
            id="video"
            autoplay
            controls
            src=""
          >
            您的浏览器暂不支持！请下载谷歌浏览器或者更新的版本！
          </video>
          <div class="echarsbox">
            <div class="echarsbox">
              <div id="main"></div>
              <div id="linebox">
                <div id="line">
                  <div class="lineinfo">
                    <div class="lineinfobackground"></div>
                    <div class="lineinfotop">
                      <div class="greenBox">
                        <span class="red"></span>
                        <span>流入</span>
                      </div>
                      <div class="redBox">
                        <span class="green"></span>
                        <span>流出</span>
                      </div>
                      <div class="lineBox">
                        <span class="signline">
                          <!-- <div></div> -->
                          <span></span>
                        </span>
                        <span class="ssl">收视率%</span>
                      </div>

                      <div id="sslnum"></div>
                    </div>
                    <div id="now">当前时间：12:22:00</div>
                    <div class="lineinfobotom">
                      <div class="lineinfobotom-left">
                        <p class="lineinfobotom-p">流入/流出</p>
                        <div>央视频道：<span id="ys"></span></div>
                        <div>卫视频道：<span id="ws"></span></div>
                        <div>省级频道：<span id="sj"></span></div>
                        <div>地面频道：<span id="dm"></span></div>
                        <!--<div>其他频道：<span id="qt"></span></div>-->
                      </div>
                      <div class="lineinfobotom-right">
                        <p class="lineinfobotom-p">流入排行</p>
                        <div>No1: <span id="no1"></span></div>
                        <div>No2: <span id="no2"></span></div>
                        <div>No3: <span id="no3"></span></div>
                        <div>No4: <span id="no4"></span></div>
                        <div>No5: <span id="no5"></span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="right">
          <div class="right-box">
            <div class="right-box-top">
              <p>节目收视情况一览表</p>
              <div class="right-box-top-times">
                <span id="channelNameshow"></span>
              </div>
            </div>
            <div class="right-box-bottom">
              <div class="right-box-bottom-header">
                <span class="header-left header-text">时间</span>
                <span class="header-middle header-text">节目</span>
                <span class="header-right header-text">收视率</span>
              </div>
              <div id="addHere"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="./js/jquery-2.1.0.js"></script>
    <script src="./js/echarts.min.js"></script>
    <script src="./js/main.1.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/calendar.js"></script>
  </body>
</html>