1

Signed-off-by: lcw <1324309909@qq.com>

src/App.vue

@@ -63,6 +63,7 @@ export default {
         "/student",
         "/works",
         "/course/courseDetail",
+        "/library",
         // "/course/addCourse",
         // "/ask",
         // "/ask/askList",

src/components/pages/library.vue

@@ -0,0 +1,152 @@
+<template>
+	<div class="pb_content">
+		<div class="pb_head">
+			<span>素材库</span>
+		</div>
+		<div class="pb_content_body" style="height: 70%">
+			<div class="student_head">
+				<div class="three">
+					<div :class="choose == 0 ? 'choose' : ''" @click="choose = 0">
+						图片
+					</div>
+					<div :class="choose == 1 ? 'choose' : ''" @click="choose = 1">
+						视频
+					</div>
+					<div :class="choose == 2 ? 'choose' : ''" @click="choose = 2">
+						音频
+					</div>
+				</div>
+				<div class="student_button">
+					<el-button type="primary">上传素材</el-button>
+				</div>
+			</div>
+			<div class="student_table">
+				<div v-if="this.choose == 0" style="padding: 15px 5px;display: flex;">
+					<div class="out_box">
+						<div class="tup"><img src="../../assets/tup1.png" alt="" /></div>
+						<div class="bottom_box">
+							<div>人工智能封面.png</div>
+							<div class="update">
+								<img src="../../assets/update.png" alt="" />
+							</div>
+						</div>
+					</div>
+				</div>
+                <div v-if="this.choose == 1" style="padding: 15px 5px;display: flex;">
+					<div class="out_box">
+						<div class="tup"><img src="../../assets/sp1.png" alt="" /></div>
+						<div class="bottom_box">
+							<div>2312193.mp4</div>
+							<div class="update">
+								<img src="../../assets/update.png" alt="" />
+							</div>
+						</div>
+					</div>
+                    <div class="out_box">
+						<div class="tup"><img src="../../assets/sp1.png" alt="" /></div>
+						<div class="bottom_box">
+							<div>2312193.mp4</div>
+							<div class="update">
+								<img src="../../assets/update.png" alt="" />
+							</div>
+						</div>
+					</div>
+				</div>
+                <div v-if="this.choose == 2" style="padding: 15px 5px;display: flex;">
+					<div class="out_box">
+						<div class="tup"><img src="../../assets/yp1.png" alt="" /></div>
+						<div class="bottom_box">
+							<div>人工智能.mp4</div>
+							<div class="update">
+								<img src="../../assets/update.png" alt="" />
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				choose: 0,
+			};
+		},
+		methods: {},
+		created() {},
+	};
+</script>
+
+<style scoped>
+	.student_button {
+		display: flex;
+		overflow: hidden;
+		height: 40px;
+	}
+	.student_head >>> .el-button--primary {
+		background-color: #2268bc;
+	}
+	.student_head {
+		display: flex;
+		justify-content: space-between;
+	}
+	.three {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		width: 200px;
+		height: 30px;
+	}
+
+	.three > div {
+		cursor: pointer;
+	}
+
+	.choose {
+		border-bottom: 5px solid #3994fd;
+	}
+
+	.student_table {
+		width: 100%;
+		height: 100%;
+		background: #f2f2f2;
+		margin-top: 10px;
+	}
+
+	.tup {
+		width: 200px;
+		margin: 0 auto;
+	}
+
+	.update {
+		width: 19px;
+		height: 20px;
+		margin-left: 10px;
+	}
+
+	.tup > img,
+	.update > img {
+		width: 100%;
+		height: 100%;
+	}
+
+	.out_box {
+		display: flex;
+		flex-direction: column;
+		flex-wrap: nowrap;
+		width: 250px;
+		padding: 10px 0;
+		background: #fff;
+        margin-left: 25px;
+	}
+
+	.bottom_box {
+		display: flex;
+		text-align: center;
+		margin: 0 auto;
+		margin-top: 5px;
+	}
+</style>

src/components/pages/works.vue

@@ -9,13 +9,13 @@
 				<div class="student_search" v-if="this.choose == 0">
 					<div>项目筛选</div>
 					<el-select
-						v-model="subject"
+						v-model="project"
 						placeholder="请选择课程"
-						@change="searchWork"
+						@change="searchProject"
 					>
 						<el-option label="全部" value=""></el-option>
 						<el-option
-							v-for="(item, index) in subjectJuri"
+							v-for="(item, index) in projectJuri"
 							:key="index"
 							:label="item.name"
 							:value="item.id"
@@ -52,7 +52,44 @@
 					</el-select>
 				</div>
 			</div>
-			<div class="student_table">
+			<div class="student_table" v-if="this.choose == 0">
+				<el-table
+					ref="table"
+					:data="tableData1"
+					border
+					:height="tableHeight"
+					:fit="true"
+					v-loading="isLoading"
+					style="width: 100%"
+					:header-cell-style="{ background: '#f1f1f1' }"
+					:row-class-name="tableRowClassName"
+					stripe
+				>
+					<el-table-column
+						prop="project"
+						label="项目"
+						min-width="30"
+						align="center"
+					></el-table-column>
+					<el-table-column
+						prop="time"
+						label="时间"
+						min-width="20"
+						align="center"
+					></el-table-column>
+					<el-table-column label="操作" min-width="30">
+						<template>
+							<el-button
+								type="primary"
+								size="small"
+								@click="lookStudent"
+								>查看学生</el-button
+							>
+						</template>
+					</el-table-column>
+				</el-table>
+			</div>
+			<div class="student_table" v-if="this.choose == 1">
 				<el-table
 					ref="table"
 					:data="tableData"
@@ -308,7 +345,7 @@
 	export default {
 		data() {
 			return {
-				choose:0,
+				choose: 0,
 				tableHeight: "500px",
 				isLoading: false,
 				formLabelWidth: "100px",
@@ -325,9 +362,11 @@
 				commentAnswer:
 					"作为家长我很高兴看到孩子的进步，希望这个进步只是一个开始，在新学期能够继续延续，这样才能不负老师的期望",
 				tableData: [],
+				tableData1: [],
 				subject: "",
 				sClass: "",
 				subjectJuri: [],
+				projectJuri: [],
 				grade: [],
 				rateList: {
 					ca: 0,
@@ -359,6 +398,9 @@
 			lookWork() {
 				this.dialogVisible = true;
 			},
+			lookStudent() {
+				this.choose = 1;
+			},
 			doingAssess() {
 				this.dialogVisible1 = true;
 			},
@@ -391,6 +433,7 @@
 					.get(this.$store.state.api + "getGroup", params)
 					.then((res) => {
 						this.subjectJuri = res.data[0];
+						this.projectJuri = res.data[0];
 					})
 					.catch((err) => {
 						console.error(err);
@@ -400,6 +443,10 @@
 				this.page = 1;
 				this.getWorks();
 			},
+			searchProject() {
+				this.page = 1;
+				this.getProject();
+			},
 			//获取作业
 			getWorks() {
 				this.isLoading = true;
@@ -422,6 +469,25 @@
 						console.error(err);
 					});
 			},
+			getProject() {
+				this.isLoading = true;
+				let params = {
+					cu: "",
+					cn: "",
+					page: this.page,
+				};
+				this.ajax
+					.get(this.$store.state.api + "getProject", params)
+					.then((res) => {
+						this.isLoading = false;
+						this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+						this.tableData1 = res.data[0];
+					})
+					.catch((err) => {
+						this.isLoading = false;
+						console.error(err);
+					});
+			},
 			right() {
 				this.dialogVisible2 = false;
 			},
@@ -431,6 +497,7 @@
 			this.getClass();
 			this.getGroup();
 			this.getWorks();
+			this.getProject();
 		},
 	};
 </script>

src/components/tools/leftBar.vue

@@ -77,6 +77,15 @@
             </div>
             <span slot="title">通知公告</span>
           </el-menu-item>
+          <el-menu-item index="/library">
+            <div class="img" v-if="path == '/library'">
+              <img src="../../assets/icon/new-active.svg" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/notice.png" alt="" />
+            </div>
+            <span slot="title">素材库</span>
+          </el-menu-item>
           <!-- <el-menu-item index="/ask">
             <div class="img" v-if="path == '/ask'">
               <img

src/router/index.js

@@ -12,6 +12,7 @@ import works from '@/components/pages/works'
 import login from '@/components/login'
 import ask from '@/components/pages/ask'
 import addCourse from '@/components/pages/addCourse'
+import library from '@/components/pages/library'
 
 Vue.use(Router).use(ElementUI)
 
@@ -96,6 +97,14 @@ export default new Router({
         requireAuth: true // 是否需要判断是否登录,这里是需要判断
       }
     },
+    {
+      path: '/library',
+      name: 'library',
+      component: library,
+      meta: {
+        requireAuth: true // 是否需要判断是否登录,这里是需要判断
+      }
+    },
     {
       path: '/login',
       name: 'login',