课程关联试卷优化

src/views/resource/videoManagement/courseManagement/chapterContent/index.vue

@@ -345,22 +345,46 @@
               header-align="center"
             >
               <template slot-scope="scope">
-                <ul v-if="item.scope === 'moreList'">
-                  <li
-                    v-for="(items, indexs) in scope.row['businessList']"
-                    :key="indexs"
-                  >
-                    {{
-                      items[item.prop1] +
-                      "-" +
-                      items[item.prop2] +
-                      "-" +
-                      items[item.prop3] +
-                      "-" +
-                      items[item.prop4]
-                    }}
-                  </li>
-                </ul>
+                <div v-if="item.scope === 'moreList'">
+                  <el-popover placement="right-end" width="250" trigger="hover">
+                    <ul>
+                      <li
+                        v-for="(items, indexs) in scope.row['businessList']"
+                        :key="indexs"
+                      >
+                        {{
+                          items[item.prop1] +
+                          "-" +
+                          items[item.prop2] +
+                          "-" +
+                          items[item.prop3] +
+                          "-" +
+                          items[item.prop4]
+                        }}
+                      </li>
+                    </ul>
+                    <ul slot="reference" style="margin: 0px;">
+                      <template
+                        v-for="(items, indexs) in scope.row['businessList']"
+                      >
+                        <li v-if="indexs < 3" :key="indexs">
+                          {{
+                            items[item.prop1] +
+                            "-" +
+                            items[item.prop2] +
+                            "-" +
+                            items[item.prop3] +
+                            "-" +
+                            items[item.prop4]
+                          }}
+                        </li>
+                      </template>
+                    </ul>
+                  </el-popover>
+                  <div v-if="scope.row['businessList'].length > 3">
+                    等{{ scope.row["businessList"].length }}份试卷
+                  </div>
+                </div>
                 <span v-else-if="item.scope === 'status'">{{
                   scope.row[item.prop] === 1
                     ? "发布"
@@ -510,7 +534,7 @@ export default {
         publishStatus: 1,
         name: "",
         key: "",
-        viewSign:""
+        viewSign: "",
       },
       formList5: [],
       total6: 0,
@@ -738,7 +762,7 @@ export default {
     search() {
       this.$api.obtainCourseS(this.$route.query.id).then((res) => {
         this.pageInfo = res.data;
-        this.formData5.viewSign = res.data.viewSign || ""
+        this.formData5.viewSign = res.data.viewSign || "";
       });
       this.$api
         .inquireCoursemenuListS({ courseId: this.$route.query.id })