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