协议展示

login/agreement.vue

 	import {
 		infoQuery
 	} from "@/utils/network/api.js"
-	
-	const content=ref('')
+
+	const content = ref('')
 
 	// 获取文本信息----用户协议
 	const getInfo = (type) => {
 		//调用方式
 		request(infoQuery, options)
 			.then((res) => {
-				let data=stringToJson(res.bizContent)
+				let data = stringToJson(res.bizContent)
 				console.log(data);
-				content.value=data.text
+				content.value = data.text
 			})
 			.catch((err) => {
 				console.log(err);
 </script>
 
 
-
 <style lang="scss" scoped>
 	.content {
 		padding: 98rpx 50rpx 0rpx 50rpx;
 		color: #333333;
 		line-height: 40px;
 	}
-</style>
+</style>

subpackage/orders/car-release.vue

 			<view class="title"> 识别内容如下 </view>
 			<view class="">
 				<u-form label-width="200" :model="state.form" ref="uForm">
-					<u-form-item label="车牌号" >
+					<u-form-item label="车牌号">
 						<!-- <u-input inputAlign="right" placeholder='请输入车牌号' v-model="state.form.vehicleIdNum" /> -->
 						<car-number-input @numberInputResult="carNumber"
-							:defaultStr="state.form.vehicleIdNum" ></car-number-input>
+							:defaultStr="state.form.vehicleIdNum"></car-number-input>
 					</u-form-item>
 
 					<u-form-item label="所有人">
-						<u-input inputAlign="right" placeholder="请输入所有人" v-model="state.form.man" :disabled="state.isEnableChangeOCRCarInfo"/>
+						<u-input inputAlign="right" placeholder="请输入所有人" v-model="state.form.man"
+							:disabled="state.isEnableChangeOCRCarInfo" />
 					</u-form-item>
 					<u-form-item label="车辆类型">
-						<u-input inputAlign="right" placeholder="请输入车辆类型" v-model="state.form.vehicleType" :disabled="state.isEnableChangeOCRCarInfo"/>
+						<u-input inputAlign="right" placeholder="请输入车辆类型" v-model="state.form.vehicleType"
+							:disabled="state.isEnableChangeOCRCarInfo" />
 					</u-form-item>
 					<u-form-item label="使用性质">
-						<u-input inputAlign="right" placeholder="请输入使用性质" v-model="state.form.character" :disabled="state.isEnableChangeOCRCarInfo"/>
+						<u-input inputAlign="right" placeholder="请输入使用性质" v-model="state.form.character"
+							:disabled="state.isEnableChangeOCRCarInfo" />
 					</u-form-item>
 					<u-form-item label="车辆识别代号">
-						<u-input inputAlign="right" placeholder="请输入车辆识别代号" v-model="state.form.vin" :disabled="state.isEnableChangeOCRCarInfo"/>
+						<u-input inputAlign="right" placeholder="请输入车辆识别代号" v-model="state.form.vin"
+							:disabled="state.isEnableChangeOCRCarInfo" />
 					</u-form-item>
 					<u-form-item label="发动机号码">
-						<u-input inputAlign="right" placeholder="请输入发动机号码" v-model="state.form.engineNum" :disabled="state.isEnableChangeOCRCarInfo"/>
+						<u-input inputAlign="right" placeholder="请输入发动机号码" v-model="state.form.engineNum"
+							:disabled="state.isEnableChangeOCRCarInfo" />
 					</u-form-item>
 
 					<u-form-item label="注册日期">
-						<picker mode="date" :value="state.form.register"  @change="bindDateChange1" :disabled="state.isEnableChangeOCRCarInfo">
-							<view class="uni-input" style="text-align: right;" :class="state.changeColor?'hei':'hui'">{{state.form.register}}</view>
+						<picker mode="date" :value="state.form.register" @change="bindDateChange1"
+							:disabled="state.isEnableChangeOCRCarInfo">
+							<view class="uni-input" style="text-align: right;" :class="state.changeColor?'hei':'hui'">
+								{{state.form.register}}
+							</view>
 						</picker>
 						<!-- <u-input inputAlign="right" placeholder="请输入注册日期" v-model="state.form.register" :disabled="state.isEnableChangeOCRCarInfo" /> -->
 					</u-form-item>
 					<u-form-item label="发证日期">
-						<picker mode="date" :value="state.form.issueDate"  @change="bindDateChange2" :disabled="state.isEnableChangeOCRCarInfo">
-							<view class="uni-input" style="text-align: right;" :class="state.changeColor?'hei':'hui'">{{state.form.issueDate}}</view>
+						<picker mode="date" :value="state.form.issueDate" @change="bindDateChange2"
+							:disabled="state.isEnableChangeOCRCarInfo">
+							<view class="uni-input" style="text-align: right;" :class="state.changeColor?'hei':'hui'">
+								{{state.form.issueDate}}
+							</view>
 						</picker>
 						<!-- <u-input inputAlign="right" placeholder="请输入发证日期" v-model="state.form.issueDate" :disabled="state.isEnableChangeOCRCarInfo"/> -->
 					</u-form-item>
 					<u-form-item label="核定载人数">
-						<u-input inputAlign="right" placeholder="请输入核定载人数" v-model="state.form.approvedCount" :disabled="state.isEnableChangeOCRCarInfo"/>
+						<u-input inputAlign="right" placeholder="请输入核定载人数" v-model="state.form.approvedCount"
+							:disabled="state.isEnableChangeOCRCarInfo" />
 					</u-form-item>
 					<u-form-item label="整备质量">
-						<u-input inputAlign="right" placeholder="请输入整备质量" v-model="state.form.maintenaceMass" :disabled="state.isEnableChangeOCRCarInfo"/>
+						<u-input inputAlign="right" placeholder="请输入整备质量" v-model="state.form.maintenaceMass"
+							:disabled="state.isEnableChangeOCRCarInfo" />
 					</u-form-item>
 					<!-- <u-form-item label="外廊尺寸">
 						<u-input inputAlign="right" placeholder='请输入外廊尺寸' v-model="state.form.vehicleDimensions" />
 						<label>外廊尺寸</label>
 						<view class="input-box">
 							<text class="sub-label">长</text>
-							<input v-model="state.outlineL" @input="outlineInput" :disabled="state.isEnableChangeOCRCarInfo"/>
+							<input v-model="state.outlineL" @input="outlineInput"
+								:disabled="state.isEnableChangeOCRCarInfo" />
 							<text class="sub-text">X</text>
 							<text class="sub-label">宽</text>
-							<input v-model="state.outlineW" @input="outlineInput" :disabled="state.isEnableChangeOCRCarInfo"/>
+							<input v-model="state.outlineW" @input="outlineInput"
+								:disabled="state.isEnableChangeOCRCarInfo" />
 							<text class="sub-text">X</text>
 							<text class="sub-label">高</text>
-							<input v-model="state.outlineH" @input="outlineInput" :disabled="state.isEnableChangeOCRCarInfo"/>
+							<input v-model="state.outlineH" @input="outlineInput"
+								:disabled="state.isEnableChangeOCRCarInfo" />
 							<text class="sub-text">mm</text>
 						</view>
 					</view>
 					<u-form-item label="总质量">
-						<u-input inputAlign="right" placeholder="请输入总质量" v-model="state.form.totalMass" :disabled="state.isEnableChangeOCRCarInfo"/>
+						<u-input inputAlign="right" placeholder="请输入总质量" v-model="state.form.totalMass"
+							:disabled="state.isEnableChangeOCRCarInfo" />
 					</u-form-item>
 					<view class="form-item">
 						<label>车辆用户类型</label>
 			<view v-if="state.data.transferLogs && state.data.transferLogs.length" class="">
 				<view class="bettwen-center">
 					<view style="padding: 20rpx" class="title"> 选择卡签 </view>
-					<view class="goto" > 直接跳过，不使用此套卡签 </view>
+					<view class="goto"> 直接跳过，不使用此套卡签 </view>
 				</view>
 				<view @click="guohuAction(item)" class="card" v-for="(item, index) in state.data.transferLogs"
 					:key="index" style="margin-top: 30rpx; margin-bottom: 30rpx">
 	import { getObuStatus } from "@/datas/obuStatus.js";
 
 	import { getEtcCardStatus } from "@/datas/etcCardStatus.js";
-	import { getItem } from "@/utils/storage";
-	import {hasLogin} from "@/utils/utils.ts"
+	import { getItem, StorageKeys } from "@/utils/storage";
+	import { hasLogin } from "@/utils/utils.ts"
 	import {
 		getCodeName
 	} from "@/datas/queryKey.js";
 	const savaHandle = () => {
 		state.form.vehicleId =
 			state.form.vehicleIdNum + "_" + state.vehiclePlateColor;
+		state.form.opId = getItem(StorageKeys.OpenId);
 		const options = {
 			type: 2,
 			data: state.form,
 						state.show = true;
 					} else {
 						// 签约
-						if(state.isSign == 2 || state.isSign == 3){
+						if (state.isSign == 2 || state.isSign == 3) {
 							if (!hasLogin()) {
 								uni.redirectTo({
 									url: `/subpackage/orders/addAddress?orderId=${state.form.orderId
 								// 		}&clientFee=${getItem("clientFee")}&&id=${getItem("productId")}`,
 								// });
 								uni.redirectTo({
-								  url: `/subpackage/orders/sign-up?orderId=${state.form.orderId}&&clientFee=${getItem("clientFee")}&&id=${getItem("productId")}`,
+									url: `/subpackage/orders/sign-up?orderId=${state.form.orderId}&&clientFee=${getItem("clientFee")}&&id=${getItem("productId")}`,
 								});
 							}
-						}else{
+						} else {
 							// 不签约
 							// uni.redirectTo({
 							//   url: `/subpackage/orders/sign-up?orderId=${state.form.orderId}&&clientFee=${getItem("clientFee")}&&id=${getItem("productId")}`,
 							// });
 							uni.redirectTo({
-								url:`/subpackage/orders/interestsList?orderId=${state.form.orderId}&&clientFee=${getItem("clientFee")}&&id=${getItem("productId")}`
+								url: `/subpackage/orders/interestsList?orderId=${state.form.orderId}&&clientFee=${getItem("clientFee")}&&id=${getItem("productId")}`
 							});
 							// uni.redirectTo({
 							//    url: `/subpackage/orders/release-products?orderId=${state.form.orderId}&clientFee=${getItem('clientFee')}&&id=${getItem('productId')}`,
-						 //    });
+							//    });
 						}
 					}
 				});
 	};
 
 	const state = reactive({
-		changeColor:false,
+		changeColor: false,
 		data: {
 			transferLogs: [],
 		},
 			licenseIdNum: "", //经营许可证编号
 			vehBodyUrl: "", //车身照片
 			proxyUrl: "", //委托书地址
+			opId: "",
 		},
 		vehiclePlateColor: undefined,
 		orderId: "",
 		outlineL: "",
 		outlineW: "",
 		outlineH: "",
-		isSign:'',
-		isEnableChangeOCRCarInfo:true,  //申办时是否允许修改OCR识别出来的车辆信息数据
+		isSign: '',
+		isEnableChangeOCRCarInfo: true,  //申办时是否允许修改OCR识别出来的车辆信息数据
 	});
 	onLoad((option : any) => {
 		state.form.orderId = option.orderId;
 		// state.type = option.type;
 		state.form.type = option.type;
 		state.vehiclePlateColor = option.vehiclePlateColor;
-		state.isSign=option.isSign
-		console.log("option",option)
+		state.isSign = option.isSign
+		console.log("option", option)
 		getGlobalParam();
-		if(option.type==1){
-			state.actionSheetList=[{
+		if (option.type == 1) {
+			state.actionSheetList = [{
 				text: "普通车",
 				value: 0,
 			}]
-		}else{
-			state.actionSheetList=[{
+		} else {
+			state.actionSheetList = [{
 				text: "普通车",
 				value: 0,
 			},
 
 	//orc接口调用
 	const cardImageOcr = (val : any) => {
-		state.changeColor=true;
+		state.changeColor = true;
 		var imageType = val;
 		uni.chooseImage({
 			count: 1, //只能选取一张照片
 			sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
 			sourceType: ["camera", "album"], //从相册选择
 			success: function (res) {
-				
+
 				pathToBase64(res.tempFilePaths[0])
 					.then((path) => {
-						console.log("Base64返回",path)
+						console.log("Base64返回", path)
 						var data = {
 							source: "1",
 							agencyId: "52010106004",
 							}
 						});
 					})
-					.catch((error) => { console.log("Base64异常",error)});
+					.catch((error) => { console.log("Base64异常", error) });
 			},
 		});
 	};
 		imgUrl = imgUrl.replace("http://100.64.2.113:9000", envs[process.env.NODE_ENV].baseUrl);
 		return imgUrl;
 	};
-	const getGlobalParam=()=>{
-		const data=getItem('globalParam')
-		console.log("全局配置数据",getCodeName('IS_ENABLE',data.applyChangeOCRCarInfo))
+	const getGlobalParam = () => {
+		const data = getItem('globalParam')
+		console.log("全局配置数据", getCodeName('IS_ENABLE', data.applyChangeOCRCarInfo))
 		// 申办时是否允许修改OCR识别出来的车辆信息数据
-		if(getCodeName('IS_ENABLE',data.applyChangeOCRCarInfo)=='启用'){
-			state.isEnableChangeOCRCarInfo=true;
-		}else{
-			state.isEnableChangeOCRCarInfo=false;
+		if (getCodeName('IS_ENABLE', data.applyChangeOCRCarInfo) == '启用') {
+			state.isEnableChangeOCRCarInfo = true;
+		} else {
+			state.isEnableChangeOCRCarInfo = false;
 		}
 	}
-	const  bindDateChange1=(e)=> {
+	const bindDateChange1 = (e) => {
 		state.form.register = e.detail.value
-		state.changeColor=true;
+		state.changeColor = true;
 	}
-	const  bindDateChange2=(e)=> {
+	const bindDateChange2 = (e) => {
 		state.form.issueDate = e.detail.value
-		state.changeColor=true;
+		state.changeColor = true;
 	}
 </script>
 
 <style lang="scss" scoped>
-	.hui{
+	.hui {
 		color: #ccc;
 	}
-	.hei{
+
+	.hei {
 		color: black;
 	}
+
 	.goto {
 		margin-right: 20rpx;
 		padding: 10rpx;
 		font-size: 30rpx;
 		margin-bottom: 10rpx;
 	}
-	::v-deep .u-input__input{
+
+	::v-deep .u-input__input {
 		background: transparent;
 	}
 </style>

subpackage/personal-center/setting/conceal-agreement.vue

 <template>
-	<view class="content">
-		<!-- 		本协议是由用户（以下简称为“您”）与北京巴别时代科技股份有限公司及其关联公司海南巴别时代科技有限公司（以下简称为“我们”）就我们所提供的产品和网络服务（包括我们的网站以及我们现在正在提供和将来可能向您提供的网络服务和游戏服务，以下统称为“产品和服务”）所订立的协议，本
-		协议包括《用户协议》、《用户个人信息保护政策》、《巴别时代儿童个人信息保护指引》、游戏规则（包括但不限于用户守则、玩家条例、游戏公告、提示及通知等内容）及其修订版本，上述内容一经正式发布，即为本协议不可分割的组成部分（以下简称“本协议”）。
-	 -->
+	<web-view v-if="isTextSrc" :src="textSrc"></web-view>
+	<view class="content" v-else>
 		{{textContent}}
 	</view>
 </template>
 	} from "@/utils/network/api.js"
 
 	const textContent = ref('')
+	const textSrc = ref('')
+	const isTextSrc = ref(false)
 	// 获取文本信息----用户协议
 	const getInfo = (type) => {
 		//参数说明
 			.then((res) => {
 				let data = stringToJson(res.bizContent)
 				console.log(data);
-				textContent.value = data.text
+				if (data.textType == "URL") {
+					textSrc.value = data.text
+					isTextSrc.value = true
+				} else {
+					textContent.value = data.text
+					isTextSrc.value = false
+				}
 			})
 			.catch((err) => {
 				console.log(err);
 			});
 	}
-
-
-
-
-
 	onLoad(() => {
 
 	})
 	onShow(() => {
 		getInfo()
-		console.log(1);
 	})
 </script>
 
 
 <style lang="scss" scoped>
 	.content {
-		padding: 98rpx 50rpx 0rpx 50rpx;
+		// padding: 98rpx 50rpx 0rpx 50rpx;
 		font-size: 28rpx;
 		font-weight: 400;
 		color: #333333;
 		line-height: 40px;
 	}
-</style>
+</style>

subpackage/personal-center/setting/risk-agreement.vue

 <template>
-	<view class="content">
-		<!-- 		本协议是由用户（以下简称为“您”）与北京巴别时代科技股份有限公司及其关联公司海南巴别时代科技有限公司（以下简称为“我们”）就我们所提供的产品和网络服务（包括我们的网站以及我们现在正在提供和将来可能向您提供的网络服务和游戏服务，以下统称为“产品和服务”）所订立的协议，本
-		协议包括《用户协议》、《用户个人信息保护政策》、《巴别时代儿童个人信息保护指引》、游戏规则（包括但不限于用户守则、玩家条例、游戏公告、提示及通知等内容）及其修订版本，上述内容一经正式发布，即为本协议不可分割的组成部分（以下简称“本协议”）。
-	 -->
+	<web-view v-if="isTextSrc" :src="textSrc"></web-view>
+	<view class="content" v-else>
 		{{textContent}}
 	</view>
 </template>
 	} from "@/utils/network/api.js"
 
 	const textContent = ref('')
+	const textSrc = ref('')
+	const isTextSrc = ref(false)
 	// 获取文本信息----用户协议
 	const getInfo = (type) => {
 		//参数说明
 			.then((res) => {
 				let data = stringToJson(res.bizContent)
 				console.log(data);
-				textContent.value = data.text
+				if (data.textType == "URL") {
+					textSrc.value = data.text
+					isTextSrc.value = true
+				} else {
+					textContent.value = data.text
+					isTextSrc.value = false
+				}
 			})
 			.catch((err) => {
 				console.log(err);
 
 <style lang="scss" scoped>
 	.content {
-		padding: 98rpx 50rpx 0rpx 50rpx;
+		padding: 0rpx 40rpx;
 		font-size: 28rpx;
 		font-weight: 400;
 		color: #333333;
 		line-height: 40px;
 	}
-</style>
+</style>

subpackage/personal-center/setting/user-agreement.vue

 <template>
-	<view class="content">
-	{{textContent}}
+	<web-view v-if="isTextSrc" :src="textSrc"></web-view>
+	<view class="content" v-else>
+		{{textContent}}
 	</view>
 </template>
 
 		infoQuery
 	} from "@/utils/network/api.js"
 
-	const textContent=ref('')
-	
+	const textContent = ref('')
+	const textSrc = ref('')
+	const isTextSrc = ref(false)
 	// 获取文本信息----用户协议
 	const getInfo = (type) => {
 		//参数说明
 			.then((res) => {
 				let data = stringToJson(res.bizContent)
 				console.log(data);
-				textContent.value=data.text
+				if (data.textType == "URL") {
+					textSrc.value = data.text
+					isTextSrc.value = true
+				} else {
+					textContent.value = data.text
+					isTextSrc.value = false
+				}
 			})
 			.catch((err) => {
 				console.log(err);
 			});
 	}
-
-
-
-
-
 	onLoad(() => {
 
 	})
 	onShow(() => {
 		getInfo()
-		console.log(1);
 	})
 </script>
 
 <style lang="scss" scoped>
 	.content {
-		padding: 98rpx 50rpx 0rpx 50rpx;
+		padding: 0 40rpx;
 		font-size: 28rpx;
 		font-weight: 400;
 		color: #333333;
 		line-height: 40px;
 	}
-</style>
+</style>