YNUtdPlatform/pages/realName/workbench/electronicContract/contractTip.vue

<template>
  <view class="page">
    <u-navbar class="u-navbar" title="电子合同" placeholder @leftClick="leftClick" leftIconColor="#fff"  bgColor="#00337A"  :titleStyle="{ color: '#FFF', fontSize: '32rpx' }"/>
	<scroll-view class="popup-content" scroll-y="true">
		<view>电子劳动合同是指用人单位与劳动者按照《中华人民共和国劳动合同法》《中华人民共和国民法典》《中华人民共和国电子签名法》等法律法规规定，经协商一致，以可视为书面形式的数据电文为载体，使用可靠的电子签名订立的劳动合同。
		依法订立的电子劳动合同具有法律效力，用人单位与劳动者应当按照电子劳动合同的约定，全面履行各自的义务。
		电子劳动合同信息保护与安全的具体要求如下：</view>
		<view>电子劳动合同信息的管理、调取和应用要符合《中华人民共和国网络安全法》《互联网信息服务管理办法》等法律法规，不得侵害信息主体合法权益。</view>
		<view>电子劳动合同订立平台及其所依赖的服务环境，要按照《信息安全等级保护管理办法》第三级的相关要求实施网络安全等级保护，确保平台稳定运行，提供连续服务，防止所收集或使用的身份信息、合同内容信息、日志信息泄漏、篡改、丢失。</view>
		<view>电子劳动合同订立平台要建立健全电子劳动合同信息保护制度，不得非法收集、使用、加工、传输、提供、公开电子劳动合同信息。</view>
		<view>未经信息主体同意或者法律法规授权，电子劳动合同订立平台不得向他人非法提供电子劳动合同查阅、调取等服务。</view>
		<view>以上就是电子劳动合同信息保护与安全的一些要求，可以看出，大多是从平台的网络安全防护、不得泄露信息等角度，由此可见数据安全的重要性，在电子合同数据安全上，平台也是多举措保障，采用防篡改技、可信时间戳、区块链存证等技术来保障数据的不被篡改及签名安全。</view>
		 <view>注：可按上班满5天，允许补卡一天的原则进行调整。</view>
	</scroll-view>
	<view class="popup-submit-box">
		<u-button type="primary" shape="square" :disabled="timeNum>0" class="submit-edit-2" @click="confirm">确认<text v-if="timeNum>0">({{timeNum}})</text></u-button>
	</view>
  </view>
</template>

<script>
import config from '@/config';
export default {
  data() {
    return {
		 timme:null,
		 timeNum:15,
    }
  },
  onLoad() {
    console.log('?? ~ mounted ~ mounted-index:')  
	this.Time();//定时器 
  },
  onShow() {
  },
  methods: { 
	// 定时器
	Time() {
		this.timme = setInterval(() => {
			if(this.timeNum>0){
				this.timeNum=this.timeNum-1
			}else{
				clearInterval(this.timme);
			}
		}, 1000);
	},
	confirm(){ 
		uni.showModal({
			title: `确认进行下一步？`,
			cancelText: '取消',
			confirmText: '确定',
			success: res => {
				if (res.confirm) {
					uni.navigateTo({
						url: `/pages/realName/workbench/electronicContract/contractVideo`
					})
				}
			}
		});
		
	},
	 
    // 返回
    leftClick() {
      console.log('返回')
      uni.navigateBack({
      	delta: 1 // 返回
      });
    }
  },
  destroyed() {
  	clearInterval(this.timme);
  }

}
</script>

<style lang="scss">
.page {
	width: 100vw;
	height: 100vh;
	background-color: #EFEFEF;
	box-sizing: border-box;
	position: relative;
	.content{
		width: 100%;
		height: 92vh;
		// margin-top: 20rpx;
		padding-bottom: 40rpx;
		background-color: #FFF;
	}
	.file-box{
		width: 100%;
		height: 80vh;
		// overflow-y: auto;
	}
	.bottom-box{
		width: 90%;
		margin: 0 auto;
		height: 120rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.btn1{
			width: 40%;
			height: 80rpx;
			display: flex;
			align-items: center;justify-content: center;
			color: #FFF;
			background: #00337A;
			border-radius: 10rpx;
		}
		.btn2{
			width: 40%;
			height: 80rpx;
			display: flex;
			align-items: center;justify-content: center;
			color: #FFF;
			background: #00337A;
			border-radius: 10rpx;
		}
	}
	.popup-header{
		width: 100%;
		height: 80rpx;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #fff;
	}
	.popup-content{
		width: 96%;
		padding: 20rpx;
		height: 80vh;
		font-size: 36rpx;
		background-color: #fff;
	}
	.popup-submit-box {
		width: 100%;
		height: 120rpx;
		display: flex;
		padding-bottom: 20rpx;
		justify-content: space-between;
		align-items: center;
		background-color: #FFF;
		.submit-edit-1{
			width:45%;
			margin: 0 auto;
			height: 65rpx;
			font-size: 26rpx;
			background: #F5F5F5;
		}
		.submit-edit-2{
			width: 45%;
			margin: 0 auto;
			height: 80rpx;
			font-size: 32rpx;
			background: #0052D9;
		}
	}
}
</style>