|  | @@ -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 {
 |