class

src/components/pages/class.vue

@@ -191,6 +191,7 @@
 				let params = {
 					// username: this.$store.state.userInfo.userid,
 					cu: "",
+					oid:this.$store.state.userInfo.organizeid,
 					cn: this.sClassName,
 					page: this.page,
 				};

src/components/pages/course.vue

@@ -43,7 +43,7 @@
             <div class="three_bottom">
               <div @click="jump(item.courseId)">开始教学</div>
               <div v-if="groupA == '0'">修改文档模板</div>
-              <div @click="goTo('/works?cid=' + item.courseId)">作业</div>
+              <div @click="goTo('/worksDetail?cid=' + item.courseId)">作业</div>
             </div>
           </div>
           <div class="course_empty" v-if="course.length == 0">暂无数据</div>

src/components/pages/works.vue

@@ -1,497 +1,229 @@
 <template>
-	<div class="pb_content">
-		<div class="pb_head">
-			<span>评价管理</span>
-			<!-- <span>备注：教师可以根据课程、班级条件筛选学生并查看该学生信息</span> -->
-		</div>
-		<div class="pb_content_body">
-			<div class="student_head">
-				<div class="student_search">
-					<div>项目筛选</div>
-					<el-select
-						v-model="projectchoose"
-						placeholder="请选择课程"
-						@change="searchProject"
-					>
-						<el-option label="全部" value=""></el-option>
-						<el-option
-							v-for="(item, index) in projectJuri"
-							:key="index"
-							:label="item.name"
-							:value="item.id"
-						></el-option>
-					</el-select>
-				</div>
-			</div>
-			<div class="student_table">
-				<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="goTo('/worksDetail')"
-								>查看学生</el-button
-							>
-						</template>
-					</el-table-column>
-				</el-table>
-			</div>
-			<div class="student_page">
-				<el-pagination
-					background
-					layout="prev, pager, next"
-					:page-size="10"
-					:total="total"
-					@current-change="handleCurrentChange"
-				>
-				</el-pagination>
-			</div>
-		</div>
-	</div>
+  <div class="pb_content">
+    <div class="pb_head">
+      <span>评价管理</span>
+      <!-- <span>备注：教师可以根据课程、班级条件筛选学生并查看该学生信息</span> -->
+    </div>
+    <div class="pb_content_body">
+      <div class="student_head">
+        <div class="student_search">
+          <div>项目筛选</div>
+          <el-select v-model="groupA" @change="search">
+            <el-option value="0" label="我的课程"></el-option>
+            <el-option value="1" label="他人课程"></el-option>
+          </el-select>
+          <el-input
+            v-model="cn"
+            placeholder="筛选项目名称"
+            @input="search"
+          ></el-input>
+        </div>
+      </div>
+      <div class="student_table">
+        <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="title"
+            label="项目"
+            min-width="30"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="uname"
+            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 slot-scope="scope">
+              <el-button
+                type="primary"
+                size="small"
+                @click="goTo('/worksDetail?cid=' + scope.row.courseId)"
+                >查看学生</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="student_page">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :page-size="10"
+          :total="total"
+          v-if="!isLoading && page"
+          @current-change="handleCurrentChange"
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				tableHeight: "500px",
-				isLoading: false,
-				formLabelWidth: "100px",
-				tableData1: [],
-				subject: "",
-				sClass: "",
-				subjectJuri: [],
-				projectJuri: [],
-				grade: [],
-				projectchoose: "",
-				page: 1,
-				total: 0,
-			};
-		},
-		mounted() {
-			this.$nextTick(function () {
-				this.tableHeight =
-					window.innerHeight - this.$refs.table.$el.offsetTop - 200;
-				if (this.tableHeight <= 530) {
-					this.tableHeight = 530;
-				}
-				// 监听窗口大小变化
-				let self = this;
-				window.onresize = function () {
-					self.tableHeight =
-						window.innerHeight - self.$refs.table.$el.offsetTop - 200;
-					if (self.tableHeight <= 530) {
-						self.tableHeight = 530;
-					}
-				};
-			});
-		},
-		methods: {
-			goTo(path) {
-				this.$router.push(path);
-			},
-			tableRowClassName({ row, rowIndex }) {
-				if ((rowIndex + 1) % 2 === 0) {
-					return "even_row";
-				} else {
-					return "";
-				}
-			},
-			handleClose(done) {
-				done();
-			},
-			tableRowClassName({ row, rowIndex }) {
-				if ((rowIndex + 1) % 2 === 0) {
-					return "even_row";
-				} else {
-					return "";
-				}
-			},
-			handleCurrentChange(val) {
-				this.page = val;
-			},
-			//获取班级列表
-			getClass() {
-				this.isLoading = true;
-				let params = {
-					cu: "",
-					cn: this.sClass,
-					page: this.page,
-				};
-				this.ajax
-					.get(this.$store.state.api + "selectClass", params)
-					.then((res) => {
-						this.isLoading = false;
-						this.grade = res.data[0];
-					})
-					.catch((err) => {
-						this.isLoading = false;
-						console.error(err);
-					});
-			},
-			//获取分组分类
-			getGroup() {
-				let params = {};
-				this.ajax
-					.get(this.$store.state.api + "getGroup", params)
-					.then((res) => {
-						this.subjectJuri = res.data[0];
-						this.projectJuri = res.data[0];
-					})
-					.catch((err) => {
-						console.error(err);
-					});
-			},
-			searchWork() {
-				this.page = 1;
-				this.getWorks();
-			},
-			searchProject() {
-				this.page = 1;
-				this.getProject();
-			},
-			getProject() {
-				this.isLoading = true;
-				let params = {
-					cu: "",
-					cn: this.projectchoose,
-					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);
-					});
-			},
-		},
-		created() {
-			this.page = 1;
-			this.getClass();
-			this.getGroup();
-			this.getProject();
-		},
-	};
+export default {
+  data() {
+    return {
+      tableHeight: "500px",
+      isLoading: false,
+      formLabelWidth: "100px",
+      tableData1: [],
+      subject: "",
+      sClass: "",
+      subjectJuri: [],
+      projectJuri: [],
+      grade: [],
+      projectchoose: "",
+      page: 1,
+      total: 0,
+      groupA: "0",
+      cn: "",
+    };
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.tableHeight =
+        window.innerHeight - this.$refs.table.$el.offsetTop - 200;
+      if (this.tableHeight <= 530) {
+        this.tableHeight = 530;
+      }
+      // 监听窗口大小变化
+      let self = this;
+      window.onresize = function () {
+        self.tableHeight =
+          window.innerHeight - self.$refs.table.$el.offsetTop - 200;
+        if (self.tableHeight <= 530) {
+          self.tableHeight = 530;
+        }
+      };
+    });
+  },
+  methods: {
+    goTo(path) {
+      this.$router.push(path);
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    handleClose(done) {
+      done();
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+    },
+    //获取班级列表
+    getClass() {
+      this.isLoading = true;
+      let params = {
+        cu: "",
+        cn: this.sClass,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectClass", params)
+        .then((res) => {
+          this.isLoading = false;
+          this.grade = res.data[0];
+        })
+        .catch((err) => {
+          this.isLoading = false;
+          console.error(err);
+        });
+    },
+    searchWork() {
+      this.page = 1;
+      this.getWorks();
+    },
+    getProject() {
+      this.isLoading = true;
+      let params = {
+        type: this.groupA,
+        uid: this.$store.state.userInfo.userid,
+        oid: this.$store.state.userInfo.organizeid,
+        cn: this.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);
+        });
+    },
+    search() {
+      this.page = 1;
+      this.getProject();
+    },
+  },
+  created() {
+    this.page = 1;
+    // this.getClass();
+    // this.getGroup();
+    this.getProject();
+  },
+};
 </script>
 
 <style scoped>
-	.pb_head > span:nth-child(2) {
-		font-size: 16px;
-		margin-left: 80px;
-		color: #ab582f;
-	}
-	.student_head {
-		margin-bottom: 20px;
-	}
-	.student_search {
-		display: flex;
-	}
-	.student_search > div:nth-child(1) {
-		line-height: 35px;
-		font-size: 14px;
-	}
-	.student_search >>> .el-input__inner {
-		width: 190px;
-		height: 35px;
-		margin-left: 10px;
-	}
-	.student_table >>> .el-table--border td {
-		border-right: 0px !important;
-	}
-	.add_work >>> .el-dialog__header {
-		padding: 20px 20px 10px;
-		text-align: center;
-		background: #32455b;
-	}
-	.add_work >>> .el-dialog__title {
-		font-size: 14px !important;
-		color: #fff !important;
-	}
-	.add_work >>> .el-dialog__headerbtn {
-		font-size: 20px !important;
-	}
-	.add_work >>> .el-form-item__label {
-		margin-left: 65px;
-	}
-	.add_work >>> .el-form-item {
-		display: flex;
-	}
-	.add_work >>> .el-form-item__content {
-		margin: 0 !important;
-	}
-	.add_work >>> .el-dialog__footer {
-		text-align: center !important;
-	}
-	.header-title {
-		display: flex;
-	}
-	.logoImg {
-		width: 30px;
-	}
-	.logoImg > img {
-		width: 100%;
-		height: 100%;
-	}
-	.title_add_student {
-		margin: 0 auto;
-		color: #fff;
-	}
-	.top {
-		display: flex;
-		justify-content: space-between;
-		padding-bottom: 10px;
-		border-bottom: 2px solid #eee;
-	}
-	.top > div:nth-child(1) {
-		font-size: 18px;
-	}
-	.top > div:nth-child(2) {
-		font-size: 14px;
-		line-height: 28px;
-	}
-	.first {
-		margin-top: 25px;
-		border-bottom: 1px solid #c5c5c5;
-	}
-	.one_top {
-		display: flex;
-		justify-content: space-between;
-	}
-	.one_top > div:nth-child(1) {
-		color: #2490bf;
-		font-size: 16px;
-	}
-	.one_top > button {
-		width: 100px;
-		background: #24a0a4;
-		height: 30px;
-		color: #e0e0e0;
-		font-size: 13px;
-		padding: 0 !important;
-	}
-	.work_Img {
-		width: 150px;
-		margin: 10px 0;
-	}
-	.assess_Img {
-		width: 400px;
-		margin: 0 auto;
-		padding: 15px 0;
-	}
-	.work_Img > img,
-	.assess_Img > img {
-		width: 100%;
-		height: 100%;
-	}
-	.work_input {
-		border: 1px solid;
-		width: 135px;
-		height: 20px;
-		line-height: 20px;
-		font-size: 13px;
-		padding: 5px;
-	}
-	.poetry {
-		margin: 10px 0 15px 0;
-	}
-	.assess {
-		background: #169bd5 !important;
-	}
-	.assess_top {
-		border-bottom: 2px solid #eee;
-		padding-bottom: 10px;
-	}
-	.assess_top > div:nth-child(1) {
-		color: #2490bf;
-		font-size: 16px;
-	}
-	.student_Answer {
-		display: flex;
-		margin: 5px 10px;
-		border-bottom: 1px solid #ccc;
-		padding-bottom: 25px;
-	}
-	.workName {
-		font-size: 18px;
-		font-weight: bold;
-		margin: 5px 10px;
-	}
-	.toux {
-		width: 25px;
-		margin: auto 0;
-		height: 25px;
-	}
-	.toux > img {
-		width: 100%;
-		height: 100%;
-	}
-	.nav {
-		display: flex;
-		flex-wrap: wrap;
-		margin-top: 10px;
-		flex-direction: column;
-	}
-	.studentName {
-		margin-left: 10px;
-		font-size: 13px;
-	}
-	.studentAnswer {
-		font-size: 12px;
-		margin: 5px 0 0 10px;
-	}
-	.comment {
-		margin: 20px 0 0 10px;
-	}
-	.comment > .comment_title {
-		font-size: 18px;
-	}
-	.comment > .comment_title > span {
-		font-size: 14px;
-	}
-	.other_Answer {
-		display: flex;
-		margin: 5px 10px;
-		border-bottom: 1px solid #ccc;
-		padding-bottom: 15px;
-	}
-	.nav {
-		margin-left: 5px;
-	}
-	.nameAndTime {
-		display: flex;
-	}
-	.otherName {
-		font-weight: bold;
-		margin-left: 10px;
-		font-size: 13px;
-	}
-	.time {
-		margin-left: 25px;
-		font-size: 12px;
-		margin-top: 3px;
-	}
-	.otherAnswer {
-		width: 400px;
-		word-wrap: break-word;
-		word-break: break-all;
-		overflow: hidden;
-		font-size: 12px;
-		margin: 5px 0 0 10px;
-	}
-	.doingAssess {
-		margin: 0 auto;
-		width: 300px;
-		background: #169bd5;
-		height: 35px;
-		line-height: 35px;
-		border-radius: 3px;
-		font-size: 13px;
-		text-align: center;
-		color: #fff;
-		margin-top: 30px;
-		cursor: pointer;
-	}
-	.score_top {
-		display: flex;
-		margin-left: 15px;
-	}
-	.userTou {
-		width: 50px;
-	}
-	.userTou > img {
-		width: 100%;
-		height: 100%;
-	}
-	.score_user_name {
-		line-height: 53px;
-		margin-left: 15px;
-	}
-	.course_top {
-		display: flex;
-		margin: 30px 0 0 20px;
-	}
-	.course_top > div:nth-child(1) {
-		line-height: 25px;
-	}
-	.course_top > div:nth-child(2) {
-		border: 1px solid #ccc;
-		width: 250px;
-		text-align: center;
-		height: 25px;
-		line-height: 25px;
-		margin-left: 30px;
-	}
-	.sd_score {
-		font-size: 15px;
-		background: #fff;
-		padding: 18px 25px 1px;
-		width: 310px;
-		margin-bottom: 15px;
-	}
-	.sd_score .score_box {
-		display: flex;
-		align-items: center;
-		margin-bottom: 18px;
-	}
-	.sd_score span {
-		width: 100px;
-		text-align: justify;
-		text-align-last: justify;
-		display: block;
-		margin-right: 20px;
-	}
-	.moreSay {
-		margin: 0px 0 5px 20px;
-	}
-	.more_say_input {
-		margin-left: 20px;
-		width: 90%;
-	}
-	.more_say_input >>> .el-input__inner {
-		height: 75px;
-		font-size: 13px;
-		padding: 0 0 0 10px;
-	}
-	.assess_right {
-		width: 200px;
-		background: #666666;
-		color: #fff;
-		text-align: center;
-		height: 25px;
-		line-height: 25px;
-		border-radius: 5px;
-		margin: 0 auto;
-		margin-top: 20px;
-		font-size: 13px;
-		cursor: pointer;
-	}
+.pb_head > span:nth-child(2) {
+  font-size: 16px;
+  margin-left: 80px;
+  color: #ab582f;
+}
+.student_head {
+  margin-bottom: 20px;
+}
+.student_search {
+  display: flex;
+}
+.student_search > div:nth-child(1) {
+  line-height: 35px;
+  font-size: 14px;
+  min-width: 60px;
+}
+.student_search >>> .el-input__inner {
+  width: 190px;
+  height: 35px;
+  margin-left: 10px;
+}
+.student_table >>> .el-table--border td {
+  border-right: 0px !important;
+}
+
+.student_page {
+  margin-top: 10px;
+}
 </style>

src/components/pages/worksDetail.vue

@@ -1,14 +1,14 @@
 <template>
-	<div class="pb_content">
-		<div class="pb_head">
-			<span>评价管理</span>
-			<!-- <span>备注：教师可以根据课程、班级条件筛选学生并查看该学生信息</span> -->
-		</div>
-		<div class="pb_content_body">
-			<div class="student_head">
-				<div class="student_search">
-					<div>项目筛选</div>
-					<el-select
+  <div class="pb_content">
+    <div class="pb_head">
+      <span>评价管理</span>
+      <!-- <span>备注：教师可以根据课程、班级条件筛选学生并查看该学生信息</span> -->
+    </div>
+    <div class="pb_content_body">
+      <div class="student_head">
+        <div class="student_search">
+          <div>项目筛选</div>
+          <!-- <el-select
 						v-model="subject"
 						placeholder="请选择课程"
 						@change="searchWork"
@@ -20,725 +20,728 @@
 							:label="item.name"
 							:value="item.id"
 						></el-option>
-					</el-select>
-					<el-select
-						v-model="sClass"
-						placeholder="请选择班级"
-						@change="searchWork"
-					>
-						<el-option label="所有班级" value=""></el-option>
-						<el-option
-							v-for="(item, index) in grade"
-							:key="index"
-							:label="item.name"
-							:value="item.id"
-						></el-option>
-					</el-select>
-				</div>
-			</div>
-			<div class="student_table">
-				<el-table
-					ref="table"
-					:data="tableData"
-					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="sName"
-						label="姓名"
-						min-width="15"
-						align="center"
-					></el-table-column>
-					<el-table-column
-						prop="class"
-						label="班级"
-						min-width="20"
-						align="center"
-					></el-table-column>
-					<el-table-column
-						prop="course"
-						label="课程"
-						min-width="20"
-						align="center"
-					></el-table-column>
-					<el-table-column
-						prop="time"
-						label="时间"
-						min-width="15"
-						align="center"
-					></el-table-column>
-					<el-table-column label="操作" min-width="30">
-						<template slot-scope="scope">
-							<el-button
-								type="primary"
-								size="small"
-								@click="lookWork(scope.row.id)"
-								>查看作业</el-button
-							>
-							<el-button
-								class="de_button"
-								type="primary"
-								size="small"
-								@click="deleteWork(scope.row.id)"
-								>删除</el-button
-							>
-						</template>
-					</el-table-column>
-				</el-table>
-				<el-dialog
-					:visible.sync="dialogVisible"
-					:append-to-body="true"
-					width="700px"
-					:before-close="handleClose"
-					class="add_work"
-				>
-					<div slot="title" class="header-title">
-						<div class="logoImg">
-							<img src="../../assets/logo.png" alt="" />
-						</div>
-						<div class="title_add_student">查看作业</div>
-					</div>
-					<div class="top">
-						<div>{{ this.courseByUser }}</div>
-						<div>{{ this.userName }}</div>
-					</div>
-					<div class="first">
-						<div class="one_top">
-							<div>一、{{ this.courseByUser }} - {{ this.userName }}</div>
-							<el-button>已评分</el-button>
-						</div>
-						<div class="work_Img">
-							<img src="../../assets/workImg.png" alt="" />
-						</div>
-						<div class="work_input">
-							<div>早梅</div>
-						</div>
-						<div class="poetry">
-							一树寒梅白玉条，林村路傍溪桥.唐张谓《早梅》
-						</div>
-					</div>
-					<div class="first">
-						<div class="one_top">
-							<div>一、{{ this.courseByUser }}2 - {{ this.userName }}</div>
-							<el-button class="assess" @click="doingAssess"
-								>进行评分</el-button
-							>
-						</div>
-						<div class="work_Img">
-							<img src="../../assets/workImg.png" alt="" />
-						</div>
-						<div class="work_input">
-							<div>{{ this.answerName }}</div>
-						</div>
-						<div class="poetry">雨荒深院菊,霜倒半池莲.唐杜甫《宿赞公房》</div>
-					</div>
-				</el-dialog>
-				<el-dialog
-					:visible.sync="dialogVisible1"
-					:append-to-body="true"
-					width="700px"
-					:before-close="handleClose"
-					class="add_work"
-				>
-					<div slot="title" class="header-title">
-						<div class="logoImg">
-							<img src="../../assets/logo.png" alt="" />
-						</div>
-						<div class="title_add_student">查看作业</div>
-					</div>
-					<div class="assess_top">
-						<div>{{ this.courseByUser }} - {{ this.userName }}</div>
-					</div>
-					<div class="assess_Img">
-						<img src="../../assets/workImg.png" alt="" />
-					</div>
-					<div class="workName">{{ this.answerName }}</div>
-					<div class="student_Answer">
-						<div class="toux">
-							<img src="../../assets/portal.png" alt="" />
-						</div>
-						<div class="nav">
-							<div class="studentName">{{ this.userName }}</div>
-							<div class="studentAnswer">{{ this.studentAnswer }}</div>
-						</div>
-					</div>
-					<div class="comment">
-						<div class="comment_title">
-							评论<span>({{ this.commentCount }})</span>
-						</div>
-						<div class="other_Answer">
-							<div class="toux">
-								<img src="../../assets/portal.png" alt="" />
-							</div>
-							<div class="nav">
-								<div class="nameAndTime">
-									<div class="otherName">{{ this.commentName }}</div>
-									<div class="time">{{ this.commentTime }}</div>
-								</div>
-								<div class="otherAnswer">{{ this.commentAnswer }}</div>
-							</div>
-						</div>
-						<div class="other_Answer">
-							<div class="toux">
-								<img src="../../assets/portal.png" alt="" />
-							</div>
-							<div class="nav">
-								<div class="nameAndTime">
-									<div class="otherName">{{ this.commentName }}</div>
-									<div class="time">{{ this.commentTime }}</div>
-								</div>
-								<div class="otherAnswer">{{ this.commentAnswer }}</div>
-							</div>
-						</div>
-					</div>
-					<div class="doingAssess" @click="giveScore">进行评分</div>
-				</el-dialog>
-				<el-dialog
-					:visible.sync="dialogVisible2"
-					:append-to-body="true"
-					width="700px"
-					:before-close="handleClose"
-					class="add_work"
-				>
-					<div slot="title" class="header-title">
-						<div class="logoImg">
-							<img src="../../assets/logo.png" alt="" />
-						</div>
-						<div class="title_add_student">评分</div>
-					</div>
-					<div class="score_top">
-						<div class="userTou">
-							<img src="../../assets/portal.png" alt="" />
-						</div>
-						<div class="score_user_name">{{ this.userName }}</div>
-					</div>
-					<div class="course_top">
-						<div>课程名称</div>
-						<div>{{ this.courseByUser }}</div>
-					</div>
-					<div class="sd_score">
-						<div class="score_box">
-							<span>意识能力</span
-							><el-rate
-								v-model="rateList.ca"
-								:disabled="rateParams[5] != '' && rateParams[5] != undefined"
-							></el-rate>
-						</div>
-						<div class="score_box">
-							<span>科学探究能力</span
-							><el-rate
-								v-model="rateList.sia"
-								:disabled="rateParams[5] != '' && rateParams[5] != undefined"
-							></el-rate>
-						</div>
-						<div class="score_box">
-							<span>实践创新能力</span
-							><el-rate
-								v-model="rateList.eta"
-								:disabled="rateParams[5] != '' && rateParams[5] != undefined"
-							></el-rate>
-						</div>
-						<div class="score_box">
-							<span>学习反思能力</span
-							><el-rate
-								v-model="rateList.pia"
-								:disabled="rateParams[5] != '' && rateParams[5] != undefined"
-							></el-rate>
-						</div>
-						<div class="score_box">
-							<span>工程思维能力</span
-							><el-rate
-								v-model="rateList.lra"
-								:disabled="rateParams[5] != '' && rateParams[5] != undefined"
-							></el-rate>
-						</div>
-					</div>
-					<div class="moreSay">更多评价</div>
-					<div class="more_say_input">
-						<el-input
-							type="textarea"
-							placeholder="还有要说的吗..."
-							:rows="6"
-							resize="none"
-							v-model="rateList.content"
-							:readonly="rateParams[5] != '' && rateParams[5] != undefined"
-							style="background: #fafafa"
-						></el-input>
-					</div>
-					<div class="assess_right" @click="right">确认</div>
-				</el-dialog>
-			</div>
-			<div class="student_page">
-				<el-pagination
-					background
-					layout="prev, pager, next"
-					:page-size="10"
-					:total="total"
-					@current-change="handleCurrentChange"
-				>
-				</el-pagination>
-			</div>
-		</div>
-	</div>
+					</el-select> -->
+          <el-select
+            v-model="sClass"
+            placeholder="请选择班级"
+            @change="searchWork"
+          >
+            <el-option label="所有班级" value=""></el-option>
+            <el-option
+              v-for="(item, index) in grade"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </div>
+      </div>
+      <div class="student_table">
+        <el-table
+          ref="table"
+          :data="tableData"
+          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="sName"
+            label="姓名"
+            min-width="15"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="class"
+            label="班级"
+            min-width="20"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="course"
+            label="课程"
+            min-width="20"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="时间"
+            min-width="15"
+            align="center"
+          ></el-table-column>
+          <el-table-column label="操作" min-width="30">
+            <template slot-scope="scope">
+              <el-button
+                type="primary"
+                size="small"
+                @click="lookWork(scope.row.id)"
+                >查看作业</el-button
+              >
+              <el-button
+                class="de_button"
+                type="primary"
+                size="small"
+                @click="deleteWork(scope.row.id)"
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-dialog
+          :visible.sync="dialogVisible"
+          :append-to-body="true"
+          width="700px"
+          :before-close="handleClose"
+          class="add_work"
+        >
+          <div slot="title" class="header-title">
+            <div class="logoImg">
+              <img src="../../assets/logo.png" alt="" />
+            </div>
+            <div class="title_add_student">查看作业</div>
+          </div>
+          <div class="top">
+            <div>{{ this.courseByUser }}</div>
+            <div>{{ this.userName }}</div>
+          </div>
+          <div class="first">
+            <div class="one_top">
+              <div>一、{{ this.courseByUser }} - {{ this.userName }}</div>
+              <el-button>已评分</el-button>
+            </div>
+            <div class="work_Img">
+              <img src="../../assets/workImg.png" alt="" />
+            </div>
+            <div class="work_input">
+              <div>早梅</div>
+            </div>
+            <div class="poetry">
+              一树寒梅白玉条，林村路傍溪桥.唐张谓《早梅》
+            </div>
+          </div>
+          <div class="first">
+            <div class="one_top">
+              <div>一、{{ this.courseByUser }}2 - {{ this.userName }}</div>
+              <el-button class="assess" @click="doingAssess"
+                >进行评分</el-button
+              >
+            </div>
+            <div class="work_Img">
+              <img src="../../assets/workImg.png" alt="" />
+            </div>
+            <div class="work_input">
+              <div>{{ this.answerName }}</div>
+            </div>
+            <div class="poetry">雨荒深院菊,霜倒半池莲.唐杜甫《宿赞公房》</div>
+          </div>
+        </el-dialog>
+        <el-dialog
+          :visible.sync="dialogVisible1"
+          :append-to-body="true"
+          width="700px"
+          :before-close="handleClose"
+          class="add_work"
+        >
+          <div slot="title" class="header-title">
+            <div class="logoImg">
+              <img src="../../assets/logo.png" alt="" />
+            </div>
+            <div class="title_add_student">查看作业</div>
+          </div>
+          <div class="assess_top">
+            <div>{{ this.courseByUser }} - {{ this.userName }}</div>
+          </div>
+          <div class="assess_Img">
+            <img src="../../assets/workImg.png" alt="" />
+          </div>
+          <div class="workName">{{ this.answerName }}</div>
+          <div class="student_Answer">
+            <div class="toux">
+              <img src="../../assets/portal.png" alt="" />
+            </div>
+            <div class="nav">
+              <div class="studentName">{{ this.userName }}</div>
+              <div class="studentAnswer">{{ this.studentAnswer }}</div>
+            </div>
+          </div>
+          <div class="comment">
+            <div class="comment_title">
+              评论<span>({{ this.commentCount }})</span>
+            </div>
+            <div class="other_Answer">
+              <div class="toux">
+                <img src="../../assets/portal.png" alt="" />
+              </div>
+              <div class="nav">
+                <div class="nameAndTime">
+                  <div class="otherName">{{ this.commentName }}</div>
+                  <div class="time">{{ this.commentTime }}</div>
+                </div>
+                <div class="otherAnswer">{{ this.commentAnswer }}</div>
+              </div>
+            </div>
+            <div class="other_Answer">
+              <div class="toux">
+                <img src="../../assets/portal.png" alt="" />
+              </div>
+              <div class="nav">
+                <div class="nameAndTime">
+                  <div class="otherName">{{ this.commentName }}</div>
+                  <div class="time">{{ this.commentTime }}</div>
+                </div>
+                <div class="otherAnswer">{{ this.commentAnswer }}</div>
+              </div>
+            </div>
+          </div>
+          <div class="doingAssess" @click="giveScore">进行评分</div>
+        </el-dialog>
+        <el-dialog
+          :visible.sync="dialogVisible2"
+          :append-to-body="true"
+          width="700px"
+          :before-close="handleClose"
+          class="add_work"
+        >
+          <div slot="title" class="header-title">
+            <div class="logoImg">
+              <img src="../../assets/logo.png" alt="" />
+            </div>
+            <div class="title_add_student">评分</div>
+          </div>
+          <div class="score_top">
+            <div class="userTou">
+              <img src="../../assets/portal.png" alt="" />
+            </div>
+            <div class="score_user_name">{{ this.userName }}</div>
+          </div>
+          <div class="course_top">
+            <div>课程名称</div>
+            <div>{{ this.courseByUser }}</div>
+          </div>
+          <div class="sd_score">
+            <div class="score_box">
+              <span>意识能力</span
+              ><el-rate
+                v-model="rateList.ca"
+                :disabled="rateParams[5] != '' && rateParams[5] != undefined"
+              ></el-rate>
+            </div>
+            <div class="score_box">
+              <span>科学探究能力</span
+              ><el-rate
+                v-model="rateList.sia"
+                :disabled="rateParams[5] != '' && rateParams[5] != undefined"
+              ></el-rate>
+            </div>
+            <div class="score_box">
+              <span>实践创新能力</span
+              ><el-rate
+                v-model="rateList.eta"
+                :disabled="rateParams[5] != '' && rateParams[5] != undefined"
+              ></el-rate>
+            </div>
+            <div class="score_box">
+              <span>学习反思能力</span
+              ><el-rate
+                v-model="rateList.pia"
+                :disabled="rateParams[5] != '' && rateParams[5] != undefined"
+              ></el-rate>
+            </div>
+            <div class="score_box">
+              <span>工程思维能力</span
+              ><el-rate
+                v-model="rateList.lra"
+                :disabled="rateParams[5] != '' && rateParams[5] != undefined"
+              ></el-rate>
+            </div>
+          </div>
+          <div class="moreSay">更多评价</div>
+          <div class="more_say_input">
+            <el-input
+              type="textarea"
+              placeholder="还有要说的吗..."
+              :rows="6"
+              resize="none"
+              v-model="rateList.content"
+              :readonly="rateParams[5] != '' && rateParams[5] != undefined"
+              style="background: #fafafa"
+            ></el-input>
+          </div>
+          <div class="assess_right" @click="right">确认</div>
+        </el-dialog>
+      </div>
+      <div class="student_page">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :page-size="10"
+          :total="total"
+          @current-change="handleCurrentChange"
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				tableHeight: "500px",
-				isLoading: false,
-				formLabelWidth: "100px",
-				dialogVisible: false,
-				dialogVisible1: false,
-				dialogVisible2: false,
-				courseByUser: "诗词中的植物",
-				userName: "林点",
-				answerName: "宿赞公房",
-				studentAnswer: "雨荒深院菊,霜倒半池莲.唐杜甫《宿赞公房》",
-				commentCount: 2,
-				commentName: "谭子松",
-				commentTime: "2021/2/5",
-				commentAnswer:
-					"作为家长我很高兴看到孩子的进步，希望这个进步只是一个开始，在新学期能够继续延续，这样才能不负老师的期望",
-				tableData: [],
-				subject: "",
-				sClass: "",
-				subjectJuri: [],
-				projectJuri: [],
-				grade: [],
-				projectchoose:"",
-				rateList: {
-					ca: 0,
-					sia: 0,
-					eta: 0,
-					pia: 0,
-					lra: 0,
-					content: "",
-				},
-				rateParams: [],
-				page: 1,
-				total: 0,
-			};
-		},
-		mounted() {
-			this.$nextTick(function () {
-				this.tableHeight =
-					window.innerHeight - this.$refs.table.$el.offsetTop - 200;
-				if (this.tableHeight <= 530) {
-					this.tableHeight = 530;
-				}
-				// 监听窗口大小变化
-				let self = this;
-				window.onresize = function () {
-					self.tableHeight =
-						window.innerHeight - self.$refs.table.$el.offsetTop - 200;
-					if (self.tableHeight <= 530) {
-						self.tableHeight = 530;
-					}
-				};
-			});
-		},
-		methods: {
-			tableRowClassName({ row, rowIndex }) {
-				if ((rowIndex + 1) % 2 === 0) {
-					return "even_row";
-				} else {
-					return "";
-				}
-			},
-			handleClose(done) {
-				done();
-			},
-			tableRowClassName({ row, rowIndex }) {
-				if ((rowIndex + 1) % 2 === 0) {
-					return "even_row";
-				} else {
-					return "";
-				}
-			},
-			handleCurrentChange(val) {
-				this.page = val;
-			},
-			lookWork() {
-				this.dialogVisible = true;
-			},
-			doingAssess() {
-				this.dialogVisible1 = true;
-			},
-			giveScore() {
-				this.dialogVisible2 = true;
-			},
-			//获取班级列表
-			getClass() {
-				this.isLoading = true;
-				let params = {
-					cu: "",
-					cn: this.sClass,
-					page: this.page,
-				};
-				this.ajax
-					.get(this.$store.state.api + "selectClass", params)
-					.then((res) => {
-						this.isLoading = false;
-						this.grade = res.data[0];
-					})
-					.catch((err) => {
-						this.isLoading = false;
-						console.error(err);
-					});
-			},
-			//获取分组分类
-			getGroup() {
-				let params = {};
-				this.ajax
-					.get(this.$store.state.api + "getGroup", params)
-					.then((res) => {
-						this.subjectJuri = res.data[0];
-						this.projectJuri = res.data[0];
-					})
-					.catch((err) => {
-						console.error(err);
-					});
-			},
-			searchWork() {
-				this.page = 1;
-				this.getWorks();
-			},
-			searchProject() {
-				this.page = 1;
-				this.getProject();
-			},
-			//获取作业
-			getWorks() {
-				this.isLoading = true;
-				let params = {
-					bid: this.$store.state.userInfo.organizeid,
-					isRate: 1,
-					classx: this.sClass,
-					cid: this.subject,
-					page: this.page,
-				};
-				this.ajax
-					.get(this.$store.state.api + "getWorks", params)
-					.then((res) => {
-						this.isLoading = false;
-						this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
-						this.tableData = res.data[0];
-					})
-					.catch((err) => {
-						this.isLoading = false;
-						console.error(err);
-					});
-			},
-			right() {
-				this.dialogVisible2 = false;
-			},
-		},
-		created() {
-			this.page = 1;
-			this.getClass();
-			this.getGroup();
-			this.getWorks();
-		},
-	};
+export default {
+  data() {
+    return {
+      tableHeight: "500px",
+      isLoading: false,
+      formLabelWidth: "100px",
+      dialogVisible: false,
+      dialogVisible1: false,
+      dialogVisible2: false,
+      courseByUser: "诗词中的植物",
+      userName: "林点",
+      answerName: "宿赞公房",
+      studentAnswer: "雨荒深院菊,霜倒半池莲.唐杜甫《宿赞公房》",
+      commentCount: 2,
+      commentName: "谭子松",
+      commentTime: "2021/2/5",
+      commentAnswer:
+        "作为家长我很高兴看到孩子的进步，希望这个进步只是一个开始，在新学期能够继续延续，这样才能不负老师的期望",
+      tableData: [],
+      subject: "",
+      sClass: "",
+      subjectJuri: [],
+      projectJuri: [],
+      grade: [],
+      projectchoose: "",
+      rateList: {
+        ca: 0,
+        sia: 0,
+        eta: 0,
+        pia: 0,
+        lra: 0,
+        content: "",
+      },
+      rateParams: [],
+      page: 1,
+      total: 0,
+    };
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.tableHeight =
+        window.innerHeight - this.$refs.table.$el.offsetTop - 200;
+      if (this.tableHeight <= 530) {
+        this.tableHeight = 530;
+      }
+      // 监听窗口大小变化
+      let self = this;
+      window.onresize = function () {
+        self.tableHeight =
+          window.innerHeight - self.$refs.table.$el.offsetTop - 200;
+        if (self.tableHeight <= 530) {
+          self.tableHeight = 530;
+        }
+      };
+    });
+  },
+  methods: {
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    handleClose(done) {
+      done();
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+    },
+    lookWork() {
+      this.dialogVisible = true;
+    },
+    doingAssess() {
+      this.dialogVisible1 = true;
+    },
+    giveScore() {
+      this.dialogVisible2 = true;
+    },
+    //获取班级列表
+    getClass() {
+      this.isLoading = true;
+      let params = {
+        cu: "",
+        cn: this.sClass,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectClass", params)
+        .then((res) => {
+          this.isLoading = false;
+          this.grade = res.data[0];
+        })
+        .catch((err) => {
+          this.isLoading = false;
+          console.error(err);
+        });
+    },
+    //获取分组分类
+    getGroup() {
+      let params = {};
+      this.ajax
+        .get(this.$store.state.api + "getGroup", params)
+        .then((res) => {
+          this.subjectJuri = res.data[0];
+          this.projectJuri = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    searchWork() {
+      this.page = 1;
+      this.getWorks();
+    },
+    searchProject() {
+      this.page = 1;
+      this.getProject();
+    },
+    //获取作业
+    getWorks() {
+      this.isLoading = true;
+      let params = {
+        bid: this.$store.state.userInfo.organizeid,
+        isRate: 1,
+        classx: this.sClass,
+        cid: this.subject,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "getWorks", params)
+        .then((res) => {
+          this.isLoading = false;
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData = res.data[0];
+        })
+        .catch((err) => {
+          this.isLoading = false;
+          console.error(err);
+        });
+    },
+    right() {
+      this.dialogVisible2 = false;
+    },
+  },
+  created() {
+    this.page = 1;
+    this.getClass();
+    this.getGroup();
+    this.getWorks();
+  },
+};
 </script>
 
 <style scoped>
-	.pb_head > span:nth-child(2) {
-		font-size: 16px;
-		margin-left: 80px;
-		color: #ab582f;
-	}
-	.student_head {
-		margin-bottom: 20px;
-	}
-	.student_search {
-		display: flex;
-	}
-	.student_search > div:nth-child(1) {
-		line-height: 35px;
-		font-size: 14px;
-	}
-	.student_search >>> .el-input__inner {
-		width: 190px;
-		height: 35px;
-		margin-left: 10px;
-	}
-	.student_table >>> .el-table--border td {
-		border-right: 0px !important;
-	}
-	.add_work >>> .el-dialog__header {
-		padding: 20px 20px 10px;
-		text-align: center;
-		background: #32455b;
-	}
-	.add_work >>> .el-dialog__title {
-		font-size: 14px !important;
-		color: #fff !important;
-	}
-	.add_work >>> .el-dialog__headerbtn {
-		font-size: 20px !important;
-	}
-	.add_work >>> .el-form-item__label {
-		margin-left: 65px;
-	}
-	.add_work >>> .el-form-item {
-		display: flex;
-	}
-	.add_work >>> .el-form-item__content {
-		margin: 0 !important;
-	}
-	.add_work >>> .el-dialog__footer {
-		text-align: center !important;
-	}
-	.header-title {
-		display: flex;
-	}
-	.logoImg {
-		width: 30px;
-	}
-	.logoImg > img {
-		width: 100%;
-		height: 100%;
-	}
-	.title_add_student {
-		margin: 0 auto;
-		color: #fff;
-	}
-	.top {
-		display: flex;
-		justify-content: space-between;
-		padding-bottom: 10px;
-		border-bottom: 2px solid #eee;
-	}
-	.top > div:nth-child(1) {
-		font-size: 18px;
-	}
-	.top > div:nth-child(2) {
-		font-size: 14px;
-		line-height: 28px;
-	}
-	.first {
-		margin-top: 25px;
-		border-bottom: 1px solid #c5c5c5;
-	}
-	.one_top {
-		display: flex;
-		justify-content: space-between;
-	}
-	.one_top > div:nth-child(1) {
-		color: #2490bf;
-		font-size: 16px;
-	}
-	.one_top > button {
-		width: 100px;
-		background: #24a0a4;
-		height: 30px;
-		color: #e0e0e0;
-		font-size: 13px;
-		padding: 0 !important;
-	}
-	.work_Img {
-		width: 150px;
-		margin: 10px 0;
-	}
-	.assess_Img {
-		width: 400px;
-		margin: 0 auto;
-		padding: 15px 0;
-	}
-	.work_Img > img,
-	.assess_Img > img {
-		width: 100%;
-		height: 100%;
-	}
-	.work_input {
-		border: 1px solid;
-		width: 135px;
-		height: 20px;
-		line-height: 20px;
-		font-size: 13px;
-		padding: 5px;
-	}
-	.poetry {
-		margin: 10px 0 15px 0;
-	}
-	.assess {
-		background: #169bd5 !important;
-	}
-	.assess_top {
-		border-bottom: 2px solid #eee;
-		padding-bottom: 10px;
-	}
-	.assess_top > div:nth-child(1) {
-		color: #2490bf;
-		font-size: 16px;
-	}
-	.student_Answer {
-		display: flex;
-		margin: 5px 10px;
-		border-bottom: 1px solid #ccc;
-		padding-bottom: 25px;
-	}
-	.workName {
-		font-size: 18px;
-		font-weight: bold;
-		margin: 5px 10px;
-	}
-	.toux {
-		width: 25px;
-		margin: auto 0;
-		height: 25px;
-	}
-	.toux > img {
-		width: 100%;
-		height: 100%;
-	}
-	.nav {
-		display: flex;
-		flex-wrap: wrap;
-		margin-top: 10px;
-		flex-direction: column;
-	}
-	.studentName {
-		margin-left: 10px;
-		font-size: 13px;
-	}
-	.studentAnswer {
-		font-size: 12px;
-		margin: 5px 0 0 10px;
-	}
-	.comment {
-		margin: 20px 0 0 10px;
-	}
-	.comment > .comment_title {
-		font-size: 18px;
-	}
-	.comment > .comment_title > span {
-		font-size: 14px;
-	}
-	.other_Answer {
-		display: flex;
-		margin: 5px 10px;
-		border-bottom: 1px solid #ccc;
-		padding-bottom: 15px;
-	}
-	.nav {
-		margin-left: 5px;
-	}
-	.nameAndTime {
-		display: flex;
-	}
-	.otherName {
-		font-weight: bold;
-		margin-left: 10px;
-		font-size: 13px;
-	}
-	.time {
-		margin-left: 25px;
-		font-size: 12px;
-		margin-top: 3px;
-	}
-	.otherAnswer {
-		width: 400px;
-		word-wrap: break-word;
-		word-break: break-all;
-		overflow: hidden;
-		font-size: 12px;
-		margin: 5px 0 0 10px;
-	}
-	.doingAssess {
-		margin: 0 auto;
-		width: 300px;
-		background: #169bd5;
-		height: 35px;
-		line-height: 35px;
-		border-radius: 3px;
-		font-size: 13px;
-		text-align: center;
-		color: #fff;
-		margin-top: 30px;
-		cursor: pointer;
-	}
-	.score_top {
-		display: flex;
-		margin-left: 15px;
-	}
-	.userTou {
-		width: 50px;
-	}
-	.userTou > img {
-		width: 100%;
-		height: 100%;
-	}
-	.score_user_name {
-		line-height: 53px;
-		margin-left: 15px;
-	}
-	.course_top {
-		display: flex;
-		margin: 30px 0 0 20px;
-	}
-	.course_top > div:nth-child(1) {
-		line-height: 25px;
-	}
-	.course_top > div:nth-child(2) {
-		border: 1px solid #ccc;
-		width: 250px;
-		text-align: center;
-		height: 25px;
-		line-height: 25px;
-		margin-left: 30px;
-	}
-	.sd_score {
-		font-size: 15px;
-		background: #fff;
-		padding: 18px 25px 1px;
-		width: 310px;
-		margin-bottom: 15px;
-	}
-	.sd_score .score_box {
-		display: flex;
-		align-items: center;
-		margin-bottom: 18px;
-	}
-	.sd_score span {
-		width: 100px;
-		text-align: justify;
-		text-align-last: justify;
-		display: block;
-		margin-right: 20px;
-	}
-	.moreSay {
-		margin: 0px 0 5px 20px;
-	}
-	.more_say_input {
-		margin-left: 20px;
-		width: 90%;
-	}
-	.more_say_input >>> .el-input__inner {
-		height: 75px;
-		font-size: 13px;
-		padding: 0 0 0 10px;
-	}
-	.assess_right {
-		width: 200px;
-		background: #666666;
-		color: #fff;
-		text-align: center;
-		height: 25px;
-		line-height: 25px;
-		border-radius: 5px;
-		margin: 0 auto;
-		margin-top: 20px;
-		font-size: 13px;
-		cursor: pointer;
-	}
+.pb_head > span:nth-child(2) {
+  font-size: 16px;
+  margin-left: 80px;
+  color: #ab582f;
+}
+.student_head {
+  margin-bottom: 20px;
+}
+.student_search {
+  display: flex;
+}
+.student_search > div:nth-child(1) {
+  line-height: 35px;
+  font-size: 14px;
+}
+.student_search >>> .el-input__inner {
+  width: 190px;
+  height: 35px;
+  margin-left: 10px;
+}
+.student_table >>> .el-table--border td {
+  border-right: 0px !important;
+}
+.add_work >>> .el-dialog__header {
+  padding: 20px 20px 10px;
+  text-align: center;
+  background: #32455b;
+}
+.add_work >>> .el-dialog__title {
+  font-size: 14px !important;
+  color: #fff !important;
+}
+.add_work >>> .el-dialog__headerbtn {
+  font-size: 20px !important;
+}
+.add_work >>> .el-form-item__label {
+  margin-left: 65px;
+}
+.add_work >>> .el-form-item {
+  display: flex;
+}
+.add_work >>> .el-form-item__content {
+  margin: 0 !important;
+}
+.add_work >>> .el-dialog__footer {
+  text-align: center !important;
+}
+.header-title {
+  display: flex;
+}
+.logoImg {
+  width: 30px;
+}
+.logoImg > img {
+  width: 100%;
+  height: 100%;
+}
+.title_add_student {
+  margin: 0 auto;
+  color: #fff;
+}
+.top {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #eee;
+}
+.top > div:nth-child(1) {
+  font-size: 18px;
+}
+.top > div:nth-child(2) {
+  font-size: 14px;
+  line-height: 28px;
+}
+.first {
+  margin-top: 25px;
+  border-bottom: 1px solid #c5c5c5;
+}
+.one_top {
+  display: flex;
+  justify-content: space-between;
+}
+.one_top > div:nth-child(1) {
+  color: #2490bf;
+  font-size: 16px;
+}
+.one_top > button {
+  width: 100px;
+  background: #24a0a4;
+  height: 30px;
+  color: #e0e0e0;
+  font-size: 13px;
+  padding: 0 !important;
+}
+.work_Img {
+  width: 150px;
+  margin: 10px 0;
+}
+.assess_Img {
+  width: 400px;
+  margin: 0 auto;
+  padding: 15px 0;
+}
+.work_Img > img,
+.assess_Img > img {
+  width: 100%;
+  height: 100%;
+}
+.work_input {
+  border: 1px solid;
+  width: 135px;
+  height: 20px;
+  line-height: 20px;
+  font-size: 13px;
+  padding: 5px;
+}
+.poetry {
+  margin: 10px 0 15px 0;
+}
+.assess {
+  background: #169bd5 !important;
+}
+.assess_top {
+  border-bottom: 2px solid #eee;
+  padding-bottom: 10px;
+}
+.assess_top > div:nth-child(1) {
+  color: #2490bf;
+  font-size: 16px;
+}
+.student_Answer {
+  display: flex;
+  margin: 5px 10px;
+  border-bottom: 1px solid #ccc;
+  padding-bottom: 25px;
+}
+.workName {
+  font-size: 18px;
+  font-weight: bold;
+  margin: 5px 10px;
+}
+.toux {
+  width: 25px;
+  margin: auto 0;
+  height: 25px;
+}
+.toux > img {
+  width: 100%;
+  height: 100%;
+}
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 10px;
+  flex-direction: column;
+}
+.studentName {
+  margin-left: 10px;
+  font-size: 13px;
+}
+.studentAnswer {
+  font-size: 12px;
+  margin: 5px 0 0 10px;
+}
+.comment {
+  margin: 20px 0 0 10px;
+}
+.comment > .comment_title {
+  font-size: 18px;
+}
+.comment > .comment_title > span {
+  font-size: 14px;
+}
+.other_Answer {
+  display: flex;
+  margin: 5px 10px;
+  border-bottom: 1px solid #ccc;
+  padding-bottom: 15px;
+}
+.nav {
+  margin-left: 5px;
+}
+.nameAndTime {
+  display: flex;
+}
+.otherName {
+  font-weight: bold;
+  margin-left: 10px;
+  font-size: 13px;
+}
+.time {
+  margin-left: 25px;
+  font-size: 12px;
+  margin-top: 3px;
+}
+.otherAnswer {
+  width: 400px;
+  word-wrap: break-word;
+  word-break: break-all;
+  overflow: hidden;
+  font-size: 12px;
+  margin: 5px 0 0 10px;
+}
+.doingAssess {
+  margin: 0 auto;
+  width: 300px;
+  background: #169bd5;
+  height: 35px;
+  line-height: 35px;
+  border-radius: 3px;
+  font-size: 13px;
+  text-align: center;
+  color: #fff;
+  margin-top: 30px;
+  cursor: pointer;
+}
+.score_top {
+  display: flex;
+  margin-left: 15px;
+}
+.userTou {
+  width: 50px;
+}
+.userTou > img {
+  width: 100%;
+  height: 100%;
+}
+.score_user_name {
+  line-height: 53px;
+  margin-left: 15px;
+}
+.course_top {
+  display: flex;
+  margin: 30px 0 0 20px;
+}
+.course_top > div:nth-child(1) {
+  line-height: 25px;
+}
+.course_top > div:nth-child(2) {
+  border: 1px solid #ccc;
+  width: 250px;
+  text-align: center;
+  height: 25px;
+  line-height: 25px;
+  margin-left: 30px;
+}
+.sd_score {
+  font-size: 15px;
+  background: #fff;
+  padding: 18px 25px 1px;
+  width: 310px;
+  margin-bottom: 15px;
+}
+.sd_score .score_box {
+  display: flex;
+  align-items: center;
+  margin-bottom: 18px;
+}
+.sd_score span {
+  width: 100px;
+  text-align: justify;
+  text-align-last: justify;
+  display: block;
+  margin-right: 20px;
+}
+.moreSay {
+  margin: 0px 0 5px 20px;
+}
+.more_say_input {
+  margin-left: 20px;
+  width: 90%;
+}
+.more_say_input >>> .el-input__inner {
+  height: 75px;
+  font-size: 13px;
+  padding: 0 0 0 10px;
+}
+.assess_right {
+  width: 200px;
+  background: #666666;
+  color: #fff;
+  text-align: center;
+  height: 25px;
+  line-height: 25px;
+  border-radius: 5px;
+  margin: 0 auto;
+  margin-top: 20px;
+  font-size: 13px;
+  cursor: pointer;
+}
+.student_page {
+  margin-top: 10px;
+}
 </style>