zhywpt-sp/subpackage/after-sale/activation/activate.vue

<template>
	<view class="containers">
		<view class="sec_info">
			<view class="info_txt">信息确认</view>
			<view class="info_plate">
				<text>车牌号码</text>
				<text>{{ fileDataStrings.vehiclePlate }}</text>
			</view>
			<view class="info_plate">
				<text>车牌颜色</text>
				<text>{{ fileDataStrings.vehiclePlateColorStr }}</text>
			</view>
			<view class="info_plate">
				<text>手机号码</text>
				<text>{{ fileDataStrings.customerTel }}</text>
			</view>
			<view class="info_plate" style="border: none">
				<text>卡号</text>
				<text>{{ fileDataStrings.cardId }}</text>
			</view>
			<view class="info_plate">
				<text>OBU号</text>
				<text>{{ fileDataStrings.obuId }}</text>
			</view>
		</view>
		<view class="up_btn">
			<button aria-disabled="true" @click="btn" :disabled="disabled">
				点击开始激活
			</button>
		</view>
	</view>
	<!-- 激活成功popup -->
	<u-popup v-model="state.showPopup" mode="center">
		<active-success @cancel="state.showPopup = false"></active-success>
	</u-popup>
</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue";
	import {
		formatTime,
		expireDate,
		expireDate2,
		getFormatDate
	} from "@/utils/utils";
	import {
		onLoad
	} from '@dcloudio/uni-app'
	import {
		getItem
	} from "@/utils/storage";
	import {
		request
	} from "@/utils/network/request.js";
	import {
		IntegerToHexString,
		AsciToHexString,
	} from "@/utils/util/fileData.js";
	import {
		stringToJson
	} from "@/utils/network/encryption.js";
	import * as IFCODE from "@/utils/network/api.js";

	const cmd = require("../../../static/etcUtil/cmdConfig.js");
	const tools = require("../../../static/etcUtil/tools.js");
	const bluetoothUtil = require("../../../static/etcUtil/index.js");
	import activeSuccess from "./components/popup-device-active-success";
	const state = reactive({
		orderId: "",
		id: "",
		cardStatus: "",
		obuStatus: ""
	})
	onLoad(() => {
		//读取传入 存储的数据orderInfo
		let orderData = getItem("orderInfo");
		state.id = orderData.id;
		state.orderId = orderData.orderId;
		console.log(state);

		//获取订单详情
		getOrderDetails(state.id);
	})

	const card = reactive({
		cardId: "",
		netId: "",
		cardType: "",
		startTime: "",
		endTime: "",
		userName: "",
		idNum: "",
		vehiclePlate: "",
		vehiclePlateColor: "",
		color: "",
		version: "",
		type: "",
		favourable: "",
		money: "",
		v_userType: "",
	});
	const obu = reactive({
		obuId: "",
		startTime: "",
		endTime: "",
		version: "",
		approvedCount: "",
		axleCount: "",
		axleDistance: "",
		engineNum: "",
		type: "",
		userType: "",
		contractNo: "",
		vehiclePlate: "",
		vehiclePlateColor: "",
		vin: "",
		wheelCount: "",
		isJH: ""
	});
	const disabled = ref(false);
	let cmdRandNum = '';
	let orderInfo = {};

	const fileDataStrings = reactive({
		approvedCount: 0, //核载人数
		cardId: "", //卡号
		obuId: "", //obu号
		obuId: "", //obu号
		packageNum: "", //套餐编号
		axleCount: 0, //轴数
		axleDistance: "", //轴距
		engineNum: "", //发动机
		vehicleVin: "",
		vehicleEngineNum: "",
		cardStatus: "",
		obuStatus: "",
		type: 0, //类型
		userType: 0, //用户类型
		vehiclePlate: "", //车牌
		vehiclePlateColor: 0, //车牌颜色
		vehicleDimensions: "",
		outlineL: 0, //外廓 长
		outlineW: 0, //外廓 宽
		outlineH: 0, //外廓 高
		wheelCount: "", //车轮数
		vehicleIdNo: "", //车牌号
		vehiclePlateColorStr: "",
		customerTel: "",
		customerId: "",
		orderId: ""
	});

	//开始激活 按钮事件
	const btn = () => {
		console.log('orderInfo参数', orderInfo)
		if (orderInfo) {
			//根据订单详情走相应的断步功能
			const cardId = orderInfo.cardId;
			const cardStatus = orderInfo.cardStatus != null ? orderInfo.cardStatus : '0'
			const obuId = orderInfo.obuId;
			const obuStatus = orderInfo.obuStatus != null ? orderInfo.obuStatus : '9'
			console.log('当前卡签状态', cardId, obuId, cardStatus, obuStatus)
			console.log('输出内容', obu.obuId, '=======', fileDataStrings.obuId)
			if (obu.obuId != fileDataStrings.obuId) {
				tools.showModalAlert("订单设备号信息与当前设备号信息不符!");
				return
			}
			if (!cardId) { //卡发行
				getCardId()
			} else if (cardId && cardStatus == '0') { //卡发行
				getCardId()
			} else if (!obuId) { //OBU发行
				getObuApply();
			} else if (obuId && obuStatus == '9') { //OBU发行
				getObuApply();
			} else if (cardId && obuId && (obuStatus == '1' || obuStatus == '11' || obuStatus ==
					'0')) {
				getInstallApply(); //激活
			} else {
				getCardId()
			}
		}
	};

	//获取订单详情
	const getOrderDetails = (id) => {
		console.log('======获取订单信息======')
		const options = {
			type: 2,
			data: {
				id: id,
			},
			method: "POST",
			showLoading: true,
		};
		request(IFCODE.orderDetail, options).then((res) => {
			orderInfo = JSON.parse(res.bizContent);
			console.log("orderInfo", orderInfo);
			console.log("orderInfores", res);
			if (orderInfo) {
				fileDataStrings.userType = orderInfo.userType; //用户类型
				fileDataStrings.approvedCount = parseInt(orderInfo.vehicleApprovedCount); //核载人数
				fileDataStrings.cardId = orderInfo.cardId;
				fileDataStrings.packageNum = orderInfo.packageNum;
				fileDataStrings.obuId = orderInfo.obuId;
				fileDataStrings.vehicleVin = orderInfo.vehicleVin;
				fileDataStrings.vehicleEngineNum = orderInfo.vehicleEngineNum;
				fileDataStrings.axleCount = parseInt(orderInfo.vehicleAxleCount); //轴数
				fileDataStrings.engineNum = orderInfo.vehicleVin; //发动机
				fileDataStrings.type = parseInt(orderInfo.vehicleType); //类型
				fileDataStrings.vehiclePlate = orderInfo.vehiclePlate; //车牌
				fileDataStrings.vehiclePlateColor = orderInfo.vehiclePlateColor; //车牌颜色
				fileDataStrings.vehicleDimensions = orderInfo.vehicleDimensions;
				let arr = orderInfo.vehicleDimensions.split("X");
				fileDataStrings.outlineL = parseInt(arr[0]); //外廓 长
				fileDataStrings.outlineW = parseInt(arr[1]); //外廓 宽
				fileDataStrings.outlineH = parseInt(arr[2].substring(0, arr[2].length - 2)); //外廓 高
				fileDataStrings.vehicleIdNo = orderInfo.vehicleEngineNum; //车编号
				fileDataStrings.vehiclePlateColorStr = orderInfo.vehiclePlateColorStr;
				fileDataStrings.customerTel = orderInfo.customerTel;
				fileDataStrings.customerId = orderInfo.customerId;
				fileDataStrings.orderId = orderInfo.orderId;
				getObuId();
			}
		});
	};

	/**
	 * 获取OBU号 读OBU
	 */
	const getObuId = () => {
		console.log('======获取OBU号======')
		let cmdArray = [cmd.HOME_DIRECTORY, cmd.OBU_SYSTEM_FILE, cmd.RANDOM_NUMBER];
		tools.showLoadingAlert("正在执行指令");
		console.log('======cmdArray======', cmdArray)
		bluetoothUtil.transCmd(cmdArray, "20", function(res) {
			console.log('======cmdArray1======', cmdArray)
			tools.hideLoadingAlert();
			console.log('======cmdArray2======', cmdArray)
			var status = res[1].substring(res[1].length - 4, res[1].length);

			console.log('获取OBU号执行结果' + status, res)
			//第一次获取随机数
			if (status == "9000") {
				obu.obuId = res[1].substring(20, 36);
				obu.vin = res[1].substring(18, 20);
				obu.version = res[1].substring(18, 19) >= 4 ? "4x" : "2x";
				cmdRandNum = res[2].substring(0, res[2].length - 4);
			}
		});
	};

	//获取fileData
	const getFileData = () => {
		console.log(fileDataStrings);
		//获取fileData 拼接字符串
		let res1 = AsciToHexString(fileDataStrings.vehiclePlate, 24); //车牌号
		let res2 = IntegerToHexString(fileDataStrings.vehiclePlateColor, 4); //车牌颜色

		let res3 = IntegerToHexString(1, 2); //类型

		let res4 = IntegerToHexString(1, 2); //用户类型
		let res5 = IntegerToHexString(fileDataStrings.outlineL, 4); //车辆尺寸 长
		let res6 = IntegerToHexString(fileDataStrings.outlineW, 2); //车辆尺寸 宽
		let res7 = IntegerToHexString(fileDataStrings.outlineH, 2); //车辆尺寸 高
		let res8 = IntegerToHexString(4, 2); //获取轮数
		let res9 = IntegerToHexString(4, 2); //轴数

		let res10 = IntegerToHexString(null, 4); //轴距32
		let res11 = IntegerToHexString(fileDataStrings.approvedCount, 6); //核载人数

		let res12 = AsciToHexString(fileDataStrings.vehicleVin, 32); //车编号
		let res13 = AsciToHexString(fileDataStrings.vehicleEngineNum, 32); //发动机
		return res1 + res2 + res3 + res4 + res5 + res6 + res7 + res8 + res9 + res10 + res11 + res12 + res13;
	};

	/**
	 * 获取卡号 读卡
	 */
	const getCardId = () => {
		console.log('======获取卡信息======')
		let cmdArr = [
			cmd.HOME_DIRECTORY,
			//选择主目 
			cmd.APPLICATION_DIRECTORY,
			//选择文件1001--DF01联网收费应用目录 
			cmd.CMD_READBINARY,
			//15文件--卡片发行基本数据文件
			cmd.CMD_GETBALANCE
			//钱包
		];
		tools.showLoadingAlert("正在执行指令");
		bluetoothUtil.transCmd(cmdArr, "10", function(res) {
			tools.hideLoadingAlert();
			//10：写卡   20：写OBU
			let str = res[2].substring(res[2].length - 4, res[2].length);
			let str3 = res[3].substring(res[3].length - 4, res[3].length);
			if (str == "9000" || str3 == "9000") {
				if (res[2].length > 86 || res[3] >= 12) {
					card.cardId = res[2].substring(20, 40); //卡号
					card.startTime = res[2].substring(40, 48); //启用
					card.endTime = res[2].substring(48, 56);
					card.version = res[2].substring(18, 19) >= 4 ? "4x" : "2x";
					card.netId = res[2].substring(20, 24);
					card.cardType = res[2].substring(28, 30) == 23 ? 1 : 2; //23记账卡 非 23储值卡 1:记账卡  2:储值卡
					card.vehiclePlateColor = parseInt(res[2].substring(82, 84), 16);
					console.log('======卡信息======', card.cardId, fileDataStrings.cardId)
					if (card.cardId != fileDataStrings.cardId) {
						tools.showModalAlert("订单卡号与当前设备卡号信息不符!");
						return
					}
					getCardApply()
				} else {
					console.error("CMD_READBINARY指令长度不符" + res[2])
					tools.hideLoadingAlert();
				}
			}
			console.error("CMD_READBINARY指令长度不符" + res[2])
			tools.hideLoadingAlert();
		});
	};

	// *------------------------------------*
	// OBU开卡模块
	// *------------------------------------*

	/**
	 * 写卡指令申请 请求
	 */
	const getCardApply = () => {
		console.log('======写卡指令申请======')
		tools.showLoadingAlert("加载中");
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				cardId: card.cardId,
				orderId: fileDataStrings.orderId,
				cardType: card.cardType,
				userId: fileDataStrings.customerId,
				vehicleId: fileDataStrings.vehiclePlate + "_" + fileDataStrings.vehiclePlateColor,
				cosProvider: "1",
				enableTime: getFormatDate(new Date(), "yyyyMMdd"),
				expireTime: expireDate2(new Date())
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.writeCardApply, options)
			.then((res) => {
				tools.hideLoadingAlert();
				let result = stringToJson(res.bizContent);
				tools.showLoadingAlert("执行指令中");
				console.log('写卡指令', result.command)
				bluetoothUtil.transCmd(result.command.split(","), "10", function(res) {
					tools.hideLoadingAlert();
					getCommandBack(result.command, result.cosRecordId, res.toString());
				});
			})
	};

	/**
	 * 写卡指令返回 请求
	 */
	const getCommandBack = (command, cosRecordId, response) => {
		console.log('======循环写卡指令中======')
		tools.showLoadingAlert("加载中");
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				cardId: card.cardId,
				orderId: fileDataStrings.orderId,
				command: command,
				response: response,
				cosRecordId: cosRecordId,
				cosType: "1"
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};

		//调用方式
		request(IFCODE.writeCardBack, options)
			.then((res) => {
				tools.hideLoadingAlert();
				let result = JSON.parse(res.bizContent);
				console.log("写卡指令============", result)
				if (result.orderStatus == 1 || result.orderStatus == "1") {
					tools.showLoadingAlert("执行指令中");
					bluetoothUtil.transCmd(result.command.split(","), "10", function(res) {
						tools.hideLoadingAlert();
						let response = res.toString();
						getCommandBack(result.command, cosRecordId, response);
					});
				} else {
					getWriteCard();
				}
			})
	};

	/**
	 * 写卡确认 请求
	 */
	const getWriteCard = () => {
		tools.showLoadingAlert("请求中");
		console.log('======写卡确认======')
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				cardId: card.cardId,
				orderId: fileDataStrings.orderId,
				netId: card.netId,
				packageNum: fileDataStrings.packageNum,
				cardType: card.cardType == 1 ? "111" : "211",
				brand: "3",
				model: "0",
				enableTime: formatTime(new Date()),
				expireTime: formatTime(new Date()),
				accountOrganization: "",
				accountCardNo: "",
				cosRecordId: "",
				openId: getItem('openId')
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.writeCardConfirm, options)
			.then((res) => {
				tools.hideLoadingAlert();
				console.log(stringToJson(res.bizContent));
				//OBU发行申请 请求
				getObuApply()
			})
			.catch((err) => {
				console.log(err);
			});
	};

	// *------------------------------------*
	// OBU 发行模块
	// *------------------------------------*

	/**
	 * OBU发行申请 请求
	 */
	const getObuApply = () => {
		console.log('======OBU发行申请======')
		tools.showLoadingAlert("加载中");
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				obuId: obu.obuId,
				userId: fileDataStrings.customerId,
				vehicleId: fileDataStrings.vehiclePlate + "_" + fileDataStrings.vehiclePlateColor
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.writeObuApply, options)
			.then(() => {
				tools.hideLoadingAlert();
				modifyFileInfo()
			})
	};

	/**
	 * 修改系统信息 请求
	 */
	const modifyFileInfo = () => {
		console.log('======修改系统信息请求======')
		var datetime = new Date();
		var year = datetime.getFullYear();
		var year1 = datetime.getFullYear() + 10;
		var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
		var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
		tools.showLoadingAlert("加载中");
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				obuSerailNo: obu.obuId, //OBU号
				obuVersion: obu.vin, //OBU版本号
				effTime: year + "" + month + "" + date, //启用时间
				expIime: year1 + "" + month + "" + date, //结束时间
				plateNo: fileDataStrings.vehiclePlate,
				pColor: fileDataStrings.vehiclePlateColor,
				random: cmdRandNum
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.modifyObuSysInfo, options)
			.then((res) => {
				tools.hideLoadingAlert();
				const datas = stringToJson(res.bizContent);
				tools.showLoadingAlert("执行指令");
				//如果存在APDU->穿透指令
				if (datas.data.APDU) {
					bluetoothUtil.transCmd([datas.data.APDU], "20", function(res) {
						tools.hideLoadingAlert();
						if (res[0] == "9000") {
							tools.showLoadingAlert("执行指令");
							//再次获取随机数
							let cmdArr = [cmd.HOME_DIRECTORY, cmd.OBU_DF01, cmd.OBU_EF01, cmd
								.RANDOM_NUMBER
							];
							bluetoothUtil.transCmd(cmdArr, '20', function(res) {
								var str = res[3].substring(res[3].length - 4, res[3].length);
								if (str == "9000") {
									cmdRandNum = res[3].substring(0, res[3].length - 4);
									modifyVehicle();
								} else {
									tools.alertF("RANDOM_NUMBER指令长度不符" + res[1]);
								}
							})

						}
					});
				}
			})
			.catch((err) => {
				console.log(err);
			});
	};

	/**
	 * 修改车辆信息 请求
	 */
	const modifyVehicle = () => {
		tools.showLoadingAlert("加载中");
		console.log('======修改车辆信息======')
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				Status: "0",
				random: cmdRandNum, //5202192509222239
				obuSerailNo: obu.obuId, //5202192509551922
				fileData: getFileData(),
				orderId: fileDataStrings.orderId,
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.modifyObuVehicleInfo, options)
			.then((res) => {
				tools.hideLoadingAlert();
				const datas = stringToJson(res.bizContent);
				tools.showLoadingAlert("正在执行指令");
				if (datas.data.APDU) {
					bluetoothUtil.transCmd([datas.data.APDU], "20", function(res) {
						console.log('执行指令结果', res)
						tools.hideLoadingAlert();
						if (res[0] == "9000") {
							getObuConfirm();
						}
					});
				}
			})
	};

	/**
	 * OBU确认发行 请求
	 */
	const getObuConfirm = () => {
		console.log('======OBU确认发行======')
		tools.showLoadingAlert("加载中");
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				obuId: obu.obuId,
				orderId: fileDataStrings.orderId,
				netId: obu.obuId.substring(0, 4),
				brand: obu.brand,
				model: obu.version,
				enableTime: formatTime(new Date()),
				expireTime: expireDate(new Date())
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.obuConfirm, options)
			.then((res) => {
				tools.hideLoadingAlert();
				let datas = stringToJson(res.bizContent);
				if (datas.obuId) {
					getInstallApply()
				}
			})
			.catch((err) => {
				console.log(err);
			});
	};

	// *------------------------------------*
	// 设备发行模块
	// *------------------------------------*

	/**
	 * BDS-安装申请 请求
	 */
	const getInstallApply = () => {
		console.log('======安装申请======')
		tools.showLoadingAlert("加载中");
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				obuId: obu.obuId,
				vehicleId: fileDataStrings.vehiclePlate + "_" + fileDataStrings.vehiclePlateColor,
				orderId: fileDataStrings.orderId,
				agentId: "52010106004",
				channelId: "5201010200601130001",
				channelType: "1",
				staffId: "opId",
				terminalId: "999999999",
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.installApply, options)
			.then(() => {
				tools.hideLoadingAlert();
				// //再次获取随机数
				// let cmdArr = [cmd.HOME_DIRECTORY, cmd.RANDOM_NUMBER];
				// bluetoothUtil.transCmd(cmdArr, '20', function(res) {
				// 	var str = res[1].substring(res[1].length - 4, res[1].length);
				// 	if (str == "9000") {
				// 		cmdRandNum = res[1].substring(0, res[1].length - 4);
				// 		getObuActivation(cmdRandNum);
				// 	} else {
				// 		tools.alertF("RANDOM_NUMBER指令长度不符" + res[1]);
				// 	}
				// })

				//再次获取随机数
				let cmdArr = [cmd.HOME_DIRECTORY, cmd.RANDOM_NUMBER];
				bluetoothUtil.transCmd(cmdArr, '20', function(res) {
					var str = res[1].substring(res[1].length - 4, res[1].length);
					if (str == "9000") {
						cmdRandNum = res[1].substring(0, res[1].length - 4);
						getObuActivation();
					} else {
						tools.alertF("RANDOM_NUMBER指令长度不符" + res[1]);
					}
				})
			})
	};

	/**
	 * VFJ-OBU在线激活 请求
	 */
	const getObuActivation = () => {
		console.log('======VFJ-OBU在线激活======')
		tools.showLoadingAlert("加载中");
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				random: cmdRandNum,
				obuSerailNo: obu.obuId,
				orderId: fileDataStrings.orderId,
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.obuActivation, options)
			.then((res) => {
				tools.hideLoadingAlert();
				console.log("在线激活 请求");
				console.log(stringToJson(res.bizContent));
				const datas = stringToJson(res.bizContent);
				tools.showLoadingAlert("执行指令");
				bluetoothUtil.transCmd([datas.data.APDU], "20", function(res) {
					tools.hideLoadingAlert();
					console.log(res);
					if (res[0] == "9000") {
						console.log("在线激活执行指令88888  请求", res);
						getObuInstall(0, ""); //status 0 - 安装成功 || 1 - 安装失败
					}
				});
			})
			.catch((err) => {
				console.log(err);
			});
	};

	/**
	 * BDS-安装确认 请求
	 */
	const getObuInstall = (status, reason) => {
		console.log('======OBU安装确认======')
		tools.showLoadingAlert("加载中");
		let options = {
			type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
			data: {
				installStatus: status,
				failReason: reason,
				installType: "1",
				installChannelId: "5201010200601130001",
				obuId: obu.obuId,
				orderId: fileDataStrings.orderId,
				openId: getItem('openId')
			}, //请求参数
			method: "POST", //提交方式(默认POST)
			showLoading: true, //是否显示加载中(默认显示)
		};
		//调用方式
		request(IFCODE.obuInstall, options)
			.then(() => {
				tools.hideLoadingAlert();
				// uni.navigateTo({
				// 	url: "/subpackage/orders/order-details-new?id=" +
				// 		state.id +
				// 		"&orderId=" +
				// 		state.orderId,
				// });
				uni.navigateTo({
					url: "/subpackage/after-sale/deviceInfo/deviceInfo",
				});
			});
	};
</script>

<style>
	.containers {
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
	}

	.sec_info {
		width: 90%;
		height: auto;
		margin: 0 auto;
		box-shadow: 0rpx 6rpx 25rpx 0rpx rgba(0, 0, 0, 0.2);
		margin-top: 50rpx;
		border-radius: 20rpx;
	}

	.info_txt {
		width: 100%;
		height: 120rpx;
		line-height: 120rpx;
		text-align: center;
		color: #000;
		font-size: 36rpx;
		margin-bottom: 20rpx;
	}

	.info_plate {
		display: flex;
		flex-direction: row;
		width: 94%;
		height: 100rpx;
		margin: 0 auto;

		border-bottom: 2rpx solid #f2f2f2;
	}

	.info_plate text:nth-child(1) {
		height: 100rpx;
		text-align: left;
		line-height: 100rpx;
		font-size: 32rpx;
		color: #999;
	}

	.info_plate text:nth-child(2) {
		flex: 1;
		height: 100rpx;
		line-height: 100rpx;
		font-size: 32rpx;
		color: #333;
		margin-left: 50rpx;
		text-align: right;
	}

	/*提交按钮样式*/
	.up_btn {
		width: 85%;
		height: 100rpx;
		margin: 0 auto;
		margin-top: 50rpx;
		margin-bottom: 100rpx;
	}

	.up_btn button {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		color: white;
		font-size: 32rpx;
		text-align: center;
		background: linear-gradient(to left, #43a1e0 0%, #13e7c1 100%);
		border-radius: 40rpx;
		outline: none;
		border: #4cd95f;
	}

	.up_btn button[disabled] {
		background-color: rgba(0, 191, 112, 0.5);
		color: white;
		font-size: 34rpx;
		border-radius: 20rpx;
	}
</style>