zhywpt-sp/subpackage/after-sale/deviceInfo/deviceInfo.vue

<template>
	<view class="wrapper">
		<view class="info-card">
			<view class="title">卡信息</view>
			<view class="cell">
				<view class="cell-left">卡号</view>
				<view class="cell-right">{{ card.cardNo }}</view>
			</view>
			<view class="cell">
				<view class="cell-left">用户姓名</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.userNameStr" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">身份证号</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.idNumStr" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车辆类型</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.typeStr" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车牌号</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.vehiclePlate" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车牌颜色</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.colorStr" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">启用时间</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.startTime" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">结束时间</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.endTime" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">卡签绑定</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.favourableStr" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">校验值</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.money" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">版本号</view>
				<view class="cell-right">{{ card.version || '未知版本'}}</view>
			</view>
			<view class="cell" v-if="state.cardStatus">
				<view class="cell-left">卡状态</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="getCodeName('CARD_STATUS',state.cardStatus)" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell" v-if="state.cardTypeNameStr">
				<view class="cell-left">卡类型</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.cardTypeNameStr" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			<view class="cell" v-if="card.cardTypeName === 'STORED_VALUE_CARD'">
				<view class="cell-left">卡余额</view>
				<view class="cell-right"><textFilter :loading="card.loading" :text="card.cardBalance" :typeStr="card.typeStr" type="1"></textFilter></view>
			</view>
			
		</view>
		<view class="info-card">
			<view class="title">OBU信息</view>
			<view class="cell">
				<view class="cell-left">obu号</view>
				<view class="cell-right">{{ obu.num }}</view>
			</view>
			<view class="cell">
				<view class="cell-left">车辆类型</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.typeStr" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车辆用户类型</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.userTypeStr" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车牌号</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.vehiclePlate" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车牌颜色</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.vehiclePlateColorStr" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">核定载人数</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.approvedCount" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车辆识别代号</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.vin" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车牌发动机号</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.engineNum" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车轴数</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.axleCount" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">车轮数</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.wheelCount" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">轴距</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.axleDistance" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">外廓尺寸</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.outsideDimensions ? obu.outsideDimensions + 'mm' : ''" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">启用时间</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.startTime" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">结束时间</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.endTime" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">是否激活</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.isJHStr" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">拆卸状态</view>
				<view class="cell-right"><textFilter :loading="obu.loading" :text="obu.loadStatus" :typeStr="obu.typeStr" type="2"></textFilter></view>
			</view>
			<view class="cell">
				<view class="cell-left">版本号</view>
				<view class="cell-right">{{ obu.version || '未知版本' }}</view>
			</view>
			<template v-if="obu.obuVehicleType">
				<view class="cell" v-if="state.obuStatus">
					<view class="cell-left">签状态</view>
					<view class="cell-right"><textFilter :loading="obu.loading" :text="getCodeName('OBU_STATUS',state.obuStatus)" :typeStr="obu.typeStr" type="2"></textFilter></view>
				</view>
			</template>
		</view>
		<view class="btn" @click="back">返回</view>
	</view>
</template>

<script setup>
	import {
		getCodeName
	} from "@/datas/queryKey.js";
	import {
		reactive
	} from "vue";
	import {
		onLoad,
		onUnload
	} from "@dcloudio/uni-app";
	import {
		requestNew
	} from "@/utils/network/request";
	import {cardObuQuery,obuFileDataDecrypt,cardObuQueryinLog, saveRecord} from "@/utils/network/api";
	import {
		getVehicleType
	} from "@/subpackage/after-sale/js/vehicleType.js"
	import {
		getVehiclePlateColor
	} from "@/datas/vehiclePlateColor.js"
	import {
		decryptCardVehicleInformation
	} from "@/datas/publicRequest";
	import textFilter from './components/textFilter.vue'
	const cmd = require("../../../static/etcUtil/cmdConfig.js");
	const tools = require("../../../static/etcUtil/tools.js");
	const datas = require("../../../static/etcUtil/datas.js");
	const bluetoothUtil = require("../../../static/etcUtil/index.js");
	const card = reactive({
		cardNo: "",
		startTime: "",
		endTime: "",
		userName: "",
		userNameStr:"",
		idNum: "",
		idNumStr:"",
		vehiclePlate: "",
		vehiclePlateColor: "",
		color: "",
		colorStr:"",
		version: "",
		type: "",
		typeStr:"",
		favourable: "",
		favourableStr:"",
		money: "",
		v_userType: "",
		loading: true,
		cardTypeName: '',
		cardTypeNameStr: '',
		cardBalance: ''
	})
	const obu = reactive({
		num: "",
		startTime: "",
		endTime: "",
		version: "",
		approvedCount: "",
		axleCount: "",
		axleDistance: "",
		engineNum: "",
		type: "",
		typeStr:"",
		userType: "",
		userTypeStr:"",
		vehiclePlate: "",
		vehiclePlateColor: "",
		vehiclePlateColorStr:"",
		vin: "",
		wheelCount: "",
		isJH: "",
		isJHStr: "",
		outsideDimensions: "",
		loadStatus:"",
		loading: true
	})
	const state = reactive({
		vehicleId: "",
		obuStatus: "",
		cardStatus: "",
		cardTypeName: "",
		backIndex:""
	})
	onLoad((option) => {
		state.backIndex=option.backIndex
		getCardId()
	})

	/**
	 * 获取卡号
	 */
	const getCardId = () => {
		//执行0015文件
		tools.showLoadingAlert("执行指令");
		let cmdArr = [cmd.HOME_DIRECTORY, cmd.APPLICATION_DIRECTORY, cmd.CMD_READBINARY, cmd.CMD_GETBALANCE];
		console.log(cmdArr);
		bluetoothUtil.transCmd(cmdArr, '10', function(res) { //10：写卡   20：写OBU
		console.log("5201",res)
			let str = res[2].substring(res[2].length - 4, res[2].length); //判断是否为9000
			let str3 = res[3].substring(res[3].length - 4, res[3].length); //判断是否为9000
			if (str == "9000" || str3 == "9000") {
				if (res[2].length > 86 || res[3] >= 12) {
					console.log("res[2]", res[2].substring(84, 86), getVehiclePlateColor(parseInt(res[2]
						.substring(82, 84), 16)), res[2].substring(18, 19))
					card.cardNo = 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, 20);
					card.money = res[3].substring(0, 8);
					card.v_userType = parseInt(res[2].substring(80, 82), 16);
					console.log("card.v_userType", card.v_userType)
					decryptCardVehicleInformation(res[2].substring(56, 80), function (res) {
					 card.vehiclePlate =res;
					});
					console.log("res[2].substring(18, 19)",res[2].substring(18, 20))
					if (res[2].substring(18, 19) >= 4) {
						//4x卡
						card.type = parseInt(res[2].substring(84, 86), 16);
						card.typeStr = getVehicleType(parseInt(res[2].substring(84, 86), 16));
						card.color = parseInt(res[2].substring(82, 84), 16)
						card.colorStr = getVehiclePlateColor(parseInt(res[2].substring(82, 84), 16))
					} else {
						//2x卡--获取车牌颜色
						card.type = "--";
						card.color =parseInt(res[2].substring(82, 84), 16)
						card.colorStr = getVehiclePlateColor(parseInt(res[2].substring(82, 84), 16))
						card.typeStr = getVehicleType(parseInt(res[2].substring(84, 86), 16));
					}
					state.vehicleId = card.vehiclePlate + "_" + parseInt(res[2].substring(82, 84), 16)
					// 读卡信息
					// getCardList()
					//执行0016文件
					let arr = [cmd.HOME_DIRECTORY, cmd.PERSONAL_INFORMATION]
					bluetoothUtil.transCmd(arr, '10', function(res) {
						let str2 = res[1].substring(res[1].length - 4, res[1].length);
						if (str2 == "9000") {
							if (res[1].length > 108) {
								console.log("res====",res)
								decryptCardVehicleInformation(res[1].substring(4, 44), function (res) {
								  card.userName = res; //姓名
								  card.userNameStr = card.userName[0] + '*'.repeat(card.userName.length - 1)
								});
								
								
								decryptCardVehicleInformation(res[1].substring(44, 108), function (res) {
								  card.idNum = res; //身份证号码		
								  card.idNumStr=res.replace(/^\d{14}/,'**************')
								});

								//获取是否有优惠
								let cmdArr3 = [cmd.HOME_DIRECTORY, cmd.APPLICATION_DIRECTORY, cmd
									.CMD_00B08E0000
								];
								bluetoothUtil.transCmd(cmdArr3, '10', function(res) {
									let str3 = res[2].substring(res[2].length - 4, res[2]
										.length);
									card.loading = false
									if (str3 == "9000") {
										if (res[2].length > 131) {
											let _str = parseInt(res[2].substring(129, 130),
												16);
												card.favourable=_str
											switch (_str) {
												case 0:
													card.favourableStr = "否";
													break;
												case 1:
													card.favourableStr = "是";
													break;
												default:
													card.favourableStr = '未知' + "_" + _str;
													break;
											}
											//回调读取OBU指令
											getObuId()
											tools.hideLoadingAlert();

										} else {
											alertF("CMD_00B08E0000指令长度不符" + res[2]);
										}
										return;
									}
									obu.loading = false
									alertF(cmd.PERSONAL_INFORMATION + "_" + str);
								})
							} else {
								card.loading = false
								alertF("PERSONAL_INFORMATION指令长度不符" + res[1]);
							}
							return;
						}
						card.loading = false
						alertF("PERSONAL_INFORMATION指令长度不符" + res[1]);
					}, () => {
						card.loading = false
					})
				} else {
					card.loading = false
					alertF("CMD_READBINARY指令长度不符" + res[2]);
				}
				return;
			}
			card.loading = false
			alertF("CMD_READBINARY指令长度不符" + res[2]);

		}, () => {
			card.loading = false
		})
	};
	/**
	 * 获取OBU号
	 */
	const getObuId = () => {
		tools.showLoadingAlert("执行指令");
		let cmdArr = [cmd.HOME_DIRECTORY, cmd.OBU_SYSTEM_FILE];
		bluetoothUtil.transCmd(cmdArr, '20', function(res) {
			let str = res[1].substring(res[1].length - 4, res[1].length);
			if (str == "9000") {
				if (res[1].length > 52) {

					obu.num = res[1].substring(20, 36);
					obu.startTime = res[1].substring(36, 44);
					obu.endTime = res[1].substring(44, 52);
					obu.version = res[1].substring(18, 20);
					obu.isJH = res[1].substring(53, 54)
					obu.isJHStr = res[1].substring(53, 54) == "1" ? "是" : res[1].substring(53, 54) == "0" ?
							"否" : "其他：" + res[1].substring(53, 54);
					console.log("我的loadStatus：",res[1].substring(52, 54))
					obu.loadStatus=res[1].substring(52, 54)=='01'?'正常':'已拆卸',

					console.log("开始执行车辆信息识读");
					let rand = res[1].substring(18, 20) >= 50?'40':'00';
					var arr = [cmd.OBU_DF01, '00B400000A000000000000000045'+ rand];
					bluetoothUtil.transCmd(arr, '20', function(res) {
						console.log(res);
						console.log("开始执行车辆信息识读成功");
						obu.loading = false
						let str2 = res[1].substring(res[1].length - 4, res[1].length);
						let obuVersion = res[1].substring(18, 20);
						let keyIndex = obuVersion > 50 ? '40' : '00';
						let reqType = '00';
						let proviceCode = '5201';
						if (str2 == "9000") {
							console.log("===========", obu.num, res[1].substring(0, res[1].length - 4))
							decryptObuVehicleInfo(obu.num, res[1].substring(0, res[1].length - 4), 
							obuVersion, rand, reqType, proviceCode,
								function(res) {
									obu.approvedCount = res.approvedCount;
									obu.axleCount = res.axleCount;
									obu.axleDistance = res.axleDistance;
									obu.engineNum = res.engineNumber.replace(/\u0000/g, '');
									obu.type = res.collectionType;
									obu.typeStr = getVehicleType(res.collectionType);
									obu.userType = res.userType;
									if(res.userType == 0){
										obu.userTypeStr = "普通车" ;
									}else if(res.userType == 6){
										obu.userTypeStr = "公务车" ;
									}
									obu.vehiclePlate = res.vehiclePlate.replace(/\u0000/g, '');
									//获取车牌颜色
									obu.vehiclePlateColor = res.vehiclePlateColor;
									obu.vehiclePlateColorStr = getVehiclePlateColor(res.vehiclePlateColor);
									obu.vin = res.vin.replace(/\u0000/g, '');
									obu.wheelCount = res.wheelsCount;
									obu.outsideDimensions = res.carLong + "x" + res.carWidth + "x" + res.carHeight
									saveRecordApi();
									tools.hideLoadingAlert();
								});
								//断开蓝牙
								bluetoothUtil.disconnectDevice();
								// tools.showToastAlert("蓝牙已断开");
								console.log('蓝牙已断开=========')
							
							return;
						}
						obu.loading = false
						alertF("OBU_00B400000A+rand+OBU_4F00指令长度不符" + res[1]);
					}, () => {
						obu.loading = false
					})

				} else {
						obu.loading = false
					alertF("OBU_SYSTEM_FILE指令长度不符" + res[1]);
				}
				return;
			}
			obu.loading = false
			alertF("OBU_SYSTEM_FILE指令长度不符" + res[1]);
		}, () => {
			obu.loading = false
		})
	};
	
	const saveRecordApi = () => {
		let params = {
			cardId: card.cardNo || '',
			cardVersion: card.version || '',
			obuId: obu.num || '',
			obuVersion: obu.version || '',
			approvedCount: "",
			axleCount: "", // 车轴数
			axleDistance: "", // 轴距
			bindingFinishStatus: "", // 卡签绑定完成状态
			cardEnableTime: "", // 卡启用时间
			cardExpireTime: "", // 卡过期时间
			cardVehiclePlate: "", // 车牌号码
			cardVehiclePlateColor: "", // 车牌颜色
			cardVehicleType: "", // 行驶证车辆类型
			checksums: "", // 校验值
			customerIdNum: "", // 身份证号
			customerName: "", // 用户姓名
			isActive: "", // 是否激活
			loadStatus: "", // 拆卸状态
			obuEnableTime: "", // 启用时间
			obuExpireTime: "", // 到期时间
			obuVehicleCustomerType: "", // 车辆用户类型
			obuVehiclePlate: "", // 车牌号码
			obuVehiclePlateColor: "", // 车牌颜色
			obuVehicleType: "", // 行驶证车辆类型
			vehicleDimensions: "", // 外廓尺寸
			vehicleEngineNum: "", // 发动机号码
			vin: "", // 车辆识别代码
			wheelCount: "", // 车轮数
		}
		
		if (card.typeStr) {
			params.cardVehicleType = card.typeStr
			params.bindingFinishStatus = card.favourableStr
			params.cardEnableTime = card.startTime
			params.cardExpireTime = card.endTime
			params.cardVehiclePlate = card.vehiclePlate
			params.cardVehiclePlateColor = card.colorStr
			params.checksums = card.money
			params.customerIdNum = card.idNum
			params.customerName = card.userName
			params.cardBalance = card.cardBalance
		}
		
		if (obu.typeStr) {
			params.obuVehicleType = obu.typeStr
			params.approvedCount = obu.approvedCount
			params.axleCount = obu.axleCount
			params.axleDistance = obu.axleDistance
			params.isActive = obu.isJHStr
			params.loadStatus = obu.loadStatus
			params.obuEnableTime = obu.startTime
			params.obuExpireTime = obu.endTime
			params.obuVehicleCustomerType = obu.userTypeStr
			params.obuVehiclePlate = obu.vehiclePlate
			params.obuVehiclePlateColor = obu.vehiclePlateColorStr
			params.vehicleDimensions = obu.outsideDimensions
			params.vehicleEngineNum = obu.engineNum
			params.vin = obu.vin
			params.wheelCount = obu.wheelCoun
		}
		
		const options = {
			type: 2,
			data: params,
			method: "POST",
			showLoading: false,
		};
		requestNew(saveRecord, options).then((res) => {
			console.log("saveRecord", card, obu, state)
			getObuList()
		});
	}

	/**
	 * 解密OBU车辆信息
	 */
	const decryptObuVehicleInfo = (num, data,obuVersion, keyIndex, reqType, proviceCode, func) => {
		const options = {
			type: 2,
			data: {
				contractSN: num,
				cipherData: data,
				reqType: reqType,
				keyIndex: keyIndex,
				proviceCode: proviceCode
			},
			method: "POST",
			showLoading: true,
		};
		requestNew(obuFileDataDecrypt, options).then((res) => {
			console.log("obuFileDataDecrypt",res)
			const data =res
			func(data)
		});
	};

	//返回按钮
	const back = () => {
		uni.$emit("refreshOrder");
		if(state.backIndex=="1"){
			uni.switchTab({
				url: "/pages/index/index"
			})
		}else{
			uni.redirectTo({
				url: "/pages/order/order"
			})
		}
		
	}

	//提示对话框
	const alertF = (msg) => {

		//隐藏加载框
		tools.hideLoadingAlert();

		//提示对话框
		tools.showModalAlert(msg);
	}
	const getObuList = () => {
		var data = {
			obuId: obu.num,
			cardId:card.cardNo,
		};
		const options = {
			type: 2,
			data: data,
			method: "POST",
			showLoading: true,
		};
		requestNew(cardObuQuery, options).then((res) => {
			tools.hideLoadingAlert();
			let result = res;
			state.obuStatus = result.obuStatus?result.obuStatus:""
			state.cardStatus = result.cardStatus
			if (result.cardType == 'PRE_CHARGE_CARD') {
				state.cardTypeName = "预存卡"
				card['cardTypeName']=3
				card['cardTypeNameStr']="预存卡"
			} else if (result.cardType == 'STORED_VALUE_CARD') {
				state.cardTypeName = "储值卡"
				card['cardTypeName']=2
				card['cardTypeNameStr']= "储值卡"
			} else if (result.cardType == 'CHARGE_CARD'){
				state.cardTypeName = "记账卡"
				card['cardTypeName']=1
				card['cardTypeNameStr'] = "记账卡"
			}
			// 卡签提交得信息
			card['cardStatus']=result.cardStatus
			obu['obuStatus']=result.obuStatus?result.obuStatus:""
		})
	}
	
	// 空字段处理
	const displayValue = (value, type) => {
		if (type === 1) {
			return card.typeStr ? value : '--'
		} else if (type === 2) {
			return obu.typeStr ? value : '--'
		}
	}
</script>

<style scoped>
	.wrapper {
		padding-bottom: 50rpx;
		background: #E9EDF0;
		overflow: hidden;
	}

	.info-card {
		margin: 30rpx;
		border-radius: 16rpx;
		padding-bottom: 40rpx;
		background-color: white;
		padding: 0 30rpx;
		box-sizing: border-box;
	}

	.info-card .title {
		padding: 30rpx 0;
		font-size: 36rpx;
		text-align: center;
		color: #01243A;
	}

	.info-card .cell {
		display: flex;
		flex-direction: row;
		padding: 18rpx 0rpx;
		font-size: 30rpx;
		border-bottom: 1rpx solid #E6E9EB;
	}

	.cell-left {
		flex: 1;
		text-align: left;
		color: #6C6C6C;
	}

	.cell-right {
		margin-left: 30rpx;
		text-align: right;
		color: #111111;
		overflow: hidden;
	}

	.btn {
		background: linear-gradient(to right,#01243A,#004576);
		opacity: 1;
		border-radius: 100rpx;
		color: #fff;
		font-size: 30rpx;
		height: 80rpx;
		line-height: 80rpx;
		box-shadow: 0rpx 4rpx 11rpx 1rpx rgba(223, 223, 223, 0.5);
		width: 670rpx;
		margin: 40rpx;
		text-align: center;
	}
</style>