update

TEAMModelOS.SmartTeach/ClientApp/components/resource/activitycommon.vue

@@ -54,6 +54,11 @@
   }
 </script>
 <style>
+  .d-roll-item > .d-roll-bar > div {
+    line-height: 0.95 !important;
+  }
+</style>
+<style scoped>
   .activitycommon_box {
     width:100%;
     height:auto;
@@ -86,11 +91,18 @@
     height: 54px;
     line-height:54px;
     color:#fff;
-  }
-  .join {
-    width:20%;
+    list-style:none;
     float:left;
+    text-align:center;
+    font-size:16px;
   }
+    .nav_name:hover {
+      background-color: #248dde;
+    }
+    .join {
+      width: 20%;
+      float: left;
+    }
     .join img {
       width:48%;
       margin-top:4px;
@@ -156,7 +168,4 @@
     color: #248dde;
     height:70px;
   }
-  .d-roll-item > .d-roll-bar > div {
-    line-height:0.95 !important;
-  }
 </style>

TEAMModelOS.SmartTeach/ClientApp/components/resource/activityindex.vue

@@ -102,7 +102,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="https://www.huijiaoyun.com/index.php?r=space/person/index&amp;sid=1f0dcd47dc2040a2895818f802f3b536">
+              <a target="_blank" href="">
                 <img src="../../assets/image/resource/touxiang_05.jpg">
                 <p class="t_c f14 c222 mgt5">王骅</p>
                 <p class="t_c f12 c888">物理</p>
@@ -110,7 +110,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="https://www.huijiaoyun.com/index.php?r=space/person/index&amp;sid=95d6886408a24fb594e7a71c9ad22702">
+              <a target="_blank" href="">
                 <img src="../../assets/image/resource/touxiang_06.jpg">
                 <p class="t_c f14 c222 mgt5">鞠光敏</p>
                 <p class="t_c f12 c888">数学</p>
@@ -118,7 +118,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="https://www.huijiaoyun.com/index.php?r=space/person/index&amp;sid=a87d3987bf7448d2b4af62aac432ab00">
+              <a target="_blank" href="">
                 <img src="https://css.huijiaoyun.com/tianyu_edu/common/images/nophoto_mid.gif?">
                 <p class="t_c f14 c222 mgt5">陈汝杰</p>
                 <p class="t_c f12 c888">历史</p>
@@ -126,7 +126,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="https://www.huijiaoyun.com/index.php?r=space/person/index&amp;sid=34a5edf1a1ad4dadad70144c6f9d4e1b">
+              <a target="_blank" href="">
                 <img src="https://css.huijiaoyun.com/tianyu_edu/common/images/nophoto_mid.gif?">
                 <p class="t_c f14 c222 mgt5">张小梅</p>
                 <p class="t_c f12 c888">化学</p>
@@ -134,7 +134,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="https://www.huijiaoyun.com/index.php?r=space/person/index&amp;sid=0755d883b20241b1b0e4f74f035fce25">
+              <a target="_blank" href="">
                 <img src="https://css.huijiaoyun.com/tianyu_edu/common/images/nophoto_mid.gif?">
                 <p class="t_c f14 c222 mgt5">陈琼</p>
                 <p class="t_c f12 c888">数学</p>
@@ -142,7 +142,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="https://www.huijiaoyun.com/index.php?r=space/person/index&amp;sid=c4f9a1c09fea4e0185e523a4ec4891ff">
+              <a target="_blank" href="">
                 <img src="../../assets/image/resource/touxiang_08.jpg">
                 <p class="t_c f14 c222 mgt5">张亮</p>
                 <p class="t_c f12 c888">英语</p>
@@ -152,6 +152,116 @@
           </ul>
         </div>
       </div>
+      <div class="activityrank">
+        <div class="activityrangk_header"><div class="activity_title">学段排行</div><div class="activity_more"><a href="">更多</a></div></div>
+        <div class="ranklist_box">
+          <div class="ranklist_data">
+            <div class="rankheader"><div class="rank_icon"></div><i class="header_name">小学</i><div class="fwtp"><span>访问量</span><span>投票数</span></div></div>
+            <ul class="rankdata">
+              <li>
+                <em class="rank r01">1</em><span class="name">孙琴娥</span>
+                <span class="area">荆门高新区掇刀区名泉小学</span>
+                <span class="info load">6,858</span>
+                <span class="info">5,720</span>
+              </li>
+              <li>
+                <em class="rank r02">2</em><span class="name">朱磊</span>
+                <span class="area">京山县罗店镇小学</span>
+                <span class="info load">4,858</span>
+                <span class="info">5,938</span>
+              </li>
+              <li>
+                <em class="rank r03">3</em><span class="name">倪惠妮</span>
+                <span class="area">南宁市越秀路小学</span>
+                <span class="info load">4,765</span>
+                <span class="info">5,638</span>
+              </li>
+              <li>
+                <em class="rank">4</em><span class="name">赵雪琴</span>
+                <span class="area">荆门市掇刀石小学</span>
+                <span class="info load">4,650</span>
+                <span class="info">5,360</span>
+              </li>
+              <li>
+                <em class="rank">5</em><span class="name">孟雪芹</span>
+                <span class="area">荆门市实验小学</span>
+                <span class="info load">4,556</span>
+                <span class="info">5,330</span>
+              </li>
+            </ul>
+          </div>
+          <div class="ranklist_data">
+            <div class="rankheader"><div class="rank_icon_02"></div><i class="header_name">初中</i><div class="fwtp"><span>访问量</span><span>投票数</span></div></div>
+            <ul class="rankdata">
+              <li>
+                <em class="rank r01">1</em><span class="name">孙琴娥</span>
+                <span class="area">荆门高新区掇刀区名泉小学</span>
+                <span class="info load">6,858</span>
+                <span class="info">5,720</span>
+              </li>
+              <li>
+                <em class="rank r02">2</em><span class="name">朱磊</span>
+                <span class="area">京山县罗店镇小学</span>
+                <span class="info load">4,858</span>
+                <span class="info">5,938</span>
+              </li>
+              <li>
+                <em class="rank r03">3</em><span class="name">倪惠妮</span>
+                <span class="area">南宁市越秀路小学</span>
+                <span class="info load">4,765</span>
+                <span class="info">5,638</span>
+              </li>
+              <li>
+                <em class="rank">4</em><span class="name">赵雪琴</span>
+                <span class="area">荆门市掇刀石小学</span>
+                <span class="info load">4,650</span>
+                <span class="info">5,360</span>
+              </li>
+              <li>
+                <em class="rank">5</em><span class="name">孟雪芹</span>
+                <span class="area">荆门市实验小学</span>
+                <span class="info load">4,556</span>
+                <span class="info">5,330</span>
+              </li>
+            </ul>
+          </div>
+          <div class="ranklist_data">
+            <div class="rankheader"><div class="rank_icon_03"></div><i class="header_name">高中</i><div class="fwtp"><span>访问量</span><span>投票数</span></div></div>
+            <ul class="rankdata">
+              <li>
+                <em class="rank r01">1</em><span class="name">孙琴娥</span>
+                <span class="area">荆门高新区掇刀区名泉小学</span>
+                <span class="info load">6,858</span>
+                <span class="info">5,720</span>
+              </li>
+              <li>
+                <em class="rank r02">2</em><span class="name">朱磊</span>
+                <span class="area">京山县罗店镇小学</span>
+                <span class="info load">4,858</span>
+                <span class="info">5,938</span>
+              </li>
+              <li>
+                <em class="rank r03">3</em><span class="name">倪惠妮</span>
+                <span class="area">南宁市越秀路小学</span>
+                <span class="info load">4,765</span>
+                <span class="info">5,638</span>
+              </li>
+              <li>
+                <em class="rank">4</em><span class="name">赵雪琴</span>
+                <span class="area">荆门市掇刀石小学</span>
+                <span class="info load">4,650</span>
+                <span class="info">5,360</span>
+              </li>
+              <li>
+                <em class="rank">5</em><span class="name">孟雪芹</span>
+                <span class="area">荆门市实验小学</span>
+                <span class="info load">4,556</span>
+                <span class="info">5,330</span>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -174,7 +284,7 @@
     }
   }
 </script>
-<style>
+<style scoped>
   .index_box {
     width:100%;
     height:auto;
@@ -271,7 +381,6 @@
     font-size: 24px;
     color: #288add;
     border-bottom:1px solid #288add;
-    margin-left:1%;
   }
   .production_list {
     width:100%;
@@ -413,7 +522,6 @@
     font-size: 24px;
     color: #288add;
     border-bottom: 1px solid #288add;
-    margin-left: 20px;
     padding: 0 2px 4px;
   }
   .joiner li {
@@ -461,4 +569,167 @@
   .f12 {
     font-size: 12px;
   }
+  .activityrank {
+    width:1200px;
+    padding:15px 0px;
+    margin:0 auto;
+    float:left;
+  }
+  .activityrangk_header {
+    width: 100%;
+    height: 41px;
+    border-bottom: 1px solid #e3e3e3;
+  }
+  .activity_title {
+    float: left;
+    font-size: 24px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+    margin-left: 20px;
+    padding: 0 2px 4px;
+  }
+  .activity_more {
+    float: right;
+    height: 21px;
+    overflow: hidden;
+    text-indent: 1000px;
+    margin-top: 20px;
+    margin-right: 20px;
+  }
+  .ranklist_box {
+    width:100%;
+  }
+  .ranklist_data {
+    float:left;
+    width:31%;
+    margin-top:20px;
+  }
+    .ranklist_data:nth-child(2) {
+      margin-left:35px;
+    }
+    .ranklist_data:nth-child(3) {
+      margin-left: 35px;
+    }
+    .rankheader {
+      font-size: 18px;
+      color: #474a4d;
+      margin-bottom: 6px;
+      padding-right: 7px;
+    }
+  .rank_icon {
+    width: 28px;
+    height: 28px;
+    margin-right: 5px;
+    background: url(../../assets/image/resource/activity_icon.png) no-repeat;
+    background-position: 0 -638px;
+    vertical-align: middle;
+    float: left;
+  }
+  .header_name {
+    font-size: 18px;
+    vertical-align: middle;
+    font-style: normal;
+    color: #474a4d;
+  }
+  .rank_icon_02 {
+    width: 28px;
+    height: 28px;
+    margin-right: 5px;
+    background: url(../../assets/image/resource/activity_icon.png) no-repeat;
+    background-position: 0 -673px;
+    vertical-align: middle;
+    float: left;
+  }
+  .rank_icon_03 {
+    width: 28px;
+    height: 28px;
+    margin-right: 5px;
+    background: url(../../assets/image/resource/activity_icon.png) no-repeat;
+    background-position: 0 -709px;
+    vertical-align: middle;
+    float: left;
+  }
+  .fwtp {
+    float: right;
+  }
+    .fwtp span {
+      font-size: 14px;
+      display: inline-block;
+      width: 50px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      vertical-align: middle;
+      padding-top: 8px;
+      color: #888;
+      margin-right: 10px;
+    }
+  .rankdata {
+    background: #fff;
+    border-radius: 5px;
+    border: 1px solid #ececec;
+  }
+    .rankdata li {
+      background: #fff;
+      width: 100%;
+      border-radius: 8px;
+      height: 40px;
+      line-height: 40px;
+      color: #6b8398;
+      margin: 5px 0;
+      font-size: 0;
+      vertical-align: middle;
+    }
+  .rank.r01 {
+    background-color: #f9e43f;
+  }
+  .rank.r02 {
+    background-color: #86ea9b;
+  }
+  .rank.r03 {
+    background-color: #ebb38d;
+  }
+  .rank {
+    display: inline-block;
+    width: 37px;
+    height: 24px;
+    border-radius: 0 10px 10px 0;
+    background: #cacaca;
+    color: #fff;
+    text-align: center;
+    line-height: 24px;
+    font-size: 14px;
+    margin-right: 20px;
+    vertical-align: middle;
+  }
+  .name {
+    display: inline-block;
+    font-size: 14px;
+    width: 60px;
+    margin-right: 15px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: middle;
+  }
+  .area {
+    display: inline-block;
+    font-size: 14px;
+    width: 100px;
+    margin-right: 15px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: middle;
+  }
+  .info {
+    font-size: 14px;
+    display: inline-block;
+    width: 50px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: middle;
+    margin-right: 10px;
+  }
 </style>

TEAMModelOS.SmartTeach/ClientApp/view/resource/activity.vue

@@ -16,7 +16,7 @@ import Header from '@/common/headers.vue'
       Header,
       Footer,
       Activitycommon,
-      Activityindex
+      Activityindex,
     },
     data() {
       return {