菜单列表

pages.json

 		},
 		{
 			"root": "subpackage/personal-center", //个人中心
-			"pages": [{
+			"pages": [
+				{
+					"path": "vehicle-information",
+					"style": {
+						"navigationBarTitleText": "车辆信息"
+					}
+				},
+				{
 					"path": "change-password",
 					"style": {
 						"navigationBarTitleText": "修改密码"

pages/service/service.vue

 		</view>
 		<view class="content">
 			<view class="left">
-				<view v-for="(item,index) in menu.menuList" :key="index"
+				<view v-for="(item,index) in menu.list" :key="index"
 					:class="activeTab === item.name ? 'menu active' : 'menu'" @click="tabHandle(item.name,index)">
 					<view :class="activeTab === item.name ? 'border on' : 'border'"></view>
 					<view class="menu-text">{{item.name}}</view>
 			</view>
 			<view class="right">
 				<view class="right-content">
-					<block v-if="menu.menuList.length >0">
-						<view v-for="(item,index) in menu.menuList[tableSelectIndex].children" :key='index' class="item-box" @click="toNext(item.link)">
+					<block v-if="menu.list.length >0">
+						<view v-for="(item,index) in menu.list[tableSelectIndex].children" :key='index' class="item-box" @click="toNext(item.link)">
 							<view class="item bg-blue" :style="{ '--background': bgBlue }">
-								<image :src="`${$imgUrl}${item.iconPath}`" />
+								<!-- <image :src="`${$imgUrl}${item.iconPath}`" /> -->
+								<image :src="`${item.iconPath}`" />
 							</view>
 							<view class="text">{{item.name}}</view>
 						</view>

pages/user/user.vue

 			</view>
 			<view class="panel-box">
 				<view class="panel">
-					<view class="panel-item">
+					<view class="panel-item" @click="$util.navTo('/subpackage/personal-center/vehicle-information', true)">
 						<view class="panel-text"><text class="num">2</text><text class="txt">辆</text></view>
 						<text class="type">车辆</text>
 					</view>

subpackage/personal-center/vehicle-information.vue

+<template>
+	<view class="">
+		<view class="car-item">
+			<image :src="`${$imgUrl}user/icon-car.png`" class="car-pic"></image>
+			<view class="car-info">
+				<view class="car-no"><text class="no">贵ZSC122</text><text class="color">蓝色</text></view>
+				<view class="card-no">卡号：52011328220202006876</view>
+				<view class="card-no">签号：5202192509222195</view>
+			</view>
+			<view class="btn-unbind">解除绑定</view>
+		</view>
+	</view>
+</template>
+
+<script lang="ts" setup>
+	import { reactive } from "vue";
+	import {request} from "@/utils/network/request.js";
+	import {stringToJson} from "@/utils/network/encryption.js";
+	import { onLoad} from "@dcloudio/uni-app";
+	import {getCarMsg} from "@/utils/network/api.js";
+	import {getItem} from "@/utils/storage";
+	const state = reactive({
+		
+	})
+	onLoad((option : any) => {
+		queryCarMsg();
+	})
+	const queryCarMsg = () => {
+		const options = {
+			type: 2,
+			data: {
+				// "openId":getItem('openId')
+			},
+			method: "POST",
+			showLoading: true,
+		};
+		//调用方式
+		request(getCarMsg, options).then((res) => {
+				const data = stringToJson(res.bizContent)
+				console.log("车辆管理信息查询",data);
+				
+			})
+			.catch((err) => {
+			});
+	}
+</script>
+
+<style scoped>
+.cars .car-item {
+	display: flex;
+	align-items: center;
+	padding: 36rpx 0;
+}
+
+.cars .car-item .btn-unbind {
+	border: 1px solid #00B38B;
+	border-radius: 30rpx;
+	height: 60rpx;
+	box-sizing: border-box;
+	line-height: 60rpx;
+	font-size: 24rpx;
+	padding: 0 20rpx;
+	background: rgba(0, 179, 139, .1);
+	color: #00B38B;
+}
+.cars .car-pic {
+	width: 120rpx;
+	height: 120rpx;
+	margin-right: 12rpx;
+}
+.cars .car-info {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	color: #999;
+	font-size: 22rpx;
+}
+.cars .car-no {
+	font-size: 30rpx;
+	color: #333;
+}
+
+.cars .card-no {
+	margin-top: 14rpx;
+}
+</style>

utils/network/api.js

 export const judageQuanProduct="fe71273c1a394eaa999825afe7daa59b"  //判断是否有权益产品
 export const getGlobalParam="d0579171c82443cb9b243c113309119a"  //全局配置
 export const getUserMsg="c4a499a2a63042b9a2d4e88fc77d3fc0"  //通过opneId查询用户信息
+export const getCarMsg="1030"  //车辆管理信息查询