课程详情添加负责人和课程名称

src/modules/course/my/components/ViewCourseInfoTop.vue

@@ -112,7 +112,18 @@ const statusStyle = (item: any) => {
 </script>
 <template>
   <div class="top-info">
-    <div class="cover"></div>
+    <div class="cover">
+      <el-popover trigger="hover" placement="right">
+        <div v-html="props.data.name"></div>
+        <template #reference>
+          <div class="cover-name">
+            {{ props.data.name }}
+            {{ props.data.belong_operator_name }}
+          </div>
+        </template>
+      </el-popover>
+      <div class="cover-operator">{{ props.data.belong_operator_name }}</div>
+    </div>
     <div class="info">
       <div class="info-list">
         <div
@@ -169,6 +180,35 @@ const statusStyle = (item: any) => {
     background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/course_default.png);
     background-size: cover;
     border-radius: 6px;
+    position: relative;
+    .cover-name {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 100%;
+      transform: translate(-50%, -50%);
+      line-height: 37px;
+      font-size: 20px;
+      color: #ffffff;
+      padding-left: 16px;
+      box-sizing: border-box;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      text-align: center;
+      cursor: pointer;
+    }
+    .cover-operator {
+      position: absolute;
+      top: 60%;
+      left: 50%;
+      width: 100%;
+      transform: translateX(-50%);
+      line-height: 37px;
+      font-size: 16px;
+      color: #ffffff;
+      text-align: center;
+    }
   }
   .info {
     display: flex;