控制菜单隐藏

src/views/personal_workbench/template_list/preview/CommonPreview.vue

@@ -2,7 +2,7 @@
   <div class="common-preview">
     <div class="common-preview__header" :class="[type && type !== 'personal' ? 'common-preview__header_org' : '']">
       <div class="menu-container">
-        <el-popover placement="bottom" width="300" trigger="click">
+        <el-popover placement="bottom" width="330" trigger="click" v-model="popoverShow">
           <div class="courseware-tree">
             <div
               v-for="{ id: nodeId, name, deep, is_leaf_chapter } in node_list"
@@ -16,7 +16,9 @@
               </span>
             </div>
           </div>
-          <span slot="reference">{{ courseware_info.book_name || courseware_info.name }}</span>
+          <span slot="reference" style="display: block; width: 360px; cursor: pointer">{{
+            courseware_info.book_name || courseware_info.name
+          }}</span>
         </el-popover>
       </div>
       <div class="courseware">
@@ -36,7 +38,7 @@
         <main :class="['preview-main', { 'no-audit': !isShowAudit }]">
           <div class="preview-left"></div>
           <CoursewarePreview
-            v-if="courseware_info.book_name"
+            v-if="courseware_info.book_name || courseware_info.name"
             ref="courserware"
             :is-show-group="false"
             :group-show-all="true"
@@ -143,6 +145,7 @@ export default {
         can_correct: false, // 可批改
         can_check_correct: false, // 可查看批改
       },
+      popoverShow: false,
     };
   },
   computed: {},
@@ -178,6 +181,7 @@ export default {
       if (this.curSelectId === nodeId) return;
       this.curSelectId = nodeId;
       this.getCoursewareComponentContent_View(nodeId);
+      this.popoverShow = false;
     },
     /**
      * 得到模板信息