活动二级页面

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

@@ -26,19 +26,19 @@
         <div class="production_box_title"><div class="production_box_name">作品样例</div></div>
         <ul class="production_list">
           <li>
-            <a class="imgShow" href="javascript:;"><em class="icon_tianyu_cup i01"></em><img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/tianyu_cup/class07.jpg"></a>
+            <a class="imgShow" href="/activityshow"><em class="icon_tianyu_cup i01"></em><img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/tianyu_cup/class07.jpg"></a>
             <p class="f18 videoName">绿色植物的光合作用<i class="c01">生</i></p>
             <p class="f14"><a href="javascript:;" class="fr">鲁巷实验小学</a><a class="f14" href="javascript:;">孙云芳</a></p>
             <p><a href="javascript:;" class="videoTag style01">导学案</a><a href="javascript:;" class="videoTag style02">微课</a><a href="javascript:;" class="videoTag style03">教学设计</a><a href="javascript:;" class="videoTag style04">多媒体课件</a><a href="javascript:;" class="videoTag style05">课堂板书</a></p>
           </li>
           <li>
-            <a class="imgShow" href="javascript:;"><em class="icon_tianyu_cup i01"></em><img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/tianyu_cup/class08.jpg"></a>
+            <a class="imgShow" href="/activityshow"><em class="icon_tianyu_cup i01"></em><img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/tianyu_cup/class08.jpg"></a>
             <p class="f18 videoName">分液漏斗<i class="c02">化</i></p>
             <p class="f14"><a href="javascript:;" class="fr">武汉市育才第二小学</a><a class="f14" href="javascript:;">侯敏</a></p>
             <p><a href="javascript:;" class="videoTag style01">导学案</a><a href="javascript:;" class="videoTag style02">微课</a><a href="javascript:;" class="videoTag style03">教学设计</a><a href="javascript:;" class="videoTag style04">多媒体课件</a><a href="javascript:;" class="videoTag style05">课堂板书</a></p>
           </li>
           <li class="last">
-            <a class="imgShow" href="javascript:;"><em class="icon_tianyu_cup i01"></em><img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/tianyu_cup/class09.jpg"></a>
+            <a class="imgShow" href="/activityshow"><em class="icon_tianyu_cup i01"></em><img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/tianyu_cup/class09.jpg"></a>
             <p class="f18 videoName">记单词的方法<i class="c03">英</i></p>
             <p class="f14"><a href="javascript:;" class="fr">武汉小学</a><a class="f14" href="javascript:;">何炜</a></p>
             <p><a href="javascript:;" class="videoTag style01">导学案</a><a href="javascript:;" class="videoTag style02">微课</a><a href="javascript:;" class="videoTag style03">教学设计</a><a href="javascript:;" class="videoTag style04">多媒体课件</a><a href="javascript:;" class="videoTag style05">课堂板书</a></p>
@@ -49,12 +49,12 @@
       <div class="rowWrap py_white_bg pdtb30">
         <div class="w1200 clearfix">
           <div class="app-title py_app-title">
-            <a href="/index.php?r=ams/activity/cup/master&amp;id=1" class="title-more">更多</a>
+            <a href="./activityrank" class="title-more">更多</a>
             <span class="title-text">活动达人</span>
           </div>
           <ul class="joiner clearfix">
             <li>
-              <a target="_blank" href="">
+              <a  href="">
                 <img src="../../assets/image/resource/touxiang_01.jpeg">
                 <p class="t_c f14 c222 mgt5">郭一凡老师</p>
                 <p class="t_c f12 c888">语文</p>
@@ -62,23 +62,23 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="">
+              <a  href="">
                 <img src="../../assets/image/resource/touxiang_02.jpeg">
                 <p class="t_c f14 c222 mgt5">李汝墨老师</p>
                 <p class="t_c f12 c888">英语</p>
-                <p class="t_c f14" title="">成都四中</p>
+                <p class="t_c f14" title="">成都石室中学</p>
               </a>
             </li>
             <li>
-              <a target="_blank" href="">
+              <a  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>
-                <p class="t_c f14" title="">成都四中</p>
+                <p class="t_c f14" title="">成都石室中学</p>
               </a>
             </li>
             <li>
-              <a target="_blank" href="">
+              <a  href="">
                 <img src="../../assets/image/resource/touxiang_03.jpg">
                 <p class="t_c f14 c222 mgt5">王晓君老师</p>
                 <p class="t_c f12 c888">语文</p>
@@ -86,7 +86,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="">
+              <a  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>
@@ -94,7 +94,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="">
+              <a  href="">
                 <img src="../../assets/image/resource/touxiang_04.jpg">
                 <p class="t_c f14 c222 mgt5">陈彬</p>
                 <p class="t_c f12 c888">英语</p>
@@ -102,7 +102,7 @@
               </a>
             </li>
             <li>
-              <a target="_blank" href="">
+              <a  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="">
+              <a  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="">
+              <a  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="">
+              <a  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="">
+              <a  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="">
+              <a  href="">
                 <img src="../../assets/image/resource/touxiang_08.jpg">
                 <p class="t_c f14 c222 mgt5">张亮</p>
                 <p class="t_c f12 c888">英语</p>
@@ -153,7 +153,7 @@
         </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="activityrangk_header"><div class="activity_title">学段排行</div><div class="activity_more"><a href="./activityrank">更多</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>
@@ -263,7 +263,7 @@
         </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="activityrangk_header"><div class="activity_title">学科排行</div><div class="activity_more"><a href="./activityrank">更多</a></div></div>
         <div class="activity_select">
           <Tabs value="name1">
             <TabPane label="语文" name="name1">

TEAMModelOS.SmartTeach/ClientApp/router/routes.js

@@ -8,8 +8,9 @@ import Details from '@/view/resource/resourceindex/details.vue'
 import Videodetails from '@/view/resource/resourceindex/videodetails.vue'
 import Activity from '@/view/resource/activity'
 import ActivityGuide from '@/view/resource/activity_guide.vue'
-import ActivityShow from '@/view/resource/activity_show.vue'
+import ActivityShow from '@/view/resource/activity_show.vue'   
 import ActivityRank from '@/view/resource/activity_rank.vue'
+import ActivityCertificate from '@/view/resource/activity_certificate.vue'
 import HomePage from '@/view/resource/HomePage'
 import Teacher from '@/view/resource/Teacher'
 import TeacherZone from '@/view/resource/TeacherZone'
@@ -25,6 +26,7 @@ export const routes = [
   { name: 'ActivityGuide', path: '/activityguide', component: ActivityGuide },
   { name: 'ActivityShow', path: '/activityshow', component: ActivityShow },
   { name: 'ActivityRank', path: '/activityrank', component: ActivityRank },
+  { name: 'ActivityCertificate', path: '/activitycertificate', component: ActivityCertificate },
   { name: 'HomePage', path: '/HomePage', component: HomePage },
   { name: 'Teacher', path: '/Teacher', component: Teacher },
   { name: 'TeacherZone', path: '/TeacherZone', component: TeacherZone },

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

@@ -0,0 +1,246 @@
+<template>
+  <div class="activity_container">
+    <Header></Header>
+    <Activitycommon></Activitycommon>
+    <div class="activity_certificate">
+      <div class="activity_certificate_box">
+        <div class="rowWrap py_white_bg pdt30">
+          <div class="w1200 ni_g_are_s pdt20 ni_g_bg_e8f4ff">
+            <!--下拉插件 S-->
+            <Select v-model="model1" style="width:200px;margin-right:30px;">
+              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+            </Select>
+            <!--下拉插件 E-->
+            <!--下拉插件 S-->
+            <Select v-model="model2" style="width:200px;margin-right:30px;">
+              <Option v-for="itemc in cityList2" :value="itemc.value" :key="itemc.value">{{ itemc.label }}</Option>
+            </Select>
+            <!--下拉插件 E-->
+            <!--下拉插件 S-->
+            <Select v-model="model3" style="width:200px;margin-right:30px;">
+              <Option v-for="itemm in cityList3" :value="itemm.value" :key="itemm.value">{{ itemm.label }}</Option>
+            </Select>
+            <!--下拉插件 E-->
+            <!--下拉插件 S-->
+            <Select v-model="model4" style="width:200px;margin-right:30px;">
+              <Option v-for="itemy in cityList4" :value="itemy.value" :key="itemy.value">{{ itemy.label }}</Option>
+            </Select>
+            <!--下拉插件 E-->
+            <div class="ni_g_search fr mgr20">
+              <input type="text" placeholder="请输入证书编号或获奖者姓名" class="inp ni_g_w230">
+              <a class="ni_button" href="javascript:" onclick="loadlist()"></a>
+            </div>
+          </div>
+          <div class="w1200 ni_g_bg_fafafa pdtb30 ni_g_cup_s  ni_g_txt_center">
+            <table class="adm_table mgb20" width="100%" cellspacing="0" cellpadding="0" border="0">
+              <tbody>
+                <tr>
+                  <th width="5%" style="text-align:center">序号</th>
+                  <th width="*" style="text-align:center">证书编号</th>
+                  <th width="10%" style="text-align:center">获奖者</th>
+                  <th width="17%" style="text-align:center">区域</th>
+                  <th width="16%" style="text-align:center">学校</th>
+                  <th width="10%" style="text-align:center">奖项</th>
+                  <th width="16%" style="text-align:center">颁发机构</th>
+                  <th width="10%" style="text-align:center">操作</th>
+                </tr>
+                <tr>
+                  <td colspan="20">未搜索到课题证书</td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="mgt30 t_c">
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+import Header from '@/common/headers.vue'
+  import Footer from '@/common/footer.vue'
+  import Activitycommon from '@/components/resource/activitycommon.vue'
+  export default {
+    components: {
+      Header,
+      Footer,
+      Activitycommon,
+    },
+    data() {
+      return {
+        cityList: [
+          {
+            value: '全部',
+            label: '全部'
+          },
+          {
+            value: '四川省',
+            label: '四川省'
+          },
+          {
+            value: '山东省',
+            label: '山东省'
+          },
+          {
+            value: '贵州省',
+            label: '贵州省'
+          },
+          {
+            value: '上海市',
+            label: '上海市'
+          },
+          {
+            value: '广东省',
+            label: '广东省'
+          },
+          {
+            value: '重庆市',
+            label: '重庆市'
+          }
+        ],
+        model1: '全部',
+        cityList2: [
+          {
+            value: '全部',
+            label: '全部'
+          },
+          {
+            value: '成都市',
+            label: '成都市'
+          },
+          {
+            value: '雅安市',
+            label: '雅安市'
+          },
+          {
+            value: '宜宾市',
+            label: '宜宾市'
+          },
+          {
+            value: '绵阳市',
+            label: '绵阳市'
+          },
+          {
+            value: '眉山市',
+            label: '眉山市'
+          },
+          {
+            value: '达州市',
+            label: '达州市'
+          },
+          {
+            value: '广安市',
+            label: '广安市'
+          }
+        ],
+        model2: '全部',
+        cityList3: [
+          {
+            value: '全部',
+            label: '全部'
+          },
+        ],
+        model3: '全部',
+        cityList4: [
+          {
+            value: '全部',
+            label: '全部'
+          },
+        ],
+        model4: '全部',
+      }
+    }
+  }
+</script>
+<style scoped>
+  .activity_certificate {
+    width:100%;
+    height:auto;
+  }
+  .activity_certificate_box {
+    width:1200px;
+    height:auto;
+    margin:0 auto;
+  }
+  .rowWrap {
+    width: 100%;
+  }
+  .pdt30 {
+    padding-top: 30px;
+  }
+  .ni_g_are_s {
+    height: 57px;
+  }
+  .ni_g_bg_e8f4ff {
+    background: #e8f4ff;
+    padding:1%;
+  }
+  .fr {
+    float: right;
+  }
+  .mgr20 {
+    margin-right: 20px;
+  }
+  .ni_g_search .inp {
+    padding-top: 9px;
+    padding-bottom: 8px;
+  }
+  .inp {
+    padding: 5px;
+    border: 1px solid #d5d5d5;
+    color: #888;
+    outline: none;
+    vertical-align: middle;
+    height: 30px;
+  }
+  .ni_g_w230 {
+    width: 180px;
+  }
+  .ni_g_search .ni_button {
+    height: 30px;
+    width: 38px;
+    border: 1px solid #44a9f1;
+    display: block;
+    float: right;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    background: url(../../assets/image/resource/low_search_icon.png) no-repeat center center #56b8fd;
+  }
+  .ni_g_cup_s {
+    position: relative;
+  }
+  .ni_g_txt_center {
+    text-align: center;
+    margin-top:2%;
+    margin-bottom:5%;
+  }
+  .ni_g_bg_fafafa {
+    background: #fafafa;
+  }
+  .adm_table {
+    border: 1px solid #dbdce1;
+  }
+  .mgb20 {
+    margin-bottom: 20px;
+  }
+  .adm_table tr th, .adm_table tr td {
+    padding: 12px 10px;
+  }
+  .adm_table tr th {
+    background: #f6f6f6;
+    font-weight: normal;
+    color: #222;
+    text-align: left;
+    font-family: "微软雅黑";
+    font-size: 14px;
+  }
+  .adm_table tr td {
+    border-top: 1px solid #dbdce1;
+    font-family: "微软雅黑";
+    font-size: 14px;
+    color: #555;
+  }
+</style>