教学空间

TEAMModelOS.SmartClass/ClientApp/app.js

@@ -27,6 +27,7 @@ Vue.prototype.$api = apiTools;
 Vue.prototype.$post = post;
 Vue.prototype.$get = fetch;
 
+Vue.prototype.$eventBus = new Vue()
 
 Vue.prototype.$jwtDecode = jwtDecode;
 

TEAMModelOS.SmartClass/ClientApp/components/smart-class/headers.vue

@@ -3,12 +3,12 @@
     <div class="header center-row">
       <img src="http://ttkt.sxedu.org:70/upload/setting/0/0.png?_=1557194799800" />
       <ul>
-        <li :class="activeIndex == 0 ? 'li-active':''" @click="handleMenuClick(0,'index')">首页</li>
-        <li :class="activeIndex == 1 ? 'li-active':''" @click="handleMenuClick(1,'notice')">通知公告</li>
-        <li :class="activeIndex == 2 ? 'li-active':''" @click="handleMenuClick(2,'reviewActivity')">评审活动</li> 
-        <li :class="activeIndex == 3 ? 'li-active':''" @click="handleMenuClick(3,'PastReview')">往届回顾</li>
-        <li :class="activeIndex == 4 ? 'li-active':''" @click="handleMenuClick(4,'LiveBroadcast')">天天直播</li>
-        <li :class="activeIndex == 5 ? 'li-active':''" @click="handleMenuClick(5,'Lessons')">优课汇聚</li>
+        <li :class="this.$route.path ==  '/index' || activeIndex == 0 ? 'li-active':''" @click="handleMenuClick(0,'index')">首页</li>
+        <li :class="this.$route.path ==  '/notice' || activeIndex == 1? 'li-active':''" @click="handleMenuClick(1,'notice')">通知公告</li>
+        <li :class="this.$route.path ==  '/reviewActivity' || activeIndex == 2? 'li-active':''" @click="handleMenuClick(2,'reviewActivity')">评审活动</li> 
+        <li :class="this.$route.path ==  '/PastReview' || activeIndex == 3? 'li-active':''" @click="handleMenuClick(3,'PastReview')">往届回顾</li>
+        <li :class="this.$route.path ==  '/LiveBroadcast' || activeIndex == 4? 'li-active':''" @click="handleMenuClick(4,'LiveBroadcast')">天天直播</li>
+        <li :class="this.$route.path ==  '/Lessons' || activeIndex == 5? 'li-active':''" @click="handleMenuClick(5,'Lessons')">优课汇聚</li>
       </ul>
       <span class="btn-login">登录</span>
     </div>
@@ -18,29 +18,37 @@
 <script>
   export default {
     name: "headers",
-    props: ['parentToChild', 'identityselect'],
     data() {
       return {
-        activeIndex:0
+        activeIndex: sessionStorage.getItem('_activeIndex') || 0
       }
     },
+
     created() {
 
     },
     methods: {
       handleMenuClick(index, route) {
         this.activeIndex = index;
+        sessionStorage.setItem('_activeIndex', index);
         this.$router.push(route);
       }
     },
+    mounted() {
+      this.$eventBus.$on('activeIndex', (index) => {
+        this.activeIndex = index;
+      })
+    }
   }
 </script>
-<style>
+<style scoped>
 
   .headerContainer {
     background-color: #1f2d3d;
     height: 80px;
     position: absolute;
+    left:0;
+    top:0;
     min-width: 100%
   }
 

TEAMModelOS.SmartClass/ClientApp/locale/index.js

@@ -4,6 +4,10 @@ import customZhCn from './lang/zh-CN'
 import customZhTw from './lang/zh-TW'
 import customEnUs from './lang/en-US'
 
+import zhLocale from "iview/src/locale/lang/zh-CN";
+import enLocale from "iview/src/locale/lang/en-US";
+import twLocale from "iview/src/locale/lang/zh-TW";
+
 Vue.use(VueI18n)
 
 // 自动根据浏览器系统语言设置语言
@@ -18,9 +22,9 @@ Vue.config.lang = lang
 
 Vue.locale = () => { }
 const messages = {
-  'zh-CN': customZhCn,
-  'zh-TW': customZhTw,
-  'en-US': customEnUs
+  'zh-CN': Object.assign(customZhCn, zhLocale),
+  'zh-TW': Object.assign(customZhTw, twLocale),
+  'en-US': Object.assign(customEnUs, enLocale),
 }
 const i18n = new VueI18n({
   locale: lang,

TEAMModelOS.SmartClass/ClientApp/router/routes.js

@@ -38,6 +38,26 @@ export const routes = [
         name: 'Lessons',
         path: '/Lessons',
         component: resolve => require(['@/view/smart-class/Lessons'], resolve), //路由懒加载
+      },
+      {
+        name: 'activityDetails',
+        path: '/activityDetails',
+        component: resolve => require(['@/view/smart-class/ActivityDetails'], resolve), //路由懒加载
+      },
+      {
+        name: 'noticeDetails',
+        path: '/noticeDetails',
+        component: resolve => require(['@/view/smart-class/NoticeDetails'], resolve), //路由懒加载
+      },
+      {
+        name: 'rewardDetails',
+        path: '/rewardDetails',
+        component: resolve => require(['@/view/smart-class/RewardDetails'], resolve), //路由懒加载
+      },
+      {
+        name: 'lessons',
+        path: '/lessons',
+        component: resolve => require(['@/view/smart-class/Lessons'], resolve), //路由懒加载
       }
     ]
   }

TEAMModelOS.SmartClass/ClientApp/static/attachmentsList.json

@@ -0,0 +1,153 @@
+{
+  "data": {
+    "data": null,
+    "errorCode": null,
+    "html": null,
+    "key": null,
+    "list": [
+      {
+        "activityId": 40,
+        "activityName": "2019年柯桥区天天智慧课堂 5月份 优课评比",
+        "fileName": "柯桥区天天智慧课堂教学设计表.docx",
+        "fileNameHash": "73.docx",
+        "fileNameUri": "/upload/activity/attachment/73/73.docx?_=1557313944956",
+        "fileSize": 21981,
+        "fileSizeTip": "21.47KB",
+        "fileType": 2,
+        "htmName": "73.htm",
+        "htmRemark": "成功:2019-04-25 15:05:51",
+        "id": 73,
+        "pdfName": "73.pdf",
+        "pdfRemark": "成功:2019-04-25 15:05:50",
+        "swfName": "73.swf",
+        "swfRemark": "成功:2019-04-25 15:05:51"
+      },
+      {
+        "activityId": 40,
+        "activityName": "2019年柯桥区天天智慧课堂 5月份 优课评比",
+        "fileName": "柯桥区天天智慧课堂教学反思表.docx",
+        "fileNameHash": "74.docx",
+        "fileNameUri": "/upload/activity/attachment/74/74.docx?_=1557313944957",
+        "fileSize": 21772,
+        "fileSizeTip": "21.26KB",
+        "fileType": 2,
+        "htmName": "74.htm",
+        "htmRemark": "成功:2019-04-25 15:06:11",
+        "id": 74,
+        "pdfName": "74.pdf",
+        "pdfRemark": "成功:2019-04-25 15:06:10",
+        "swfName": "74.swf",
+        "swfRemark": "成功:2019-04-25 15:06:12"
+      },
+      {
+        "activityId": 40,
+        "activityName": "2019年柯桥区天天智慧课堂 5月份 优课评比",
+        "fileName": "天天智慧课堂课例封面（模版）.ppt",
+        "fileNameHash": "75.ppt",
+        "fileNameUri": "/upload/activity/attachment/75/75.ppt?_=1557313944957",
+        "fileSize": 55808,
+        "fileSizeTip": "54.50KB",
+        "fileType": 2,
+        "htmName": "75.htm",
+        "htmRemark": "成功:2019-04-25 15:06:13",
+        "id": 75,
+        "pdfName": "75.pdf",
+        "pdfRemark": "成功:2019-04-25 15:06:13",
+        "swfName": "75.swf",
+        "swfRemark": "成功:2019-04-25 15:06:14"
+      },
+      {
+        "activityId": 40,
+        "activityName": "2019年柯桥区天天智慧课堂 5月份 优课评比",
+        "fileName": "天天智慧课堂评课封面（模版）.ppt",
+        "fileNameHash": "76.ppt",
+        "fileNameUri": "/upload/activity/attachment/76/76.ppt?_=1557313944957",
+        "fileSize": 45568,
+        "fileSizeTip": "44.50KB",
+        "fileType": 2,
+        "htmName": "76.htm",
+        "htmRemark": "成功:2019-04-25 15:06:15",
+        "id": 76,
+        "pdfName": "76.pdf",
+        "pdfRemark": "成功:2019-04-25 15:06:14",
+        "swfName": "76.swf",
+        "swfRemark": "成功:2019-04-25 15:06:15"
+      },
+      {
+        "activityId": 40,
+        "activityName": "2019年柯桥区天天智慧课堂 5月份 优课评比",
+        "fileName": "柯桥区天天智慧课堂课例评选指标.xls",
+        "fileNameHash": "77.xls",
+        "fileNameUri": "/upload/activity/attachment/77/77.xls?_=1557313944957",
+        "fileSize": 27648,
+        "fileSizeTip": "27.00KB",
+        "fileType": 2,
+        "htmName": "77.htm",
+        "htmRemark": "成功:2019-04-25 15:06:32",
+        "id": 77,
+        "pdfName": "77.pdf",
+        "pdfRemark": "成功:2019-04-25 15:06:31",
+        "swfName": "77.swf",
+        "swfRemark": "成功:2019-04-25 15:06:32"
+      },
+      {
+        "activityId": 40,
+        "activityName": "2019年柯桥区天天智慧课堂 5月份 优课评比",
+        "fileName": "2019年柯桥区天天智慧课堂5月份排课安排表.docx",
+        "fileNameHash": "78.docx",
+        "fileNameUri": "/upload/activity/attachment/78/78.docx?_=1557313944957",
+        "fileSize": 25472,
+        "fileSizeTip": "24.88KB",
+        "fileType": 2,
+        "htmName": "78.htm",
+        "htmRemark": "成功:2019-04-28 15:46:32",
+        "id": 78,
+        "pdfName": "78.pdf",
+        "pdfRemark": "成功:2019-04-28 15:46:31",
+        "swfName": "78.swf",
+        "swfRemark": "成功:2019-04-28 15:46:32"
+      }
+    ],
+    "message": null,
+    "query": {
+      "fields": [],
+      "orders": [],
+      "pageCount": 0,
+      "pageIndex": 1,
+      "pageSize": 2147483647,
+      "recordCount": -1,
+      "recordEnd": 6,
+      "recordStart": 1
+    },
+    "success": true,
+    "systemTime": {
+      "date": 8,
+      "day": 3,
+      "hours": 19,
+      "minutes": 12,
+      "month": 4,
+      "seconds": 24,
+      "time": 1557313944956,
+      "timezoneOffset": -480,
+      "year": 119
+    },
+    "uri": null
+  },
+  "errorCode": null,
+  "html": null,
+  "key": null,
+  "message": null,
+  "success": true,
+  "systemTime": {
+    "date": 8,
+    "day": 3,
+    "hours": 19,
+    "minutes": 12,
+    "month": 4,
+    "seconds": 24,
+    "time": 1557313944956,
+    "timezoneOffset": -480,
+    "year": 119
+  },
+  "uri": null
+}

TEAMModelOS.SmartClass/ClientApp/static/indexNoticeList.json

@@ -0,0 +1,259 @@
+{
+  "data": null,
+  "errorCode": null,
+  "html": null,
+  "key": null,
+  "list": [
+    {
+      "coverUri": "",
+      "createTime": {
+        "date": 28,
+        "day": 0,
+        "hours": 15,
+        "minutes": 43,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 7,
+        "time": 1556437387000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "endTime": null,
+      "id": 125,
+      "next": false,
+      "noticeTypeId": 1,
+      "noticeTypeName": "天天展示",
+      "prev": false,
+      "startTime": {
+        "date": 28,
+        "day": 0,
+        "hours": 0,
+        "minutes": 0,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1556380800000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "startTimeTip": "2019-04-28",
+      "status": 1,
+      "title": "2019年柯桥区天天智慧课堂5月份排课安排表",
+      "viewCount": 4
+    },
+    {
+      "coverUri": "",
+      "createTime": {
+        "date": 25,
+        "day": 4,
+        "hours": 8,
+        "minutes": 6,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 38,
+        "time": 1556150798000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "endTime": null,
+      "id": 124,
+      "next": false,
+      "noticeTypeId": 12,
+      "noticeTypeName": "获奖信息",
+      "prev": false,
+      "startTime": {
+        "date": 22,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1555862400000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "startTimeTip": "2019-04-22",
+      "status": 1,
+      "title": "柯桥区教师在2019年全国中小学互动课堂课例比赛中再创佳绩",
+      "viewCount": 1
+    },
+    {
+      "coverUri": "",
+      "createTime": {
+        "date": 18,
+        "day": 4,
+        "hours": 12,
+        "minutes": 6,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 16,
+        "time": 1555560376000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "endTime": null,
+      "id": 123,
+      "next": false,
+      "noticeTypeId": 1,
+      "noticeTypeName": "天天展示",
+      "prev": false,
+      "startTime": {
+        "date": 18,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1555516800000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "startTimeTip": "2019-04-18",
+      "status": 1,
+      "title": "关于公布2019年柯桥区天天智慧课堂3月份优课评比结果的通知",
+      "viewCount": 2
+    },
+    {
+      "coverUri": "",
+      "createTime": {
+        "date": 17,
+        "day": 3,
+        "hours": 14,
+        "minutes": 9,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 6,
+        "time": 1555481346000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "endTime": null,
+      "id": 122,
+      "next": false,
+      "noticeTypeId": 4,
+      "noticeTypeName": "月月研讨",
+      "prev": false,
+      "startTime": {
+        "date": 16,
+        "day": 2,
+        "hours": 0,
+        "minutes": 0,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1555344000000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "startTimeTip": "2019-04-16",
+      "status": 1,
+      "title": "2019年柯桥区智慧课堂第二次研讨活动在实验中学举行",
+      "viewCount": 1
+    },
+    {
+      "coverUri": "",
+      "createTime": {
+        "date": 15,
+        "day": 1,
+        "hours": 13,
+        "minutes": 46,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 18,
+        "time": 1555307178000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "endTime": null,
+      "id": 121,
+      "next": false,
+      "noticeTypeId": 4,
+      "noticeTypeName": "月月研讨",
+      "prev": false,
+      "startTime": {
+        "date": 11,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1554912000000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "startTimeTip": "2019-04-11",
+      "status": 1,
+      "title": "关于开展2019年柯桥区智慧课堂第二次研讨活动的通知",
+      "viewCount": 2
+    },
+    {
+      "coverUri": "",
+      "createTime": {
+        "date": 3,
+        "day": 3,
+        "hours": 15,
+        "minutes": 19,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 50,
+        "time": 1554275990000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "endTime": null,
+      "id": 120,
+      "next": false,
+      "noticeTypeId": 1,
+      "noticeTypeName": "天天展示",
+      "prev": false,
+      "startTime": {
+        "date": 1,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 3,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1554048000000,
+        "timezoneOffset": -480,
+        "year": 119
+      },
+      "startTimeTip": "2019-04-01",
+      "status": 1,
+      "title": "2019年柯桥区天天智慧课堂4月份排课安排表",
+      "viewCount": 0
+    }
+  ],
+  "message": null,
+  "query": {
+    "fields": [],
+    "orders": [
+      {
+        "asc": false,
+        "property": "startTime"
+      }
+    ],
+    "pageCount": 20,
+    "pageIndex": 1,
+    "pageSize": 6,
+    "recordCount": 117,
+    "recordEnd": 6,
+    "recordStart": 1
+  },
+  "success": true,
+  "systemTime": {
+    "date": 8,
+    "day": 3,
+    "hours": 20,
+    "minutes": 12,
+    "month": 4,
+    "seconds": 36,
+    "time": 1557317556824,
+    "timezoneOffset": -480,
+    "year": 119
+  },
+  "uri": null
+}

TEAMModelOS.SmartClass/ClientApp/static/lessons.json

@@ -0,0 +1,714 @@
+{
+  "data": null,
+  "errorCode": null,
+  "html": null,
+  "key": null,
+  "list": [
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "十佳优质课.jpg",
+      "bannerHash": "27.jpg",
+      "bannerUri": "/upload/mainactivity/banner/27/27.jpg?_=1557404688351",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 6,
+      "gradeSectionName": "全年段",
+      "id": 27,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "2018年柯桥区天天智慧课堂十佳优质课展示",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 15,
+        "day": 6,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1544803200000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.12.15 - 2018.12.31",
+      "viewActivityCount": 10
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "全国创新比赛.jpg",
+      "bannerHash": "26.jpg",
+      "bannerUri": "/upload/mainactivity/banner/26/26.jpg?_=1557404688351",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 6,
+      "gradeSectionName": "全年段",
+      "id": 26,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "全国中小学创新课堂教学实践观摩活动一等奖课例（柯桥区部分）",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 14,
+        "day": 5,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1544716800000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.12.14 - 2018.12.31",
+      "viewActivityCount": 22
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "创新实验室一等奖.jpg",
+      "bannerHash": "25.jpg",
+      "bannerUri": "/upload/mainactivity/banner/25/25.jpg?_=1557404688351",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 6,
+      "gradeSectionName": "全年段",
+      "id": 25,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区创新实验室（学科教室）一等奖课例",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 13,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1544630400000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.12.13 - 2018.12.31",
+      "viewActivityCount": 8
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "小学语文.jpg",
+      "bannerHash": "2.jpg",
+      "bannerUri": "/upload/mainactivity/banner/2/2.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 1,
+      "gradeSectionName": "小学",
+      "id": 2,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区小学语文优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 19
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "小学数学.jpg",
+      "bannerHash": "3.jpg",
+      "bannerUri": "/upload/mainactivity/banner/3/3.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 1,
+      "gradeSectionName": "小学",
+      "id": 3,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区小学数学优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 23
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "小学英语.jpg",
+      "bannerHash": "4.jpg",
+      "bannerUri": "/upload/mainactivity/banner/4/4.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 1,
+      "gradeSectionName": "小学",
+      "id": 4,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区小学英语优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 13
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "小学科学.jpg",
+      "bannerHash": "6.jpg",
+      "bannerUri": "/upload/mainactivity/banner/6/6.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 1,
+      "gradeSectionName": "小学",
+      "id": 6,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区小学科学优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 7
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "小学综合.jpg",
+      "bannerHash": "7.jpg",
+      "bannerUri": "/upload/mainactivity/banner/7/7.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 1,
+      "gradeSectionName": "小学",
+      "id": 7,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区小学综合优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 9
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "初中语文.jpg",
+      "bannerHash": "8.jpg",
+      "bannerUri": "/upload/mainactivity/banner/8/8.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 1,
+      "gradeSectionName": "小学",
+      "id": 8,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区初中语文优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 9
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "初中数学1.jpg",
+      "bannerHash": "9.jpg",
+      "bannerUri": "/upload/mainactivity/banner/9/9.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 1,
+      "gradeSectionName": "小学",
+      "id": 9,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区初中数学优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 11
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "初中英语.jpg",
+      "bannerHash": "10.jpg",
+      "bannerUri": "/upload/mainactivity/banner/10/10.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 2,
+      "gradeSectionName": "初中",
+      "id": 10,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区初中英语优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 8
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "初中科学1.jpg",
+      "bannerHash": "11.jpg",
+      "bannerUri": "/upload/mainactivity/banner/11/11.jpg?_=1557404688352",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 2,
+      "gradeSectionName": "初中",
+      "id": 11,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区初中科学优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 8
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "初中历史与社会.jpg",
+      "bannerHash": "12.jpg",
+      "bannerUri": "/upload/mainactivity/banner/12/12.jpg?_=1557404688353",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 2,
+      "gradeSectionName": "初中",
+      "id": 12,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区初中历史与社会优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 4
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "初中综合.jpg",
+      "bannerHash": "13.jpg",
+      "bannerUri": "/upload/mainactivity/banner/13/13.jpg?_=1557404688353",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 2,
+      "gradeSectionName": "初中",
+      "id": 13,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区初中综合优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 1
+    },
+    {
+      "autoChangeMainActivityStatus": true,
+      "banner": "高中.jpg",
+      "bannerHash": "23.jpg",
+      "bannerUri": "/upload/mainactivity/banner/23/23.jpg?_=1557404688353",
+      "cover": null,
+      "coverHash": null,
+      "coverUri": null,
+      "employeeName": "楼宽",
+      "employeeNo": "31050",
+      "endTime": {
+        "date": 31,
+        "day": 1,
+        "hours": 0,
+        "minutes": 0,
+        "month": 11,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1546185600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "gradeSectionId": 3,
+      "gradeSectionName": "高中",
+      "id": 23,
+      "mainActivityStatus": 2,
+      "mainActivityStatusTip": "已结束",
+      "name": "柯桥区高中优课汇聚",
+      "ownUnit": "柯桥区教师发展中心",
+      "startTime": {
+        "date": 1,
+        "day": 4,
+        "hours": 0,
+        "minutes": 0,
+        "month": 2,
+        "nanos": 0,
+        "seconds": 0,
+        "time": 1519833600000,
+        "timezoneOffset": -480,
+        "year": 118
+      },
+      "status": 1,
+      "timeTip": "2018.03.01 - 2018.12.31",
+      "viewActivityCount": 4
+    }
+  ],
+  "message": null,
+  "query": {
+    "fields": [
+
+    ],
+    "orders": [
+      {
+        "asc": false,
+        "property": "startTime"
+      }
+    ],
+    "pageCount": 1,
+    "pageIndex": 1,
+    "pageSize": 10000,
+    "recordCount": 15,
+    "recordEnd": 15,
+    "recordStart": 1
+  },
+  "success": true,
+  "systemTime": {
+    "date": 9,
+    "day": 4,
+    "hours": 20,
+    "minutes": 24,
+    "month": 4,
+    "seconds": 48,
+    "time": 1557404688298,
+    "timezoneOffset": -480,
+    "year": 119
+  },
+  "uri": null
+}

TEAMModelOS.SmartClass/ClientApp/static/reviewAcList.json

@@ -0,0 +1,388 @@
+{
+  "data": {
+    "data": null,
+    "errorCode": null,
+    "html": null,
+    "key": null,
+    "list": [
+      {
+        "activityCover": null,
+        "activityCoverHash": null,
+        "activityCoverUri": null,
+        "activityId": null,
+        "activityName": null,
+        "applyCount": 0,
+        "autoChangeStatus": false,
+        "banner": "优课评比banner.jpg",
+        "bannerHash": "40.jpg",
+        "bannerUri": "/upload/activity/banner/40/40.jpg?_=1557301765646",
+        "cover": "天天智慧课堂5月.jpg",
+        "coverHash": "40.jpg",
+        "coverUri": "/upload/activity/cover/40/40.jpg?_=1557301765646",
+        "employeeName": "楼宽",
+        "employeeNo": "31050",
+        "enjoinType": 3,
+        "hasDelNoGetAwardRes": false,
+        "hideAttachmentAfterEnd": false,
+        "hideAwardAfterEnd": false,
+        "id": 40,
+        "name": "2019年柯桥区天天智慧课堂 5月份 优课评比",
+        "nameMaxLength": null,
+        "numberOfProduction": 1,
+        "organizer": "柯桥区教师发展中心",
+        "publicity": false,
+        "reviewEndTime": {
+          "date": 8,
+          "day": 6,
+          "hours": 0,
+          "minutes": 0,
+          "month": 5,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1559923200000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "reviewTimeTip": "2019.05.31-06.08",
+        "showApplyScore": false,
+        "state": 1,
+        "stateTip": "有效 ",
+        "status": 1,
+        "statusTip": "筹备阶段",
+        "subActivityApplyCount": null,
+        "subActivityApplyPushCount": 0,
+        "subPushEndTime": null,
+        "subPushEndTimeLimitTip": "",
+        "subPushEndTimeTip": "",
+        "submitEndTime": {
+          "date": 31,
+          "day": 5,
+          "hours": 0,
+          "minutes": 0,
+          "month": 4,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1559232000000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "submitEndTimeTip": "2019.05.31",
+        "submitStartTime": {
+          "date": 1,
+          "day": 3,
+          "hours": 0,
+          "minutes": 0,
+          "month": 4,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1556640000000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "submitTimeTip": "2019.05.01-05.31",
+        "timeTip": "2019.05.01-06.08",
+        "videoMaxLength": null,
+        "videoMaxSize": 500,
+        "view": true,
+        "weikeMaxLength": null,
+        "weikeMaxSize": null
+      },
+      {
+        "activityCover": null,
+        "activityCoverHash": null,
+        "activityCoverUri": null,
+        "activityId": null,
+        "activityName": null,
+        "applyCount": 0,
+        "autoChangeStatus": false,
+        "banner": "优课评比banner.jpg",
+        "bannerHash": "39.jpg",
+        "bannerUri": "/upload/activity/banner/39/39.jpg?_=1557301765647",
+        "cover": "天天智慧课堂4月.jpg",
+        "coverHash": "39.jpg",
+        "coverUri": "/upload/activity/cover/39/39.jpg?_=1557301765647",
+        "employeeName": "楼宽",
+        "employeeNo": "31050",
+        "enjoinType": 3,
+        "hasDelNoGetAwardRes": false,
+        "hideAttachmentAfterEnd": false,
+        "hideAwardAfterEnd": false,
+        "id": 39,
+        "name": "2019年柯桥区天天智慧课堂 4月份 优课评比",
+        "nameMaxLength": null,
+        "numberOfProduction": 1,
+        "organizer": "柯桥区教师发展中心",
+        "publicity": false,
+        "reviewEndTime": {
+          "date": 10,
+          "day": 5,
+          "hours": 0,
+          "minutes": 0,
+          "month": 4,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1557417600000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "reviewTimeTip": "2019.04.30-05.10",
+        "showApplyScore": false,
+        "state": 1,
+        "stateTip": "有效 ",
+        "status": 2,
+        "statusTip": "报名阶段",
+        "subActivityApplyCount": null,
+        "subActivityApplyPushCount": 0,
+        "subPushEndTime": null,
+        "subPushEndTimeLimitTip": "",
+        "subPushEndTimeTip": "",
+        "submitEndTime": {
+          "date": 30,
+          "day": 2,
+          "hours": 0,
+          "minutes": 0,
+          "month": 3,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1556553600000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "submitEndTimeTip": "2019.04.30",
+        "submitStartTime": {
+          "date": 1,
+          "day": 1,
+          "hours": 0,
+          "minutes": 0,
+          "month": 3,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1554048000000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "submitTimeTip": "2019.04.01-04.30",
+        "timeTip": "2019.04.01-05.10",
+        "videoMaxLength": null,
+        "videoMaxSize": null,
+        "view": true,
+        "weikeMaxLength": null,
+        "weikeMaxSize": null
+      },
+      {
+        "activityCover": null,
+        "activityCoverHash": null,
+        "activityCoverUri": null,
+        "activityId": null,
+        "activityName": null,
+        "applyCount": 0,
+        "autoChangeStatus": false,
+        "banner": "优课评比banner.jpg",
+        "bannerHash": "39.jpg",
+        "bannerUri": "/upload/activity/banner/39/39.jpg?_=1557301765647",
+        "cover": "天天智慧课堂4月.jpg",
+        "coverHash": "39.jpg",
+        "coverUri": "/upload/activity/cover/39/39.jpg?_=1557301765647",
+        "employeeName": "楼宽",
+        "employeeNo": "31050",
+        "enjoinType": 3,
+        "hasDelNoGetAwardRes": false,
+        "hideAttachmentAfterEnd": false,
+        "hideAwardAfterEnd": false,
+        "id": 39,
+        "name": "2019年柯桥区天天智慧课堂 4月份 优课评比",
+        "nameMaxLength": null,
+        "numberOfProduction": 1,
+        "organizer": "柯桥区教师发展中心",
+        "publicity": false,
+        "reviewEndTime": {
+          "date": 10,
+          "day": 5,
+          "hours": 0,
+          "minutes": 0,
+          "month": 4,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1557417600000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "reviewTimeTip": "2019.04.30-05.10",
+        "showApplyScore": false,
+        "state": 1,
+        "stateTip": "有效 ",
+        "status": 2,
+        "statusTip": "报名阶段",
+        "subActivityApplyCount": null,
+        "subActivityApplyPushCount": 0,
+        "subPushEndTime": null,
+        "subPushEndTimeLimitTip": "",
+        "subPushEndTimeTip": "",
+        "submitEndTime": {
+          "date": 30,
+          "day": 2,
+          "hours": 0,
+          "minutes": 0,
+          "month": 3,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1556553600000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "submitEndTimeTip": "2019.04.30",
+        "submitStartTime": {
+          "date": 1,
+          "day": 1,
+          "hours": 0,
+          "minutes": 0,
+          "month": 3,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1554048000000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "submitTimeTip": "2019.04.01-04.30",
+        "timeTip": "2019.04.01-05.10",
+        "videoMaxLength": null,
+        "videoMaxSize": null,
+        "view": true,
+        "weikeMaxLength": null,
+        "weikeMaxSize": null
+      },
+      {
+        "activityCover": null,
+        "activityCoverHash": null,
+        "activityCoverUri": null,
+        "activityId": null,
+        "activityName": null,
+        "applyCount": 0,
+        "autoChangeStatus": false,
+        "banner": "优课评比banner.jpg",
+        "bannerHash": "39.jpg",
+        "bannerUri": "/upload/activity/banner/39/39.jpg?_=1557301765647",
+        "cover": "天天智慧课堂4月.jpg",
+        "coverHash": "39.jpg",
+        "coverUri": "/upload/activity/cover/39/39.jpg?_=1557301765647",
+        "employeeName": "楼宽",
+        "employeeNo": "31050",
+        "enjoinType": 3,
+        "hasDelNoGetAwardRes": false,
+        "hideAttachmentAfterEnd": false,
+        "hideAwardAfterEnd": false,
+        "id": 39,
+        "name": "2019年柯桥区天天智慧课堂 4月份 优课评比",
+        "nameMaxLength": null,
+        "numberOfProduction": 1,
+        "organizer": "柯桥区教师发展中心",
+        "publicity": false,
+        "reviewEndTime": {
+          "date": 10,
+          "day": 5,
+          "hours": 0,
+          "minutes": 0,
+          "month": 4,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1557417600000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "reviewTimeTip": "2019.04.30-05.10",
+        "showApplyScore": false,
+        "state": 1,
+        "stateTip": "有效 ",
+        "status": 2,
+        "statusTip": "报名阶段",
+        "subActivityApplyCount": null,
+        "subActivityApplyPushCount": 0,
+        "subPushEndTime": null,
+        "subPushEndTimeLimitTip": "",
+        "subPushEndTimeTip": "",
+        "submitEndTime": {
+          "date": 30,
+          "day": 2,
+          "hours": 0,
+          "minutes": 0,
+          "month": 3,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1556553600000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "submitEndTimeTip": "2019.04.30",
+        "submitStartTime": {
+          "date": 1,
+          "day": 1,
+          "hours": 0,
+          "minutes": 0,
+          "month": 3,
+          "nanos": 0,
+          "seconds": 0,
+          "time": 1554048000000,
+          "timezoneOffset": -480,
+          "year": 119
+        },
+        "submitTimeTip": "2019.04.01-04.30",
+        "timeTip": "2019.04.01-05.10",
+        "videoMaxLength": null,
+        "videoMaxSize": null,
+        "view": true,
+        "weikeMaxLength": null,
+        "weikeMaxSize": null
+      }
+    ],
+    "message": null,
+    "query": {
+      "fields": [],
+      "orders": [
+        {
+          "asc": false,
+          "property": "-1"
+        },
+        {
+          "asc": false,
+          "property": "submitStartTime"
+        }
+      ],
+      "pageCount": 1,
+      "pageIndex": 1,
+      "pageSize": 100,
+      "recordCount": 2,
+      "recordEnd": 2,
+      "recordStart": 1
+    },
+    "success": true,
+    "systemTime": {
+      "date": 8,
+      "day": 3,
+      "hours": 15,
+      "minutes": 49,
+      "month": 4,
+      "seconds": 25,
+      "time": 1557301765644,
+      "timezoneOffset": -480,
+      "year": 119
+    },
+    "uri": null
+  },
+  "errorCode": null,
+  "html": null,
+  "key": null,
+  "message": null,
+  "success": true,
+  "systemTime": {
+    "date": 8,
+    "day": 3,
+    "hours": 15,
+    "minutes": 49,
+    "month": 4,
+    "seconds": 25,
+    "time": 1557301765646,
+    "timezoneOffset": -480,
+    "year": 119
+  },
+  "uri": null
+}

TEAMModelOS.SmartClass/ClientApp/static/rewardList.json

@@ -0,0 +1,231 @@
+{
+  "data": {
+    "data": null,
+    "errorCode": null,
+    "html": null,
+    "key": null,
+    "list": [
+      {
+        "activityAwardId": 46,
+        "activityAwardName": "月冠军",
+        "applyId": 900,
+        "applyIsPush": false,
+        "applyName": "12月13日直播",
+        "categoryId": 1,
+        "categoryName": "语文",
+        "employeeName": "喻远鑫",
+        "employeeNo": "298380",
+        "employeeSchool": "湖塘中学",
+        "employeeSchoolName": "绍兴市柯桥区湖塘中学",
+        "employeeSchoolNo": "3133005945",
+        "gradeId": 12,
+        "gradeName": "九年级",
+        "id": 590,
+        "score": 92
+      },
+      {
+        "activityAwardId": 47,
+        "activityAwardName": "月亚军",
+        "applyId": 894,
+        "applyIsPush": false,
+        "applyName": "12月11日直播",
+        "categoryId": 1,
+        "categoryName": "语文",
+        "employeeName": "林丽",
+        "employeeNo": "34181",
+        "employeeSchool": "柯桥小学",
+        "employeeSchoolName": "绍兴市柯桥区柯桥小学",
+        "employeeSchoolNo": "2133006474",
+        "gradeId": 9,
+        "gradeName": "六年级",
+        "id": 591,
+        "score": 91
+      },
+      {
+        "activityAwardId": 48,
+        "activityAwardName": "月季军",
+        "applyId": 902,
+        "applyIsPush": false,
+        "applyName": "12月14日直播",
+        "categoryId": 18,
+        "categoryName": "化学",
+        "employeeName": "徐益敏",
+        "employeeNo": "shixun_xym235782",
+        "employeeSchool": "西藏民族中学",
+        "employeeSchoolName": "绍兴市柯桥区西藏民族中学",
+        "employeeSchoolNo": "3133005932",
+        "gradeId": 12,
+        "gradeName": "九年级",
+        "id": 592,
+        "score": 90
+      },
+      {
+        "activityAwardId": 49,
+        "activityAwardName": "优课",
+        "applyId": 885,
+        "applyIsPush": false,
+        "applyName": "12月05日直播",
+        "categoryId": 4,
+        "categoryName": "科学",
+        "employeeName": "王利芳",
+        "employeeNo": "37878",
+        "employeeSchool": "夏履镇中学",
+        "employeeSchoolName": "绍兴市柯桥区夏履镇中学",
+        "employeeSchoolNo": "3133005940",
+        "gradeId": 11,
+        "gradeName": "八年级",
+        "id": 593,
+        "score": 87
+      },
+      {
+        "activityAwardId": 49,
+        "activityAwardName": "优课",
+        "applyId": 892,
+        "applyIsPush": false,
+        "applyName": "12月10日直播",
+        "categoryId": 4,
+        "categoryName": "科学",
+        "employeeName": "徐飞",
+        "employeeNo": "138828",
+        "employeeSchool": "柯岩中学",
+        "employeeSchoolName": "绍兴市柯桥区柯岩中学",
+        "employeeSchoolNo": "3133005935",
+        "gradeId": 10,
+        "gradeName": "七年级",
+        "id": 594,
+        "score": 87
+      },
+      {
+        "activityAwardId": 49,
+        "activityAwardName": "优课",
+        "applyId": 888,
+        "applyIsPush": false,
+        "applyName": "12月06日直播",
+        "categoryId": 3,
+        "categoryName": "英语",
+        "employeeName": "章晓瑛",
+        "employeeNo": "134567",
+        "employeeSchool": "柯桥区秋瑾小学",
+        "employeeSchoolName": "绍兴市柯桥区秋瑾小学金三角校区",
+        "employeeSchoolNo": "2133006434",
+        "gradeId": 9,
+        "gradeName": "六年级",
+        "id": 595,
+        "score": 84
+      },
+      {
+        "activityAwardId": 49,
+        "activityAwardName": "优课",
+        "applyId": 896,
+        "applyIsPush": false,
+        "applyName": "12月12日直播",
+        "categoryId": 3,
+        "categoryName": "英语",
+        "employeeName": "王超",
+        "employeeNo": "702091",
+        "employeeSchool": "王坛镇中心小学",
+        "employeeSchoolName": "绍兴市柯桥区王坛镇中心小学",
+        "employeeSchoolNo": "2133006457",
+        "gradeId": 8,
+        "gradeName": "五年级",
+        "id": 596,
+        "score": 83
+      },
+      {
+        "activityAwardId": 49,
+        "activityAwardName": "优课",
+        "applyId": 884,
+        "applyIsPush": false,
+        "applyName": "12月04日直播",
+        "categoryId": 7,
+        "categoryName": "数学",
+        "employeeName": "倪丽红",
+        "employeeNo": "653800",
+        "employeeSchool": "齐贤中学",
+        "employeeSchoolName": "绍兴市柯桥区齐贤中学",
+        "employeeSchoolNo": "3133005938",
+        "gradeId": 10,
+        "gradeName": "七年级",
+        "id": 597,
+        "score": 82
+      },
+      {
+        "activityAwardId": 49,
+        "activityAwardName": "优课",
+        "applyId": 883,
+        "applyIsPush": false,
+        "applyName": "12月03日直播",
+        "categoryId": 5,
+        "categoryName": "历史与社会",
+        "employeeName": "张圣凯",
+        "employeeNo": "shixun_zsk060031",
+        "employeeSchool": "柯桥区稽东镇中学",
+        "employeeSchoolName": "绍兴市柯桥区稽东镇中学",
+        "employeeSchoolNo": "3133005937",
+        "gradeId": 11,
+        "gradeName": "八年级",
+        "id": 598,
+        "score": 81
+      },
+      {
+        "activityAwardId": 49,
+        "activityAwardName": "优课",
+        "applyId": 899,
+        "applyIsPush": false,
+        "applyName": "12月14日直播",
+        "categoryId": 1,
+        "categoryName": "语文",
+        "employeeName": "沈若芬",
+        "employeeNo": "31994",
+        "employeeSchool": "柯桥区稽东镇中心小学",
+        "employeeSchoolName": "绍兴市柯桥区稽东镇中心小学",
+        "employeeSchoolNo": "2133006478",
+        "gradeId": 9,
+        "gradeName": "六年级",
+        "id": 599,
+        "score": 81
+      }
+    ],
+    "message": null,
+    "query": {
+      "fields": [],
+      "orders": [],
+      "pageCount": 1,
+      "pageIndex": 1,
+      "pageSize": 10,
+      "recordCount": 10,
+      "recordEnd": 10,
+      "recordStart": 1
+    },
+    "success": true,
+    "systemTime": {
+      "date": 9,
+      "day": 4,
+      "hours": 19,
+      "minutes": 5,
+      "month": 4,
+      "seconds": 29,
+      "time": 1557399929083,
+      "timezoneOffset": -480,
+      "year": 119
+    },
+    "uri": null
+  },
+  "errorCode": null,
+  "html": null,
+  "key": null,
+  "message": null,
+  "success": true,
+  "systemTime": {
+    "date": 9,
+    "day": 4,
+    "hours": 19,
+    "minutes": 5,
+    "month": 4,
+    "seconds": 29,
+    "time": 1557399929101,
+    "timezoneOffset": -480,
+    "year": 119
+  },
+  "uri": null
+}

TEAMModelOS.SmartClass/ClientApp/view/smart-class/ActivityDetails.vue

@@ -0,0 +1,277 @@
+<template>
+  <div id="app">
+    <div class="banner">
+      <img src="http://ttkt.sxedu.org:70/upload/activity/banner/40/40.jpg?_=1557306525954" />
+    </div>
+    <div class="details-container">
+        <div class="activity-brief center-row">
+          <div class="activity-brief-left">
+            <img src="http://ttkt.sxedu.org:70/upload/activity/cover/40/40.jpg?_=1557306525954"/>
+          </div>
+          <div class="activity-brief-right">
+            <div class="activity-brief-title">
+              <span>2019年柯桥区天天智慧课堂 5月份 优课评比 </span>
+              <span class="status" style="background: rgb(19, 206, 102);">筹备阶段</span>
+              <Button type="primary" size="large">参加活动</Button>
+            </div>
+            <div class="activity-brief-info center-row">
+              <div class="brief-info-left">
+                <div class="items"><p class="item">2019.05.01-06.08</p> <span class="tips">活动时间</span></div>
+                <div class="items"><p class="item">征集中</p> <span class="tips">作品数量</span></div>
+              </div>
+              <div class="brief-info-left">
+                <div class="items"><p class="item">柯桥区教师发展中心</p> <span class="tips">主办方</span></div>
+                <div class="items"><p class="item2">0天 0小时 0分</p> <span class="tips">距离报名开始时间</span></div>
+              </div>
+
+            </div>
+          </div>
+        </div>
+        <div class="activity-details center-row">
+          <div class="details-left center-col">
+            <div class="title-tip">
+              <p class="title">上传要求<span>FORMAT</span></p>
+              <div class="content" v-html="activityInfo.requirement"></div>
+            </div>
+            <div class="review-attachment">
+            <p class="title">活动附件<span>ATTACHMENT</span></p>
+            <div class="content">
+              <div class="attach attachicon-2" v-for="(item,index) in attachmentsList" :key="index">
+                <a :href="item.fileNameUri" :download="item.fileName" :title="item.fileName">{{item.fileName}}</a>
+                <span style="float: right; font-size: 13px;">&nbsp;{{item.fileSizeTip}}</span>
+              </div>
+          </div>
+          </div>
+          </div>
+          <div class="details-right center-col">
+              <div class="description title-tip" style="margin-top:0">
+                <p class="title">
+                  活动介绍
+                  <span>INTRODUCE</span>
+                </p>
+                <div class="content" style="overflow: hidden;" v-html="activityInfo.description">
+                </div>
+              </div>
+              <div class="guide title-tip">
+                <p class="title">
+                  参赛指南
+                  <span>GUIDE</span>
+                </p>
+                <div class="content" v-html="activityInfo.guide"></div>
+              </div>
+              <div class="faq title-tip">
+                <p class="title">
+                  常见问题
+                  <span>FAQ</span>
+                </p>
+                <div class="content" v-html="activityInfo.faq"></div>
+            </div>
+          </div>
+        </div>
+    </div>
+  </div>
+</template>
+<script>
+    import attachmentsList from '@/static/attachmentsList.json'
+    import activityInfo from '@/static/activityDetails.json'
+  export default {
+    components: {
+    },
+    data() {
+      return {
+        reviewAcList: [],
+        attachmentsList: [],
+        activityInfo: {}
+      }
+    },
+
+    created() {
+      this.attachmentsList = attachmentsList.data.list;
+      this.activityInfo = activityInfo.data;
+    },
+    methods: {
+
+    },
+    mounted() {
+    }
+  }
+</script>
+<style scoped>
+  html, body, #app {
+    height: 100% !important;
+    user-select: none;
+  }
+
+  .main-content {
+    background: rgb(248,248,248) !important;
+  }
+
+  .center-row {
+    display:flex;
+    flex-direction:row;
+  }
+
+  .center-col {
+    display:flex;
+    flex-direction:column;
+  }
+
+  .banner {
+    width:100%;
+    margin-top:80px;
+  }
+
+    .banner img {
+        width: 100%;
+        min-width: 1280px;
+    }
+
+  .details-container {
+    position:relative;
+    width: 1200px;
+    margin: 80px auto;
+    margin-top:-50px;
+    z-index:999;
+    display: flex;
+    flex-direction: column;
+  }
+
+    .details-container .activity-brief {
+      width:100%;
+      background:#fff;
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px;
+    }
+    .details-container .activity-brief .activity-brief-left {
+      width:30%;
+      height:100%;
+      padding:20px;
+     }
+
+    .details-container .activity-brief .activity-brief-right {
+      width:70%;
+      height:100%;
+      padding:20px;
+     }
+
+    .details-container .activity-brief-title {
+      font-size:26px;
+      font-weight:bolder;
+      color:#333;
+      padding:5px 20px;
+      margin-left:10px;
+      border-bottom:1px solid #f6f6f6;
+    }
+
+    .details-container .activity-brief-title .status {
+      display: inline-block;
+      margin-left: 10px;
+      font-size: 14px;
+      color: #fff;
+      padding: 1px 6px;
+      vertical-align: top;
+      margin-top: 6px;
+      background-color: #53c766;
+      border-radius: 3px;
+    }
+    .details-container .activity-brief-title .ivu-btn {
+      width:120px;
+      height:38px;
+      margin-left:20px;
+      margin-bottom:10px;
+    }
+
+    .details-container .brief-info-left {
+      width:50%;
+    }
+
+      .details-container .brief-info-left .items {
+        margin:30px;
+      }
+
+      .details-container .brief-info-left .items .item {
+        font-size:20px;
+        color:#666;
+      }
+      .details-container .brief-info-left .items .item2 {
+        font-size:20px;
+        color:#ffa853;
+      }
+      .details-container .brief-info-left .items .tips {
+        font-size:14px;
+        color:#bbb;
+      }
+
+    .details-container .activity-details {
+      width:100%;
+      margin-top:20px;
+    }
+
+      .details-container .activity-details .details-left {
+        width:30%;
+        height:100%;
+      }
+
+      .details-container .activity-details .details-right {
+        width:70%;
+        height:100%;
+        margin-left:20px;
+      }
+
+      .details-container .activity-details .details-right .title-tip {
+        margin-top:20px;
+      }
+
+    .details-container .title-tip{
+        padding: 20px;
+        background: #fff;
+    }
+    .details-container  .review-attachment{
+        padding: 20px;
+        margin-top: 20px;
+        background: #fff;
+    }
+
+    .details-container  .title {
+        color: #33aafe;
+        font-size: 16px;
+        padding-bottom: 15px;
+        border-bottom: 1px solid #f6f6f6;
+    }
+    .details-container  .title span {
+        color: #ccc;
+        font-size: 14px;
+        margin-left: 8px;
+    }
+    .details-container  .title-tip .content {
+        color: #999;
+        font-size: 14px;
+        margin-top: 15px;
+    }
+
+    .details-container .details-left .review-attachment .attach {
+        height: 40px;
+        line-height: 40px;
+        padding-left: 40px;
+        margin-bottom: 14px;
+        margin-top:10px;
+    }
+    .details-container .details-left .review-attachment .attach a {
+        display: inline-block;
+        text-decoration: none;
+        font-size: 13px;
+        color: #555;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 160px;
+        text-decoration: underline;
+    }
+    .details-container .details-left .review-attachment .attachicon-2 {
+        background:url("http://hystkj-oss.oss-cn-shenzhen.aliyuncs.com/icon.png") no-repeat;
+    }
+
+
+
+
+</style>

TEAMModelOS.SmartClass/ClientApp/view/smart-class/Lessons.vue

@@ -1,20 +1,65 @@
 <template>
   <div class="container">
-    <h1>往届回顾</h1>
-      <div class="left-box"></div>
-      <div class="right-box"></div>
+
+    <div class="search">
+      <Input v-model="value" placeholder="请输入优课主题 （如：小学语文）" style="width: 200px" />
+      <Button>搜索</Button>
+    </div>
+    <div class="activity-item" v-for="(item,index) in lessons" :key="index">
+      <div class="activity-banner">
+        <img :src="'http://ttkt.sxedu.org:70'+item.bannerUri" />
+      </div>
+      <div class="activity-brief">
+        <div class="left">
+          <div class="line">
+            <span class="tips">优课主题：</span>
+            <span class="items">{{item.name}}</span>
+            <span class="status" style="background: #999;">已结束</span>
+          </div>
+          <div class="line"><span class="tips">起止时间：</span> <span class="items2">{{item.timeTip}}</span></div>
+          <div class="line"><span class="tips">优课数：</span> <span class="items2">{{item.viewActivityCount}}</span></div>
+
+        </div>
+        <div class="right">
+          <Button type="primary" size="large" @click="goDetails">查看详情</Button>
+        </div>
+      </div>
+    </div>
+
   </div>
 </template>
 <script>
+    import lessons from '@/static/lessons.json'
   export default {
     components: {
     },
     data() {
       return {
+        lessons: []
       }
     },
+
+    created() {
+      this.lessons = lessons.list;
+    },
     methods: {
+      getList(type) {
+        let list = noticeList.list;
+        var newArray = list.filter(function(item){
+            return item.noticeTypeId == type;
+        });
+        this.noticeList = newArray;
+      },
 
+      handleMenuClick(index,typeId,name) {
+        this.activeIndex = index;
+        this.typeName = name;
+        this.getList(typeId);
+      },
+
+      goDetails() {
+        this.$router.push('/activityDetails')
+      }
 
 
     },
@@ -29,30 +74,68 @@
   }
 
   .main-content {
-    background:rgb(248,248,248) !important;
+    background: rgb(248,248,248) !important;
   }
+
   .container {
     width: 1200px;
     margin: 100px auto;
-    display:flex;
-    flex-direction:row;
-    justify-content:space-between;
+    display: flex;
+    flex-direction: column;
   }
 
-    .container .left-box {
-      width:25%;
-      height:600px;
+    .container .activity-item {
+      width:100%;
+      padding-bottom:50px;
       background:#fff;
+      margin-top:40px;
     }
 
-    .container .right-box {
-      width:73%;
-      height:600px;
-      background:#fff;
+    .container .activity-item .activity-banner img {
+      width:100%;
     }
 
-  .center-col {
+    .container .activity-brief {
+      width:100%;
+      padding:15px 40px;
+      display:flex;
+      flex-direction:row;
+      justify-content:space-between;
+      align-items:center;
+    }
+
+      .container .activity-brief .line {
+        font-size:16px;
+        margin-top:10px;
+      }
+
+      .container .activity-brief .status {
+        font-size:14px;
+        padding:2px 8px;
+        margin-left:8px;
+        border-radius:5px;
+        color:#fff;
+       }
+
+      .container .activity-brief .line .tips{
+        font-weight:bold;
+        color:#999;
+      }
+
+    .container .time-count {
+      font-size:16px;
+      margin-bottom:20px;
+    }
+
+      .container .time-count .count-down {
+        color:orange;
+      }
+
+    .container .right .ivu-btn {
+      width:180px;
+      height:48px;
+      font-size:16px;
+    }
 
-  }
 
 </style>

TEAMModelOS.SmartClass/ClientApp/view/smart-class/LiveBroadcast.vue

@@ -1,24 +1,135 @@
 <template>
   <div class="container">
     <div class="review-main">
-      <h1>往届回顾1231</h1>
+      <div class="condition-wrap">
+        <div class="condition-wrap-left">
+          <Button type="primary">新媒体新技术</Button>
+          <Button type="success">创新实验室</Button>
+        </div>
+        <div class="condition-wrap-right">
+          <Select v-model="yearDefault" size="large" style="width:100px">
+            <Option v-for="item in years" :value="item" :key="item">{{ item }}</Option>
+          </Select>
+          <Select v-model="monthDefault" size="large" style="width:100px">
+            <Option v-for="item in monthes" :value="item" :key="item">{{ item }}</Option>
+          </Select>
+          <Button size="large">返回今天</Button>
+        </div>
+      </div>
+      <full-calendar :events="fcEvents" lang="zh" @dayClick ="getDay" :config="config" ></full-calendar>
     </div>
   </div>
 </template>
 <script>
+  import FullCalendar from 'vue-fullcalendar'
   export default {
     components: {
+      FullCalendar
     },
     data() {
       return {
+        yearDefault:'2019年',
+        years: [
+          "2012年",
+          "2013年",
+          "2014年",
+          "2015年",
+          "2016年",
+          "2017年",
+          "2018年",
+          "2019年",
+          "2020年",
+          "2021年",
+          "2022年",
+          "2023年",
+          "2024年",
+        ],
+        monthDefault: '1月',
+        monthes: [
+          '1月',
+          '2月',
+          '3月',
+          '4月',
+          '5月',
+          '6月',
+          '7月',
+          '8月',
+          '9月',
+          '11月',
+          '12月',
+        ],
+        fcEvents: [
+        ],
+        config: {
+          firstDay: '0',//以周日为每周的第一天
+          // weekends: true,//是否在日历中显示周末
+          locale: 'zh-cn',//语言
+          defaultView: 'month',//默认按月显示
+          height: 'auto',//高度
+          fixedWeekCount: false,//是否固定显示六周
+          // weekMode:"liquid",//周数不定，每周的高度可变，整个日历高度不变
+          allDaySlot: false,
+          // allDay:true,
+          header: {//表头信息
+            left: 'prev, next, today',
+            center: 'title',
+            right: 'hide, custom'
+          },
+        },
+        lessonList:[]
       }
     },
     methods: {
-
+      getDay(day, jsEvent) {
+        console.log(day);
+        console.log(jsEvent);
+      }
 
 
     },
     mounted() {
+      this.lessonList = require("@/static/lessonList.json");
+      for (let i = 0; i < this.lessonList.length; i++) {
+        var sdate = new Date(this.lessonList[i].startTime.time);
+        let sY = sdate.getFullYear() + '-';
+        let sM = (sdate.getMonth() + 1 < 10 ? '0' + (sdate.getMonth() + 1) : sdate.getMonth() + 1) + '-';
+        let sD = sdate.getDate() + ' ';
+        var edate = new Date(this.lessonList[i].endTime.time);
+        let eY = edate.getFullYear() + '-';
+        let eM = (edate.getMonth() + 1 < 10 ? '0' + (edate.getMonth() + 1) : edate.getMonth() + 1) + '-';
+        let eD = edate.getDate() + ' ';
+        this.fcEvents.push({
+          title:'名称：'+this.lessonList[i].viwActivityTypeTip,
+          start: sY + sM + sD,
+          end: eY + eM + eD
+        });
+        this.fcEvents.push({
+          title:'学校：'+this.lessonList[i].schoolName,
+          start: sY + sM + sD,
+          end: eY + eM + eD
+        });
+        this.fcEvents.push({
+          title:'主讲人：'+this.lessonList[i].employeeName,
+          start: sY + sM + sD,
+          end: eY + eM + eD
+        });
+        this.fcEvents.push({
+          title:'学科：'+this.lessonList[i].parentCategoryName,
+          start: sY + sM + sD,
+          end: eY + eM + eD
+        });
+        this.fcEvents.push({
+          title:'课题：'+this.lessonList[i].parentProjectName,
+          start: sY + sM + sD,
+          end: eY + eM + eD
+        });
+        this.fcEvents.push({
+          title:'时间：'+this.lessonList[i].timeRangeTipHHmm,
+          start: sY + sM + sD,
+          end: eY + eM + eD
+        });
+      }
+      console.log(this.lessonList);
     }
   }
 </script>
@@ -27,7 +138,7 @@
     height: 100% !important;
     user-select: none;
   }
-
+  
   .main-content {
     background:rgb(248,248,248) !important;
   }
@@ -41,22 +152,46 @@
   .review-main {
     background:#fff;
     width:100%;
-    height:600px;
+    padding:10px 25px;
   }
-    .container .left-box {
-      width:25%;
-      height:600px;
-      background:#fff;
+    .review-main /deep/ .full-calendar-header {
+      display:none;
     }
-
-    .container .right-box {
-      width:73%;
-      height:600px;
-      background:#fff;
+    .review-main /deep/ .comp-full-calendar {
+      padding:0px;
+      max-width:1200px;
     }
-
-  .center-col {
-
+    .review-main /deep/ .weeks {
+      background: -webkit-linear-gradient(#E1E7EC, #B9C6D1); /* Safari 5.1 - 6.0 */
+      background: -o-linear-gradient(#E1E7EC, #B9C6D1); /* Opera 11.1 - 12.0 */
+      background: -moz-linear-gradient(#E1E7EC, #B9C6D1); /* Firefox 3.6 - 15 */
+      background: linear-gradient(#E1E7EC, #B9C6D1); /* 标准的语法 */
+      height: 40px;
+      line-height: 40px;
+    }
+    .review-main /deep/ .full-calendar-body .dates .week-row .day-cell.today {
+      background:#dfe6ec;
+    }
+    .review-main /deep/ .week-row > .not-cur-month {
+      background: linear-gradient( -45deg, #ecf0f4 25%, #ffffff 0, #ffffff 50%, #ecf0f4 0, #ecf0f4 75%, #ffffff 0 ); /* 标准的语法（必须放在最后） */
+      background-size: 20px 20px;
+    }
+    .review-main /deep/ .week-row {
+      height:140px;
+    }
+    .review-main /deep/ .events-week {
+      height:140px;
+    }
+    .review-main /deep/ .full-calendar-body .dates .dates-events .events-week .events-day .event-box .event-item {
+      background:none;
+    }
+    /*.review-main /deep/ .full-calendar-body .dates .dates-events .events-week .events-day .event-box .more-link {
+      display:none;
+    }*/
+   .condition-wrap {
+    display:flex;
+    flex-direction:row;
+    justify-content : space-between;
   }
 
 </style>

TEAMModelOS.SmartClass/ClientApp/view/smart-class/NoticeDetails.vue

@@ -0,0 +1,106 @@
+<template>
+  <div class="details-container">
+    <div class="notice-header">
+      <p class="title">
+      <span class="content-title">关于开展2019年柯桥区智慧课堂第二次研讨活动的通知</span></p>
+      <p class="sub">2019-04-11&nbsp;&nbsp;&nbsp;月月研讨&nbsp;&nbsp;&nbsp;点击量：0</p>
+    </div>
+    <div class="content" v-html="noticeContent">
+
+    </div>
+    <Button type="primary" @click="backList">返回列表</Button>
+  </div>
+</template>
+<script>
+    import noticeDetails from '@/static/noticeDetails.json'
+  export default {
+    components: {
+    },
+    data() {
+      return {
+        reviewAcList: [],
+        attachmentsList: [],
+        noticeContent: {}
+      }
+    },
+
+    created() {
+      //根据跳转参数获取通知详情
+      //let noticeId = this.$route.query.id;
+      //this.$get('http://ttkt.sxedu.org:70/webservice/bizNoticeItem.action?id=' + noticeId + '&nocache=1&_=1557315901157').then(res => {
+      //  console.log(res.data.noticeTypeName);
+      //})
+
+      this.noticeContent = noticeDetails.data.content;
+    },
+    methods: {
+      backList() {
+        this.$router.go(-1);
+      }
+
+    },
+    mounted() {
+    }
+  }
+</script>
+<style scoped>
+  html, body, #app {
+    height: 100% !important;
+    user-select: none;
+  }
+
+  .main-content {
+    background: rgb(248,248,248) !important;
+  }
+
+  .center-row {
+    display:flex;
+    flex-direction:row;
+  }
+
+  .center-col {
+    display:flex;
+    flex-direction:column;
+  }
+
+
+  .details-container {
+    position:relative;
+    width: 1200px;
+    margin: 100px auto;
+    padding:36px 30px 30px;
+    background:#fff;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .notice-header {
+    text-align:center;
+  }
+
+    .notice-header .content-title {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      width: 600px;
+      display: inline-block;
+      font-size: 20px;
+      color: #222;
+    }
+
+    .notice-header .sub {
+      font-size: 14px;
+      color: #999;
+      padding-top: 12px;
+      padding-bottom: 10px;
+      margin-bottom: 24px;
+      border-bottom: 1px solid #f6f6f6;
+    }
+
+    .details-container .ivu-btn {
+      width:150px;
+      margin:10px auto;
+    }
+ 
+
+</style>

TEAMModelOS.SmartClass/ClientApp/view/smart-class/PastReview.vue

@@ -29,7 +29,7 @@
         </div>
         <div style="clear:both;"></div>
         <div class="activities">
-          <div class="activity" v-for="(item,index) in activities">
+          <div class="activity" v-for="(item,index) in activities" @click="activityClick">
             <div>
               <div class="img-box"><span class="state" style="background: rgb(19, 206, 102); visibility: visible; display:none;">{{item.status}}</span> <img :src="item.img" alt=""></div> <div class="infos">
                 <p class="actName">{{item.name}}</p>
@@ -114,7 +114,9 @@
       }
     },
     methods: {
-
+      activityClick() {
+        this.$router.push('/rewardDetails');
+      }
 
 
     },

TEAMModelOS.SmartClass/ClientApp/view/smart-class/ReviewActivity.vue

@@ -1,28 +1,7 @@
 <template>
   <div class="container">
-    <div class="activity-item">
-      <div class="activity-banner">
-        <img src="http://ttkt.sxedu.org:70/upload/activity/banner/40/40.jpg?_=1557231709373" />
-      </div>
-      <div class="activity-brief">
-        <div class="left">
-          <div class="line">
-            <span class="tips">活动：</span>
-            <span title="2019年柯桥区天天智慧课堂 5月份 优课评比" class="items">2019年柯桥区天天智慧课堂 5月份 优课评比</span>
-            <span class="status" style="background: rgb(19, 206, 102);">筹备阶段</span>
-          </div>
-          <div class="line"><span class="tips">时间：</span> <span class="items2">2019.05.01-06.08</span></div>
-          <div class="line"><span class="tips">主办：</span> <span class="items2">柯桥区教师发展中心</span></div>
-          <div class="line"><span class="tips">作品：</span> <span class="items2">征集中</span></div>
 
-        </div>
-        <div class="right">
-          <p class="time-count">距离报名开始还有<span class="count-down"> 0天 0小时 0分</span></p>
-          <Button type="primary" size="large">查看详情</Button>
-        </div>
-      </div>
-    </div>
-    <div class="activity-item">
+    <div class="activity-item" v-for="(item,index) in reviewAcList" :key="index">
       <div class="activity-banner">
         <img src="http://ttkt.sxedu.org:70/upload/activity/banner/40/40.jpg?_=1557231709373" />
       </div>
@@ -30,70 +9,36 @@
         <div class="left">
           <div class="line">
             <span class="tips">活动：</span>
-            <span title="2019年柯桥区天天智慧课堂 5月份 优课评比" class="items">2019年柯桥区天天智慧课堂 5月份 优课评比</span>
-            <span class="status" style="background: rgb(19, 206, 102);">筹备阶段</span>
+            <span class="items">{{item.name}}</span>
+            <span class="status" style="background: rgb(19, 206, 102);">{{item.statusTip}}</span>
           </div>
-          <div class="line"><span class="tips">时间：</span> <span class="items2">2019.05.01-06.08</span></div>
-          <div class="line"><span class="tips">主办：</span> <span class="items2">柯桥区教师发展中心</span></div>
-          <div class="line"><span class="tips">作品：</span> <span class="items2">征集中</span></div>
+          <div class="line"><span class="tips">时间：</span> <span class="items2">{{item.reviewTimeTip}}</span></div>
+          <div class="line"><span class="tips">主办：</span> <span class="items2">{{item.organizer}}</span></div>
+          <div class="line"><span class="tips">作品：</span> <span class="items2">{{item.reviewTimeTip}}</span></div>
 
         </div>
         <div class="right">
           <p class="time-count">距离报名开始还有<span class="count-down"> 0天 0小时 0分</span></p>
-          <Button type="primary" size="large">查看详情</Button>
+          <Button type="primary" size="large" @click="goDetails">查看详情</Button>
         </div>
       </div>
     </div>
 
-    <div class="activity-item">
-      <div class="activity-banner">
-        <img src="http://ttkt.sxedu.org:70/upload/activity/banner/40/40.jpg?_=1557231709373" />
-      </div>
-      <div class="activity-brief">
-        <div class="left">
-          <div class="line">
-            <span class="tips">活动：</span>
-            <span title="2019年柯桥区天天智慧课堂 5月份 优课评比" class="items">2019年柯桥区天天智慧课堂 5月份 优课评比</span>
-            <span class="status" style="background: rgb(19, 206, 102);">筹备阶段</span>
-          </div>
-          <div class="line"><span class="tips">时间：</span> <span class="items2">2019.05.01-06.08</span></div>
-          <div class="line"><span class="tips">主办：</span> <span class="items2">柯桥区教师发展中心</span></div>
-          <div class="line"><span class="tips">作品：</span> <span class="items2">征集中</span></div>
-
-        </div>
-        <div class="right">
-          <p class="time-count">距离报名开始还有<span class="count-down"> 0天 0小时 0分</span></p>
-          <Button type="primary" size="large">查看详情</Button>
-        </div>
-      </div>
-    </div>
   </div>
 </template>
 <script>
-
+    import acList from '@/static/reviewAcList.json'
   export default {
     components: {
     },
     data() {
       return {
-        activeIndex: 0,
-        typeName:"",
-        newColumns: [
-          {
-            title: '标题',
-            key: 'title'
-          },
-          {
-            title: '日期',
-            key: 'startTime'
-          }
-        ],
-        noticeList: []
+        reviewAcList: []
       }
     },
 
     created() {
-
+      this.reviewAcList = acList.data.list;
     },
     methods: {
       getList(type) {
@@ -108,6 +53,10 @@
         this.activeIndex = index;
         this.typeName = name;
         this.getList(typeId);
+      },
+
+      goDetails() {
+        this.$router.push('/activityDetails')
       }
 
 

TEAMModelOS.SmartClass/ClientApp/view/smart-class/RewardDetails.vue

@@ -0,0 +1,381 @@
+<template>
+  <div id="app">
+    <div class="details-container">
+        <div class="activity-brief center-row">
+          <div class="activity-brief-left">
+            <img src="http://ttkt.sxedu.org:70/upload/activity/cover/40/40.jpg?_=1557306525954"/>
+          </div>
+          <div class="activity-brief-right">
+            <div class="activity-brief-title">
+              <span>2019年柯桥区天天智慧课堂 5月份 优课评比 </span>
+              <span class="status" style="background: rgb(182, 182, 182);">活动结束</span>
+            </div>
+            <div class="activity-brief-info center-row">
+              <div class="brief-info-left">
+                <div class="items"><p class="item">2019.05.01-06.08</p> <span class="tips">活动时间</span></div>
+                <div class="items"><p class="item">20</p> <span class="tips">数量</span></div>
+              </div>
+              <div class="brief-info-left">
+                <div class="items"><p class="item">柯桥区教师发展中心</p> <span class="tips">主办方</span></div>
+              </div>
+
+            </div>
+          </div>
+        </div>
+        <div class="activity-details center-row">
+          <div class="details-left center-col">
+            <div class="title-tip">
+              <p class="title">奖项设置<span>FORMAT</span></p>
+              <div class="award" v-for="(item,index) in rewardSettings" :key="index">
+                <p class="award-name">{{item.name}}</p>
+                <p class="award-tip">{{item.ratioTip}}</p>
+              </div>
+            </div>
+            <div class="review-attachment">
+            <p class="title">活动附件<span>ATTACHMENT</span></p>
+            <div class="content">
+              <div class="attach attachicon-2" v-for="(item,index) in attachmentsList" :key="index">
+                <a :href="item.fileNameUri" :download="item.fileName" :title="item.fileName">{{item.fileName}}</a>
+                <span style="float: right; font-size: 13px;">&nbsp;{{item.fileSizeTip}}</span>
+              </div>
+          </div>
+          </div>
+          </div>
+          <div class="details-right center-col">
+            <div class="review-awards" style="margin-top:0">
+              <Tabs value="获奖作品" @on-click="tabClick">
+                <TabPane label="获奖作品" name="获奖作品"></TabPane>
+                <TabPane label="月冠军" name="月冠军"></TabPane>
+                <TabPane label="月亚军" name="月亚军"></TabPane>
+                <TabPane label="月季军" name="月季军"></TabPane>
+                <TabPane label="优课" name="优课"></TabPane>
+              </Tabs>
+              <Table :columns="columns1" :data="rewardDatas"></Table>
+            </div>
+              <div class="description title-tip">
+                <p class="title">
+                  活动介绍
+                  <span>INTRODUCE</span>
+                </p>
+                <div class="content" style="overflow: hidden;" v-html="activityInfo.description">
+                </div>
+              </div>
+              <div class="guide title-tip">
+                <p class="title">
+                  参赛指南
+                  <span>GUIDE</span>
+                </p>
+                <div class="content" v-html="activityInfo.guide"></div>
+              </div>
+              <div class="faq title-tip">
+                <p class="title">
+                  常见问题
+                  <span>FAQ</span>
+                </p>
+                <div class="content" v-html="activityInfo.faq"></div>
+            </div>
+          </div>
+        </div>
+    </div>
+  </div>
+</template>
+<script>
+    import attachmentsList from '@/static/attachmentsList.json'
+    import activityInfo from '@/static/activityDetails.json'
+    import rewardList from '@/static/rewardList.json'
+  export default {
+    components: {
+    },
+    data() {
+      return {
+        reviewAcList: [],
+        attachmentsList: [],
+        rewardSettings:[
+            {
+                "activityId":16,
+                "activityName":"2018年柯桥区天天智慧课堂 12月份 优课评比",
+                "applyCount":20,
+                "id":46,
+                "name":"月冠军",
+                "ratio":1,
+                "ratioTip":"5.00%/1人",
+                "sortNumber":1,
+                "type":2
+            },
+            {
+                "activityId":16,
+                "activityName":"2018年柯桥区天天智慧课堂 12月份 优课评比",
+                "applyCount":20,
+                "id":47,
+                "name":"月亚军",
+                "ratio":1,
+                "ratioTip":"5.00%/1人",
+                "sortNumber":2,
+                "type":2
+            },
+            {
+                "activityId":16,
+                "activityName":"2018年柯桥区天天智慧课堂 12月份 优课评比",
+                "applyCount":20,
+                "id":48,
+                "name":"月季军",
+                "ratio":1,
+                "ratioTip":"5.00%/1人",
+                "sortNumber":3,
+                "type":2
+            },
+            {
+                "activityId":16,
+                "activityName":"2018年柯桥区天天智慧课堂 12月份 优课评比",
+                "applyCount":20,
+                "id":49,
+                "name":"优课",
+                "ratio":7,
+                "ratioTip":"35.00%/7人",
+                "sortNumber":4,
+                "type":2
+            }
+        ],
+        activityInfo: {},
+        columns1: [
+            {
+                title: '作品名称',
+                key: 'applyName'
+            },
+            {
+                title: '作者',
+                key: 'employeeName'
+            },
+            {
+                title: '学校',
+                key: 'employeeSchoolName'
+            },
+            {
+                title: '年级',
+                key: 'gradeName'
+           },
+            {
+                title: '学科',
+                key: 'categoryName'
+           },
+           {
+                title: '奖项',
+                key: 'activityAwardName'
+            }
+        ],
+        rewardDatas: []
+      }
+    },
+
+    created() {
+      this.attachmentsList = attachmentsList.data.list;
+      this.activityInfo = activityInfo.data;
+      this.rewardDatas = rewardList.data.list;
+    },
+    methods: {
+      tabClick(name) {
+        this.rewardDatas = name == "获奖作品" ? rewardList.data.list : rewardList.data.list.filter(item => item.activityAwardName == name);
+      }
+    },
+    mounted() {
+    }
+  }
+</script>
+<style scoped>
+  html, body, #app {
+    height: 100% !important;
+    user-select: none;
+  }
+
+  .main-content {
+    background: rgb(248,248,248) !important;
+  }
+
+  .center-row {
+    display:flex;
+    flex-direction:row;
+  }
+
+  .center-col {
+    display:flex;
+    flex-direction:column;
+  }
+
+  .banner {
+    width:100%;
+    margin-top:80px;
+  }
+
+    .banner img {
+        width: 100%;
+        min-width: 1280px;
+    }
+
+  .details-container {
+    position:relative;
+    width: 1200px;
+    margin: 120px auto;
+    z-index:999;
+    display: flex;
+    flex-direction: column;
+  }
+
+    .details-container .activity-brief {
+      width:100%;
+      background:#fff;
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px;
+    }
+    .details-container .activity-brief .activity-brief-left {
+      width:30%;
+      height:100%;
+      padding:20px;
+     }
+
+    .details-container .activity-brief .activity-brief-right {
+      width:70%;
+      height:100%;
+      padding:20px;
+     }
+
+    .details-container .activity-brief-title {
+      font-size:26px;
+      font-weight:bolder;
+      color:#333;
+      padding:5px 20px;
+      margin-left:10px;
+      border-bottom:1px solid #f6f6f6;
+    }
+
+    .details-container .activity-brief-title .status {
+      display: inline-block;
+      margin-left: 10px;
+      font-size: 14px;
+      color: #fff;
+      padding: 1px 6px;
+      vertical-align: top;
+      margin-top: 6px;
+      background-color: #53c766;
+      border-radius: 3px;
+    }
+    .details-container .activity-brief-title .ivu-btn {
+      width:120px;
+      height:38px;
+      margin-left:20px;
+      margin-bottom:10px;
+    }
+
+    .details-container .brief-info-left {
+      width:50%;
+    }
+
+      .details-container .brief-info-left .items {
+        margin:30px;
+      }
+
+      .details-container .brief-info-left .items .item {
+        font-size:20px;
+        color:#666;
+      }
+      .details-container .brief-info-left .items .item2 {
+        font-size:20px;
+        color:#ffa853;
+      }
+      .details-container .brief-info-left .items .tips {
+        font-size:14px;
+        color:#bbb;
+      }
+
+    .details-container .activity-details {
+      width:100%;
+      margin-top:20px;
+    }
+
+      .details-container .activity-details .details-left {
+        width:30%;
+        height:100%;
+      }
+
+      .details-container .activity-details .details-right {
+        width:70%;
+        height:100%;
+        margin-left:20px;
+      }
+
+      .details-container .activity-details .details-right .title-tip {
+        margin-top:20px;
+      }
+
+    .details-container .title-tip{
+        padding: 20px;
+        background: #fff;
+    }
+    .details-container  .review-attachment{
+        padding: 20px;
+        margin-top: 20px;
+        background: #fff;
+    }
+
+    .details-container  .title {
+        color: #33aafe;
+        font-size: 16px;
+        padding-bottom: 15px;
+        border-bottom: 1px solid #f6f6f6;
+    }
+    .details-container  .title span {
+        color: #ccc;
+        font-size: 14px;
+        margin-left: 8px;
+    }
+    .details-container  .title-tip .content {
+        color: #999;
+        font-size: 14px;
+        margin-top: 15px;
+    }
+
+    .details-container .details-left .review-attachment .attach {
+        height: 40px;
+        line-height: 40px;
+        padding-left: 40px;
+        margin-bottom: 14px;
+        margin-top:10px;
+    }
+    .details-container .details-left .review-attachment .attach a {
+        display: inline-block;
+        text-decoration: none;
+        font-size: 13px;
+        color: #555;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 160px;
+        text-decoration: underline;
+    }
+    .details-container .details-left .review-attachment .attachicon-2 {
+        background:url("http://hystkj-oss.oss-cn-shenzhen.aliyuncs.com/icon.png") no-repeat;
+    }
+
+    .details-container .review-awards {
+      background:#fff;
+      padding:20px;
+    }
+
+    .details-container .review-awards /deep/ .ivu-tabs {
+      font-weight:bold;
+    }
+
+    .details-container .details-left .award {
+      margin:15px;
+      letter-spacing:1px;
+    }
+
+    .details-container .details-left .award-name {
+      font-size:16px;
+      color:#666;
+      font-weight:bolder;
+      margin-bottom:5px;
+    }
+
+
+
+</style>

TEAMModelOS.SmartClass/ClientApp/view/smart-class/index.vue

@@ -8,7 +8,7 @@
       <div class="header-line">
         <h3>通知公告</h3>
         <span>NOTICE</span>
-        <a href="./notices.html" class="view-more">查看更多</a>
+        <a class="view-more" @click="goNotice">查看更多</a>
       </div>
 
       <div class="notices-box">
@@ -16,15 +16,11 @@
           <div class="lastest-mark">
             TOP
           </div>
-          <p class="lastest-title">2019年柯桥区天天智慧课堂5月份排课安排表</p>
-          <p class="lastest-date">2019-04-28</p>
+          <p class="lastest-title" @click="handleNoticeClick()">{{noticeList[0].title}}</p>
+          <p class="lastest-date">{{noticeList[0].startTimeTip}}</p>
         </div>
         <ul class="notice-list">
-          <li><span class="title">柯桥区教师在2019年全国中小学互动课堂课例比赛中再创佳绩</span><span class="date">2019-04-22</span></li>
-          <li><span class="title">关于公布2019年柯桥区天天智慧课堂3月份优课评比结果的通知</span><span class="date">2019-04-18</span></li>
-          <li><span class="title">2019年柯桥区智慧课堂第二次研讨活动在实验中学举行</span><span class="date">2019-04-16</span></li>
-          <li><span class="title">关于开展2019年柯桥区智慧课堂第二次研讨活动的通知</span><span class="date">2019-04-11</span></li>
-          <li><span class="title">2019年柯桥区天天智慧课堂4月份排课安排表</span><span class="date">2019-04-01</span></li>
+          <li v-for="(item,index) in noticeList" @click="handleNoticeClick()"><span class="title">{{item.title}}</span><span class="date">{{item.startTimeTip}}</span></li>
         </ul>
       </div>
     </div>
@@ -33,58 +29,25 @@
       <div class="container">
         <div class="header-line">
           <h3>评审活动</h3> <span>ACTIVITY</span> <div class="more">
-            <a href="./activity.html" class="view-more">查看更多</a> <span class="count">
+            <a class="view-more" @click="goActivity">查看更多</a> <span class="count">
               <b style="color: rgb(83, 199, 102);">2</b>个活动进行中
             </span>
           </div>
-        </div> <div class="activities">
-          <div class="activity">
-            <div>
-              <div class="img-box"><span class="state" style="background: rgb(19, 206, 102); visibility: visible;">筹备阶段</span> <img src="http://ttkt.sxedu.org:70/upload/activity/cover/40/40.jpg?_=1557199674221" alt=""></div> <div class="infos">
-                <p></p><p class="actName">2019年柯桥区天天智慧课堂 5月份 优课评比</p> <p></p> <p class="actOrganizer">
-                  <span class="organizer">
-                    柯桥区教师发展中心
-                  </span>
-                   <span>主办</span>
-                </p>
-              </div>
-            </div>
-          </div>
-        <div class="activity">
-            <div>
-              <div class="img-box">
-                  <span class="state" style="background: rgb(19, 206, 102); visibility: visible;">筹备阶段</span>
-                  <img src="http://ttkt.sxedu.org:70/upload/activity/cover/39/39.jpg?_=1557199674222" alt="">
-              </div>
-               <div class="infos">
-                  <p></p>
-                  <p class="actName">2019年柯桥区天天智慧课堂 4月份 优课评比</p>
-                  <p></p>
-                  <p class="actOrganizer">
-                    <span class="organizer">柯桥区教师发展中心</span>
+        </div>
+        <div class="activities">
+            <div class="activity" v-for="(item,index) in activityList" @click="handleActivityClick()">
+              <div>
+                <div class="img-box"><span class="state" style="background: rgb(19, 206, 102); visibility: visible;">{{item.statusTip}}</span> <img src="http://ttkt.sxedu.org:70/upload/activity/cover/40/40.jpg?_=1557199674221" alt=""></div> <div class="infos">
+                  <p></p><p class="actName">{{item.name}}</p> <p></p> <p class="actOrganizer">
+                    <span class="organizer">
+                      {{item.organizer}}
+                    </span>
                     <span>主办</span>
                   </p>
-               </div>
-            </div>
-          </div>
-        <div class="activity">
-            <div>
-              <div class="img-box">
-                  <span class="state" style="background: rgb(19, 206, 102); visibility: visible;">筹备阶段</span>
-                  <img src="http://ttkt.sxedu.org:70/upload/activity/cover/39/39.jpg?_=1557199674222" alt="">
+                </div>
               </div>
-               <div class="infos">
-                  <p></p>
-                  <p class="actName">2019年柯桥区天天智慧课堂 4月份 优课评比</p>
-                  <p></p>
-                  <p class="actOrganizer">
-                    <span class="organizer">柯桥区教师发展中心</span>
-                    <span>主办</span>
-                  </p>
-               </div>
             </div>
-          </div>
-        </div>
+</div>
       </div>
     </div>
 
@@ -99,53 +62,18 @@
           </div>
         </div>
         <div class="activities">
-          <div class="activity">
+          <div class="activity" v-for="(item,index) in activityList" @click="handleActivityClick()">
             <div>
-              <div class="img-box"><span class="state" style="background: rgb(19, 206, 102); visibility: visible;">筹备阶段</span> <img src="http://ttkt.sxedu.org:70/upload/activity/cover/40/40.jpg?_=1557199674221" alt=""></div> <div class="infos">
-                <p></p><p class="actName">2019年柯桥区天天智慧课堂 5月份 优课评比</p> <p></p> <p class="actOrganizer">
+              <div class="img-box"><span class="state" style="background: rgb(19, 206, 102); visibility: visible;">{{item.statusTip}}</span> <img src="http://ttkt.sxedu.org:70/upload/activity/cover/40/40.jpg?_=1557199674221" alt=""></div> <div class="infos">
+                <p></p><p class="actName">{{item.name}}</p> <p></p> <p class="actOrganizer">
                   <span class="organizer">
-                    柯桥区教师发展中心
+                    {{item.organizer}}
                   </span>
                    <span>主办</span>
                 </p>
               </div>
             </div>
           </div>
-        <div class="activity">
-            <div>
-              <div class="img-box">
-                  <span class="state" style="background: rgb(19, 206, 102); visibility: visible;">筹备阶段</span>
-                  <img src="http://ttkt.sxedu.org:70/upload/activity/cover/39/39.jpg?_=1557199674222" alt="">
-              </div>
-               <div class="infos">
-                  <p></p>
-                  <p class="actName">2019年柯桥区天天智慧课堂 4月份 优课评比</p>
-                  <p></p>
-                  <p class="actOrganizer">
-                    <span class="organizer">柯桥区教师发展中心</span>
-                    <span>主办</span>
-                  </p>
-               </div>
-            </div>
-          </div>
-
-          <div class="activity">
-            <div>
-              <div class="img-box">
-                  <span class="state" style="background: rgb(19, 206, 102); visibility: visible;">筹备阶段</span>
-                  <img src="http://ttkt.sxedu.org:70/upload/activity/cover/39/39.jpg?_=1557199674222" alt="">
-              </div>
-               <div class="infos">
-                  <p></p>
-                  <p class="actName">2019年柯桥区天天智慧课堂 4月份 优课评比</p>
-                  <p></p>
-                  <p class="actOrganizer">
-                    <span class="organizer">柯桥区教师发展中心</span>
-                    <span>主办</span>
-                  </p>
-               </div>
-            </div>
-          </div>
         </div>
       </div>
     </div>
@@ -154,17 +82,39 @@
 </template>
 <script>
   import headers from '@/components/smart-class/headers'
+  import indexNoticeList from '@/static/indexNoticeList.json'
+  import indexActivityList from '@/static/reviewAcList.json'
   export default {
     components: {
       headers
     },
     data() {
       return {
+        noticeList: [],
+        activityList:[]
       }
     },
+    created() {
+      this.noticeList = indexNoticeList.list;
+      this.activityList = indexActivityList.data.list;
+    },
     methods: {
-
-
+      handleNoticeClick() {
+        this.$router.push('/noticeDetails');
+        this.$eventBus.$emit("activeIndex", 1);
+      },
+      handleActivityClick() {
+        this.$router.push('/activityDetails');
+        this.$eventBus.$emit("activeIndex", 2);
+      },
+      goNotice() {
+        this.$router.push('/notice');
+        this.$eventBus.$emit("activeIndex", 1);
+      },
+      goActivity() {
+        this.$router.push('/reviewActivity');
+        this.$eventBus.$emit("activeIndex", 2);
+      }
 
     },
     mounted() {

TEAMModelOS.SmartClass/ClientApp/view/smart-class/notice.vue

@@ -18,10 +18,11 @@
     </div>
     <div class="right-box center-col">
       <p class="title">{{typeName}}</p>
-      <Table :columns="newColumns" :data="noticeList"></Table>
-      <Page :total="50" show-elevator show-total/>
+      <Table :columns="newColumns" :data="noticeList" @on-row-click="rowClick" no-data-text="暂无数据"></Table>
+      <Page :total="50" show-elevator show-total />
     </div>
   </div>
+
 </template>
 <script>
 
@@ -63,6 +64,15 @@
         this.activeIndex = index;
         this.typeName = name;
         this.getList(typeId);
+      },
+
+      rowClick(data) {
+        this.$router.push({
+          path:'/noticeDetails',
+          query:{
+            id:data.id
+          }
+        });
       }
 
 

TEAMModelOS.SmartClass/TEAMModelOS.SmartClass.csproj

@@ -19,6 +19,7 @@
   <ItemGroup>
     <!-- Files not to show in IDE -->
     <None Remove="ClientApp\utils\.editorconfig" />
+    <None Remove="ClientApp\utils\bus.js" />
     <None Remove="ClientApp\view\syllabus\login.vue" />
     <None Remove="yarn.lock" />
 

TEAMModelOS.SmartClass/package.json

@@ -26,6 +26,7 @@
     "jwt-decode": "^2.2.0",
     "less": "^3.9.0",
     "vue": "^2.6.9",
+    "vue-fullcalendar": "^1.0.9",
     "vue-infinite-loading": "^2.4.3",
     "vue-router": "^3.0.2",
     "vue-scroll": "^2.1.9",

TEAMModelOS.SmartTeach/ClientApp/common/headers.vue

@@ -28,20 +28,20 @@
     } 
   }
 </script>
-<style>
+<style scoped>
   .header_box {
-    padding: 0.5% 8% 0.5% 8%;
-    width: 100%;
+    width: 1200px;
     height: 85px;
     background-color:#fff;
+    margin:0 auto;
   }
   .header_left {
-    width: 70%;
+    width: 800px;
     float: left;
     height: 75px;
   }
   .header_right {
-    width: 30%;
+    width: 400px;;
     float: left;
     height: 75px;
   }
@@ -71,6 +71,7 @@
     width:30%;
     display:block;
     float:left;
+    margin-left:40%;
   }
     .login_btn button {
       width: 85px;
@@ -85,7 +86,7 @@
       font-size:18px;
     }
   .helper {
-    width: 45%;
+    width: 30%;
     display: block;
     float: left;
     padding-top:22px;

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

@@ -0,0 +1,171 @@
+<template>
+  <div class="activitycommon_box">
+    <div class="banner_img"><img src="../../assets/image/resource/activity_banner.png" /></div>
+    <div class="nav_list_box">
+      <div class="nav_list">
+        <ul class="activity_navlist">
+          <li class="nav_name" v-for="item in navname"><a href="" style="color:#fff">{{item.title}}</a></li>
+        </ul>
+        <div class="join">
+          <img src="../../assets/image/resource/btn_join.png" />
+        </div>
+      </div>
+    </div>
+    <div class="information_box">
+      <ul class="information_list">
+        <li class="information">
+          <div class="information_list_data">
+            <Icon type="md-paper" size="28" class="information_icon" /><div class="information_title">已有作品</div><div class="information_num"><DigitRoll :rollDigits="digits1" /></div>
+          </div>
+        </li>
+        <li class="informatio_two">
+          <div class="information_list_data">
+            <Icon type="md-contacts" size="28" class="information_icon" /><div class="information_title">参与人数</div><div class="information_num"><DigitRoll :rollDigits="digits2" /></div>
+          </div>
+        </li>
+        <li class="informatio_three">
+          <div class="information_list_data">
+            <Icon type="md-desktop" size="28" class="information_icon" /><div class="information_title">访问人数</div><div class="information_num"><DigitRoll :rollDigits="digits3" /></div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+  import DigitRoll from '@huoyu/vue-digitroll';
+  export default {
+    components: { DigitRoll },
+    data() {
+      return {
+        digits1:11053,
+        digits2:9835,
+        digits3:23156,
+        navname: [
+          { "id": 1, "title": '活动首页', "url": '', },
+          { "id": 2, "title": '活动指南', "url": '', },
+          { "id": 3, "title": '作品展示', "url": '', },
+          { "id": 4, "title": '活动排行', "url": '', },
+          { "id": 5, "title": '活动奖项', "url": '', },
+          { "id": 6, "title": '课题证书', "url": '', }
+        ],
+      }
+    }
+  }
+</script>
+<style>
+  .d-roll-item > .d-roll-bar > div {
+    line-height: 0.95 !important;
+  }
+</style>
+<style scoped>
+  .activitycommon_box {
+    width:100%;
+    height:auto;
+  }
+  .banner_img {
+    width: 100%;
+    height:330px;
+  }
+    .banner_img img {
+      width:100%;
+    }
+    .nav_list_box {
+      width: 100%;
+      height: 54px;
+      padding: 0px 2px 2px 2px;
+      background: #309aeb;
+    }
+  .nav_list {
+    width:1200px;
+    height:54px;
+    margin:0 auto;
+  }
+  .activity_navlist {
+    width:80%;
+    height:54px;
+    float:left;
+  }
+  .nav_name {
+    width: 10%;
+    height: 54px;
+    line-height:54px;
+    color:#fff;
+    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;
+    }
+  .information_box {
+    width:1200px;
+    height:90px;
+    margin:0 auto;
+  }
+  .information_list {
+    width:100%;
+    height:90px;
+    list-style:none;
+  }
+  .information {
+    width: 25%;
+    height: 70px;
+    line-height: 70px;
+    margin: 8px;
+    float: left;
+    background-color: #f0f8fe;
+    margin-left:2%;
+  }
+  .informatio_two {
+    width: 25%;
+    height: 70px;
+    line-height: 70px;
+    margin: 8px;
+    float: left;
+    background-color: #f7f3fe;
+    margin-left:8%;
+  }
+  .informatio_three {
+    width: 25%;
+    height: 70px;
+    line-height: 70px;
+    margin: 8px;
+    float: left;
+    background-color: #edfcfd;
+    margin-left: 10%;
+  }
+  .information_list_data {
+    float: left;
+    width: 100%;
+    height: 70px;
+    line-height: 70px;
+  }
+  .information_title, .information_icon {
+    float: left;
+  }
+  .information_icon {
+    margin-top:20px;
+    margin-left:30px;
+  }
+  .information_title {
+    font-size:16px;
+    color:#555;
+    padding-left:15px;
+    padding-right:20px;
+  }
+  .information_num {
+    font-size: 32px;
+    color: #248dde;
+    height:70px;
+  }
+</style>

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

@@ -0,0 +1,960 @@
+<template>
+  <div class="index_box">
+    <div class="index_top">
+      <div class="index_top_left">
+        <Carousel autoplay v-model="value2" loop>
+          <CarouselItem>
+            <div class="demo-carousel"><img src="../../assets/image/resource/activity_banner_01.jpg" /></div>
+          </CarouselItem>
+          <CarouselItem>
+            <div class="demo-carousel"><img src="../../assets/image/resource/activity_banner_02.png" /></div>
+          </CarouselItem>
+        </Carousel>
+        <span class="tit">
+          <em class="bg"></em>
+          <p>2018年创新杯首届全国信息化教学创新大赛正式启动</p>
+        </span>
+      </div>
+      <div class="index_top_right">
+        <div class="index_top_title"><div class="right_title">活动报道</div></div>
+        <ul class="index_top_list">
+          <li class="index_top_data" v-for="item in listdata"><a href="" style="color:#555"><div class="index_top_data_title"><Icon type="ios-ribbon" size="24" />{{item.title}}</div><div class="index_top_data_time">{{item.time}}</div></a></li>
+        </ul>
+      </div>
+      <div class="activity_img"><img src="../../assets/image/resource/flow_img.png" /></div>
+      <div class="production_box">
+        <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>
+            <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>
+            <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>
+            <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>
+          </li>
+        </ul>
+      </div>
+      <div class="production_center_img"><img src="../../assets/image/resource/activity_centerimg.png" /></div>
+      <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>
+            <span class="title-text">活动达人</span>
+          </div>
+          <ul class="joiner clearfix">
+            <li>
+              <a target="_blank" href="">
+                <img src="../../assets/image/resource/touxiang_01.jpeg">
+                <p class="t_c f14 c222 mgt5">郭一凡老师</p>
+                <p class="t_c f12 c888">语文</p>
+                <p class="t_c f14" title="">成都树德中学</p>
+              </a>
+            </li>
+            <li>
+              <a target="_blank" 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>
+              </a>
+            </li>
+            <li>
+              <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>
+                <p class="t_c f14" title="">成都四中</p>
+              </a>
+            </li>
+            <li>
+              <a target="_blank" href="">
+                <img src="../../assets/image/resource/touxiang_03.jpg">
+                <p class="t_c f14 c222 mgt5">王晓君老师</p>
+                <p class="t_c f12 c888">语文</p>
+                <p class="t_c f14" title="">成都石室中学</p>
+              </a>
+            </li>
+            <li>
+              <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>
+                <p class="t_c f14" title="">成都外国语小学</p>
+              </a>
+            </li>
+            <li>
+              <a target="_blank" href="">
+                <img src="../../assets/image/resource/touxiang_04.jpg">
+                <p class="t_c f14 c222 mgt5">陈彬</p>
+                <p class="t_c f12 c888">英语</p>
+                <p class="t_c f14" title="">杭州经济技术...</p>
+              </a>
+            </li>
+            <li>
+              <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>
+                <p class="t_c f14" title="">成都树德中学</p>
+              </a>
+            </li>
+            <li>
+              <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>
+                <p class="t_c f14" title="">成都师范附小</p>
+              </a>
+            </li>
+            <li>
+              <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>
+                <p class="t_c f14" title="">成都树德中学</p>
+              </a>
+            </li>
+            <li>
+              <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>
+                <p class="t_c f14" title="">成都树德中学</p>
+              </a>
+            </li>
+            <li>
+              <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>
+                <p class="t_c f14" title="">广安市第一中学</p>
+              </a>
+            </li>
+            <li>
+              <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>
+                <p class="t_c f14" title="">成都盐道街中学</p>
+              </a>
+            </li>
+          </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 class="activityrank">
+        <div class="activityrangk_header"><div class="activity_title">学科排行</div><div class="activity_more"><a href="">更多</a></div></div>
+        <div class="activity_select">
+          <Tabs value="name1">
+            <TabPane label="语文" name="name1">
+              <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>
+            </TabPane>
+            <TabPane label="数学" name="name2">
+              <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>
+            </TabPane>
+          </Tabs>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        value2: 0,
+        listdata: [
+          { "id": 1, "title": '成都市小学数学“高效课堂”教学研讨活动', "time": '2018-09-16' },
+          { "id": 2, "title": '在看、说、读、演中感悟“博爱”', "time": '2018-09-02' },
+          { "id": 3, "title": '幸福课堂，让学生真正享受语文学习的快乐', "time": '2018-08-20' },
+          { "id": 4, "title": '成都市小学语文阅读教学中信息技术运用研讨', "time": '2018-05-12' },
+          { "id": 5, "title": 'IPAD进课堂，华科附小美术课堂新体验', "time": '2018-02-19' },
+          { "id": 6, "title": '在看、说、读、演中感悟“博爱”', "time": '2018-01-02' },
+          { "id": 7, "title": '幸福课堂，让学生真正享受语文学习的快乐', "time": '2018-01-07' },
+          { "id": 8, "title": '成都市小学语文阅读教学中信息技术运用研讨', "time": '2017-12-25' },
+        ],
+      }
+    },
+  }
+</script>
+<style scoped>
+  .index_box {
+    width:100%;
+    height:auto;
+  }
+  .index_top {
+    width:1200px;
+    height:350px;
+    margin:0 auto;
+    padding-top:20px;
+  }
+  .index_top_left {
+    width:405px;
+    height:288px;
+    float:left;
+    position:relative
+  }
+  .index_top_right{
+    width: 750px;
+    height: 290px;
+    float: left;
+    margin-left:30px;
+  }
+  .tit {
+    position: absolute;
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    font-size: 15px;
+    color: #fff;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    text-align: center;
+  }
+  .bg {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: #000;
+    opacity: .1;
+    filter: alpha(opacity=10);
+    z-index: 0;
+  }
+  .index_top_title {
+    width: 100%;
+    height: 37px;
+    border-bottom: 1px solid #e3e3e3;
+  }
+  .right_title {
+    width:13%;
+    font-size: 24px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+  }
+  .index_top_list {
+    width:100%;
+    height:250px;
+    list-style:none;
+  }
+  .index_top_data {
+    width:100%;
+    padding:1%  3% 3% 0%;
+  }
+  .index_top_data_title {
+    width: 70%;
+    float: left;
+    font-size: 14px;
+  }
+  .index_top_data_time {
+    width:20%;
+    float:right;
+    font-size:12px;
+  }
+  .activity_img {
+    width:1200px;
+    margin-top:7%;
+    float:left;
+  }
+  .production_box {
+    width: 1200px;
+    float: left;
+    margin: 0 auto;
+    margin-top: 5%;
+  }
+  .production_box_title {
+    width: 100%;
+    padding: 1% 1% 0% 1% ;
+    border-bottom: 1px solid #e3e3e3;
+  }
+  .production_box_name {
+    width:8.5%;
+    font-size: 24px;
+    color: #288add;
+    border-bottom:1px solid #288add;
+  }
+  .production_list {
+    width:100%;
+    height:400px;
+    padding: 20px 0;
+  }
+    .production_list li {
+      width: 348px;
+      float: left;
+      margin-right: 75px;
+      border: 1px solid transparent;
+      list-style:none;
+    }
+      .production_list li:hover {
+        border: 1px solid #e3e3e3;
+        box-shadow: 2px 2px 6px #e3e3e3;
+      }
+  .production_list .imgShow {
+    width: 100%;
+    height: 200px;
+    position: relative;
+    display: block;
+    overflow: hidden;
+  }
+      .production_list .imgShow .icon_tianyu_cup.i01 {
+        display: block;
+        position: absolute;
+        background-position: 0 -496px;
+        width: 68px;
+        height: 68px;
+        left: 50%;
+        top: 50%;
+        margin: -34px 0 0 -34px;
+      }
+  .icon_tianyu_cup {
+    display: inline-block;
+    vertical-align: middle;
+    background: url(../../assets/image/resource/activity_icon.png) no-repeat;
+  }
+  .production_list p {
+    margin: 10px;
+  }
+  .production_list .videoName i {
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+    background: #50c78d;
+    text-align: center;
+    line-height: 18px;
+    color: #fff;
+    font-size: 12px;
+    margin-left: 10px;
+    border-radius: 50%;
+    vertical-align: middle;
+    font-style: normal;
+  }
+    .production_list .videoName i.c01 {
+      background-color: #d4b36f;
+    }
+  .f14 {
+    font-size: 14px;
+  }
+  .production_list p a {
+    color: #6b8fb8;
+  }
+  .example a {
+    cursor: default;
+    text-decoration: none;
+  }
+  .production_list p a {
+    color: #6b8fb8;
+  }
+  .production_list .videoTag {
+    display: inline-block;
+    padding: 0 6px;
+    border: 1px solid #ec6941;
+    color: #d66868;
+    border-radius: 5px;
+    margin-right: 4px;
+  }
+    .production_list .videoTag.style01 {
+      border-color: #ec6941;
+      color: #d66868;
+    }
+    .production_list .videoTag.style02 {
+      border-color: #3ccb50;
+      color: #53b861;
+    }
+    .production_list .videoTag.style03 {
+      border-color: #e0ad32;
+      color: #e0ad32;
+    }
+    .production_list .videoTag.style04 {
+      border-color: #93c5db;
+      color: #6aaae6;
+    }
+    .production_list .videoTag.style05 {
+      border-color: #778bec;
+      color: #fff;
+      background: #778bec;
+    }
+    .last {
+      margin-right:0px !important;
+    }
+  .production_center_img {
+    width:1200px;
+    float:left;
+    padding-bottom:40px;
+    margin:0 auto;
+  }
+  .rowWrap {
+    width: 100%;
+  }
+
+  .pdtb30 {
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+  .w1200 {
+    width: 1200px;
+    margin: 0 auto;
+    float:left;
+  }
+  .app-title.py_app-title {
+    height: 41px;
+    border-bottom: 1px solid #e3e3e3;
+    padding-top: 0;
+  }
+  .app-title .title-more {
+    float: right;
+    height: 21px;
+    overflow: hidden;
+    text-indent: 1000px;
+    margin-top: 20px;
+    margin-right: 20px;
+  }
+  .app-title .title-text {
+    display: inline-block;
+    font-size: 24px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+    padding: 0 2px 4px;
+  }
+  .joiner li {
+    float: left;
+    margin: 15px 26px;
+    list-style:none;
+  }
+    .joiner li a {
+      width: 147px;
+      height: 165px;
+      border-radius: 10px;
+      position: relative;
+      display: block;
+      overflow: hidden;
+      border: 1px solid #f0f0f0;
+      padding: 15px 20px;
+      background: #f0f0f0;
+      color: #6b8398;
+    }
+      .joiner li a img {
+        width: 60%;
+        height: auto;
+        border-radius: 5px;
+        overflow: hidden;
+        margin-left:20%;
+      }
+  .mgt5 {
+    margin-top: 5px;
+  }
+
+  .t_c {
+    text-align: center;
+  }
+
+  .c222, a.c222 {
+    color: #222;
+  }
+
+  .f14 {
+    font-size: 14px;
+  }
+  .c888, a.c888 {
+    color: #888;
+  }
+  .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/components/resource/exam.vue

@@ -1,16 +1,18 @@
 <template>
   <div class="exam">
-    <div class="exam_box" v-for="item in listdata">
-      <div class="exam_title"><div class="exam_name">{{item.title}}</div><i>{{item.num}}</i></div>
-      <div class="exam_img"><img :src="item.img" /></div>
-      <ul class="exam_list">
-        <li class="exam_list_data" v-for="items in item.data">
-          <div class="exam_list_title"><a href="">{{items.title}}</a></div>
-          <div class="look"><Icon type="ios-eye" size="16" />{{items.loocknum}}</div>
-        </li>
-      </ul>
+    <div class="exam_list_box_width">
+      <div class="exam_box" v-for="item in listdata">
+        <div class="exam_title"><div class="exam_name">{{item.title}}</div><i>{{item.num}}</i></div>
+        <div class="exam_img"><img :src="item.img" /></div>
+        <ul class="exam_list">
+          <li class="exam_list_data" v-for="items in item.data">
+            <div class="exam_list_title"><a href="">{{items.title}}</a></div>
+            <div class="look"><Icon type="ios-eye" size="16" />{{items.loocknum}}</div>
+          </li>
+        </ul>
+      </div>
+      <div class="clear"></div>
     </div>
-    <div class="clear"></div>
   </div>
 </template>
 <script>
@@ -53,11 +55,16 @@
     padding: 0% 11% 0% 11%;
     float: left;
     background-color: #f3f3f3;
+    margin:0 auto;
+  }
+  .exam_list_box_width {
+    width: 1200px;
+    margin:0 auto;
   }
   .exam_box {
-    width: 25.3%;
+    width: 30%;
     height: auto;
-    margin: 1%;
+    margin: 1% 0% 1% 4.5%;
     text-align: center;
     float: left;
     border: #ececec solid 1px;
@@ -68,12 +75,6 @@
     .exam_box:nth-child(1) {
       margin: 1% 1% 1% 0%;
     }
-    .exam_box:nth-child(2) {
-      margin: 1% 1% 1% 6%;
-    }
-    .exam_box:nth-child(3) {
-      margin: 1% 1% 1% 6%;
-    }
 
   .exam_title {
     width: 100%;
@@ -104,15 +105,17 @@
     margin-top: 10px;
     float: left;
   }
-
-  .exam_list {
-    width: 100%;
-    height: auto;
-    padding: 1%;
-    list-style: none;
-    float: left;
-    text-align: left;
-  }
+    .exam_img img {
+      width:90%;
+    }
+    .exam_list {
+      width: 100%;
+      height: auto;
+      padding: 1%;
+      list-style: none;
+      float: left;
+      text-align: left;
+    }
 
   .exam_list_data {
     width: 100%;
@@ -121,6 +124,7 @@
 
   .exam_list_title {
     float: left;
+    font-size:15px;
   }
 
   .look {
@@ -134,5 +138,6 @@
 
   .clear {
     clear: both
-  } 
+  }
+
 </style>

TEAMModelOS.SmartTeach/ClientApp/components/HeaderPage.vue

@@ -16,27 +16,27 @@
         <div class="who-is">
           <ul class="people-list">
             <li class=" show animated slideInLeft delay-1s">
-              <img src="../assets/image/who01.png">
+              <img src="../../assets/image/resource/who01.png">
               <span>我是管理者</span>
             </li>
             <li class=" show animated slideInLeft ">
-              <img src="../assets/image/who02.png">
+              <img src="../../assets/image/resource/who02.png">
               <span>我是教师</span>
             </li>
             <li class="show animated slideInRight">
-              <img src="../assets/image/who03.png">
+              <img src="../../assets/image/resource/who03.png">
               <span>我是学生</span>
             </li>
             <li class="show animated slideInRight delay-1s">
-              <img src="../assets/image/who04.png">
+              <img src="../../assets/image/resource/who04.png">
               <span>我是家长</span>
             </li>
           </ul>
         </div>
         <div class="center-info">
           <h1>已超过<span>1000</span>所学校开通了我们的服务</h1>
-          <img  src="../assets/image/center01.png" >
-          <img  src="../assets/image/bottom.png" >
+          <img  src="../../assets/image/resource/center01.png" >
+          <img  src="../../assets/image/resource/bottom.png" >
         </div>
      </div>
 </template>
@@ -47,10 +47,10 @@
         homeCarouselImg: [
 
           {
-            images: require('../assets/image/banner02.png')
+            images: require('../../assets/image/resource/banner02.png')
           },
           {
-            images: require('../assets/image/banner01.png')
+            images: require('../../assets/image/resource/banner01.png')
           },
         ]
       };
@@ -66,7 +66,6 @@
 
   .title {
     width: 100%;
-    margin-top: 5%;
   }
 
   .header {

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

@@ -122,7 +122,7 @@
   .list_header {
     width:11%;
     position:absolute;
-    left:210px;
+    left:352px;
     height:400px;
     text-align:center;
   }
@@ -208,7 +208,7 @@
     height:500px;
     /*border:1px solid red;*/
     position:absolute;
-    left:211px;
+    left:209px;
     top:0px;
     background:rgba(85,85,85,.95);
     display:none;

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

@@ -0,0 +1,226 @@
+<template>
+  <div class="recommend">
+    <div class="recommend_box">
+      <div class="recommend_header">
+        <div class="recommend_title">精彩推荐</div>
+        <ul class="recommend_select">
+          <li class="recommend_select_box">
+            <Dropdown trigger="click" style="margin-left: 20px">
+              <a href="javascript:void(0)" style="color:#888;">
+                学段
+                <Icon type="ios-arrow-down"></Icon>
+              </a>
+              <DropdownMenu slot="list">
+                <DropdownItem>不限</DropdownItem>
+                <DropdownItem>小学</DropdownItem>
+                <DropdownItem>初中</DropdownItem>
+                <DropdownItem>高中</DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+          </li>
+          <li class="recommend_select_box">
+            <Dropdown trigger="click" style="margin-left: 20px">
+              <a href="javascript:void(0)" style="color:#888;">
+                学科
+                <Icon type="ios-arrow-down"></Icon>
+              </a>
+              <DropdownMenu slot="list">
+                <DropdownItem>不限</DropdownItem>
+                <DropdownItem>语文</DropdownItem>
+                <DropdownItem>数学</DropdownItem>
+                <DropdownItem>英语</DropdownItem>
+                <DropdownItem>历史</DropdownItem>
+                <DropdownItem>政治</DropdownItem>
+                <DropdownItem>地理</DropdownItem>
+                <DropdownItem>物理</DropdownItem>
+                <DropdownItem>化学</DropdownItem>
+                <DropdownItem>生物</DropdownItem>
+                <DropdownItem>信息技术</DropdownItem>
+                <DropdownItem>汉语</DropdownItem>
+
+              </DropdownMenu>
+            </Dropdown>
+          </li>
+          <li class="recommend_select_box">
+            <Dropdown trigger="click" style="margin-left: 20px">
+              <a href="javascript:void(0)" style="color:#888;">
+                类型
+                <Icon type="ios-arrow-down"></Icon>
+              </a>
+              <DropdownMenu slot="list">
+                <DropdownItem>不限</DropdownItem>
+                <DropdownItem>教案</DropdownItem>
+                <DropdownItem>课件</DropdownItem>
+                <DropdownItem>试卷</DropdownItem>
+                <DropdownItem>习题</DropdownItem>
+                <DropdownItem>素材</DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+          </li>
+        </ul>
+      </div>
+      <div class="left_box">
+        <p class="left_title">最新资源</p>
+        <ul class="recommend_left">
+          <li class="recommend_list" v-for="items in news">
+            <a href="" style="color:#555;">
+              <div class="recommend_list_title"><Icon :type="items.icon" size="16" />{{items.title}}.{{items.type}}</div><div class="recommend_list_time">{{items.time}}</div>
+            </a>
+          </li>
+        </ul>
+      </div>
+      <div class="left_box">
+        <p class="left_title">最热资源</p>
+        <ul class="recommend_left">
+          <li class="recommend_list" v-for="item in hot">
+            <a href="" style="color:#555;">
+              <div class="recommend_list_title"><Icon :type="item.icon" size="16" :class="item.iconclass" />{{item.title}}</div><div class="recommend_list_time"><Icon type="ios-eye" size="18" />{{item.looknum}}</div>
+            </a>
+           </li>
+        </ul>
+      </div>
+    </div>
+    <div class="resource_img">
+    <img src="../../assets/image/resource/resource_img.jpg" class="banner_big" />
+    <img src="../../assets//image/resource/sk.png"  class="sk" @click="skbtn"/> 
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        news: [
+          { "id": 1, "title": '衣服上的水跑到哪去', "type": 'mp4', "icon":'ios-videocam',"time": '05-08' },
+          { "id": 2, "title": '人教版-一元二次方程式.', "type": 'ppt', "icon": 'md-bookmarks', "time":'03-25' },
+          { "id": 3, "title": '秋天', "type": 'doc', "icon":'md-copy',"time": '04-12' },
+          { "id": 4, "title": '鸽巢问题', "type": 'docx', "icon": 'md-copy', "time": '02-18' },
+          { "id": 5, "title": '美术设计', "type": 'png', "icon": 'ios-image', "time": '03-08' },
+          { "id": 6, "title": '秋天', "type": 'doc', "icon": 'md-copy', "time": '04-12' },
+          { "id": 7, "title": '鸽巢问题', "type": 'docx', "icon": 'md-copy', "time": '02-18' },
+          { "id": 8, "title": '美术设计', "type": 'png', "icon": 'ios-image', "time": '03-08' },
+          { "id": 9, "title": '衣服上的水跑到哪去', "type": 'mp4', "icon": 'ios-videocam', "time": '05-08' },
+        ],
+        hot: [
+          { "id": 1, "title": '2018年高考文综北京卷.doc', "icon": 'md-trophy', "iconclass": "one", "looknum": '12652', },
+          { "id": 2, "title": '2018年高考理综四川卷.doc', "icon": 'md-trophy', "iconclass": "two", "looknum": '11012', },
+          { "id": 3, "title": '2018年高考文综四川卷.doc', "icon": 'md-trophy', "iconclass": "three", "looknum": '9152', },
+          { "id": 4, "title": '2018年高考理综新课标Ⅰ卷.doc', "icon": 'md-medal', "iconclass": "", "looknum": '8652', },
+          { "id": 5, "title": '湖北省武汉市2018年中考数学模拟题.doc', "icon": 'md-medal', "iconclass": "", "looknum": '6652', },
+          { "id": 6, "title": '湖北省武汉市2018年中考物理模拟题.doc', "icon": 'md-medal', "iconclass": "", "looknum": '6352', },
+          { "id": 7, "title": '2018高考真题语文全国卷Ⅱ解析.doc', "icon": 'md-medal', "iconclass": "", "looknum": '6152', },
+          { "id": 8, "title": '2018年高考文综全国卷Ⅰ.doc', "icon": 'md-medal', "iconclass": "", "looknum": '5652', },
+          { "id": 9, "title": '2016年高考文综北京卷.doc', "icon": 'md-medal', "iconclass": "", "looknum": '4352', },
+        ],
+      }
+    },
+    methods:{
+      skbtn() {
+        
+      }
+    }
+  }
+</script>
+<style scoped>
+  .recommend {
+    width: 100%;
+    padding: 1% 11% 0% 11%;
+    float: left;
+    background-color: #f3f3f3;
+ 
+  }
+  .recommend_box {
+    width: 1200px;
+    height: 370px;
+    background-color: #fff;
+    box-shadow: 2px 2px 10px rgba(15,4,9,0.05);
+    margin:0 auto;
+  }
+  .recommend_header {
+    width: 100%;
+    height:50px;
+    padding: 1.1%;
+    border: #ececec solid 1px;
+  }
+  .recommend_title {
+    float: left;
+    line-height: 19px;
+    border-bottom: #288add solid 1px;
+    padding: 10px 3px 0px 3px;
+    font-size: 24px;
+    font-weight: normal;
+    color: #288add;
+  }
+  .recommend_select {
+    float: right;
+    color: #555;
+    font-size: 14px;
+    list-style:none;
+  }
+  .recommend_select_box {
+    float: left;
+    padding: 0 20px 0 16px;
+    border-right: 1px solid #e3e3e3;
+  }
+    .recommend_select_box:nth-child(3) {
+      border-right: 0;
+    }
+  .ivu-dropdown-menu {
+    max-height:200px;
+    overflow:auto;
+  }
+  .ivu-dropdown-item {
+    font-size:14px !important;
+  }
+  .left_box {
+    float:left;
+    width:50%;
+    /*border:1px solid red;*/
+    height:auto;
+    padding:1%;
+  }
+  .recommend_left {
+    width:100%;
+    padding-top:15px;
+  }
+  .left_title {
+    font-size:20px;
+    color:#222;
+  }
+  .recommend_list {
+    width: 100%;
+    list-style: none;
+    float: left;
+    padding:0.5%;
+  }
+  .recommend_list_title {
+    font-size:14px;
+    float:left
+  }
+  .recommend_list_time {
+    float:right
+  }
+  .one {
+    color:red;
+  }
+  .two {
+    color: #FF9966;
+  }
+  .resource_img {
+    width: 1200px;
+    padding-top: 30px;
+    padding-bottom:30px;
+    position: relative;
+    margin:0 auto;
+
+  }
+  .banner_big {
+    width: 100%;
+  
+  }
+  .sk {
+    position:absolute;
+    bottom:20%;
+    left:40%;
+  }
+</style>

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

@@ -0,0 +1,614 @@
+<template>
+  <div class="content">
+    <div class="map">
+      <div id="myChart" :style="{width: '600px', height: '600px'}"></div>
+    </div>
+    <div class="teacher-show">
+      <div class="header">
+        <h1 class="title ">全国名师展示</h1>
+        <ul class="region">
+          <li><a href="" class="active" rel="all">全部</a></li>
+          <li><a href="" rel="330000" class="">浙江省</a></li>
+          <li><a href="" rel="440000" class="">广东省</a></li>
+          <li><a href="" rel="210000" class="">辽宁省</a></li>
+          <li><a href="" rel="350000" class="">福建省</a></li>
+        </ul>
+      </div>
+      <div class="select">
+        <Select v-model="model1" placeholder="学段" style="width:100px">
+          <Option v-for="item in periodList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+        </Select>
+        <Select v-model="model1" placeholder="学科" style="width:100px">
+          <Option v-for="item in subjectList" :value="item.value" placeholder="学科" :key="item.value">{{ item.label }}</Option>
+        </Select>
+      </div>
+      <div class="content-buttom">
+
+        <div class="teacher-item" style="cursor: pointer" v-for="item in teacherList">
+          <div class="t-title">
+            <span>{{item.provice}}</span>
+            <span>
+              {{item.title}}
+            </span>
+          </div>
+          <div class="img-content">
+            <img src="http://www.wuhaneduyun.cn/uploads/snsPhotos/snscover/2019/0330/262/5c9f1ffb2b06c.png_00494494_200x200.jpg" class="th_pto">
+          </div>
+          <div class="teacher-info">
+            <p class="name">{{item.name}}</p>
+            <div class="subject">
+              <p>{{item.period}}<span></span>{{item.subject}}</p>
+            </div>
+          </div>
+          <div class="teacher-detailed">
+            <div class="item">
+              <p class="number">{{item.number1}}</p>
+              <p class="txt">{{item.text1}}</p>
+            </div>
+            <div class="item">
+              <p class="number">{{item.number2}}</p>
+              <p class="txt">{{item.text2}}</p>
+            </div>
+            <div class="item">
+              <p class="number">{{item.number3}}</p>
+              <p class="txt">{{item.text3}}</p>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+    <div class="data-view">
+      <div class="four">
+        <img src="https://css.huijiaoyun.com/tianyu_edu/html_other_edu/cd_good_school/images/four.png" alt="">
+      </div>
+      <div class="resource-data">
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-teacher"></span>
+          </div>
+          <p class="data-name">名师总数</p>
+          <p class="number">13201</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-member"></span>
+          </div>
+          <p class="data-name">成员总数</p>
+          <p class="number">579260</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-article"></span>
+          </div>
+          <p class="data-name">文章总数</p>
+          <p class="number">1561686</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-active"></span>
+          </div>
+          <p class="data-name">活动总数</p>
+          <p class="number">38792</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-resource"></span>
+          </div>
+          <p class="data-name">资源总数</p>
+          <p class="number">1428690</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-move"></span>
+          </div>
+          <p class="data-name">优课总数</p>
+          <p class="number">234346</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import echarts from 'echarts'
+  import '../../static/china.js' // 引入中国地图数据
+  // import 'echarts/map/js/china.js';
+  export default {
+    data() {
+      return {
+        chart: null,
+        data: [],
+        total: 0,
+        model1:'',
+        periodList: [
+          {
+            value: 1,
+            label: '学前'
+          },
+          {
+            value: 2,
+            label: '小学'
+          },
+          {
+            value: 3,
+            label: '初中'
+          },
+          {
+            value: 4,
+            label: '高中'
+          },
+          {
+            value: 5,
+            label: '中职'
+          },
+        ],
+        subjectList: [
+          {
+            value: 1,
+            label: '语文'
+          },
+          {
+            value: 2,
+            label: '数学'
+          },
+          {
+            value: 3,
+            label: '英语'
+          },
+          {
+            value: 4,
+            label: '生物'
+          },
+          {
+            value:5,
+            label: '化学'
+          },
+        ],
+        teacherList: [
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500'},
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+          { provice: '四川', subject: '语文', title: '省级名师', name: '周一', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
+
+
+        ],
+
+        geoCoordMap: {
+          "四川省": [104.06, 30.67],
+          "陕西省": [108.78, 34.40],
+          "浙江省": [120.04, 30.35],
+          "广东省": [113.23, 23.22],
+          "湖北省": [114.12, 30.76],
+          "宁夏回族自治区": [106.09, 38.62],
+          "河南省": [113.45, 34.90],
+          "黑龙江省": [126.48, 45.99],
+          "甘肃省": [103.67, 36.22],
+          "河北省": [114.34, 38.22],
+          "北京市": [116.40, 39.94],
+          "江苏省": [118.72, 32.24],
+          "辽宁省": [123.24, 41.95],
+          "吉林省": [125.23, 43.90],
+          "安徽省": [117.17, 31.99],
+          "福建省": [119.16, 26.18],
+          "江西省": [115.80, 28.77],
+          "山东省": [116.91, 36.81],
+          "湖南省": [112.80, 28.47],
+          "海南省": [110.18, 19.92],
+          "贵州省": [106.49, 26.84],
+          "云南省": [102.59, 25.25],
+          "青海省": [101.60, 36.75],
+          "西藏自治区": [90.97, 29.84],
+        },
+
+      };
+    },
+    mounted() {
+      this.drawLine();
+    },
+
+    methods: {
+      convertData(data) {
+        var res = [];
+        for (var i = 0; i < 5; i++) {
+          var geoCoord = this.geoCoordMap[[i]];
+          if (geoCoord) {
+            res.push({
+              name: data[i].name,
+              value: geoCoord.concat(data[i].value)
+            });
+          }
+        }
+        return res;
+      },
+      drawLine () {
+        // 基于准备好的dom，初始化echarts实例
+        let myChart = echarts.init(document.getElementById('myChart'))
+        var option = {
+          backgroundColor: '',
+          title: {
+            //text: '全国教师使用情况统计图',
+            left: 'center',
+            top: '8%',
+            textStyle: {
+              color: 'black',
+              fontSize: '22'
+            }
+          },
+          tooltip: {
+            trigger: 'item',
+            formatter: function (params) {
+              return params.name + '<br/>' +
+                params.seriesName + ": " + params.value[2]
+            }
+          },
+          legend: {
+            orient: 'vertical',
+            y: 'bottom',
+            x: 'right',
+            data: ['全国报名情况'],
+            textStyle: {
+              color: 'green'
+            }
+          },
+          geo: {
+            map: 'china',
+            label: {
+              emphasis: {
+                show: false
+              }
+            },
+            roam: false,
+            itemStyle: {
+              normal: {
+                areaColor: 'white',
+                borderColor: '#81ADDC'
+              },
+              emphasis: {
+                areaColor: 'lightgreen'
+              }
+            }
+          },
+          series: [
+            {
+              name: '报名人数',
+              type: 'scatter',
+              coordinateSystem: 'geo',
+              data: this.convertData(this.data),
+              symbolSize: function (val) {
+                return val[2] / 4;
+              },
+              label: {
+                normal: {
+                  formatter: '{b}',
+                  position: 'right',
+                  show: true
+                },
+                emphasis: {
+                  show: true
+                }
+              },
+              itemStyle: {
+                normal: {
+                  color: '#ddb926'
+                }
+              }
+            },
+            {
+              name: '报名人数',
+              type: 'effectScatter',
+              coordinateSystem: 'geo',
+              data: this.convertData(this.data.sort(function (a, b) {
+                return b.value - a.value;
+              }).slice(0, 5)),
+              symbolSize: function (val) {
+                return val[2] / 6;
+              },
+              showEffectOn: 'render',
+              rippleEffect: {
+                brushType: 'fill'
+              },
+              hoverAnimation: true,
+              label: {
+                normal: {
+                  formatter: '{b}',
+                  position: 'right',
+                  show: true
+                }
+              },
+              itemStyle: {
+                normal: {
+                  color: '#f4e925',
+                  shadowBlur: 16,
+                  shadowColor: '#333'
+                }
+              },
+              zlevel: 1
+            }
+          ]
+        }
+        // 绘制图表
+        myChart.setOption(option);
+        
+      }
+    },
+    
+  }
+</script>
+<style scoped>
+  .map {
+    width: 100%;
+    height: 600px;
+    /*margin-left:150px;*/
+    padding-left: 250px;
+    background: url("../../assets/image/resource/title-bg.jpg") center 120% no-repeat;
+  }
+  .header {
+    width: 100%;
+    height: 56px;
+    margin:auto;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    border-bottom: 1px solid #e4e4e4;
+  }
+  .title {
+    font-size: 32px;
+    line-height: 56px;
+    color: #000;
+    float:left;
+  }
+  .region {
+    width: 580px;
+    margin-left: 60px;
+    float: left;
+  }
+   .region li {
+    float: left;
+    margin-right: 60px;
+    margin-top: 12px;
+    font-weight:700;
+    font-size: 20px;
+    list-style:none;
+  }
+    .region li a:hover {
+      color: #1a89e3;
+      border-bottom: 2px solid #1a89e3;
+    }
+    .region li a {
+      display: inline-block;
+      line-height: 36px;
+      color: #888;
+      padding-bottom: 6px;
+    }
+  .teacher-show {
+    width: 1200px;
+    height: 1228px;
+    margin: 45px auto auto;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  .select {
+    float: right;
+    margin-top: -3%;
+  }
+  .content-buttom {
+    width: 1200px;
+    height: 1228px;
+  }
+  .teacher-item {
+    width: 222px;
+    height: 313px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    border: 1px solid #ececec;
+    -webkit-box-shadow: 1px 1px 10px #ececec;
+    box-shadow: 1px 1px 10px #ececec;
+    margin-bottom: 20px;
+    background: #fff;
+    float: left;
+    margin-left: 1%;
+    margin-top: 1%;
+  }
+  .t-title {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+    .t-title span {
+      display: inline-block;
+      line-height: 20px;
+      font-size: 16px;
+      color: #555;
+      margin: 20px;
+    }
+   .img-content {
+    width: 100%;
+    height: 100px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+  }
+  .th_pto {
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    margin: 0 auto;
+    position: relative;
+  }
+  .teacher-info {
+    width: 100%;
+    height: 70px;
+    text-align: center;
+    margin-top: 22px;
+  }
+    .teacher-info .name {
+      font-size: 18px;
+      line-height: 30px;
+      font-weight: bold;
+    }
+    .teacher-info .subject {
+      width: 116px;
+      height: 24px;
+      margin: 0 auto;
+      -webkit-border-radius: 20px;
+      border-radius: 20px;
+      background: -webkit-gradient(linear, left top, right top, from(#29cff7), to(#4ae3c7));
+      background: -webkit-linear-gradient(left, #29cff7, #4ae3c7);
+      background: -o-linear-gradient(left, #29cff7, #4ae3c7);
+      background: linear-gradient(to right, #29cff7, #4ae3c7);
+    }
+      .teacher-info .subject p span {
+        display: inline-block;
+        width: 4px;
+        height: 4px;
+        -webkit-border-radius: 50%;
+        border-radius: 50%;
+        margin-top: 10px;
+        background: #fff;
+        margin: 3px 6px;
+      }
+  .teacher-detailed {
+    width: 100%;
+    height: 60px;
+    margin-top: 8px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+  }
+   .item .txt {
+    color: #888;
+  }
+  .data-view {
+    width: 100%;
+    height: 663px;
+    overflow: hidden;
+    background: url('../../assets/image/resource/data-view-bg.png') no-repeat center center;
+  }
+  .four {
+    width: 409px;
+    height: 248px;
+    overflow: hidden;
+    margin: 40px auto;
+  }
+    .four img {
+      width: 409px;
+    }
+  .ewm_img {
+    width: 79.5%;
+    height: 300px;
+    text-align: right;
+    position: absolute;
+    top: 2128px;
+    left: 0px;
+  }
+    .ewm_img img {
+      width: 150px;
+      height: 150px;
+    }
+  .ewm_text {
+    font-size: 17px;
+    color: #fff;
+    margin-top: 10px;
+  }
+  .resource-data {
+    width: 1100px;
+    height: 130px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 130px auto 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+  }
+  .data-item {
+    width: 130px;
+    height: 100%;
+  }
+  .img-content {
+    width: 60px;
+    height: 60px;
+    margin: 25px auto 17px;
+    text-align: center;
+  }
+  .data-view-teacher {
+    width: 43px;
+    height: 51px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-teacher.png') no-repeat;
+  }
+  .data-view-member {
+    width: 54px;
+    height: 33px;
+    margin-top: 13px;
+    background: url('../../assets/image/resource/data-view-member.png') no-repeat;
+  }
+  .data-view-article {
+    width: 46px;
+    height: 50px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-article.png') no-repeat;
+  }
+  .data-view-active {
+    width: 44px;
+    height: 50px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-active.png') no-repeat;
+  }
+  .data-view-resource {
+    width: 46px;
+    height: 50px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-resource.png') no-repeat;
+  }
+  .data-view-move {
+    width: 52px;
+    height: 50px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-move.png') no-repeat;
+  }
+  .data-name {
+    font-size: 18px;
+    color: #555;
+  }
+  .number {
+    font-size: 24px;
+    color: #000;
+  }
+
+</style>

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

@@ -1,24 +1,49 @@
 <template>
   <div class="video">
-     <div class="video_box">
-       <div class="video_title"><div class="video_name">微课</div><i>2638</i></div>
-       <ul class="video_select">
-         <li class="select_name">语文</li>
-         <li class="select_name">数学</li>
-         <li class="select_name">英语</li>
-         <li class="select_name">物理</li>
-         <li class="select_name">化学</li>
-         <li class="select_name_more"><Icon type="ios-more" size="16"/></li>
-       </ul>
-     </div>
-    <div class="video_list">
-      <div class="video_left"></div>
-      <div class="video_right"></div>
+    <div class="video_box">
+      <div class="video_title"><div class="video_name">微课</div><i>2638</i></div>
+      <ul class="video_select">
+        <li class="select_name">语文</li>
+        <li class="select_name">数学</li>
+        <li class="select_name">英语</li>
+        <li class="select_name">物理</li>
+        <li class="select_name">化学</li>
+        <li class="select_name_more"><Icon type="ios-more" size="16" /></li>
+      </ul>
+      <div class="video_list">
+        <div class="video_left">
+          <img src="../../assets/image/resource/video_img.jpg" />
+          <a target="_blank" href="" class="playbtn1"></a>
+          <h4 class="name">
+            <a target="_blank" href="" style="color:#fff">人教五上第五单元_列方程解决实际问题</a>
+          </h4>
+        </div>
+        <ul class="video_right">
+          <li class="video_more_list" v-for="item in video_list">
+            <img :src="item.imgurl" />
+            <a target="_blank" href="" class="playbtn1"></a>
+            <h4 class="name_more">
+            <a target="_blank" href="" style="color:#fff">{{item.slogan}}</a>
+            </h4>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </template>
 <script>
-
+  export default {
+    data() {
+      return {
+        video_list: [
+          { "id": 1, "imgurl": require("../../assets/image/resource/video_img_one.jpg"), "slogan": '人教三上第四单元_三位数减三位...', "url": '' },
+          { "id": 2, "imgurl": require("../../assets/image/resource/video_img_two.jpg"), "slogan": '五上第七单元_在一条线段上植树', "url": '' },
+          { "id": 3, "imgurl": require("../../assets/image/resource/video_img_three.jpg"), "slogan": '人教一上第五单元_6和7的写法', "url": '' },
+          { "id": 4, "imgurl": require("../../assets/image/resource/video_img_four.jpg"), "slogan": '人教二上第四单元_2，3的乘法口诀', "url": '' },
+        ],
+      }
+    }
+  }
 </script>
 <style scoped>
   .video {
@@ -28,9 +53,12 @@
     background-color: #f3f3f3;
   }
   .video_box {
-    width:90%;
+    width:1200px;
     height:455px;
     background-color:#fff;
+    margin:0 auto;
+    margin-top:20px;
+      
   }
   .video_title {
     width: 70%;
@@ -77,4 +105,72 @@
     width: 15%;
     padding: 0px 5px 0px 5px;
   }
+  .video_list {
+    width:100%;
+    height:400px;
+    float:left;
+    padding:1.5%;
+  }
+  .video_left {
+    width:50%;
+    float:left;
+    position:relative;
+  }
+    .video_left img {
+      width:100%;
+    }
+    .video_left:hover .playbtn1 {
+      display: block;
+    }
+    .playbtn1 {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      background: url(../../assets/image/resource/play.png) no-repeat;
+      width: 64px;
+      height: 64px;
+      margin-top: -32px;
+      margin-left: -32px;
+      display: none;
+    }
+  .name {
+    position: absolute;
+    bottom: 5px;
+    left: 0px;
+    width: 100%;
+    font-weight: normal;
+    line-height: 45px;
+    font-size: 16px;
+    background-color: rgba(52, 52, 52, .5);
+    color: #fff;
+  }
+  .name_more {
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
+    font-weight: normal;
+    line-height: 35px;
+    font-size: 14px;
+    background-color: rgba(52, 52, 52, .5);
+    color: #fff;
+  }
+  .video_right {
+    width: 48%;
+    float: left;
+    list-style: none;
+    margin-left:2%;
+  }
+  .video_more_list {
+    width:48%;
+    float:left;
+    position:relative;
+    height:170px;
+    margin-top:12px;
+    margin:0.5% 1%;
+  }
+    .video_more_list img {
+      width:100%;
+      height:170px;
+    }
 </style>

TEAMModelOS.SmartTeach/ClientApp/router/routes.js

@@ -3,9 +3,16 @@
 // import HTTP404 from '@/view/404'
 import Index from '@/view/resource/index'
 import Home from '@/view/zone/index'
+import Activity from '@/view/resource/activity'
+import HomePage from '@/view/resource/HomePage'
+import Teacher from '@/view/resource/Teacher'
 import { resolve } from 'url';
 
-export const routes = [
+export const routes = [  
+  { name: 'index', path: '', component: Index },
+  { name: 'activity', path: '/activity', component: Activity},
+  { name: 'HomePage', path: '/HomePage', component: HomePage },
+  { name: 'Teacher', path: '/Teacher', component: Teacher },
   { name: 'index', path: '/index', component: Index },
   { name: 'home', path: '', component: Home },
 ]

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

@@ -0,0 +1,36 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <Home></Home>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/headers.vue'
+  import Home from '@/components/resource/home.vue'
+  import Footer from '@/common/footer.vue'
+
+
+  export default {
+    components: {
+      Header,
+      Home,
+      Footer
+    },
+    data() {
+      return {
+
+      }
+    },
+    mounted() {
+
+    }
+  }
+</script>
+<style scoped>
+  #app {
+    width: 100%;
+    height: auto;
+    background-color: #fff;
+  }
+</style>

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

@@ -0,0 +1,33 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <teacher-map></teacher-map>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/headers.vue'
+  import TeacherMap from '@/components/resource/teacherMap.vue'
+  import Footer from '@/common/footer.vue'
+
+  export default {
+    components: {
+      Header,
+      TeacherMap,
+      Footer
+    },
+    data() {
+      return {
+
+      }
+    },
+
+  }
+</script>
+<style scoped>
+  #app {
+    width: 100%;
+    height: auto;
+    background-color: #FFF;
+  }
+</style>

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

@@ -0,0 +1,35 @@
+<template>
+  <div class="activity_container">
+    <Header></Header>
+    <Activitycommon></Activitycommon>
+    <Activityindex></Activityindex>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+import Header from '@/common/headers.vue'
+  import Footer from '@/common/footer.vue'
+  import Activitycommon from '@/components/resource/activitycommon.vue'
+  import Activityindex from '@/components/resource/activityindex.vue'
+  export default {
+    components: {
+      Header,
+      Footer,
+      Activitycommon,
+      Activityindex,
+    },
+    data() {
+      return {
+
+      }
+    }
+  }
+</script>
+<style>
+  .activity_container {
+    width: 100%;
+    height: auto;
+    background-color: #fff;
+  }
+
+</style>

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

@@ -4,19 +4,25 @@
     <Banner></Banner>
     <Exam></Exam>
     <Video></Video>
+    <Recommend></Recommend>
+    <Footer></Footer>
   </div>
 </template>
 <script>
   import Header from '@/common/headers.vue'
+  import Footer from '@/common/footer.vue'
   import Banner from '@/components/resource/list.vue'
   import Exam from '@/components/resource/exam.vue'
   import Video from '@/components/resource/video.vue'
+  import Recommend from '@/components/resource/recommend.vue'
   export default {
     components: {
       Header,
       Banner,
       Exam,
-      Video
+      Video,
+      Recommend,
+      Footer
     },
     data() {
       return {
@@ -32,6 +38,7 @@
   #app {
     width: 100%;
     height: auto;
-    background-color:#f3f3f3;
+    background-color:#fff;
+    margin:0 auto;
   }
 </style>

TEAMModelOS.SmartTeach/package.json

@@ -17,6 +17,7 @@
     "update-packages": "npx npm-check -u"
   },
   "dependencies": {
+    "@huoyu/vue-digitroll": "^1.0.4",
     "animate.css": "^3.7.0",
     "axios": "^0.18.0",
     "bcryptjs": "^2.4.3",

TEAMModelOS.TeachZone/ClientApp/common/master.vue

@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <!--<div class="master wrap">-->
+    <!--张三的空间-->
+    <!--</div>-->
+
+  </div>
+
+</template>
+
+<script>
+    export default {
+        name: "header"
+    }
+</script>
+
+<style scoped>
+
+</style>

TEAMModelOS.TeachZone/ClientApp/common/workLeft.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="left bgf fl">
+    <div class="master-info">
+      <div class="ov">
+        <img src="../assets/image/head.png" alt="" class="fl">
+        <div class="fl name">
+          <p><a href="">张三</a></p>
+          <span>教师</span>
+        </div>
+      </div>
+      <p>成都市高新区芳草小学</p>
+      <ul class="exper">
+        <li><i class="icon"></i>1485积分</li>
+        <li><i class="icon"></i>1960经验</li>
+      </ul>
+      <ul class="other tc">
+        <li>
+          <p>25</p>
+          <span>成果</span>
+        </li>
+        <li>
+          <p>89</p>
+          <span>资源</span>
+        </li>
+        <li>
+          <p>82</p>
+          <span>照片</span>
+        </li>
+      </ul>
+    </div>
+    <dl class="work">
+      <dt>我的工作</dt>
+      <dd><a href="/teachSource"><i class="icon"></i>教材资源</a></dd>
+      <dd><a href=""><i class="icon"></i>课前导学</a></dd>
+      <dd><a href=""><i class="icon"></i>同步备课</a></dd>
+      <dd><a href=""><i class="icon"></i>在线监测</a></dd>
+      <dd><a href=""><i class="icon"></i>课后作业</a></dd>
+    </dl>
+    <dl class="class-manage">
+      <dt>我的班级</dt>
+      <dd><a href="/notice"><i class="icon"></i>班级通知</a></dd>
+      <dd><a href="/scoreList"><i class="icon"></i>学生成绩</a></dd>
+      <dd><a href="/source"><i class="icon"></i>班级资源</a></dd>
+      <dd><a href="/studentList"><i class="icon"></i>学生名单</a></dd>
+    </dl>
+  </div>
+</template>
+
+<script>
+    export default {
+        name: "header"
+    }
+</script>
+
+<style scoped>
+
+</style>

TEAMModelOS.TeachZone/ClientApp/common/workMaster.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <div class="master wrap">
+    张三的空间
+    </div>
+  </div>
+
+</template>
+
+<script>
+    export default {
+        name: "header"
+    }
+</script>
+
+<style scoped>
+
+</style>

TEAMModelOS.TeachZone/ClientApp/view/source.vue

@@ -0,0 +1,33 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <div class="wrap ov">
+      <Left></Left>
+      <ScoreList></ScoreList>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import Left from '@/common/left.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      Left,
+      Footer,
+      ScoreList
+    },
+    data() {
+      return {
+
+      }
+    },
+      mounted() {
+
+      }
+    }
+</script>
+

TEAMModelOS.TeachZone/ClientApp/view/teachSource.vue

@@ -0,0 +1,87 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <div class="wrap ov">
+      <Left></Left>
+      <div class="main fr">
+        <h4><a href="/">首页</a> > 学生成绩</h4>
+        <div class="content ov bgf">
+          <dl class="notice fl " style="width: 100%">
+            <dt>学生成绩</dt>
+            <div class="oper">
+              <Button type="info" @click="modal1 = true">发布资源</Button>
+              <Modal
+                v-model="modal1" class-name="vertical-center-modal" footer-hide="true"
+                title="发布资源"
+                @on-ok="ok"
+                @on-cancel="cancel">
+                <Form :model="formItem" :label-width="80">
+                  <FormItem label="通知标题">
+                    <Input v-model="formItem.input" placeholder="请输入通知标题"></Input>
+                  </FormItem>
+                  <FormItem label="通知内容">
+                    <Input v-model="formItem.textarea" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="请输入通知内容"></Input>
+                  </FormItem>
+                  <FormItem>
+                    <Button type="primary" @click="yes">发布</Button>
+                    <Button style="margin-left: 8px" @click="cancel">取消</Button>
+                  </FormItem>
+                </Form>
+
+
+              </Modal>
+            </div>
+            <dd><a href="/scoreListDetail">第二章（化学方程式计算）.doc<span>发布者：李四</span></a></dd>
+            <dd><a href="">电流、电压和电阻的关系（2课时）.doc<span>发布者：李四</span></a></dd>
+            <dd><a href="">某年6月中旬平均气温图.jpg<span>发布者：李四</span></a></dd>
+            <dd><a href="">独立行走技术-穿越空间<span>发布者：李四</span></a></dd>
+            <dd><a href="">计算机基础第五课时<span>发布者：李四</span></a></dd>
+            <dd><a href="">《望洞庭》和《忆江南》<span>发布者：李四</span></a></dd>
+
+          </dl>
+          <Page :total="100"  size="small" show-total class="fr" />
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import Left from '@/common/left.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      Left,
+      Footer,
+      ScoreList
+    },
+    data () {
+      return {
+        modal1: false,
+        formItem: {
+          input: '',
+          textarea: ''
+        }
+      }
+    },
+    methods: {
+      ok () {
+        this.$Message.info('发布成功');
+      },
+      // cancel () {
+      //   this.$Message.info('');
+      // }
+      yes () {
+        this.modal1 = false;
+        this.$Message.success('发布成功');
+      },
+      cancel () {
+        this.modal1 = false;
+      }
+    }
+    }
+</script>
+

TEAMModelOS.TeachZone/ClientApp/view/teachSourceDetail.vue

@@ -0,0 +1,308 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <div class="master wrap ov">
+      我的工作
+      <ul class="fr">
+        <li><a href="">教材资源</a></li>
+        <li><a href="">课前导学</a></li>
+        <li><a href="">同步备课</a></li>
+        <li><a href="">在线监测</a></li>
+        <li><a href="">课后作业</a></li>
+      </ul>
+    </div>
+    <div class="wrap ov">
+      <WorkLeft></WorkLeft>
+      <div class="main fr">
+        <h4><a href="/">首页</a> > <a href="/">我的工作</a> > 教材资源</h4>
+        <div class="content ov bgf pad20">
+          <div class="screen">
+            <ul>
+              <li>
+                <span class="fl">来源：</span>
+                <ol class="fl">
+                  <li><a href="" class="active">全部</a></li>
+                  <li><a href="">我的资源</a></li>
+                  <li><a href="">共享资源</a></li>
+                  <li><a href="">精品资源</a></li>
+                  <li><a href="">校本资源</a></li>
+                </ol>
+              </li>
+              <li>
+                <span class="fl">类型：</span>
+                <ol class="fl">
+                  <li><a href="" class="active">全部</a></li>
+                  <li><a href="">教案</a></li>
+                  <li><a href="">学案</a></li>
+                  <li><a href="">课件</a></li>
+                  <li><a href="">微课</a></li>
+                  <li><a href="">习题</a></li>
+                  <li><a href="">素材</a></li>
+                  <li><a href="">拓展</a></li>
+                </ol>
+              </li>
+            </ul>
+          </div>
+          <div class="workSort ov">
+            <ul class="fl">
+              <li><a href="" class="active">默认</a></li>
+              <li><a href="">评分</a></li>
+              <li><a href="">收藏</a></li>
+              <li><a href="">预览</a></li>
+              <li><a href="">大小</a></li>
+            </ul>
+            <div class="fr ov">
+                <Select v-model="formItem.select">
+                  <Option value="sel1" >格式</Option>
+                  <Option value="">图片</Option>
+                  <Option value="">文档</Option>
+                  <Option value="">视频</Option>
+                  <Option value="">音频</Option>
+                  <Option value="">动画</Option>
+                </Select>
+                <Select v-model="formItem.select2">
+                <Option value="sel2" >全部区域</Option>
+                <Option value="">本省区域</Option>
+                <Option value="">本市区域</Option>
+                <Option value="">本县区区域</Option>
+                <Option value="">本校范围</Option>
+                <Option value="">我的分享</Option>
+              </Select>
+            </div>
+          </div>
+          <ul class="workSourceList">
+            <li class="ppt">
+              <div class="ov">
+                <h2 class="fl"><a href="">带着地图去旅行</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="valueText">
+                    <span>{{ valueText }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>时间：2019-05-13</li>
+                  <!--<li>引用：4次</li>-->
+                  <li>大小：1.36MB</li>
+                  <li>来源：陆杰（平湖市福臻中学）</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a href=""><Icon type="md-eye"/> 预览(6)</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏(6)</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+            <li class="ppt">
+              <div class="ov">
+                <h2 class="fl"><a href="">带着地图去旅行</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="valueText">
+                    <span>{{ valueText }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>时间：2019-05-13</li>
+                  <!--<li>引用：4次</li>-->
+                  <li>大小：1.36MB</li>
+                  <li>来源：陆杰（平湖市福臻中学）</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a href=""><Icon type="md-eye"/> 预览(6)</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏(6)</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+            <li class="ppt">
+              <div class="ov">
+                <h2 class="fl"><a href="">带着地图去旅行</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="valueText">
+                    <span>{{ valueText }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>时间：2019-05-13</li>
+                  <!--<li>引用：4次</li>-->
+                  <li>大小：1.36MB</li>
+                  <li>来源：陆杰（平湖市福臻中学）</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a href=""><Icon type="md-eye"/> 预览(6)</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏(6)</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+            <li class="video">
+              <div class="ov">
+                <h2 class="fl"><a href="">带着地图去旅行</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="valueText">
+                    <span>{{ valueText }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>时间：2019-05-13</li>
+                  <!--<li>引用：4次</li>-->
+                  <li>大小：1.36MB</li>
+                  <li>来源：陆杰（平湖市福臻中学）</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a href=""><Icon type="md-eye"/> 预览(6)</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏(6)</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+            <li class="word">
+              <div class="ov">
+                <h2 class="fl"><a href="">带着地图去旅行</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="valueText">
+                    <span>{{ valueText }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>时间：2019-05-13</li>
+                  <!--<li>引用：4次</li>-->
+                  <li>大小：1.36MB</li>
+                  <li>来源：陆杰（平湖市福臻中学）</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a href=""><Icon type="md-eye"/> 预览(6)</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏(6)</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+            <li class="word">
+              <div class="ov">
+                <h2 class="fl"><a href="">带着地图去旅行</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="valueText">
+                    <span>{{ valueText }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>时间：2019-05-13</li>
+                  <!--<li>引用：4次</li>-->
+                  <li>大小：1.36MB</li>
+                  <li>来源：陆杰（平湖市福臻中学）</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a href=""><Icon type="md-eye"/> 预览(6)</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏(6)</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+            <li class="ppt">
+              <div class="ov">
+                <h2 class="fl"><a href="">带着地图去旅行</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="valueText">
+                    <span>{{ valueText }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>时间：2019-05-13</li>
+                  <!--<li>引用：4次</li>-->
+                  <li>大小：1.36MB</li>
+                  <li>来源：陆杰（平湖市福臻中学）</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a href=""><Icon type="md-eye"/> 预览(6)</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏(6)</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+            <li class="ppt">
+              <div class="ov">
+                <h2 class="fl"><a href="">带着地图去旅行</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="valueText">
+                    <span>{{ valueText }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>时间：2019-05-13</li>
+                  <!--<li>引用：4次</li>-->
+                  <li>大小：1.36MB</li>
+                  <li>来源：陆杰（平湖市福臻中学）</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a href=""><Icon type="md-eye"/> 预览(6)</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏(6)</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+          </ul>
+          <Page :total="100"  size="small" show-total class="fr" />
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import WorkLeft from '@/common/workLeft.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      WorkLeft,
+      Footer,
+      ScoreList
+    },
+    data () {
+      return {
+        valueText: 5,
+        modal1: false,
+        formItem: {
+          select: 'sel1',
+          select2: 'sel2',
+          input: '',
+          textarea: '',
+        },
+
+      }
+    },
+    methods: {
+      ok () {
+        this.$Message.info('发布成功');
+      },
+      // cancel () {
+      //   this.$Message.info('');
+      // }
+      yes () {
+        this.modal1 = false;
+        this.$Message.success('发布成功');
+      },
+      cancel () {
+        this.modal1 = false;
+      }
+    }
+    }
+</script>
+