完善筛选

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

@@ -54,14 +54,9 @@
                   <dt class="nyCase-tit c888">类型：</dt>
                   <dd class="nyCase-c">
                     <p class="nyCase-c-a">
-                      <a href="javascript:resClassQuery('');" class="on">全部</a>
-                      <a href="javascript:resClassQuery('jl01');">教案</a>
-                      <a href="javascript:resClassQuery('jl02');">课件</a>
-                      <a href="javascript:resClassQuery('jl04');">习题</a>
-                      <a href="javascript:resClassQuery('jl06');">素材</a>
-                      <a href="javascript:resClassQuery('jl12');">试卷</a>
-                      <a href="javascript:resClassQuery('jl25');">微课</a>
-                      <a href="javascript:resClassQuery('jl13');">其他</a>
+                      <Select v-model="typedefault" style="width:150px" @on-change="clickbtn">
+                        <Option v-for="itemf in typedata" :value="itemf.value" :key="itemf.value">{{ itemf.label }}</Option>
+                      </Select>
                     </p>
                   </dd>
                 </dl>
@@ -69,14 +64,9 @@
                   <dt class="nyCase-tit c888">格式：</dt>
                   <dd class="nyCase-c">
                     <p class="nyCase-c-a">
-                      <a href="javascript:;" class="on" onclick="javascript:selectFormatDto('');">全部</a>
-                      <a href="javascript:;" onclick="javascript:selectFormatDto('FMT01');">文档</a>
-                      <a href="javascript:;" onclick="javascript:selectFormatDto('FMT02');">图片</a>
-                      <a href="javascript:;" onclick="javascript:selectFormatDto('FMT03');">音频</a>
-                      <a href="javascript:;" onclick="javascript:selectFormatDto('FMT04');">视频</a>
-                      <a href="javascript:;" onclick="javascript:selectFormatDto('FMT05');">动画</a>
-                      <a href="javascript:;" onclick="javascript:selectFormatDto('FMT06');">其他</a>
-                      <a href="javascript:;" onclick="javascript:selectFormatDto('FMT07');">压缩包</a>
+                      <Select v-model="formatdefault" style="width:150px" @on-change="clickformatdefault">
+                        <Option v-for="itemf in formatdata" :value="itemf.value" :key="itemf.value">{{ itemf.label }}</Option>
+                      </Select>
                     </p>
                   </dd>
                 </dl>
@@ -84,10 +74,9 @@
                   <dt class="nyCase-tit c888">来源：</dt>
                   <dd class="nyCase-c">
                     <p class="nyCase-c-a">
-                      <a href="javascript:;" class="on" onclick="javascript:selectOwnerRes('');">全部</a>
-                      <a href="javascript:;" onclick="javascript:selectOwnerRes('2');">社会企业</a>
-                      <a href="javascript:;" onclick="javascript:selectOwnerRes('3');">教育单位</a>
-                      <a href="javascript:;" onclick="javascript:selectOwnerRes('4');">个人共享</a>
+                      <Select v-model="sourcedefault" style="width:150px">
+                        <Option v-for="itemf in sourcedata" :value="itemf.value" :key="itemf.value">{{ itemf.label }}</Option>
+                      </Select>
                     </p>
                   </dd>
                 </dl>
@@ -436,23 +425,70 @@
             ]
           }
         ],
+        typedata:[
+   {value: '全部',label: '全部'},
+   {value: '课件',label: '课件'},
+   {value: '习题',label: '习题'},
+   {value: '教案',label: '教案'},
+   {value: '试卷',label: '试卷'},
+   {value: '素材',label: '素材'},
+   {value: '微课',label: '微课'},
+   {value: '其他',label: '其他'},
+                ],
+          typedefault:'全部',
+        formatdata:[
+   {value: '全部',label: '全部'},
+   {value: '文档',label: '文档'},
+   {value: '图片',label: '图片'},
+   {value: '音频',label: '音频'},
+   {value: '视频',label: '视频'},
+   {value: '动画',label: '动画'},
+   {value: '压缩包',label: '压缩包'},
+   {value: '其他',label: '其他'},
+                    ],
+      formatdefault:'全部',
+        sourcedata:[
+             {value: '全部',label: '全部'},
+             {value: '社会企业',label: '社会企业'},
+             {value: '教育单位',label: '教育单位'},
+             {value: '个人共享',label: '个人共享'},
+                  ],
+    sourcedefault:'全部',
         listdata: [
-          { "id": 1, "img": require("../../assets/image/resource/document_01.jpg"), "title": '《2金木水火土》 教学设计.docx', "intro": '点击查看更多《2金木水火土》 教学设计.docx精彩内容', "time": '2019-03-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '任冲' },
-          { "id": 2, "img": require("../../assets/image/resource/document_02.jpg"), "title": '《小蜗牛》同步练习.doc', "intro": '点击查看更多《小蜗牛》同步练习精彩内容', "time": '2018-11-06', "size": '91KB', 'browse': '89', "enshrine": '0', "upload": '0', "author": '任冲' },
-          { "id": 3, "img": require("../../assets/image/resource/document_03.jpg"), "title": '音频：《对韵歌》课文朗读.mp3', "intro": '点击查看更多音频：《对韵歌》课文朗读.mp3精彩内容', "time": '2019-02-21', "size": '99KB', 'browse': '30', "enshrine": '0', "upload": '0', "author": '王瞿' },
+          { "id": 1, "img": require("../../assets/image/resource/document_01.jpg"), "title": '《风姑娘送》 教学设计.docx', "intro": '点击查看更多《2金木水火土》 教学设计.docx精彩内容', "time": '2019-03-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '王佳慧' },
+          { "id": 2, "img": require("../../assets/image/resource/document_02.jpg"), "title": '《小溪生病了》同步练习.doc', "intro": '点击查看更多《小蜗牛》同步练习精彩内容', "time": '2018-11-06', "size": '91KB', 'browse': '89', "enshrine": '0', "upload": '0', "author": '任冲' },
+          { "id": 3, "img": require("../../assets/image/resource/document_01.jpg"), "title": '《窗外小鸟轻点叫》 教学设计.docx', "intro": '点击查看更多《窗外小鸟轻点叫》 教学设计.docx精彩内容', "time": '2019-03-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '任冲' },
           { "id": 4, "img": require("../../assets/image/resource/document_04.jpg"), "title": '视频：柳绿桃红.flv', "intro": '点击查看更多视频：柳绿桃红.flv精彩内容', "time": '2019-02-22', "size": '102.3MB', 'browse': '103', "enshrine": '10', "upload": '5', "author": '李佳' },
           { "id": 5, "img": require("../../assets/image/resource/document_04.jpg"), "title": '视频：山清水秀的自然风光.mp4', "intro": '点击查看更多视频：山清水秀的自然风光.mp4精彩内容', "time": '2018-12-09', "size": '58MB', 'browse': '206', "enshrine": '10', "upload": '2', "author": '李佳' },
           { "id": 6, "img": require("../../assets/image/resource/document_04.jpg"), "title": '视频：云、雨、雪的形成.mp4', "intro": '点击查看更多视频：云、雨、雪的形成.mp4精彩内容', "time": '2018-08-16', "size": '85KB', 'browse': '109', "enshrine": '73', "upload": '40', "author": '任冲' },
           { "id": 7, "img": require("../../assets/image/resource/document_02.jpg"), "title": '文档：《对韵歌》拓展学习.ppt', "intro": '点击查看更多文档：《对韵歌》拓展学习.ppt精彩内容', "time": '2018-09-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '任冲' },
-          { "id": 8, "img": require("../../assets/image/resource/document_01.jpg"), "title": '《2金木水火土》 教学设计.docx', "intro": '点击查看更多《2金木水火土》 教学设计.docx精彩内容', "time": '2019-03-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '任冲' },
-        ],
+          { "id": 8, "img": require("../../assets/image/resource/document_01.jpg"), "title": '《山爷爷和孩子的对话》 教学设计.docx', "intro": '点击查看更多《山爷爷和孩子的对话》 教学设计.docx精彩内容', "time": '2019-03-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '任冲' },
+          { "id": 9, "img": require("../../assets/image/resource/document_03.jpg"), "title": '音频：《对韵歌》课文朗读.mp3', "intro": '点击查看更多音频：《对韵歌》课文朗读.mp3精彩内容', "time": '2019-02-21', "size": '99KB', 'browse': '30', "enshrine": '0', "upload": '0', "author": '王瞿' },
+                ],
       }
     },
     methods: {
       callouts() {
         this.callout = !this.callout //取反
-      }
-    }
+      },
+      clickbtn(){
+          let newdata=[
+          { "id": 1, "img": require("../../assets/image/resource/document_01.jpg"), "title": '《风姑娘送》 教学设计.docx', "intro": '点击查看更多《2金木水火土》 教学设计.docx精彩内容', "time": '2019-03-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '王佳慧' },
+          { "id": 2, "img": require("../../assets/image/resource/document_02.jpg"), "title": '《小溪生病了》同步练习.doc', "intro": '点击查看更多《小蜗牛》同步练习精彩内容', "time": '2018-11-06', "size": '91KB', 'browse': '89', "enshrine": '0', "upload": '0', "author": '任冲' },
+          { "id": 3, "img": require("../../assets/image/resource/document_01.jpg"), "title": '《窗外小鸟轻点叫》 教学设计.docx', "intro": '点击查看更多《窗外小鸟轻点叫》 教学设计.docx精彩内容', "time": '2019-03-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '任冲' },
+          { "id": 4, "img": require("../../assets/image/resource/document_01.jpg"), "title": '《山爷爷和孩子的对话》 教学设计.docx', "intro": '点击查看更多《山爷爷和孩子的对话》 教学设计.docx精彩内容', "time": '2019-03-15', "size": '65KB', 'browse': '109', "enshrine": '5', "upload": '0', "author": '任冲' },
+            ];
+          this.listdata=newdata;
+        },
+      clickformatdefault(){
+         let newdata=[
+        { "id": 1, "img": require("../../assets/image/resource/document_04.jpg"), "title": '视频：柳绿桃红.flv', "intro": '点击查看更多视频：柳绿桃红.flv精彩内容', "time": '2019-02-22', "size": '102.3MB', 'browse': '103', "enshrine": '10', "upload": '5', "author": '李佳' },
+        { "id": 2, "img": require("../../assets/image/resource/document_04.jpg"), "title": '视频：山清水秀的自然风光.mp4', "intro": '点击查看更多视频：山清水秀的自然风光.mp4精彩内容', "time": '2018-12-09', "size": '58MB', 'browse': '206', "enshrine": '10', "upload": '2', "author": '李佳' },
+        { "id": 3, "img": require("../../assets/image/resource/document_04.jpg"), "title": '视频：云、雨、雪的形成.mp4', "intro": '点击查看更多视频：云、雨、雪的形成.mp4精彩内容', "time": '2018-08-16', "size": '85KB', 'browse': '109', "enshrine": '73', "upload": '40', "author": '任冲' },
+          ];
+           this.listdata=newdata;
+      },
+    },
   }
 </script>
 <style scoped>
@@ -890,9 +926,6 @@
     background: #fff;
     margin-left:10px;
   }
-    .site-nyCase-rect .nyCase-dl {
-      padding: 4px 0;
-    }
     .site-nyCase-rect .nyCase-tit {
       width: 52px;
       float: left;
@@ -906,6 +939,8 @@
       margin-left: 76px;
       overflow: hidden;
       zoom: 1;
+      width:25%;
+      float:left;
     }
     .site-nyCase-rect .nyCase-c-a {
       float: left;

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

@@ -80,10 +80,6 @@
         </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>
@@ -206,21 +202,4 @@
   .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/video.vue

@@ -23,12 +23,16 @@
             <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>
+              <a target="_blank" :href="item.url" style="color:#fff">{{item.slogan}}</a>
             </h4>
           </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>
@@ -195,4 +199,21 @@
       width:100%;
       height:170px;
     }
+  .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/view/resource/index.vue

@@ -3,8 +3,8 @@
     <Header></Header>
     <Banner></Banner>
     <Exam></Exam>
-    <Video></Video>
     <Recommend></Recommend>
+    <Video></Video>
     <Footer></Footer>
   </div>
 </template>