| 
					
				 | 
			
			
				@@ -40,7 +40,11 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-dialog> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div class="optionBtn" v-if="!outOptionvisible&&isShowBtn" @click="openOptionMual"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      class="optionBtn" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      v-if="!outOptionvisible && isShowBtn" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      @click="openOptionMual" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       操作手册 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <el-drawer 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -50,7 +54,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       :append-to-body="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <div class="drawerWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-form :inline="true" :model="form"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-form :model="form" :inline="true"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               style="width: 265px !important" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -63,11 +67,17 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-button @click="getMUal()" type="danger">搜索</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <br /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-form-item v-for="(item, index) in optionList" :key="index"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <el-button type="text" @click="openDetail(item)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              {{ item.name }}</el-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div class="topline"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-for="(item, index) in optionList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :key="index" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            class="line" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            @click="openDetail(item)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              {{ item.name }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-drawer> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -79,12 +89,17 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       size="400px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       custom-class="innerDrawer" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <p class="submitTitle">更新时间: {{ activeRow.updateTime }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-tabs v-model="activeName" type="card" @tab-click="handleClick"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-tab-pane label="操作流程" name="first"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <div v-html="activeRow.opFlow" class="optionWrap"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div class="optionWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <div v-html="activeRow.opFlow"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-tab-pane> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-tab-pane label="功能规则" name="second"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <div v-html="activeRow.funRule" class="optionWrap"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div class="optionWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <div v-html="activeRow.funRule"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-tab-pane> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-tabs> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-drawer> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -111,8 +126,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       activeRow: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       innerDrawer: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       activeName: "first", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      allIdList:[], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      isShow:false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      allIdList: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      isShow: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   computed: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -128,11 +143,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     keep() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return this.$route.meta.noCache * 1; // 0是缓存 1是不缓存 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    isShowBtn(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      return this.allIdList.indexOf(this.$route.meta.id+'') != -1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    isShowBtn() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return this.allIdList.indexOf(this.$route.meta.id + "") != -1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- async mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  async mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     this.$bus.$on("showguide", (obj) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.guideList = []; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       obj.forEach((element) => { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -143,9 +158,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.guideVisible = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     try { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      const res = await getSysManualMenuIds() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.allIdList = res.data.split(',') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }catch(e){} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const res = await getSysManualMenuIds(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.allIdList = res.data.split(","); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } catch (e) {} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   beforeDestroy() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     this.$bus.$off("showguide", () => {}); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -187,6 +202,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     openDetail(row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      console.log(row); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.activeRow = row; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.innerDrawer = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -204,9 +220,19 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+/deep/.el-drawer__header { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  margin-bottom: 0px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .innerDrawer { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .submitTitle { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    margin: 10px 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    font-size: 12px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    padding: 0 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    color: #999; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .optionWrap { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    width: 400px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     padding: 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     /deep/img { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       width: 100%; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -232,8 +258,18 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   z-index: 3999; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+/deep/.line { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  border-bottom: 1px solid #dcdfe6; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  height: 40px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  line-height: 40px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  color: var(--color-primary); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .drawerWrap { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   padding: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .topline { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    border-top: 1px solid #dcdfe6; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .guideWrap { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .guideItem { 
			 |