设置模块--设置

src/views/set/systemLayout.vue

@@ -1,5 +1,6 @@
 <template>
 	<div class="all padding-20" v-loading="loading">
+		
 		<el-tabs v-model="activeName" @tab-click="handleClick" class="tab-container">
 			<el-tab-pane label="基本设置" name="first">
 				<div class="integralApproval" style="margin-top: 30px;">
@@ -53,7 +54,7 @@
 						<div>开启后，审批员工申请的积分和任务也会记入Ta的奖扣分任务内</div>
 					</div>
 				</div>
-				<el-button type="primary" class="save" @click="saveFirst('first')">保存</el-button>
+				<!-- <el-button type="primary" class="save pop-up" @click="saveFirst('first')">保存</el-button> -->
 			</el-tab-pane>
 			<el-tab-pane label="通知设置" name="second">
 				<div class="integralApproval">
@@ -87,7 +88,7 @@
 						</p>
 					</div>
 				</div>
-				<el-button type="primary" class="save" @click="saveFirst('second')">保存</el-button>
+				<!-- <el-button type="primary" class="save" @click="saveFirst('second')">保存</el-button> -->
 			</el-tab-pane>
 			<el-tab-pane label="操作历史" name="history">
 				<el-form :inline="true">
@@ -127,6 +128,7 @@
 			</el-tab-pane>
 		</el-tabs>
 
+		<el-button type="primary" class="save pop-up" v-if="activeName == 'first' || activeName == 'second'" @click="saveFirst(activeName)">保存</el-button>
 		<el-dialog title="系统审批流程" :visible.sync="dialogVisible" width="770px" top="3vh" :before-close="handleClose">
 			<svg-icon icon-class="approval_process" style="font-size:730px;" />
 		</el-dialog>
@@ -329,10 +331,15 @@ export default {
 }
 
 .save {
-	margin-top: 30px;
+	// margin-top: 30px;
 	width: 100px;
 	font-size: 15px;
 }
+.pop-up{
+  position: sticky;
+  bottom: 0px;
+  z-index: 999;
+}
 .tab-container ::v-deep .el-tabs__item {
 	font-size: 16px;
 }