补充数据

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

@@ -0,0 +1,103 @@
+<template>
+  <div class="home">
+    <div class="title">
+      <Icon type="ios-home-outline" size="22" />
+      <p><router-link to="/TeacherZone/ZonesHome">工作室首页</router-link></p><span>>活动列表</span>
+    </div>
+    <div class="list-info">
+      <h1 class="list-title">活动列表</h1>
+      <Tabs class="list" value="name1">
+        <TabPane label="全部" name="name1">暂无活动</TabPane>
+        <TabPane label="未开始" name="name2">暂无活动</TabPane>
+        <TabPane label="进行中" name="name3">暂无活动</TabPane>
+        <TabPane label="已结束" name="name4">暂无活动</TabPane>
+      </Tabs>
+    </div>
+    <div class="content-info">
+      <h1 class="list-title">最新活动</h1>
+      <p>暂无活动</p>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+
+      }
+    },
+    methods: {
+      viewDetails() {
+        this.$router.push({ path: '/TeacherZone/TeachDetails' })
+
+      },
+      chooseTab() {
+        this.info = this.data;
+      }
+    }
+  }
+</script>
+<style scoped>
+  .home {
+    width: 66%;
+    height: 500px;
+    position: absolute;
+    top: 70%;
+    left: 53%;
+    transform: translate(-50%,-50%);
+    float: left;
+    display: inline-flex;
+  }
+
+  .title {
+    font-size: 16px;
+    text-align: left;
+    font-weight: 600;
+    width: 300px;
+  }
+
+    .title p {
+      display: inline;
+    }
+
+  .list-info {
+    margin-top: 35px;
+    width: 50%;
+    background: #fff;
+    /* float: left; */
+    margin-left: -24%;
+    height: 200px;
+    border: 1px solid #ededed;
+  }
+
+  .list-title {
+    float: left;
+    height: 57px;
+    line-height: 57px;
+    font-size: 20px;
+    margin-left: 10px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+  }
+
+  .list {
+    margin-top: 10%;
+    margin-left: 1%;
+    font-size: 15px;
+  }
+
+  .content-info {
+    width: 25%;
+    height: 200px;
+    border: 1px solid #ededed;
+    margin-top: 3%;
+    margin-left: 4%;
+    background-color: #ffffff;
+  }
+
+    .content-info p {
+      margin-top: 25%;
+      font-size: 15px;
+      margin-left: 10px;
+    }
+</style>

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

@@ -0,0 +1,104 @@
+
+<template>
+  <div class="home">
+    <div class="title">
+      <Icon type="ios-home-outline" size="22" />
+      <p><router-link to="/TeacherZone/ZonesHome">工作室首页</router-link></p><span>>评课列表</span>
+    </div>
+    <div class="list-info">
+      <h1 class="list-title">网上评课</h1>
+      <Tabs class="list" value="name1">
+        <TabPane label="全部" name="name1">暂无数据</TabPane>
+        <TabPane label="进行中2" name="name2">暂无数据</TabPane>
+        <TabPane label="未开始" name="name3">暂无数据</TabPane>
+        <TabPane label="已结束" name="name4">暂无数据</TabPane>
+      </Tabs>
+    </div>
+    <div class="content-info">
+      <h1 class="list-title">最新评课</h1>
+      <p>暂无数据</p>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+
+      }
+    },
+    methods: {
+      viewDetails() {
+        this.$router.push({ path: '/TeacherZone/TeachDetails' })
+
+      },
+      chooseTab() {
+        this.info = this.data;
+      }
+    }
+  }
+</script>
+<style scoped>
+  .home {
+    width: 66%;
+    height: 500px;
+    position: absolute;
+    top: 70%;
+    left: 53%;
+    transform: translate(-50%,-50%);
+    float: left;
+    display: inline-flex;
+  }
+
+  .title {
+    font-size: 16px;
+    text-align: left;
+    font-weight: 600;
+    width: 300px;
+  }
+
+    .title p {
+      display: inline;
+    }
+
+  .list-info {
+    margin-top: 35px;
+    width: 50%;
+    background: #fff;
+    /* float: left; */
+    margin-left: -24%;
+    height: 200px;
+    border: 1px solid #ededed;
+  }
+
+  .list-title {
+    float: left;
+    height: 57px;
+    line-height: 57px;
+    font-size: 20px;
+    margin-left: 10px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+  }
+
+  .list {
+    margin-top: 10%;
+    margin-left: 1%;
+    font-size: 15px;
+  }
+
+  .content-info {
+    width: 25%;
+    height: 200px;
+    border: 1px solid #ededed;
+    margin-top: 3%;
+    margin-left: 4%;
+    background-color: #ffffff;
+  }
+
+    .content-info p {
+      margin-top: 25%;
+      font-size: 15px;
+      margin-left: 10px;
+    }
+</style>

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

@@ -0,0 +1,104 @@
+
+<template>
+  <div class="home">
+    <div class="title">
+      <Icon type="ios-home-outline" size="22" />
+      <p><router-link to="/TeacherZone/ZonesHome">工作室首页</router-link></p><span>>评课列表</span>
+    </div>
+    <div class="list-info">
+      <h1 class="list-title">网上评课</h1>
+      <Tabs class="list" value="name1">
+        <TabPane label="全部" name="name1">暂无数据</TabPane>
+        <TabPane label="进行中2" name="name2">暂无数据</TabPane>
+        <TabPane label="未开始" name="name3">暂无数据</TabPane>
+        <TabPane label="已结束" name="name4">暂无数据</TabPane>
+      </Tabs>
+    </div>
+    <div class="content-info">
+      <h1 class="list-title">最新评课</h1>
+      <p>暂无数据</p>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+
+      }
+    },
+    methods: {
+      viewDetails() {
+        this.$router.push({ path: '/TeacherZone/TeachDetails' })
+
+      },
+      chooseTab() {
+        this.info = this.data;
+      }
+    }
+  }
+</script>
+<style scoped>
+  .home {
+    width: 66%;
+    height: 500px;
+    position: absolute;
+    top: 70%;
+    left: 53%;
+    transform: translate(-50%,-50%);
+    float: left;
+    display: inline-flex;
+  }
+
+  .title {
+    font-size: 16px;
+    text-align: left;
+    font-weight: 600;
+    width: 300px;
+  }
+
+    .title p {
+      display: inline;
+    }
+
+  .list-info {
+    margin-top: 35px;
+    width: 50%;
+    background: #fff;
+    /* float: left; */
+    margin-left: -24%;
+    height: 200px;
+    border: 1px solid #ededed;
+  }
+
+  .list-title {
+    float: left;
+    height: 57px;
+    line-height: 57px;
+    font-size: 20px;
+    margin-left: 10px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+  }
+
+  .list {
+    margin-top: 10%;
+    margin-left: 1%;
+    font-size: 15px;
+  }
+
+  .content-info {
+    width: 25%;
+    height: 200px;
+    border: 1px solid #ededed;
+    margin-top: 3%;
+    margin-left: 4%;
+    background-color: #ffffff;
+  }
+
+    .content-info p {
+      margin-top: 25%;
+      font-size: 15px;
+      margin-left: 10px;
+    }
+</style>

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

@@ -0,0 +1,103 @@
+<template>
+  <div class="home">
+    <div class="title">
+      <Icon type="ios-home-outline" size="22" />
+      <p><router-link to="/TeacherZone/ZonesHome">工作室首页</router-link></p><span>>课题研究列表</span>
+    </div>
+    <div class="list-info">
+      <h1 class="list-title">课题列表</h1>
+      <Tabs class="list" value="name1">
+        <TabPane label="不限" name="name1">暂时没有课题研究</TabPane>
+        <TabPane label="国家级" name="name2">暂时没有课题研究</TabPane>
+        <TabPane label="省级" name="name3">暂时没有课题研究</TabPane>
+        <TabPane label="市级" name="name4">暂时没有课题研究</TabPane>
+        <TabPane label="校级" name="name5">暂时没有课题研究</TabPane>
+      </Tabs>
+    </div>
+    <div class="content-info">
+      <h1 class="list-title">最新课题</h1>
+      <p>暂无课题</p>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+
+      }
+    },
+    methods: {
+      viewDetails() {
+        this.$router.push({ path: '/TeacherZone/TeachDetails' })
+
+      },
+      chooseTab() {
+        this.info = this.data;
+      }
+    }
+  }
+</script>
+<style scoped>
+  .home {
+    width: 66%;
+    height: 500px;
+    position: absolute;
+    top: 70%;
+    left: 53%;
+    transform: translate(-50%,-50%);
+    float: left;
+    display: inline-flex;
+  }
+
+  .title {
+    font-size: 16px;
+    text-align: left;
+    font-weight: 600;
+    width:300px;
+  }
+
+    .title p {
+      display: inline;
+    }
+
+  .list-info {
+    margin-top: 35px;
+    width: 50%;
+    background: #fff;
+    /* float: left; */
+    margin-left: -24%;
+    height: 200px;
+    border: 1px solid #ededed;
+  }
+
+  .list-title {
+    float: left;
+    height: 57px;
+    line-height: 57px;
+    font-size: 20px;
+    margin-left:10px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+  }
+  .list{
+    margin-top:10%;
+    margin-left:1%;
+    font-size:15px;
+  }
+  .content-info {
+    width: 25%;
+    height: 200px;
+    border: 1px solid #ededed;
+    margin-top: 3%;
+    margin-left: 4%;
+    background-color: #ffffff;
+  }
+  .content-info p{
+    margin-top:25%;
+    font-size:15px;
+    margin-left:10px;
+  }
+
+
+</style>

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

@@ -0,0 +1,430 @@
+<template>
+  <div class="home">
+    <div class="title">
+      <Icon type="ios-home-outline" size="22" />
+      <p><router-link to="/TeacherZone/ZonesHome">工作室首页</router-link></p><span>>资源列表</span>
+    </div>
+    <div class="list-info">
+      <h1 class="list-title">资源列表</h1>
+      <div class="list">
+        <Tree :data="data2" @on-select-change="chooseTab"></Tree>
+      </div>
+    </div>
+    <div class="content-info">
+      <h1 class="list-title">全部资源</h1>
+      <ul class="source-title" >
+        <li v-for="item in info">
+          <a class="titles">
+            <span class="doc">
+              {{item.title}}
+            </span>
+          </a>
+          <span class="style">ppt</span>
+          <span class="peo">
+            <a title="陈海波"   style="border:none">
+              {{item.name}}
+            </a>
+          </span>
+          <span class="date">{{item.data}}</span>
+          <p class="download"><Icon type="ios-cloud-download-outline "size="22"/></p>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        data: [
+          {
+            title: '16-17版 第1部分 专题6 机械能守恒定律　功能关系',
+            name: '刘国元',
+            data: '2018-05-16',
+          },
+          {
+            title: '16-17版 第1部分 专题6 机械能守恒定律　功能关系',
+            name: '刘国元',
+            data: '2018-05-16',
+          },
+          {
+            title: '16-17版 第1部分 专题6 机械能守恒定律　功能关系',
+            name: '刘国元',
+            data: '2018-05-16',
+          },
+          {
+            title: '16-17版 第1部分 专题6 机械能守恒定律　功能关系',
+            name: '刘国元',
+            data: '2018-05-16',
+          },
+          {
+            title: '16-17版 第1部分 专题6 机械能守恒定律　功能关系',
+            name: '刘国元',
+            data: '2018-05-16',
+          },
+          {
+            title: '16-17版 第1部分 专题6 机械能守恒定律　功能关系',
+            name: '刘国元',
+            data: '2018-05-16',
+          },
+          {
+            title: '16-17版 第1部分 专题6 机械能守恒定律　功能关系',
+            name: '刘国元',
+            data: '2018-05-16',
+          },
+          {
+            title: '16-17版 第1部分 专题6 机械能守恒定律　功能关系',
+            name: '刘国元',
+            data: '2018-05-16',
+          },
+        ],
+        data2: [
+          {
+            title: '根目录',
+            expand: true,
+            children: [
+              {
+                title: '必修一',
+                expand: true,
+                render: (h, { root, node, data }) => {
+                  return h('span', {
+                    style: {
+                      display: 'inline-block',
+                      width: '40%'
+                    }
+                  }, [
+                      h('span', [
+                        h('Icon', {
+                          props: {
+                            type: 'md-folder-open',
+                            size:'15',
+                            color:'blue'
+                          },
+                          style: {
+                            marginRight: '8px',
+                            width: '20px',
+                          }
+                        }),
+                        h('span', data.title)
+                      ]),
+                    ]);
+                },
+                children: [
+                  {
+                    title: '教学学案'
+                  },
+                  {
+                    title: '教学资源'
+                  }
+                ]
+              },
+              {
+                title: '必修二',
+                expand: true,
+                render: (h, { root, node, data }) => {
+                  return h('span', {
+                    style: {
+                      display: 'inline-block',
+                      width: '40%'
+                    }
+                  }, [
+                      h('span', [
+                        h('Icon', {
+                          props: {
+                            type: 'md-folder-open',
+                            size: '15',
+                            color: 'blue'
+                          },
+                          style: {
+                            marginRight: '8px',
+                            width: '20px',
+                          }
+                        }),
+                        h('span', data.title)
+                      ]),
+                    ]);
+                },
+                children: [
+                  {
+                    title: '教学学案'
+                  },
+                  {
+                    title: '教学资源'
+                  }
+                ]
+              },
+              {
+                title: '必修三',
+                expand: true,
+                render: (h, { root, node, data }) => {
+                  return h('span', {
+                    style: {
+                      display: 'inline-block',
+                      width: '40%'
+                    }
+                  }, [
+                      h('span', [
+                        h('Icon', {
+                          props: {
+                            type: 'md-folder-open',
+                            size: '15',
+                            color: 'blue'
+                          },
+                          style: {
+                            marginRight: '8px',
+                            width: '20px',
+                          }
+                        }),
+                        h('span', data.title)
+                      ]),
+                    ]);
+                },
+                children: [
+                  {
+                    title: '教学学案'
+                  },
+                  {
+                    title: '教学资源'
+                  }
+                ]
+              },
+              {
+                title: '必修四',
+                expand: true,
+                render: (h, { root, node, data }) => {
+                  return h('span', {
+                    style: {
+                      display: 'inline-block',
+                      width: '40%'
+                    }
+                  }, [
+                      h('span', [
+                        h('Icon', {
+                          props: {
+                            type: 'md-folder-open',
+                            size: '15',
+                            color: 'blue'
+                          },
+                          style: {
+                            marginRight: '8px',
+                            width: '20px',
+                          }
+                        }),
+                        h('span', data.title)
+                      ]),
+                    ]);
+                },
+                children: [
+                  {
+                    title: '教学学案'
+                  },
+                  {
+                    title: '教学资源'
+                  }
+                ]
+              },
+              {
+                title: '必修五',
+                expand: true,
+                render: (h, { root, node, data }) => {
+                  return h('span', {
+                    style: {
+                      display: 'inline-block',
+                      width: '40%'
+                    }
+                  }, [
+                      h('span', [
+                        h('Icon', {
+                          props: {
+                            type: 'md-folder-open',
+                            size: '15',
+                            color: 'blue'
+                          },
+                          style: {
+                            marginRight: '8px',
+                            width: '20px',
+                          }
+                        }),
+                        h('span', data.title)
+                      ]),
+                    ]);
+                },
+                children: [
+                  {
+                    title: '教学学案'
+                  },
+                  {
+                    title: '教学资源'
+                  }
+                ]
+              },
+            ]
+          }
+        ],
+        info: [
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+
+        ]
+      }
+    },
+    methods: {
+      viewDetails() {
+        this.$router.push({ path: '/TeacherZone/TeachDetails' })
+
+      },
+      chooseTab() {
+        this.info = this.data;
+      }
+    }
+  }
+</script>
+<style scoped>
+  .home {
+    width: 65%;
+    height: 500px;
+    position: absolute;
+    top: 69%;
+    left: 53%;
+    transform: translate(-50%,-50%);
+    float:left;
+    display:inline-flex;
+  }
+
+  .title {
+    font-size: 16px;
+    text-align: left;
+    font-weight: 600;
+  }
+
+    .title p {
+      display: inline;
+    }
+  .list-info {
+    margin-top: 35px;
+    width: 260px;
+    background: #fff;
+    /* float: left; */
+    margin-left: -16%;
+    height: 600px;
+    border: 1px solid #ededed;
+  }
+  .list-title {
+    float: left;
+    height: 57px;
+    line-height: 57px;
+    font-size: 20px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+  }
+  .list{
+    width:80%;
+    height:400px;
+    float:left;
+    margin-left:20px;
+    overflow:scroll;
+  }
+  .list >>> .ivu-tree ul li {
+    text-align: left;
+    margin-left: -10px;
+    font-size: 14px;
+    font-weight: 600;
+  }
+  .content-info {
+    width: 75%;
+    height: 800px;
+    border: 1px solid #ededed;
+    margin-top: 3%;
+    margin-left: 4%;
+    background-color:#ffffff;
+    /* float: right; */
+    /* display: inline; */
+    overflow:scroll;
+  }
+  .source-title{
+    margin-top:10%;
+  }
+  .source-title  li{
+    display: block;
+    line-height: 56px;
+    height: 56px;
+    margin-left:20px;
+    border-bottom: 1px dashed #dfdfdf;
+  }
+  .source-title  li:hover {
+    background-color: #f7f7f7;
+    text-decoration: none;
+  }
+  .doc {
+    font-size: 14px;
+    background: url(../../assets/image/resource/ppt_small.jpg) no-repeat left center;
+    padding: 3px 0 3px 23px;
+  }
+    
+    .source-title .style {
+      margin-left: 30px;
+      font-size: 15px;
+    }
+    .source-title .peo {
+      border: none;
+      margin-left: 30px;
+      font-size: 15px;
+    }
+    .source-title .date {
+      margin-left: 50px;
+      font-size: 16px;
+    }
+    .source-title .download {
+      font-size: 16px;
+      display: inline;
+      /* width: 50px; */
+      margin-left: 100px;
+    }
+
+</style>

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

@@ -0,0 +1,276 @@
+
+<template>
+  <div class="home">
+    <div class="title">
+      <Icon type="ios-home-outline" size="22" />
+      <p><router-link to="/TeacherZone/ZonesHome">工作室首页</router-link></p><span>>名师课堂</span>
+    </div>
+    <div class="list-info">
+      <h1 class="list-title">最新课例</h1>
+      <div class="video">
+        <div class="video_box">
+          <div class="video_list">
+            <div class="video_left">
+              <img src="../../assets/image/resource/teach01.jpg" />
+              <a target="_blank" href="/videodetails" class="playbtn1"></a>
+              <h4 class="name">
+                <a target="_blank" href="" style="color:#fff">选修3-1第二章恒定电流,电源和电流</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="item.url" class="playbtn1"></a>
+                <h4 class="name_more">
+                  <a target="_blank" :href="item.url" style="color:#fff">{{item.slogan}}</a>
+                </h4>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="list-infos">
+      <h1 class="list-title">微课课例</h1>
+      <div class="video">
+        <div class="video_box">
+          <div class="video_list">
+            <ul class="video_rights">
+              <li class="video_more_list" v-for="item in video_lists">
+                <img :src="item.imgurl" />
+                <a target="_blank" :href="item.url" class="playbtn1"></a>
+                <h4 class="name_more">
+                  <a target="_blank" :href="item.url" style="color:#fff">{{item.slogan}}</a>
+                </h4>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        video_list: [
+          { "id": 1, "imgurl": require("../../assets/image/resource/teach03.jpg"), "slogan": '选修3-1第二章恒定电流,电流的微观解析', "url": '/videodetails?id=1' },
+          { "id": 2, "imgurl": require("../../assets/image/resource/teach01.jpg"), "slogan": '选修3-1第二章恒定电流,电流的微观解析', "url": '/videodetails?id=2' },
+          { "id": 3, "imgurl": require("../../assets/image/resource/teach02.jpg"), "slogan": '选修3-1第二章恒定电流,电流的微观解析', "url": '/videodetails?id=3' },
+          { "id": 4, "imgurl": require("../../assets/image/resource/teach04.jpg"), "slogan": '选修3-1第二章恒定电流,电流的微观解析', "url": '/videodetails?id=4' },
+        ],
+        video_lists: [
+          { "id": 1, "imgurl": require("../../assets/image/resource/teach03.jpg"), "slogan": '选修3-1第二章恒定电流,电流的微观解析', "url": '/videodetails?id=1' },
+          { "id": 2, "imgurl": require("../../assets/image/resource/teach01.jpg"), "slogan": '选修3-1第二章恒定电流,电流的微观解析', "url": '/videodetails?id=2' },
+          { "id": 3, "imgurl": require("../../assets/image/resource/teach02.jpg"), "slogan": '选修3-1第二章恒定电流,电流的微观解析', "url": '/videodetails?id=3' },
+          { "id": 4, "imgurl": require("../../assets/image/resource/teach04.jpg"), "slogan": '选修3-1第二章恒定电流,电流的微观解析', "url": '/videodetails?id=4' },
+
+        ],
+      }
+    },
+    methods: {
+      viewDetails() {
+        this.$router.push({ path: '/TeacherZone/TeachDetails' })
+
+      },
+      chooseTab() {
+        this.info = this.data;
+      }
+    }
+  }
+</script>
+<style scoped>
+  .home {
+    width: 66%;
+    height: 500px;
+    position: absolute;
+    top: 70%;
+    left: 53%;
+    transform: translate(-50%,-50%);
+    float: left;
+    /*display: inline-flex;*/
+  }
+
+  .title {
+    font-size: 16px;
+    text-align: left;
+    font-weight: 600;
+    width: 300px;
+  }
+
+    .title p {
+      display: inline;
+    }
+
+  .list-info {
+    margin-top: 35px;
+    width: 90%;
+    background: #fff;
+    /* float: left; */
+    /*margin-left: -24%;*/
+    height: 450px;
+    border: 1px solid #ededed;
+  }
+  .list-infos {
+    margin-top: 35px;
+    width: 90%;
+    background: #fff;
+    height: 500px;
+    border: 1px solid #ededed;
+  }
+
+  .list-title {
+    float: left;
+    height: 57px;
+    line-height: 57px;
+    font-size: 20px;
+    margin-left: 10px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+  }
+  .video {
+    margin-top: 7%;
+    /* float: left; */
+    /* display: inline; */
+    background-color: #f3f3f3;
+  }
+
+  .video_box {
+    background-color: #fff;
+    margin: 0 auto;
+    margin-top: 20px;
+  }
+ .video_name {
+    float: left;
+    line-height: 39px;
+    border-bottom: #288add solid 1px;
+    padding: 12px 5px 0px 5px;
+    font-size: 24px;
+    font-weight: normal;
+    color: #288add;
+  }
+
+  /*i {
+    float: left;
+    margin: 22px 0px 0px 8px;
+    height: 20px;
+    line-height: 20px;
+    border-radius: 10px;
+    background: #8ea9b9;
+    font-size: 14px;
+    padding: 0px 10px;
+    color: #fff;
+  }*/
+
+  .video_select {
+    width: 30%;
+    float: left;
+    list-style: none;
+    border-bottom: #ececec solid 1px;
+  }
+
+  .select_name {
+    float: left;
+    width: 15%;
+    line-height: 39px;
+    padding: 12px 5px 0px 5px;
+    font-size: 14px;
+    color: #6f8abb;
+  }
+
+  .select_name_more {
+    float: left;
+    width: 15%;
+    padding: 0px 5px 0px 5px;
+  }
+
+  .video_list {
+    width: 100%;
+    /* float: left; */
+    padding: 1.5%;
+    display: flex;
+  }
+
+  .video_left {
+    width: 50%;
+    float: left;
+    position: relative;
+  }
+
+    .video_left img {
+      width: 100%;
+    }
+
+    .video_left:hover .playbtn1 {
+      display: block;
+    }
+
+  .video_more_list: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_rights {
+    width: 48%;
+    float: left;
+    list-style: none;
+    margin-left: 2%;
+    display: contents;
+  }
+
+  .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/components/resource/TeachTopic.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="home">
+    <div class="title">
+      <Icon type="ios-home-outline" size="22" />
+      <p><router-link to="/TeacherZone/ZonesHome">工作室首页</router-link></p><span>>话题列表</span>
+    </div>
+    <div class="list-info">
+      <h1 class="list-title">话题列表</h1>
+      <Tabs class="list" value="name1">
+        <TabPane label="不限" name="name1">暂无话题</TabPane>
+        <TabPane label="进行中" name="name2">暂无话题</TabPane>
+        <TabPane label="已结束" name="name3">暂无话题</TabPane>
+      </Tabs>
+    </div>
+    <div class="content-info">
+      <h1 class="list-title">最新话题</h1>
+      <p>暂无话题</p>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+
+      }
+    },
+    methods: {
+      viewDetails() {
+        this.$router.push({ path: '/TeacherZone/TeachDetails' })
+
+      },
+      chooseTab() {
+        this.info = this.data;
+      }
+    }
+  }
+</script>
+<style scoped>
+  .home {
+    width: 66%;
+    height: 500px;
+    position: absolute;
+    top: 70%;
+    left: 53%;
+    transform: translate(-50%,-50%);
+    float: left;
+    display: inline-flex;
+  }
+
+  .title {
+    font-size: 16px;
+    text-align: left;
+    font-weight: 600;
+    width: 300px;
+  }
+
+    .title p {
+      display: inline;
+    }
+
+  .list-info {
+    margin-top: 35px;
+    width: 50%;
+    background: #fff;
+    /* float: left; */
+    margin-left: -24%;
+    height: 200px;
+    border: 1px solid #ededed;
+  }
+
+  .list-title {
+    float: left;
+    height: 57px;
+    line-height: 57px;
+    font-size: 20px;
+    margin-left: 10px;
+    color: #288add;
+    border-bottom: 1px solid #288add;
+  }
+
+  .list {
+    margin-top: 10%;
+    margin-left: 1%;
+    font-size: 15px;
+  }
+
+  .content-info {
+    width: 25%;
+    height: 200px;
+    border: 1px solid #ededed;
+    margin-top: 3%;
+    margin-left: 4%;
+    background-color: #ffffff;
+  }
+
+    .content-info p {
+      margin-top: 25%;
+      font-size: 15px;
+      margin-left: 10px;
+    }
+</style>

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

@@ -0,0 +1,236 @@
+<template>
+  <div class="home">
+    <div class="title">
+      <Icon type="ios-home-outline" size="22" />
+      <p><router-link to="/TeacherZone/ZonesHome">工作室首页</router-link></p><span>>学科文章</span>
+    </div>
+    <div class="content-info">
+      <Tabs type="card" size="default" :animated="false">
+        <TabPane label="默认栏目" icon="logo-apple">
+          <div class="info">
+            <ul class="first">
+              <li  v-for="item in info">
+                <p @click="viewDetails">
+                  <span class="title" title="高中物理高效课堂应重视培养学生的创新意识">
+                    {{item.title}}
+                  </span>
+                  <span class="user">{{item.name}}</span>
+                  <span class="date">{{item.data}}</span>
+                  <span>浏览{{item.num}}</span>
+                </p>
+              </li>
+            </ul>
+
+          </div>
+        </TabPane>
+        <TabPane label="保健安康" icon="ios-text-outline">
+          <div class="info">
+            <ul class="first" >
+              <li v-for="item in info">
+                <p @click="viewDetails">
+                  <span class="title" title="高中物理高效课堂应重视培养学生的创新意识">
+                    {{item.title}}
+                  </span>
+                  <span class="user">{{item.name}}</span>
+                  <span class="date">{{item.data}}</span>
+                  <span>浏览{{item.num}}</span>
+                </p>
+              </li>
+            </ul>
+
+          </div>
+        </TabPane>
+        <TabPane label="工作室相册" icon="ios-text-outline">
+          <div class="info">
+            <ul class="first" >
+              <li v-for="item in info">
+                <p @click="viewDetails">
+                  <span class="title" title="高中物理高效课堂应重视培养学生的创新意识">
+                    {{item.title}}
+                  </span>
+                  <span class="user">{{item.name}}</span>
+                  <span class="date">{{item.data}}</span>
+                  <span>浏览{{item.num}}</span>
+                </p>
+              </li>
+            </ul>
+
+          </div>
+        </TabPane>
+        <TabPane label="工作室建设" icon="ios-text-outline">
+          <div class="info">
+            <ul class="first">
+              <li  v-for="item in info">
+                <p @click="viewDetails">
+                  <span class="title" title="高中物理高效课堂应重视培养学生的创新意识">
+                    {{item.title}}
+                  </span>
+                  <span class="user">{{item.name}}</span>
+                  <span class="date">{{item.data}}</span>
+                  <span>浏览{{item.num}}</span>
+                </p>
+              </li>
+            </ul>
+
+          </div>
+        </TabPane>
+        <TabPane label="班主任工作" icon="ios-text-outline">
+          <div class="info">
+            <ul class="first" >
+              <li v-for="item in info">
+                <p @click="viewDetails">
+                  <span class="title" title="高中物理高效课堂应重视培养学生的创新意识">
+                    {{item.title}}
+                  </span>
+                  <span class="user">{{item.name}}</span>
+                  <span class="date">{{item.data}}</span>
+                  <span>浏览{{item.num}}</span>
+                </p>
+              </li>
+            </ul>
+
+          </div>
+        </TabPane>
+      </Tabs>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        info: [
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+          {
+            title: '高中物理高效课堂应重视培养学生的创新意识',
+            name: '张一啊',
+            data: '2018-02-26',
+            num: '25',
+          },
+
+        ]
+      }
+    },
+    methods: {
+      viewDetails() {
+        this.$router.push({ path: '/TeacherZone/TeachDetails' })
+
+      }
+    }
+  }
+</script>
+<style scoped>
+  .home {
+    width: 59%;
+    height: 500px;
+    position: absolute;
+    top: 69%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    text-align: center;
+  }
+
+  .title {
+    font-size: 16px;
+    text-align: left;
+    font-weight: 600;
+  }
+
+    .title p {
+      display: inline;
+    }
+
+  .content-info {
+    margin-top: 10px;
+  }
+
+  .info {
+    width: 100%;
+    height: 400px;
+    border: 1px solid #666;
+    background-color: #ffffff;
+    overflow: scroll;
+  }
+
+    .info .first {
+      padding-right: 20px;
+    }
+
+  .mgt20 {
+    margin-top: 20px;
+  }
+
+  .info ul {
+    list-style: none;
+  }
+
+  .info li p {
+    display: block;
+    height: 50px;
+    border-bottom: 1px dashed #dfdfdf;
+    padding-left: 10px;
+  }
+
+  .first p:hover {
+    background: #f7f7f7;
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  .first span {
+    display: inline-block;
+    color: #555;
+    /* text-align: left; */
+    line-height: 60px;
+    width: 440px;
+  }
+
+  .first .user {
+    width: 75px;
+  }
+
+  .first .date {
+    width: 105px;
+  }
+</style>