<script setup lang="ts">
	import {
		onLoad,
		onShow
	} from "@dcloudio/uni-app";
	import {
		reactive,
		ref
	} from "vue";
	import {
		etcQYAction,
		wechatAppID,
		wechatSecret,
	} from "@/utils/network/api.js";
	import {
		request
	} from "@/utils/network/request.js";

	import {
		stringToJson
	} from "@/utils/network/encryption";
	import {
		setItem
	} from "@/utils/storage";

	const state = reactive({
		orderId:"",
		openid:""
	})
	const userInfo = reactive({})

	const step = ref(0)
	const status = ref(false)
	const checked = ref(false)
	const checkDisabled = ref(false)

	onLoad((option) => {
		console.log("**********************",option.q);
		const url = decodeURIComponent(option.q); // 获取到二维码URL原始链接内容
		console.log(url);
		if (url != "undefined") {
			state.orderId = getQueryVariable(url, "orderId");
			console.log(state);
		}
		// getOpenID()
	});
	//获取URL参数值
	const getQueryVariable = (query:string, variable:string) => {
		var vars = query.split("&");
		for (var i = 0; i < vars.length; i++) {
			var pair = vars[i].split("=");
			if (pair.length == 2) {
				return pair[1];
			}
			if (pair[0] == variable) {
				return pair[1];
			}
		}
		return false;
	};
	
	//获取微信小程序openid成功后请求参数
	const savaHandle = () => {
		uni.login({
			provider: "weixin",
			success: function(e) {
				uni.request({
					url: `https://api.weixin.qq.com/sns/jscode2session?appid=${wechatAppID}&secret=${wechatSecret}&js_code=${e.code}&grant_type=authorization_code`,
					success: (res: any) => {
						state.openid = res.data.openid;
						setItem("QYorder",state);
						console.log(res);
						
						var data = {
								orderId: state.orderId,
								subOpenId: res.data.openid,
							};
							const options = {
								type: 2,
								data: data,
								method: "POST",
								showLoading: true,
							};
							request(etcQYAction, options).then((res) => {
								const data = stringToJson(res.bizContent);
								console.log(data);
								uni.navigateToMiniProgram({
									appId: 'wxbcad394b3d99dac9',
									path: 'pages/route/index',
									extraData: {
										appid: 'wxcb1388c809fe25a9',
										sub_appid: 'wx008c60533388527a',
										mch_id: '1500877591',
										sub_mch_id: '1622652848',
										nonce_str: data.nonceStr,
										sign_type: 'HMAC-SHA256',
										trade_scene: 'HIGHWAY',
										plate_number: data.plateNumber,
										sub_openid: data.subOpenId,
										sign: data.sign,
									},
									success(res) {
										console.log(res);
									},
									complete(res) {
										console.log(res);
									},
									fail(res) {
										console.log(res);
										// 未成功跳转到车主小程序
									},
								});
							});
						
					},
				});
			},
		});
	};
	
	// const savaHandle = () => {
	// 	};

	const read = () => {
		console.log("************");
		status.value = true
		step.value = 1

	};
	const hide = () => {
		status.value = false

	};
	const agree = () => {
		hide();
		checked.value = true
		checkDisabled.value = false
	};
	const nextStep = () => {
		step.value = step.value + 1

	};
	const formatTime = (date) => {
		var year = date.getFullYear();
		var month = date.getMonth() + 1;
		var day = date.getDate();
		return year + "年" + month + "月" + day + "日";
	};
	const radiochange = (e) => {
		console.log(e);
	}
</script>

<template>
	<view class="btn-wrapper">
		<image class="logo-l" src="/static/image/home-on.png" mode="aspectFill"></image>
		<text class="name">九州ETC</text>
		<view class="content">为保障您的权益，请在阅读授权须知且同意后，进行授权操作。</view>
		<view class="links">
			<radio-group @change="radiochange">
				<radio value="1" :checked="checked" :disabled="checkDisabled" />
			</radio-group>
			<text>阅读</text>
			<view @click="read()" class="link">《授权须知》</view>
		</view>
		<button type="primary" @click="savaHandle" :disabled="disabled">授权微信车主服务</button>
	</view>
	<view class="popup" v-if="status">
		<view class="popup-container">
			<view class="popup-title">授权须知</view>
			<view class="popup-con">
				<scroll-view scroll-y class="scroll-view" style="white-space:pre-line" v-if="step ==1">
					<view style="text-align: center;font-weight: bold;">ETC用户协议</view>
					甲方：贵州黔通智联科技股份有限公司
					法定代表人：刘轶
					住址：雷山县丹江镇永乐路运管办公大楼
					乙方：{{userInfo.customerName}}                     
					身份证号码：{{userInfo.customerIdnum}}
					身份证地址：{{userInfo.address}}
					手机：{{userInfo.customerTel}}
					【签约动作】当您按照用户协议页面提示进行操作并继续点击“下一步”或“确认”后，即视为您已阅读、理解并接受本协议的全部内容，并同意按本协议规定执行。阅读本协议过程中，如果您不同意本协议或其中任何条款约定，您应立即停止操作。

					根据《中华人民共和国民法典》等有关法律、法规规定，甲方向社会公开发行ETC车载设备，甲方为乙方提供联网收费公路通行费电子支付服务以及法律所允许的相关支付服务，甲乙双方在平等、自愿、公平、诚实、互信的基础上，就ETC车载设备的办理和使用达成如下协议，共同信守。
					本协议范围除联网收费公路通行费电子支付外，也适用于停车、加油等甲方授权开通的泛在化场景消费的电子支付,即用户ETC车载设备在适用的泛在化场景内消费，产生ETC拓展应用的交易记录。
					一、定义
					1、ETC卡是记载用户和车辆信息，用于高速公路及已开通的第三方应用场景等非现金支付的专业缴费卡，并作为高速公路通行卡。卡片是实体卡也可以是与车载单元二合一的虚拟卡。
					2、ETC 采用实名制，甲方为乙方（个人或单位）开立ETC 账户，分为ETC记账卡和ETC储值卡。发行 ETC 记账卡，卡内不记录资金信息，其车辆在通过联网高速公路或已联网的普通公路时，或在已开通的第三方应用场景交易时，系统根据交易记录在乙方 ETC 账户中记账，由甲方按照约定方式发送给合作银行或机构，合作银行或机构通过乙方绑定的支付账户划转消费金额。发行ETC储值卡，卡内记录资金信息，其车辆在通过联网高速公路或已联网的普通公路时，或在已开通的第三方应用场景交易时，系统根据交易记录在乙方ETC账户中扣除消费金额。
					3、电子标签是记载车辆信息，与甲方认可的专用设备进行通讯的车载设备。电子标签中记载的车牌与ETC账户绑定使用，方可在ETC车道通行，实现不停车交费。
					二、甲方的权利和义务
					1、甲方负责电子标签和 ETC 卡的发行、账户绑定、结算、客服等业务，与高速公路经营管理单位共同保障 ETC系统及第三方应用场景系统正常运营。
					2、甲方向乙方发行电子标签和ETC卡，电子标签符合GB/T 20851.1～4—2007《电子收费专用短程通信》系列标准，同时，甲方有权向乙方收取相应的设备费及服务费。
					3、甲方负责为乙方提供账户管理、交易记录查询、信息变更、挂失等售后服务。
					4、甲方确保电子收费系统交易数据真实、有效，对于因交易数据延时、缺失等造成客户欠缴、少缴通行费的，甲方保留追缴的权利，且不因乙方解绑代扣账户而丧失。
					5、甲方承诺对乙方办理相关业务时提供的资料信息以及消费数据保密，由乙方授权或向国家行政机构和司法机构提供的情形除外。
					6.
					甲方有权根据有关规定采取有效方式对乙方进行客户身份及车辆信息识别，将乙方的相关信息传输至相关政府部门、金融机构及其他有查询资质的机构等，以校验乙方相关信息的真实性。且甲方有权根据风险防范的相关要求，对疑似欺诈等交易，及时采取调查核实、随时中止或终止服务等措施。若期间存在少交通行费的情况，甲方有权要求乙方进行补交。
					7. 甲方根据法律、行政法规等规定而须予以依法披露的情形以及甲方依据本协议而采取维护其权利的行为，乙方不得因此主张甲方侵犯其个人隐私或商业秘密并提出索赔。
					8.甲方对乙方欠缴、少缴的通行费具有追偿权，且追偿期限自使用之日起，为期10年。
					9.甲方可能会将乙方的个人信息共享给支持甲方提供服务的第三方服务提供商。服务提供商包括为甲方提供基础设施技术服务、数据处理、核验、公估、信用审查、风控和客户服务等的机构。但甲方要求这些服务提供商只能出于为乙方提供服务的目的使用乙方的信息，而不得出于其自身利益使用乙方的信息。
					10.甲方将通过短信、小程序等在线授权方式，获取乙方对ETC账户在停车、加油、服务区、充电及其他消费场景的快捷支付、应用、代扣授权和交易扣款等。
					三、乙方的权利和义务
					1、乙方应提供办理 ETC所需的资料，并保证所提供的全部资料真实、准确、完整、合法并承担相关经济和法律责任。甲方如有合理理由怀疑乙方提供的资料错误、不实、过时或不完整的，甲方有权向乙方发出询问及要求改正的通知，若乙方未能在甲方要求的合理期限内回复甲方的询问及完成改正，甲方有权做出删除相应资料并暂时停止ETC卡使用的处理，甲方对此不承担任何责任，乙方将承担因此产生的任何成本或支出，并承担法律责任。乙方信息发生变更时，应在信息变更后再次使用前提供相应证明资料并及时向甲方提出变更申请。
					2、乙方应妥善保管电子标签和ETC卡，按照电子标签和ETC卡使用说明的规定以及甲方的其他相关管理规定正确使用电子标签和ETC卡，不得擅自拆卸、转租、转借或移用到其它车辆上使用。
					3、乙方在使用过程中保证电子标签和ETC卡记载的车辆信息与登记使用的车辆一致、专车专用。若违反本约定，甲方与高速公路经营管理单位有权拒绝提供相应服务，乙方应以现金全额支付通行费并承担由此引起的全部责任。
					4、若乙方发现乙方的实际车辆信息与ETC办理信息不符的，乙方应立即联系甲方进行修改，期间造成少交通行费的，需对少交的通行费进行补交。
					5、乙方可通过甲方提供的途径查询甲方认可的消费终端产生的记录、交易及消费信息。
					6、乙方认可和接受甲方所使用的电子收费系统交易数据的记载方式及准确性。
					7、乙方同意在甲方向乙方提供ETC卡服务期间，甲方可依据实际情况对所提供的服务内容和服务项目及本用户协议进行适当调整。有关调整无需征得乙方事先同意，将以业务公告形式进行通知。
					8、乙方若未按照电子标签和ETC卡使用说明的规定以及甲方的其他相关管理规定正确使用电子标签和ETC卡，除应补缴应缴费用外，还须额外支付应缴费用×15%的违约金并承担甲方一切损失及费用（包括但不限于律师费、诉讼费、差旅费、保全费等费用）。乙方行为触犯法律的，乙方承担一切法律责任。
					9、乙方同意甲方使用乙方已提供的全部信息（包含但不限于用户信息、车辆信息等），使用范围包含但不限于停车场、智慧加油、积分商城等相关业务范围。
					10、乙方明确同意，甲方为实现其对乙方提供的服务将乙方的个人信息共享给支持甲方提供服务的第三方服务提供商。服务提供商包括为甲方提供基础设施技术服务、数据处理、核验、公估、信用审查、风控和客户服务等的机构。
					11、乙方同意，如乙方怠于履行缴费义务的情况下，甲方可将乙方的欠费信息提供给甲方的授权合作伙伴，由授权合作伙伴与乙方确认欠费信息并催促乙方履行付款义务，授权合作伙伴只能接触到其履行职责所需信息，且不能将此信息用于其他任何目的。
					12、乙方同意通过短信、小程序等在线授权方式，授权甲方或其合作方对其ETC账户在停车、加油、服务区、充电及其他消费场景的快捷支付、应用、代扣授权、交易扣款等。
					四、电子标签和ETC卡使用约定
					（一）一般约定
					1、电子标签
					（1）在乙方自助安装情形下，乙方应按照甲方提供的操作流程的要求，将电子标签安装在申请的车辆上使用。否则，因电子标签安装、拆卸等造成的损失由乙方自行承担，并由乙方承担由此带来的法律责任。
					（2）乙方应当按照本协议的约定使用电子标签，不得篡改、伪造或者以其它方式破译电子标签以逃避应付通行费。否则，乙方需赔偿甲方所有损失并承担全部法律责任。
					（3）电子标签的外接数据接口，只作为制造商软件升级使用，严禁接入任何包括但不限于充电器在内的外部设备。否则可能造成产品损坏甚至电池爆炸、自燃等危险，产生后果由乙方负责、产生的任何损失由乙方自行承担。
					（4）电子标签发生人为损坏或超过质保期的，乙方需承担电子标签的工本费用。

					2、ETC账户
					（1）乙方完成 ETC 账户的开立程序，即获得了账号的使用权，乙方应妥善保管账号和密码，凭账号和密码享受用户服务，因密码遗失等造成的损失由乙方自行承担。
					（2）乙方应对所有使用其账号的交易行为负完全责任。
					① 乙方账号遭到未获授权的使用，或者发生其它任何安全问题时，乙方应立即通知甲方，甲方配合乙方采取措施维护权益；
					② 若乙方因使用账号不当给甲乙双方或第三方造成损害的，由乙方负全部责任，包括但不限于未保管好账号或密码等情形。
					（3）ETC卡分为ETC记账卡和ETC储值卡，其中ETC储值卡先充值后消费；ETC记账卡可先使用后付费，通行费结算非实时扣款。因乙方支付能力受到限制等原因，扣款账户提供方生成的黑名单发送给甲方的，甲方有权按照账户提供方发送的黑名单将乙方ETC账户以及账户下ETC卡列入限制状态名单，乙方在通过收费车道时该账户下ETC卡将不能使用，乙方需根据甲方电子收费系统交易数据全额缴纳相关费用。ETC卡解除限制状态4小时后方可正常使用。
					（4）乙方同意提供甲方签约的金融机构支付账户，用于划扣其名下ETC账户产生的相关费用。乙方在提供授权账户后，不得自行销户，除非获得甲方的同意并另行提供符合甲方要求的账户用于划扣其名下ETC卡的相关费用。乙方应承担擅自销户所造成的全部法律责任并赔偿甲方的所有损失。
					（5）乙方可办理销户，申请销户时，乙方需提供有效证件原件，并归还卡签，如不能归还，需先行办理挂失手续。ETC卡申请销户后终止使用生效前所发生的相关费用由乙方负责支付。销户办理时限由甲方相关管理办法或甲方行业主管部门相关规定确定。

					3、ETC卡
					（1）乙方发现ETC 卡损坏或无法正常使用的，应办理卡更换。ETC卡因质量问题等非人为因素损坏的，可免费更换卡片，因刻划、折弯、缺损等物理损伤和异常高温塑性变形等人为损坏的，更换补办新卡需交纳工本费，工本费以甲方或甲方合作方公告为准。
					（2）乙方遗失 ETC 卡，需办理挂失。ETC 卡挂失自甲方受理乙方申请之时起 4小时生效，挂失卡在挂失生效前所产生的消费金额，由乙方承担。挂失后可实时补办新卡，补办新卡需交纳工本费。
					4、乙方装有电子标签的车辆在ETC车道通行时，应按现场的标识、标线规定行驶，车速不得超过现场限速标志规定的时速，并与前车保持安全距离，按照车道信号灯提示通行。若不能正常通行，需停车配合现场工作人员处理。
					5、甲方或高速公路经营管理单位定期对电子收费系统进行维护维修，若因非甲方原因停电或设备故障等造成系统不能正常工作时，甲方不承担责任，乙方需根据服务单位相关管理规定以其他支付方式全额缴纳相关费用，同时乙方需妥善保存缴费票据，作为日后处理ETC交易的依据。
					6、乙方车辆通行高速公路时，需遵守当地交通法规和通行管理规定。在通行高速公路收费站区发生争议时，应在不影响交通秩序的情况下与现场管理人员协商解决，现场不能解决的，乙方事后提供证据与相关方协商解决。

					（二）特别约定
					1、若乙方提供伪造证件、发生少交或欠交通行费的行为，甲方有权通过下发限制状态名单方式停止乙方使用ETC账户及账户下ETC卡和电子标签，有权限制乙方在甲方认可的终端进行交易。同时按照甲方系统记载的消费记录缴纳少交或欠交的消费费用，乙方应赔偿造成甲方或高速公路业主的所有损失，并承担由此带来的全部法律责任。

					2、电子标签和ETC卡质保期3年；电子标签和ETC卡有效期为10年，有效期到期后不能使用。如乙方需继续使用，需提前按甲方规定办理延期事宜，如乙方未及时延期，因电子标签和ETC卡到期不能使用引发损失，甲方不承担任何责任。
					3、电子标签和ETC卡实行一车一卡一标签绑定使用，如发生车辆信息、联系方式等用户信息变更或车辆信息变更等情况，乙方应主动在产生消费交易前到甲方客服网点或通过甲方对外公布的线上渠道办理信息变更。
					4、车辆所有人发生变动，乙方应将卡签取下，申请挂起该车牌号所绑定的ETC卡和电子标签。因乙方未及时办理挂起业务导致的损失，由乙方自行承担。
					5、当甲方通过乙方所填写的客户资料中记载的联系方式无法联系到乙方时，甲方按该联系方式寄出的书面通知到达联系地址的，视为甲方通知到达。
					6、甲乙双方充分理解高速公路经营管理单位数据传输系统可能因通信繁忙出现延迟或因其他原因出现中断等情况，从而使交易中断或交易数据出现延迟，如造成上述情况出现的原因非甲方所能控制，甲方不承担任何责任，但甲方可协助相关方解决。
					7、使用ETC卡缴纳收费公路通行费时，现场不开具纸质票据，乙方可通过全国收费公路通行费电子发票服务平台开具通行费电子发票。
					8、如乙方电子标签存在损坏导致无法读取信息、卡内车牌与实际不符、一车多签、限制状态名单等情形，乙方应配合现场工作人员引导处理。
					五、不可抗力
					因不可抗力原因导致本协议不能履行的，遇到不可抗力的一方免于承担责任。但遇到不可抗力的一方应在不可抗力发生后及时通知对方，并在【7】日内提供相关证明材料。除双方约定解除本协议外，不可抗力原因消除后，应恢复本协议的履行。乙方使用ETC卡进行消费，或享受甲方提供的ETC卡服务时，甲方不对因通信公司有线或无线通信系统、设备的检修、维护或不稳定，或黑客攻击，或电力部门技术调整或故障等第三方原因，网络覆盖、网络故障及系统优化、升级、电子故障，罢工、劳动争议、暴乱及自然灾害、战争，政府行为，法规命令或第三方不作为行为等不可抗力因素而造成的乙方损失承担赔偿责任。

					六、违约责任
					本协议中任何一方违反本协议内容的可视为违约，守约方可在法律许可的范围内阻止违约方的违约行为，并有权向违约方追索给守约方造成的全部损失。
					乙方违反协议约定的，经甲方催告后应及时改正，拒不改正的，甲方有权单方解除本协议，乙方应当承担因违反约定造成的甲方全部损失及其他法律责任。
					本协议所约定的甲方损失包括但不限于甲方经济利益的减损、乙方的违约费用、甲方为证实乙方违约行为所支付的调查取证、公证费用、甲方为寻求法律救济所支付的诉讼费、保全费、律师代理费、咨询费和法院执行费用、调查取证费、差旅费等全部损失及费用。
					七、争议解决
					有关本协议的争议适用中华人民共和国法律，与本协议及其执行有关的任何纠纷应通过友好协商予以解决。如果协商未果，可向合同签订地贵阳市观山湖区人民法院起诉。
					八、其他事项
					1、乙方或其代理人应具有完全民事行为能力，在签署本协议前乙方或其代理人已仔细阅读本协议，乙方或其代理人签署本协议后即视为完全理解并同意接受本协议的全部条款，本协议对双方均具有法律约束力。
					2、乙方所需办理的业务、手续以及收费标准请详见甲方的相关业务说明。相关业务说明在业务办理界面或其它方式呈现，在此提醒乙方认真阅读相关业务说明，签署本协议即视为乙方已经阅读、充分理解并同意相关业务说明的全部内容（若不同意，乙方可选择停止办理业务）。
					3、甲方有权根据业务扩展情况，适时对本协议及其附件内容进行修改，甲方将以公告或其他方式通知乙方。变更后的协议及其附件内容一经甲方以公告或其他方式通知乙方后，立即自动生效。如乙方不同意相关变更，应当立即停止使用ETC卡服务。乙方继续使用服务的，即表示乙方接受经修订的章程和规则。
					4、本协议内容包括但不限于联网公路通行费电子支付。
					5、本协议中甲方或甲方合作方为乙方提供办理安装的ETC卡及电子标签费用已由甲方或甲方合作方承担，其中ETC记账卡乙方需与银行、微信、支付宝等签订有关委托扣划绑定协议，一般签约绑定期限为3年，若乙方在到期前解除与银行、微信、支付宝等的签约绑定关系或注销ETC账户，须承担相应的违约成本。
					6、下列情形下，甲方有权停止乙方名下所有ETC卡的使用、解除本协议并有权依照本协议第六条规定以法律途径追偿所有损失：
					6.1 乙方提供的证件、资料虚假不属实；
					6.2 乙方未依照甲方的相关管理规定办理相关手续，自行撤销授权账户，或未能按甲方要求另行提供账户用于划扣其名下ETC卡的相关费用；
					6.3 乙方未在本协议规定期限内结清全部应付费用及违约费；
					6.4 乙方有伪造、篡改ETC卡或有其他任何逃避应付消费金额的行为。
					6.5 其他甲方认为应当停止乙方名下所有ETC卡的使用、解除本协议的情形.
					7、本协议采用纸质方式签订的，自双方签订之日起生效，有效期为3年，本协议一式四份，甲方执叁份，乙方执壹份，具有同等法律效力。本协议到期后双方无异议自动顺延，每次顺延期限为1年。
					8、本协议采用电子合同方式签订的，为保障您的合法权益，乙方按照用户协议页面提示进行操作并继续点击“下一步”或“确认”前，需完整、仔细地阅读本用户协议，请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、法律适用和争议解决条款，免除或者限制责任的条款将以粗体标识。当您按照用户协议页面提示进行操作并继续点击“下一步”或“确认”后，即视为乙方已审慎阅读、理解并完全接受本协议的全部内容，并自愿同意按本协议规定执行，阅读本协议过程中，如果您不同意本协议或其中任何条款约定，您应立即停止操作。
					本协议自乙方点击“下一步”或“确认”之时起生效，有效期为3年，协议到期后双方无异议自动顺延，每次顺延期限为1年。


					乙方：{{userInfo.customerName}}  
					签署日期：{{dateNow}}
				</scroll-view>
				<scroll-view scroll-y class="scroll-view" style="white-space:pre-line" v-if="step ==2">
					<view style="text-align: center;font-weight: bold;">用户承诺书</view>
					致贵州黔通智联科技股份有限公司：
					本人：{{userInfo.customerName}} 
					身份证：{{userInfo.customerIdnum}} 

					本人/本单位已对《ETC用户协议》内的权利义务有所了解和掌握，已认真详尽阅读了全部条款，并能完全理解全部条款所代表的含义，现谨代表本人/本单位作出如下承诺：
					一．履行用户协议内的义务，积极配合贵司对ETC采取的一切工作安排。
					二．积极提供办理 ETC所需的资料，保证所提供的全部资料真实、准确、完整、合法并自愿承担因资料不实所产生的一切责任。
					三．本人/本单位信息发生变更时，应在信息变更后再次使用前提供相应证明资料并于变更后 当 日内向贵司提出变更申请，否则自行承担相应责任。
					四．本人/本单位在ETC设备激活前，将按要求上传车身45°照片或安装位置照片，确保ETC设备与安装车辆信息相符，并妥善保管电子标签和ETC卡，保证不擅自拆卸、转租、转借或移用到其它车辆上使用，否则,愿接受贵司一切处罚及管制措施,因此引起的一切损失及责任均由本人/本单位承担，造成贵司损失的，本人/本单位同意承担因此造成贵司的一切损失及费用（包括但不限于诉讼费、律师费、差旅费等费用）。
					五．在使用过程中保证电子标签和ETC卡记载的车辆信息与登记使用的车辆一致、专车专用。若违反本约定，愿接受贵司与高速公路经营管理单位的一切处罚及管制措施。
					六．妥善保管账号和密码，凭密码享受用户服务，因密码遗失等造成的损失自行承担。
					若提供伪造证件、发生少交或欠交通行费的行为，愿意接受贵司的一切管制及处罚措施。同时，按照贵司系统记载的消费记录缴纳少交或欠交的消费费用。
					特此承诺，请贵司予以监督。


					承诺人签字：{{userInfo.customerName}}
					{{dateNow}}

				</scroll-view>
				<scroll-view scroll-y class="scroll-view" style="white-space:pre-line" v-if="step ==3">
					<view style="text-align: center;font-weight: bold;">风险提示告知书</view>
					敬告用户：
					感谢您选择使用ETC，为了保障您的正常使用及合法权益，我们需要向您提示使用过程中，可能出现的以下风险情况：
					（一）账户变更风险
					您使用的ETC卡分为ETC记账卡和ETC储值卡，其中ETC记账卡可先使用后付费，通行费结算非实时扣款。因您支付能力受到限制等原因，导致无法正常扣款的情况，我们有权将您的ETC账户以及账户下ETC卡列入限制状态名单，您在通过收费车道时该账户下ETC卡将不能使用，您需根据我们电子收费系统交易数据全额缴纳相关费用后，至少4小时后方可正常使用，您须自行承担由此造成的损失，本司不承担因此造成您的任何损失。
					建议您不要轻易更改ETC账户的绑定关系，同时关注您绑定账户的余额是否充足，并及时补充余额，以免因余额不足而导致不必要的麻烦。
					（二）车道异常风险
					您正常使用ETC过程中，可能会遇到车道异常导致您无法通行的情况，建议您通过微信公众号、客服电话向我们反映相关情况。同时，妥善保存缴费票据，作为日后处理ETC交易的依据。为此带来的不便敬请谅解。
					（三）设备有效期风险
					您使用的电子标签和ETC卡质保期3年电子标签和ETC卡有效期为10年，有效期到期后将不能使用。如您需继续使用，需提前联系我们，按规定办理延期事宜，如您未及时延期，因电子标签和ETC卡到期不能使用引发损失，您须自行承担由此造成的损失。质保期内，您可联系我们处理设备问题。
					（四）信息变更风险
					您所使用的电子标签和卡实行一车一卡一标签绑定使用，如发生车辆信息、联系方式等用户信息变更或车辆信息变更等情况，您应主动在产生消费交易前到我们的客服网点或通过我们的线上营业厅办理信息变更。如未及时办理，您须自行承担由此造成的损失。
					（五）车辆所有人变更风险
					车辆所有人发生变动的，新的车牌号所有人有权申请挂起该车牌号所绑定的ETC卡和电子标签。ETC卡和电子标签挂起后将无法继续使用，您需与对方协商后，由对方办理挂起解除后，您方可继续使用该号牌申办ETC。
					（六）联系方式变更风险
					当我们通过您所填写的客户资料中记载的联系方式无法联系到您时，我们将按您所填写的联系方式寄出的书面通知到达您所填写的联系地址，因您未及时通知我们变更联系方式的视为我们通知已送达。建议您及时更新您的联系方式，避免由此带来的损失，您须自行承担由此造成的损失。
					（七）数据延迟风险
					我们双方充分理解高速公路经营管理单位数据传输系统可能因通信繁忙出现延迟或因其他原因出现中断等情况，从而使交易中断或交易数据出现延迟，如因上述情况造成您的欠款，您应及时补缴或通过我们的客服网点、线上营业厅联系我们。
					（八）技术变更风险
					您所使用的电子标签符合GB/T 20851.1～4—2007《电子收费专用短程通信》系列标准，如因ETC行业调整影响到正常使用时，您须配合并积极协助我们的统一工作安排。
					电子标签的外接数据接口，只作为制造商软件升级使用，严禁接入任何包括但不限于充电器在内的外部设备。否则可能造成产品损坏甚至电池爆炸、自燃等危险，产生后果由乙方负责、产生的任何损失由乙方自行承担。
					（九）发票开具风险
					您使用ETC卡缴纳收费公路通行费时，现场不开具纸质票据，确需票据的您可通过全国收费公路通行费电子发票服务平台开具通行费电子发票。
					（十）用户信息
					我们可能会将您的个人信息共享给支持我们提供服务的第三方服务提供商。这些服务提供商包括为我们提供基础设施技术服务、数据处理、核验、公估、信用审查、风控和客户服务等的机构。但我们要求这些服务提供商只能出于为我们提供服务的目的使用您的信息，而不得出于其自身利益使用您的信息。

					本《风险提示告知书》上述风险告知事项仅为列举性质，未能详尽的列明有关ETC使用的所有风险因素，您在参与使用ETC活动之前，还应认真的对用户协议内的权利义务有所了解和掌握。

					此告知书壹式两份，一份由被告知者留存，一份由贵州黔通智联科技股份有限公司留存。

					被告知者签字：{{userInfo.customerName}}
					{{dateNow}}
				</scroll-view>
				<button type="primary" size="mini" class="step" @click="nextStep" v-if="step <3">下一页</button>
				<button type="primary" size="mini" class="step" @click="agree" v-if="step == 3">已完成阅读</button>
			</view>
		</view>
	</view>
</template>


<style>
	.btn-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100vh;
		flex-direction: column;
	}

	.logo-l {
		width: 240rpx;
		height: 240rpx;
		border-radius: 20rpx;

	}

	.name {
		font-weight: bold;
		padding: 30rpx 0 60rpx;
	}

	.scroll-view {
		/* flex:1; */
		max-height: 70vh;
		text-align: left;
	}

	.scroll-view view {
		display: block;
		padding: 10rpx;
	}

	.content {
		background: #fff;
		padding: 10px 20px;
		margin: 0 60rpx 50rpx;
		border-radius: 20rpx;
		box-shadow: 1px 3px 5px #ccc;
	}

	.links {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 80rpx;
		margin-bottom: 80rpx;
	}

	.links .link {
		color: #07c160;
	}

	.step {
		margin-top: 30rpx;
	}


	.popup {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .25);
	}

	.popup-container {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 650rpx;
		max-width: 650rpx;
		border: 2rpx solid #ccc;
		border-radius: 10rpx;
		box-sizing: bordre-box;
		transform: translate(-50%, -50%);
		overflow: hidden;
		background: #fff;
	}

	.popup-title {
		width: 100%;
		padding: 20rpx;
		text-align: center;
		font-size: 40rpx;
		border-bottom: 2rpx solid red;
		position: relative;
	}

	.close {
		position: absolute;
		right: 50rpx;
		top: 16rpx
	}

	.popup-con {
		margin: 40rpx 30rpx;
		text-align: center;
	}

	.popup-btn {
		display: flex;
		justify-content: space-around;
		margin-bottom: 40rpx;
	}

	.popup-btn text {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30%;
		height: 88rpx;
		border: 2rpx solid #ccc;
		border-radius: 88rpx;
	}
</style>
