1

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

src/components/pages/addCourse.vue

@@ -2465,6 +2465,10 @@
 		display: flex;
 	}
 
+	.left_first {
+		min-width: 65% !important;
+	}
+
 	.left_first,
 	.right_first {
 		display: flex;
@@ -2624,9 +2628,9 @@
 	}
 	.chapter_upload_l {
 		/* width: 50px;
-	  height: 50px;
-	  border-right: 1px solid #eee;
-	  float: left; */
+		  height: 50px;
+		  border-right: 1px solid #eee;
+		  float: left; */
 	}
 	.chapter_upload_ic {
 		height: 30px;
@@ -2897,8 +2901,8 @@
 	}
 
 	/* .upCss >>> .el-upload {
-	  margin-right: 30px;
-	} */
+		  margin-right: 30px;
+		} */
 
 	.upCss >>> .el-icon-plus {
 		position: none !important;

src/components/pages/course.vue

@@ -1,732 +1,743 @@
 <template>
-  <div class="pb_content">
-    <div class="pb_head top">
-      <span>项目管理</span>
-      <div class="student_button">
-        <el-button
-          type="primary"
-          class="bgColor"
-          @click="goTo('/course/addCourse?userid=' + userid + '&oid=' + oid)"
-          >添加项目</el-button
-        >
-      </div>
-    </div>
-    <div class="pb_content_body">
-      <div class="student_head">
-        <div class="choose">
-          <div class="student_search">
-            <span>课程筛选</span>
-            <el-select v-model="groupA" @change="search">
-              <el-option value="0" label="我的课程"></el-option>
-              <el-option value="1" label="他人课程"></el-option>
-            </el-select>
-          </div>
-          <div
-            class="all_choose"
-            v-for="(item, index) in CourseType[0]"
-            :key="index"
-          >
-            <span>{{ item.name }}</span>
-            <el-select
-              v-model="courseTypeId[item.id]"
-              placeholder="请选择"
-              @change="getTypeName"
-            >
-              <el-option label="全部" value="1">全部</el-option>
-              <el-option
-                v-for="item1 in CourseTypeJson[item.id]"
-                :key="item1.id"
-                :label="item1.name"
-                :value="item1.id"
-              >
-              </el-option>
-            </el-select>
-          </div>
-          <div @click="clear" class="clear">重置</div>
-        </div>
-        
-        <div class="student_right">
-          <div class="head_left">
-            <el-input
-              v-model="courseName"
-              class="student_input"
-              placeholder="请输入课程名称"
-            ></el-input>
-            <el-button class="course_button" @click="searchCourse"
-              >查询</el-button
-            >
-          </div>
-        </div>
-      </div>
-      <div class="student_table">
-        <div class="course_box">
-          <div class="out_box" v-for="(item, index) in course" :key="index">
-            <div class="tup">
-              <img
-                :src="
-                  item.cover != null && item.cover != ''
-                    ? JSON.parse(item.cover).length > 0
-                      ? JSON.parse(item.cover)[0].url
-                      : mr
-                    : mr
-                "
-                alt=""
-              />
-            </div>
-            <div class="bottom_box">
-              <div>{{ item.title }}</div>
-              <div class="kc_t" v-if="groupA == '1'">
-                创建老师：{{ item.uname }}
-              </div>
-              <div class="kc_time">{{ item.time }}</div>
-            </div>
-            <div class="three_bottom">
-              <div @click="jump(item.courseId)">开始教学</div>
-              <div
-                v-if="groupA == '0'"
-                @click="
-                  goTo(
-                    '/course/addCourse?cid=' +
-                      item.courseId +
-                      '&userid=' +
-                      userid +
-                      '&oid=' +
-                      oid
-                  )
-                "
-              >
-                修改
-              </div>
-              <div
-                @click="
-                  goTo(
-                    '/worksDetail?cid=' +
-                      item.courseId +
-                      '&userid=' +
-                      userid +
-                      '&oid=' +
-                      oid
-                  )
-                "
-              >
-                作业
-              </div>
-              <div @click="deleteCourse(item.courseId)">删除</div>
-            </div>
-          </div>
-          <div class="course_empty" v-if="course.length == 0">暂无数据</div>
-        </div>
-      </div>
-    </div>
-    <div class="student_page">
-      <el-pagination
-        background
-        layout="prev, pager, next"
-        :page-size="10"
-        :total="total"
-        v-if="page"
-        @current-change="handleCurrentChange"
-      >
-      </el-pagination>
-    </div>
-    <el-dialog :visible.sync="dialogVisible1" size="tiny">
-      <img width="100%" :src="dialogImageUrl" alt="" />
-    </el-dialog>
-  </div>
+	<div class="pb_content" style="height: auto">
+		<div class="pb_head top">
+			<span>项目管理</span>
+			<div class="student_button">
+				<el-button
+					type="primary"
+					class="bgColor"
+					@click="goTo('/course/addCourse?userid=' + userid + '&oid=' + oid)"
+					>添加项目</el-button
+				>
+			</div>
+		</div>
+		<div class="pb_content_body" style="height: 100%">
+			<div class="student_head">
+				<div class="choose">
+					<div class="student_search">
+						<span>课程筛选</span>
+						<el-select v-model="groupA" @change="search">
+							<el-option value="0" label="我的课程"></el-option>
+							<el-option value="1" label="他人课程"></el-option>
+						</el-select>
+					</div>
+					<div
+						class="all_choose"
+						v-for="(item, index) in CourseType[0]"
+						:key="index"
+					>
+						<span>{{ item.name }}</span>
+						<el-select
+							v-model="courseTypeId[item.id]"
+							placeholder="请选择"
+							@change="getTypeName"
+						>
+							<el-option label="全部" value="1">全部</el-option>
+							<el-option
+								v-for="item1 in CourseTypeJson[item.id]"
+								:key="item1.id"
+								:label="item1.name"
+								:value="item1.id"
+							>
+							</el-option>
+						</el-select>
+					</div>
+					<div @click="clear" class="clear">重置</div>
+				</div>
+
+				<div class="student_right">
+					<div class="head_left">
+						<el-input
+							v-model="courseName"
+							class="student_input"
+							placeholder="请输入课程名称"
+						></el-input>
+						<el-button class="course_button" @click="searchCourse"
+							>查询</el-button
+						>
+					</div>
+				</div>
+			</div>
+			<div class="student_table">
+				<div class="course_box">
+					<div class="out_box" v-for="(item, index) in course" :key="index">
+						<div class="tup">
+							<img
+								:src="
+									item.cover != null && item.cover != ''
+										? JSON.parse(item.cover).length > 0
+											? JSON.parse(item.cover)[0].url
+											: mr
+										: mr
+								"
+								alt=""
+							/>
+						</div>
+						<div class="bottom_box">
+							<div>{{ item.title }}</div>
+							<div class="kc_t" v-if="groupA == '1'">
+								创建老师：{{ item.uname }}
+							</div>
+							<div class="kc_time">{{ item.time }}</div>
+						</div>
+						<div class="three_bottom">
+							<div @click="jump(item.courseId)">开始教学</div>
+							<div
+								v-if="groupA == '0'"
+								@click="
+									goTo(
+										'/course/addCourse?cid=' +
+											item.courseId +
+											'&userid=' +
+											userid +
+											'&oid=' +
+											oid
+									)
+								"
+							>
+								修改
+							</div>
+							<div
+								@click="
+									goTo(
+										'/worksDetail?cid=' +
+											item.courseId +
+											'&userid=' +
+											userid +
+											'&oid=' +
+											oid
+									)
+								"
+							>
+								作业
+							</div>
+							<div @click="deleteCourse(item.courseId)">删除</div>
+						</div>
+					</div>
+					<div class="course_empty" v-if="course.length == 0">暂无数据</div>
+				</div>
+			</div>
+		</div>
+		<div class="student_page">
+			<el-pagination
+				background
+				layout="prev, pager, next"
+				:page-size="10"
+				:total="total"
+				v-if="page"
+				style="padding-bottom: 20px"
+				@current-change="handleCurrentChange"
+			>
+			</el-pagination>
+		</div>
+		<el-dialog :visible.sync="dialogVisible1" size="tiny">
+			<img width="100%" :src="dialogImageUrl" alt="" />
+		</el-dialog>
+	</div>
 </template>
 
 <script>
-import "../../common/aws-sdk-2.235.1.min";
-import EditorBar from "../../components/tools/wangEnduit";
-export default {
-  components: { EditorBar },
-  data() {
-    return {
-      itemCount: 1,
-      courseTitle: "",
-      courseText: "",
-      courseTime: "",
-      isLoading: false,
-      fileList: [],
-      fileList1: [],
-      homeworkList: [{ name: "" }],
-      formLabelWidth: "100px",
-      dialogVisible: false,
-      dialogVisible1: false,
-      dialogImageUrl: "",
-      group: "",
-      userid: this.$route.query.userid,
-      oid: this.$route.query.oid,
-      Juri: "",
-      groupList: [],
-      JuriList: [],
-      page: 1,
-      total: 0,
-      tableData: [],
-      now: "",
-      courseDetail: {},
-      addCourse: {},
-      groupA: "0",
-      classX: "",
-      course: [],
-      courseName: "",
-      mr: require("../../assets/icon/kc1.png"),
-      CourseType: [],
-      CourseTypeJson: {},
-      courseTypeId: {},
-      courseTypeSon: [],
-      isChoose: 0,
-    };
-  },
-  methods: {
-    change(val) {
-      console.log(val);
-    },
-    addHomeworkBox() {
-      this.homeworkList.push({ name: "" });
-      this.itemCount++;
-    },
-    reduceHomeworkBox() {
-      var a = this.homeworkList;
-      a.splice(a.length - 1);
-      this.itemCount--;
-    },
-    goTo(path) {
-      this.$router.push(path);
-    },
-    tableRowClassName({ row, rowIndex }) {
-      if ((rowIndex + 1) % 2 === 0) {
-        return "even_row";
-      } else {
-        return "";
-      }
-    },
-    jump(cid) {
-      // window.open(
-      //   "//pbl.cocorobo.cn/pbl-student-table/dist/#/courseDetail?courseId=" +
-      //     cid +
-      //     "&userid=" +
-      //     this.userid
-      // );
-      window.parent.postMessage({ cid: cid, type: "1" }, "*");
-    },
-    handle_remove(file, fileList) {
-      var _tmp = this.fileList;
-      for (var i = 0, len = _tmp.length; i < len; i++) {
-        if (_tmp[i].uid == file.uid) {
-          _tmp.splice(i, 1);
-          break;
-        }
-        this.fileList = _tmp;
-      }
-    },
-    handle_remove1(file, fileList) {
-      var _tmp = this.fileList1;
-      for (var i = 0, len = _tmp.length; i < len; i++) {
-        if (_tmp[i].uid == file.uid) {
-          _tmp.splice(i, 1);
-          break;
-        }
-        this.fileList1 = _tmp;
-      }
-    },
-    handleCurrentChange(val) {
-      // console.log(`当前页: ${val}`);
-      this.page = val;
-      this.getCourse();
-    },
-    init() {},
-    handleClose(done) {
-      done();
-    },
-    handleRemove(file, fileList) {
-      console.log(file, fileList);
-    },
-    handlePictureCardPreview(file) {
-      this.dialogImageUrl = file.url;
-      this.dialogVisible1 = true;
-    },
-    onExceed() {
-      this.$message.error("课程海报仅支持上传一张，请删除后再进行上传");
-    },
-    //uuid生成
-    guid() {
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
-        /[xy]/g,
-        function (c) {
-          var r = (Math.random() * 16) | 0,
-            v = c == "x" ? r : (r & 0x3) | 0x8;
-          return v.toString(16);
-        }
-      );
-    },
-    time() {
-      if (!this.now) {
-        this.now = new Date().getTime();
-        return true;
-      } else {
-        let time = new Date().getTime();
-        if (time - this.now > 3000) {
-          this.now = time;
-          return true;
-        } else {
-          return false;
-        }
-      }
-    },
-    searchCourse() {
-      this.page = 1;
-      this.getCourse();
-    },
-    clear() {
-      for (var i = 0; i < this.CourseType[0].length; i++) {
-        this.courseTypeId[this.CourseType[0][i].id] = "";
-      }
-      this.getCourse();
-    },
-    getCourse() {
-      const loading = this.openLoading(
-        document.querySelector(".student_table")
-      );
-      var typeE = [];
-      var typea, typeb, typec, typed;
-      if (this.isChoose == 1) {
-        for (var i = 0; i < this.CourseType[0].length; i++) {
-          if (this.courseTypeId[this.CourseType[0][i].id] == "1") {
-            typeE.push(this.CourseType[0][i].id);
-          } else if (this.courseTypeId[this.CourseType[0][i].id] != "") {
-            if (this.CourseType[0][i].name == "年级") {
-              typea = this.courseTypeId[this.CourseType[0][i].id];
-            } else if (this.CourseType[0][i].name == "专栏") {
-              typeb = this.courseTypeId[this.CourseType[0][i].id];
-            } else if (this.CourseType[0][i].name == "新技能") {
-              typec = this.courseTypeId[this.CourseType[0][i].id];
-            } else if (this.CourseType[0][i].name == "学科") {
-              typed = this.courseTypeId[this.CourseType[0][i].id];
-            }
-            this.courseTypeSon.push(
-              this.courseTypeId[this.CourseType[0][i].id]
-            );
-          }
-        }
-      }
-      this.isLoading = true;
-      let params = {
-        type: this.groupA,
-        uid: this.userid,
-        oid: this.oid,
-        typea: typea != undefined ? typea : "",
-        typeb: typeb != undefined ? typeb : "",
-        typec: typec != undefined ? typec : "",
-        typed: typed != undefined ? typed : "",
-        typeE: typeE.join(","),
-        cu: "",
-        cn: this.courseName,
-        page: this.page,
-      };
-      this.ajax
-        .get(this.$store.state.api + "selectCourseNew", params)
-        .then((res) => {
-          loading.close();
-          this.isLoading = false;
-          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
-          this.course = res.data[0];
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-    getTypeName() {
-      this.$forceUpdate();
-      this.page = 1;
-      this.isChoose = 1;
-      this.getCourse();
-    },
-    // searchCourse() {
-    //   this.isLoading = true;
-    //   let params = {
-    //     cu: "",
-    //     cn: this.courseName,
-    //     page: this.page,
-    //   };
-    //   this.ajax
-    //     .get(this.$store.state.api + "searchCourse", params)
-    //     .then((res) => {
-    //       this.isLoading = false;
-    //       this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
-    //       this.course = res.data[0];
-    //     })
-    //     .catch((err) => {
-    //       this.isLoading = false;
-    //       console.error(err);
-    //     });
-    // },
-    deleteCourse(cid) {
-      const loading = this.openLoading(
-        document.querySelector(".student_table")
-      );
-      this.isLoading = true;
-      let params = {
-        cid: cid,
-      };
-      this.ajax
-        .get(this.$store.state.api + "deleteCourse", params)
-        .then((res) => {
-          loading.close();
-          this.isLoading = false;
-          this.$message.success("删除成功");
-          this.getCourse();
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-    selectType() {
-      this.ajax
-        .get(this.$store.state.api + "selectType")
-        .then((res) => {
-          this.CourseType = res.data;
-          for (var i = 0; i < res.data[0].length; i++) {
-            if (!this.cid) {
-              this.courseTypeId[res.data[0][i].id] = "";
-            }
-            for (var j = 0; j < res.data[1].length; j++) {
-              if (res.data[0][i].id == res.data[1][j].pid) {
-                if (!this.CourseTypeJson[res.data[0][i].id]) {
-                  this.CourseTypeJson[res.data[0][i].id] = [];
-                }
-                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
-              }
-            }
-          }
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-    search() {
-      this.page = 1;
-      this.getCourse();
-    },
-  },
-  created() {
-    this.page = 1;
-    this.selectType();
-    this.getCourse();
-  },
-};
+	import "../../common/aws-sdk-2.235.1.min";
+	import EditorBar from "../../components/tools/wangEnduit";
+	export default {
+		components: { EditorBar },
+		data() {
+			return {
+				itemCount: 1,
+				courseTitle: "",
+				courseText: "",
+				courseTime: "",
+				isLoading: false,
+				fileList: [],
+				fileList1: [],
+				homeworkList: [{ name: "" }],
+				formLabelWidth: "100px",
+				dialogVisible: false,
+				dialogVisible1: false,
+				dialogImageUrl: "",
+				group: "",
+				userid: this.$route.query.userid,
+				oid: this.$route.query.oid,
+				Juri: "",
+				groupList: [],
+				JuriList: [],
+				page: 1,
+				total: 0,
+				tableData: [],
+				now: "",
+				courseDetail: {},
+				addCourse: {},
+				groupA: "0",
+				classX: "",
+				course: [],
+				courseName: "",
+				mr: require("../../assets/icon/kc1.png"),
+				CourseType: [],
+				CourseTypeJson: {},
+				courseTypeId: {},
+				courseTypeSon: [],
+				isChoose: 0,
+			};
+		},
+		methods: {
+			change(val) {
+				console.log(val);
+			},
+			addHomeworkBox() {
+				this.homeworkList.push({ name: "" });
+				this.itemCount++;
+			},
+			reduceHomeworkBox() {
+				var a = this.homeworkList;
+				a.splice(a.length - 1);
+				this.itemCount--;
+			},
+			goTo(path) {
+				this.$router.push(path);
+			},
+			tableRowClassName({ row, rowIndex }) {
+				if ((rowIndex + 1) % 2 === 0) {
+					return "even_row";
+				} else {
+					return "";
+				}
+			},
+			jump(cid) {
+				// window.open(
+				//   "//pbl.cocorobo.cn/pbl-student-table/dist/#/courseDetail?courseId=" +
+				//     cid +
+				//     "&userid=" +
+				//     this.userid
+				// );
+				window.parent.postMessage({ cid: cid, type: "1" }, "*");
+			},
+			handle_remove(file, fileList) {
+				var _tmp = this.fileList;
+				for (var i = 0, len = _tmp.length; i < len; i++) {
+					if (_tmp[i].uid == file.uid) {
+						_tmp.splice(i, 1);
+						break;
+					}
+					this.fileList = _tmp;
+				}
+			},
+			handle_remove1(file, fileList) {
+				var _tmp = this.fileList1;
+				for (var i = 0, len = _tmp.length; i < len; i++) {
+					if (_tmp[i].uid == file.uid) {
+						_tmp.splice(i, 1);
+						break;
+					}
+					this.fileList1 = _tmp;
+				}
+			},
+			handleCurrentChange(val) {
+				// console.log(`当前页: ${val}`);
+				this.page = val;
+				this.getCourse();
+			},
+			init() {},
+			handleClose(done) {
+				done();
+			},
+			handleRemove(file, fileList) {
+				console.log(file, fileList);
+			},
+			handlePictureCardPreview(file) {
+				this.dialogImageUrl = file.url;
+				this.dialogVisible1 = true;
+			},
+			onExceed() {
+				this.$message.error("课程海报仅支持上传一张，请删除后再进行上传");
+			},
+			//uuid生成
+			guid() {
+				return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+					/[xy]/g,
+					function (c) {
+						var r = (Math.random() * 16) | 0,
+							v = c == "x" ? r : (r & 0x3) | 0x8;
+						return v.toString(16);
+					}
+				);
+			},
+			time() {
+				if (!this.now) {
+					this.now = new Date().getTime();
+					return true;
+				} else {
+					let time = new Date().getTime();
+					if (time - this.now > 3000) {
+						this.now = time;
+						return true;
+					} else {
+						return false;
+					}
+				}
+			},
+			searchCourse() {
+				this.page = 1;
+				this.getCourse();
+			},
+			clear() {
+				for (var i = 0; i < this.CourseType[0].length; i++) {
+					this.courseTypeId[this.CourseType[0][i].id] = "";
+				}
+				this.getCourse();
+			},
+			getCourse() {
+				const loading = this.openLoading(
+					document.querySelector(".student_table")
+				);
+				var typeE = [];
+				var typea, typeb, typec, typed;
+				if (this.isChoose == 1) {
+					for (var i = 0; i < this.CourseType[0].length; i++) {
+						if (this.courseTypeId[this.CourseType[0][i].id] == "1") {
+							typeE.push(this.CourseType[0][i].id);
+						} else if (this.courseTypeId[this.CourseType[0][i].id] != "") {
+							if (this.CourseType[0][i].name == "年级") {
+								typea = this.courseTypeId[this.CourseType[0][i].id];
+							} else if (this.CourseType[0][i].name == "专栏") {
+								typeb = this.courseTypeId[this.CourseType[0][i].id];
+							} else if (this.CourseType[0][i].name == "新技能") {
+								typec = this.courseTypeId[this.CourseType[0][i].id];
+							} else if (this.CourseType[0][i].name == "学科") {
+								typed = this.courseTypeId[this.CourseType[0][i].id];
+							}
+							this.courseTypeSon.push(
+								this.courseTypeId[this.CourseType[0][i].id]
+							);
+						}
+					}
+				}
+				this.isLoading = true;
+				let params = {
+					type: this.groupA,
+					uid: this.userid,
+					oid: this.oid,
+					typea: typea != undefined ? typea : "",
+					typeb: typeb != undefined ? typeb : "",
+					typec: typec != undefined ? typec : "",
+					typed: typed != undefined ? typed : "",
+					typeE: typeE.join(","),
+					cu: "",
+					cn: this.courseName,
+					page: this.page,
+				};
+				this.ajax
+					.get(this.$store.state.api + "selectCourseNew", params)
+					.then((res) => {
+						loading.close();
+						this.isLoading = false;
+						this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+						this.course = res.data[0];
+					})
+					.catch((err) => {
+						console.error(err);
+					});
+			},
+			getTypeName() {
+				this.$forceUpdate();
+				this.page = 1;
+				this.isChoose = 1;
+				this.getCourse();
+			},
+			// searchCourse() {
+			//   this.isLoading = true;
+			//   let params = {
+			//     cu: "",
+			//     cn: this.courseName,
+			//     page: this.page,
+			//   };
+			//   this.ajax
+			//     .get(this.$store.state.api + "searchCourse", params)
+			//     .then((res) => {
+			//       this.isLoading = false;
+			//       this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+			//       this.course = res.data[0];
+			//     })
+			//     .catch((err) => {
+			//       this.isLoading = false;
+			//       console.error(err);
+			//     });
+			// },
+			deleteCourse(cid) {
+				const loading = this.openLoading(
+					document.querySelector(".student_table")
+				);
+				this.isLoading = true;
+				let params = {
+					cid: cid,
+				};
+				this.ajax
+					.get(this.$store.state.api + "deleteCourse", params)
+					.then((res) => {
+						loading.close();
+						this.isLoading = false;
+						this.$message.success("删除成功");
+						this.getCourse();
+					})
+					.catch((err) => {
+						console.error(err);
+					});
+			},
+			selectType() {
+				this.ajax
+					.get(this.$store.state.api + "selectType")
+					.then((res) => {
+						this.CourseType = res.data;
+						for (var i = 0; i < res.data[0].length; i++) {
+							if (!this.cid) {
+								this.courseTypeId[res.data[0][i].id] = "";
+							}
+							for (var j = 0; j < res.data[1].length; j++) {
+								if (res.data[0][i].id == res.data[1][j].pid) {
+									if (!this.CourseTypeJson[res.data[0][i].id]) {
+										this.CourseTypeJson[res.data[0][i].id] = [];
+									}
+									this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+								}
+							}
+						}
+					})
+					.catch((err) => {
+						console.error(err);
+					});
+			},
+			search() {
+				this.page = 1;
+				this.getCourse();
+			},
+		},
+		created() {
+			this.page = 1;
+			this.selectType();
+			this.getCourse();
+		},
+	};
 </script>
 
 <style scoped>
-.dialog_diy >>> .el-dialog__header {
-  background: #3d67bc !important;
-  padding: 15px 20px;
-}
-.dialog_diy >>> .el-dialog__title {
-  color: #fff;
-}
-.dialog_diy >>> .el-dialog__headerbtn {
-  top: 19px;
-}
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
-  color: #fff;
-}
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
-  color: #fff;
-}
-.student_head >>> .el-button--primary {
-  background-color: #2268bc;
-}
+	.dialog_diy >>> .el-dialog__header {
+		background: #3d67bc !important;
+		padding: 15px 20px;
+	}
+	.dialog_diy >>> .el-dialog__title {
+		color: #fff;
+	}
+	.dialog_diy >>> .el-dialog__headerbtn {
+		top: 19px;
+	}
+	.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
+		color: #fff;
+	}
+	.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
+		color: #fff;
+	}
+	.student_head >>> .el-button--primary {
+		background-color: #2268bc;
+	}
 
-.xls_button {
-  font-size: 14px;
-  cursor: pointer;
-  text-decoration: underline;
-  color: rgb(34, 104, 188);
-}
-.student_head {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
+	.xls_button {
+		font-size: 14px;
+		cursor: pointer;
+		text-decoration: underline;
+		color: rgb(34, 104, 188);
+	}
+	.student_head {
+		display: flex;
+		justify-content: space-between;
+		align-items: baseline;
+		flex-direction: row;
+		flex-wrap: nowrap;
+	}
 
-.top {
-  display: flex;
-  justify-content: space-between;
-}
+	.top {
+		display: flex;
+		justify-content: space-between;
+	}
 
-.bgColor {
-  background: #466b99;
-}
+	.bgColor {
+		background: #466b99;
+	}
 
-.student_search {
-  display: flex;
-  align-items: center;
-  width: calc(100% / 3);
-}
-.student_search span {
-  margin: 0 10px 0 0;
-  width: 65px;
-}
-.student_button {
-  display: flex;
-  overflow: hidden;
-  height: 40px;
-}
-.upload-demo {
-  display: flex;
-  flex-direction: column;
-  align-items: end;
-  /* position: relative; */
-  width: 100px;
-  overflow: hidden;
-}
-.student_table {
-  margin: 10px 0;
-  min-height: 530px;
-  height: 93%;
-  overflow: auto;
-}
+	.student_search {
+		display: flex;
+		align-items: center;
+		width: calc(100% / 3);
+	}
+	.student_search span {
+		margin: 0 10px 0 0;
+		width: 65px;
+	}
+	.student_button {
+		display: flex;
+		overflow: hidden;
+		height: 40px;
+	}
+	.upload-demo {
+		display: flex;
+		flex-direction: column;
+		align-items: end;
+		/* position: relative; */
+		width: 100px;
+		overflow: hidden;
+	}
+	.student_table {
+		margin: 10px 0;
+		height: 100%;
+		overflow: auto;
+	}
 
-.student_empty {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
+	.student_empty {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
 
-.el-table >>> .even_row {
-  background-color: #f1f1f1;
-}
+	.el-table >>> .even_row {
+		background-color: #f1f1f1;
+	}
 
-.time {
-  font-size: 13px;
-  color: #999;
-}
+	.time {
+		font-size: 13px;
+		color: #999;
+	}
 
-.course_button {
-  padding: 10px 20px;
-}
-.course_button_box {
-  display: flex;
-  margin-top: 5px;
-  justify-content: space-between;
-}
-.course_rate {
-  margin-top: 5px;
-}
-.course_view {
-  display: flex;
-  align-items: center;
-  margin: 5px 0 0 0;
-}
-.course_view i {
-  background-image: url("../../assets/liulan.png");
-  width: 25px;
-  height: 25px;
-  background-size: 100% 100%;
-  /* margin-top: 1px; */
-  line-height: 25px;
-  vertical-align: text-top;
-  background-repeat: no-repeat;
-}
-.image {
-  width: 100%;
-  height: 150px;
-  display: block;
-}
-.course_box {
-  display: flex;
-  flex-wrap: wrap;
-  height: 100%;
-}
-.student_page {
-  width: 95%;
-  margin: 0 auto;
-}
-.course_create_box {
-  font-size: 18px;
-}
-.course_name {
-  margin-top: 10px;
-}
-.course_name span {
-  margin-bottom: 10px;
-  display: block;
-}
-.homework_box {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-.course_homework {
-  width: 130px;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
-  margin: 0 10px 10px 0;
-}
-.course_type {
-  margin-top: 10px;
-  display: flex;
-}
-.course_type1 span {
-  margin-bottom: 10px;
-  display: block;
-}
-.course_type2 {
-  margin-left: 20px;
-}
-.course_type2 span {
-  margin-bottom: 10px;
-  display: block;
-}
-.course_empty {
-  color: rgb(110, 110, 110);
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.el_cards >>> .el-card__body {
-  height: 100%;
-}
-.courseBtnBox {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  height: calc(100% - 170px);
-  padding: 10px;
-}
+	.course_button {
+		padding: 10px 20px;
+	}
+	.course_button_box {
+		display: flex;
+		margin-top: 5px;
+		justify-content: space-between;
+	}
+	.course_rate {
+		margin-top: 5px;
+	}
+	.course_view {
+		display: flex;
+		align-items: center;
+		margin: 5px 0 0 0;
+	}
+	.course_view i {
+		background-image: url("../../assets/liulan.png");
+		width: 25px;
+		height: 25px;
+		background-size: 100% 100%;
+		/* margin-top: 1px; */
+		line-height: 25px;
+		vertical-align: text-top;
+		background-repeat: no-repeat;
+	}
+	.image {
+		width: 100%;
+		height: 150px;
+		display: block;
+	}
+	.course_box {
+		display: flex;
+		flex-wrap: wrap;
+		height: 100%;
+	}
+	.student_page {
+		width: 95%;
+		margin: 0 auto;
+	}
+	.course_create_box {
+		font-size: 18px;
+	}
+	.course_name {
+		margin-top: 10px;
+	}
+	.course_name span {
+		margin-bottom: 10px;
+		display: block;
+	}
+	.homework_box {
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.course_homework {
+		width: 130px;
+		display: flex;
+		justify-content: center;
+		flex-direction: column;
+		align-items: center;
+		margin: 0 10px 10px 0;
+	}
+	.course_type {
+		margin-top: 10px;
+		display: flex;
+	}
+	.course_type1 span {
+		margin-bottom: 10px;
+		display: block;
+	}
+	.course_type2 {
+		margin-left: 20px;
+	}
+	.course_type2 span {
+		margin-bottom: 10px;
+		display: block;
+	}
+	.course_empty {
+		color: rgb(110, 110, 110);
+		width: 100%;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.el_cards >>> .el-card__body {
+		height: 100%;
+	}
+	.courseBtnBox {
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		height: calc(100% - 170px);
+		padding: 10px;
+	}
 
-.wordUpload {
-  display: flex;
-}
+	.wordUpload {
+		display: flex;
+	}
 
-.wordUpload > .buttonUp {
-  margin-right: 5px;
-}
+	.wordUpload > .buttonUp {
+		margin-right: 5px;
+	}
 
-.out_box {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  width: 250px;
-  background: #fff;
-  margin-left: 25px;
-  border: 1px solid #ccc;
-  height: fit-content;
-  box-sizing: border-box;
-  border-radius: 0px 0px 5px 5px;
-  overflow: hidden;
-  margin-bottom: 15px;
-}
+	.out_box {
+		display: flex;
+		flex-direction: column;
+		flex-wrap: nowrap;
+		width: 250px;
+		background: #fff;
+		margin-left: 25px;
+		border: 1px solid #ccc;
+		height: fit-content;
+		box-sizing: border-box;
+		border-radius: 0px 0px 5px 5px;
+		overflow: hidden;
+		margin-bottom: 15px;
+	}
 
-.bottom_box {
-  display: flex;
-  padding: 10px 0 10px 10px;
-  flex-direction: column;
-  box-sizing: border-box;
-}
-.bottom_box > div:nth-child(1) {
-  width: 230px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+	.bottom_box {
+		display: flex;
+		padding: 10px 0 10px 10px;
+		flex-direction: column;
+		box-sizing: border-box;
+	}
+	.bottom_box > div:nth-child(1) {
+		width: 230px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 
-.tup {
-  width: 100%;
-  height: 141.06px;
-  margin: 0 auto;
-}
+	.tup {
+		width: 100%;
+		height: 141.06px;
+		margin: 0 auto;
+	}
 
-.tup > img {
-  width: 100%;
-  height: 100%;
-}
+	.tup > img {
+		width: 100%;
+		height: 100%;
+	}
 
-.kc_time {
-  margin-top: 8px;
-  font-size: 14px;
-  color: #999;
-}
-.kc_t {
-  margin-top: 5px;
-}
+	.kc_time {
+		margin-top: 8px;
+		font-size: 14px;
+		color: #999;
+	}
+	.kc_t {
+		margin-top: 5px;
+	}
 
-.three_bottom {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  height: 40px;
-  align-items: center;
-  background: #f5f4f4;
-  font-size: 14px;
-}
-.three_bottom > div {
-  cursor: pointer;
-}
+	.three_bottom {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-around;
+		height: 40px;
+		align-items: center;
+		background: #f5f4f4;
+		font-size: 14px;
+	}
+	.three_bottom > div {
+		cursor: pointer;
+	}
 
-.three_bottom > div:hover {
-  color: #79a2ff;
-}
-.head_left {
-  display: flex;
-}
-.student_input >>> .el-input__inner {
-  height: 40px;
-  width: 190px;
-  font-size: 13px;
-  padding: 0 10px;
-}
-.course_button {
-  color: #fff;
-  background: #2268bc;
-  width: 75px;
-  height: 40px;
-  padding: 0 !important;
-  font-size: 12px;
-  line-height: 40px;
-}
-.all_choose {
-  margin: 15px 0 10px;
-  height: 20%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: calc(100% / 3);
-}
-.all_choose > span {
-  width: 50px;
-  display: block;
-}
-.choose {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-content: space-between;
-  height: 100%;
-  justify-content: flex-start;
-  width: 60%;
-  min-width: 868px;
-  align-items: center;
-}
-.choose>div:nth-child(4)>span{
-  width: 74px !important;
-}
-.clear {
-  width: 70px;
-  height: 35px;
-  background: #2268bc;
-  color: #fff;
-  text-align: center;
-  border-radius: 5px;
-  line-height: 35px;
-  cursor: pointer;
-  margin-left: 20px;
-}
+	.three_bottom > div:hover {
+		color: #79a2ff;
+	}
+	.head_left {
+		display: flex;
+	}
+	.student_input >>> .el-input__inner {
+		height: 40px;
+		width: 190px;
+		font-size: 13px;
+		padding: 0 10px;
+	}
+	.course_button {
+		color: #fff;
+		background: #2268bc;
+		width: 75px;
+		height: 40px;
+		padding: 0 !important;
+		font-size: 12px;
+		line-height: 40px;
+	}
+	.all_choose {
+		margin: 15px 0 10px;
+		height: 20%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		width: calc(100% / 3);
+	}
+	.all_choose > span {
+		width: 50px;
+		display: block;
+	}
+	.choose {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		align-content: space-between;
+		height: 100%;
+		justify-content: flex-start;
+		width: 60%;
+		min-width: 868px;
+		align-items: center;
+	}
+	.choose > div:nth-child(2) {
+		margin-left: 1%;
+		width: 32.33333%;
+	}
+	.choose > div:nth-child(4) {
+		margin-right: 1%;
+		width: 32.33333%;
+	}
+	.choose > div:nth-child(5) {
+		margin-left: 1%;
+	}
+	.choose > div:nth-child(4) > span {
+		width: 74px !important;
+	}
+	.clear {
+		width: 70px;
+		height: 35px;
+		background: #2268bc;
+		color: #fff;
+		text-align: center;
+		border-radius: 5px;
+		line-height: 35px;
+		cursor: pointer;
+		margin-left: 20px;
+	}
 </style>