| 
					
				 | 
			
			
				@@ -28,7 +28,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div class="audit-content"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <div ref="previewMain" class="main-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <main :class="['preview-main', { 'no-audit': !isShowAudit }]"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <span class="title"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <span class="title" :style="{ backgroundColor: unified_attrib?.topic_color }"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <SvgIcon icon-class="menu-2" size="24" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <span>{{ courseware_info.name_path }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </span> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -174,6 +174,7 @@ import { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   MangerGetBookMindMap, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   PageQueryBookResourceList, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   GetLanguageTypeList, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  GetBookUnifiedAttrib, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } from '@/api/book'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -289,6 +290,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       chinese: 'zh-Hans', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       isJudgeCorrect: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       isShowAnswer: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      unified_attrib: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   computed: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -319,6 +321,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.isBook ? this.getBookBaseInfo() : this.getProjectBaseInfo(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     this.getBookChapterStructExpandList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.getBookUnifiedAttr(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     this.calcDrawerPosition(); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -391,6 +394,15 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.node_list = node_list; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getBookUnifiedAttr() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      GetBookUnifiedAttrib({ book_id: this.projectId }).then(({ content }) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (content) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.unified_attrib = JSON.parse(content); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				      * 选择节点 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				      * @param {string} nodeId - 节点ID 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -693,22 +705,21 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .main-container { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     flex: 1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    justify-content: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     min-width: 1110px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     overflow: auto; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   main.preview-main { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    flex: 1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     flex-direction: column; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     row-gap: 5px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 1100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     min-width: 1100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     min-height: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     padding: 5px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    margin: 0 5px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    margin: 0 auto; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-color: #fff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     border-radius: 4px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     box-shadow: 0 2px 4px rgba(0, 0, 0, 10%); 
			 |