updates

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

@@ -11,7 +11,6 @@ const props: any = defineProps({
   }
 })
 const form: any = ref({})
-
 watch(
   () => props.data,
   value => {
@@ -165,20 +164,36 @@ const handleDetail = (row: any) => {
           <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/course-view-icon12.png" />
           <div>
             <div class="label">课程公开信息</div>
-            <div class="value">{{ props.data.department_public_name }}</div>
-            <div class="value">{{ props.data.platform_public_name }}</div>
+            <div class="value">
+              <p>
+                {{ props.data.department_public_name }}
+              </p>
+              <p>
+                {{ props.data.platform_public_name }}
+              </p>
+            </div>
           </div>
         </div>
         <div class="item">
           <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/course-view-icon15.png" />
           <div>
             <div class="label">课程授权信息</div>
-            <div v-if="props.data.auth_departments !== []">
-              <div class="value" v-for="(item, index) in props.data.auth_departments" :key="index">
-                {{ item.department_name }}
-              </div>
+
+            <div class="value_list" v-if="props.data.auth_departments !== []">
+              <el-popover trigger="hover" placement="right">
+                <template #reference>
+                  <div class="value" v-for="(item, index) in props.data.auth_departments" :key="index">
+                    <p>{{ props.data.auth_departments[0].department_name }}</p>
+                    <p v-if="props.data.auth_departments.length > 1">
+                      {{ props.data.auth_departments[1].department_name + '...' }}
+                    </p>
+                  </div>
+                </template>
+                <div class="value" v-for="(item, index) in props.data.auth_departments" :key="index">
+                  {{ item.department_name }}
+                </div>
+              </el-popover>
             </div>
-            <div class="value" v-else>暂无</div>
           </div>
         </div>
       </div>
@@ -279,13 +294,17 @@ const handleDetail = (row: any) => {
         line-height: 100%;
         color: #999999;
       }
+
       .value {
         font-size: 14px;
-        line-height: 100%;
+        line-height: 1.5;
         color: #333333;
         margin-bottom: 10px;
         text-align: left;
         margin-left: 15px;
+        cursor: pointer;
+        display: flex;
+        flex-direction: column;
       }
     }
   }

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

@@ -139,7 +139,14 @@ const statusStyle = (item: any) => {
           <div class="item-right">
             <div class="label">{{ item.label }}</div>
             <div class="value" :style="statusStyle(item)">
-              {{ item.value || '-' }}
+              <el-popover trigger="hover" placement="bottom">
+                <div v-html="item.value"></div>
+                <template #reference>
+                  <div class="cover-name">
+                    {{ item.value }}
+                  </div>
+                </template>
+              </el-popover>
             </div>
           </div>
         </div>
@@ -256,9 +263,14 @@ const statusStyle = (item: any) => {
           }
           .value {
             font-size: 14px;
-            line-height: 100%;
+            line-height: 1.5;
             color: #333333;
             font-family: Source Han Sans CN;
+            display: -webkit-box;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
           }
         }
       }