|
|
@@ -17,20 +17,26 @@
|
|
|
</div>
|
|
|
</transition>
|
|
|
<serviceRemind />
|
|
|
- <div style="z-index:5000">
|
|
|
+ <div style="z-index: 5000">
|
|
|
<el-dialog
|
|
|
:visible.sync="guideVisible"
|
|
|
- title="您需要完成以下设置"
|
|
|
- width="800px"
|
|
|
+ width="680px"
|
|
|
:modal="false"
|
|
|
v-if="guideList.length > 0"
|
|
|
append-to-body
|
|
|
+ class="dialogGuide"
|
|
|
>
|
|
|
+ <template #title>
|
|
|
+ <div class="dialogHead"></div>
|
|
|
+ </template>
|
|
|
<div class="guideWrap">
|
|
|
+ <h2 class="guideH2">您需要完成以下设置</h2>
|
|
|
+ <el-divider class="guideLine"></el-divider>
|
|
|
<div class="guideItem" v-for="guide in guideList" :key="guide.name">
|
|
|
<p>
|
|
|
<span class="guideTitle">{{ guide.name }}</span>
|
|
|
<el-button
|
|
|
+ class="guideSet"
|
|
|
type="text"
|
|
|
@click="gotoSet(guide)"
|
|
|
v-if="permission(guide.permission)"
|
|
|
@@ -38,8 +44,14 @@
|
|
|
>
|
|
|
<span v-else>您暂无此设置权限,请联系机构管理员</span>
|
|
|
</p>
|
|
|
- <p>{{ guide.desc }}</p>
|
|
|
+ <p class="guideDesc">{{ guide.desc }}</p>
|
|
|
</div>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ style="width: 100%"
|
|
|
+ @click="guideVisible = false"
|
|
|
+ >暂不设置</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -53,9 +65,10 @@
|
|
|
<el-drawer
|
|
|
title="操作手册"
|
|
|
:visible.sync="outOptionvisible"
|
|
|
- size="400px"
|
|
|
+ size="410px"
|
|
|
:append-to-body="true"
|
|
|
>
|
|
|
+ <el-divider class="outOptionLine"></el-divider>
|
|
|
<div class="drawerWrap">
|
|
|
<el-form :model="form" :inline="true">
|
|
|
<el-form-item>
|
|
|
@@ -71,7 +84,7 @@
|
|
|
<el-button @click="getMUal()" type="danger">搜索</el-button>
|
|
|
</el-form-item>
|
|
|
<br />
|
|
|
- <div class="topline"></div>
|
|
|
+ <!-- <div class="topline"></div> -->
|
|
|
<div
|
|
|
v-for="(item, index) in optionList"
|
|
|
:key="index"
|
|
|
@@ -79,7 +92,8 @@
|
|
|
@click="openDetail(item)"
|
|
|
>
|
|
|
<el-row>
|
|
|
- {{ item.name }}
|
|
|
+ <el-col :span="23">{{ item.name }}</el-col>
|
|
|
+ <el-col :span="1"><i class="el-icon-arrow-right"></i></el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
@@ -90,7 +104,7 @@
|
|
|
:append-to-body="true"
|
|
|
v-if="activeRow"
|
|
|
:visible.sync="innerDrawer"
|
|
|
- size="400px"
|
|
|
+ size="410px"
|
|
|
custom-class="innerDrawer"
|
|
|
>
|
|
|
<p class="submitTitle">更新时间: {{ activeRow.updateTime }}</p>
|
|
|
@@ -250,10 +264,15 @@ export default {
|
|
|
.previewImg {
|
|
|
}
|
|
|
/deep/.el-drawer__header {
|
|
|
+ font-size: 20px;
|
|
|
margin-bottom: 0px;
|
|
|
- color: #000;
|
|
|
+ line-height: 24px;
|
|
|
+ color: rgba(0, 0, 0, 0.9);
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
+.outOptionLine {
|
|
|
+ margin: 20px 0 0 0;
|
|
|
+}
|
|
|
.innerDrawer {
|
|
|
.submitTitle {
|
|
|
margin: 10px 0;
|
|
|
@@ -261,6 +280,7 @@ export default {
|
|
|
padding: 0 20px;
|
|
|
color: #999;
|
|
|
}
|
|
|
+
|
|
|
.optionWrap {
|
|
|
box-sizing: border-box;
|
|
|
width: 100%;
|
|
|
@@ -292,11 +312,28 @@ export default {
|
|
|
z-index: 3999;
|
|
|
}
|
|
|
/deep/.line {
|
|
|
- border-bottom: 1px solid #dcdfe6;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
- color: var(--color-primary);
|
|
|
+ color:rgba(#212121,.9) ;
|
|
|
+ padding: 0 17px;
|
|
|
+ background-color:#F9F9F9;
|
|
|
cursor: pointer;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 2px;
|
|
|
+ &:hover {
|
|
|
+ color: var(--color-primary);
|
|
|
+ &::after {
|
|
|
+ content: "";
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: var(--color-primary);
|
|
|
+ opacity: 0.1;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.drawerWrap {
|
|
|
padding: 20px;
|
|
|
@@ -305,6 +342,15 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.guideWrap {
|
|
|
+ .guideH2 {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #212121;
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+ .guideLine {
|
|
|
+ margin: 18px 0 24px;
|
|
|
+ }
|
|
|
.guideItem {
|
|
|
margin-bottom: 30px;
|
|
|
.guideTitle {
|
|
|
@@ -312,8 +358,38 @@ export default {
|
|
|
text-align: left;
|
|
|
font-weight: bold;
|
|
|
display: inline-block;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #212121;
|
|
|
+ line-height: 22px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .guideDesc {
|
|
|
+ color: #666666;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .guideSet {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.dialogGuide {
|
|
|
+ border-radius: 6px;
|
|
|
+ /deep/.el-dialog__header {
|
|
|
+ background-color: #fff;
|
|
|
+ padding-top: 15px;
|
|
|
+ .el-dialog__headerbtn {
|
|
|
+ .el-icon {
|
|
|
+ color: #999;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+ .dialogHead {
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/*设置字体的大小*/
|
mo