course

src/components/pages/course.vue

@@ -3,15 +3,12 @@
     <div class="pb_head top">
       <span>项目管理</span>
       <div class="student_button">
-        <el-button type="primary" class="bgColor" @click="openCourse"
-          >协同编辑</el-button
-        >
+        <el-button type="primary" class="bgColor" @click="openCourse">协同编辑</el-button>
         <el-button
           type="primary"
           class="bgColor"
           @click="goTo('/course/addCourse?userid=' + userid + '&oid=' + oid)"
-          >添加项目</el-button
-        >
+        >添加项目</el-button>
       </div>
     </div>
     <div class="pb_content_body" style="height: 100%">
@@ -24,17 +21,9 @@
               <el-option value="1" label="他人课程"></el-option>
             </el-select>
           </div>
-          <div
-            class="all_choose"
-            v-for="(item, index) in CourseType[0]"
-            :key="index"
-          >
+          <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-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]"
@@ -49,14 +38,8 @@
 
         <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
-            >
+            <el-input v-model="courseName" class="student_input" placeholder="请输入课程名称"></el-input>
+            <el-button class="course_button" @click="searchCourse">查询</el-button>
           </div>
         </div>
       </div>
@@ -77,9 +60,7 @@
             </div>
             <div class="bottom_box">
               <div>{{ item.title }}</div>
-              <div class="kc_t" v-if="groupA == '1'">
-                创建老师：{{ item.uname }}
-              </div>
+              <div class="kc_t" v-if="groupA == '1'">创建老师：{{ item.uname }}</div>
               <div class="kc_time">{{ item.time }}</div>
             </div>
             <div class="three_bottom">
@@ -96,9 +77,7 @@
                       oid
                   )
                 "
-              >
-                修改
-              </div>
+              >修改</div>
               <div
                 @click="
                   goTo(
@@ -110,9 +89,7 @@
                       oid
                   )
                 "
-              >
-                报告
-              </div>
+              >报告</div>
               <div @click="deleteCourse(item.courseId)">删除</div>
             </div>
           </div>
@@ -196,12 +173,10 @@
                     oid
                 )
               "
-            >
-              编辑
-            </div>
+            >编辑</div>
           </div>
         </div>
-         <div class="course_empty" v-if="courseTeam.length == 0">暂无数据</div>
+        <div class="course_empty" v-if="courseTeam.length == 0">暂无数据</div>
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisibleCourse = false">关 闭</el-button>
@@ -330,14 +305,13 @@ export default {
     },
     //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);
-        }
-      );
+      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) {
@@ -364,10 +338,10 @@ export default {
       this.getCourse();
     },
     getCourse() {
-      if(!this.loading){
+      if (!this.loading) {
         this.loading = this.openLoading(
-        document.querySelector(".student_table")
-      );
+          document.querySelector(".student_table")
+        );
       }
       var typeE = [];
       var typea, typeb, typec, typed;
@@ -409,7 +383,7 @@ export default {
         .get(this.$store.state.api + "selectCourseNew", params)
         .then((res) => {
           this.loading.close();
-          this.loading = '';
+          this.loading = "";
           this.isLoading = false;
           this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
           this.course = res.data[0];
@@ -746,11 +720,15 @@ export default {
   width: 100%;
   height: 141.06px;
   margin: 0 auto;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
 }
 
 .tup > img {
   width: 100%;
-  height: 100%;
+  /* height: 100%; */
+  object-fit: cover;
 }
 
 .kc_time {