修改绑定车辆显示

This commit is contained in:
zhouyanli
2026-09-02 11:13:02 +08:00
parent bf3faefe7b
commit 482254a5cb
4 changed files with 31 additions and 41 deletions

View File

@@ -2,8 +2,8 @@
"name" : "花开物业", "name" : "花开物业",
"appid" : "__UNI__29C3D60", "appid" : "__UNI__29C3D60",
"description" : "智慧社区居民端面向小区业主使用,支持注册、验证码、账号密码多种登录方式,提供密码找回功能,账号使用安全便捷。支持多小区切换,首页设有轮播 banner、社区公告,集成远程开门、生活缴费、在线报修、访客邀请、社区活动常用服务。全服务板块统一涵盖门禁开门、线上缴费、报修申报、访客预约、投诉反馈、问卷调研、活动报名、社区公示、一键联系物业功能。个人中心可管理房屋、住户、车位、车辆信息,支持更换手机号、修改密码、消息通知设置、版本更新及账号退出,一站式满足业主居家生活、社区服务、房产车辆管理需求,实现社区生活数字化、便捷化。", "description" : "智慧社区居民端面向小区业主使用,支持注册、验证码、账号密码多种登录方式,提供密码找回功能,账号使用安全便捷。支持多小区切换,首页设有轮播 banner、社区公告,集成远程开门、生活缴费、在线报修、访客邀请、社区活动常用服务。全服务板块统一涵盖门禁开门、线上缴费、报修申报、访客预约、投诉反馈、问卷调研、活动报名、社区公示、一键联系物业功能。个人中心可管理房屋、住户、车位、车辆信息,支持更换手机号、修改密码、消息通知设置、版本更新及账号退出,一站式满足业主居家生活、社区服务、房产车辆管理需求,实现社区生活数字化、便捷化。",
"versionName" : "1.2.1", "versionName" : "1.2.2",
"versionCode" : 135, "versionCode" : 136,
"transformPx" : false, "transformPx" : false,
"uniCloud" : { "uniCloud" : {
"provider" : "aliyun", "provider" : "aliyun",

View File

@@ -1,8 +1,8 @@
<template> <template>
<view class="contentStyle"> <view class="contentStyle">
<view class="status-bar"></view> <!-- <view class="status-bar"></view>
<uni-nav-bar title="绑定车辆" left-icon="left" @clickLeft="goBack" backgroundColor="transparent" :border="false"> <uni-nav-bar title="绑定车辆" left-icon="left" @clickLeft="goBack" backgroundColor="transparent" :border="false">
</uni-nav-bar> </uni-nav-bar> -->
<scroll-view class="page" scroll-y> <scroll-view class="page" scroll-y>
<view v-if="carList.length === 0" class="empty-state"> <view v-if="carList.length === 0" class="empty-state">
@@ -12,11 +12,14 @@
<view class="car-item" v-for="(item, index) in carList" :key="index" @click="handleItemClick(item, index)" <view class="car-item" v-for="(item, index) in carList" :key="index" @click="handleItemClick(item, index)"
:class="{ checked: selectedIndex === index }"> :class="{ checked: selectedIndex === index }">
<image :src="item.carImageUrl" mode="aspectFill" class="car-avatar" <image :src="item.carImageUrl" mode="scaleToFill" class="car-avatar" v-if="item.carImageUrl"/>
@error="item.carImageUrl = defaultCarImg" /> <image :src="defaultCarImg" mode="aspectFill" class="car-avatar-default" v-if="!item.carImageUrl"/>
<view class="car-info"> <view class="car-info">
<view class="car-plate">{{ item.carNum }}</view> <view class="car-plate">{{ item.carNum }}</view>
<view class="car-model">{{ item.carBrand }}·{{ item.carColor }}</view> <view class="car-model">{{ item.carBrand }}
<text v-if="item.carBrand && item.carColor">·</text>
{{ item.carColor }}
</view>
<view class="car-bindParkingSpace">{{ item.bindParkingSpace }}</view> <view class="car-bindParkingSpace">{{ item.bindParkingSpace }}</view>
</view> </view>
<!-- <view class="status-tag" <!-- <view class="status-tag"
@@ -47,7 +50,7 @@
} from '@/pageSubPack/api/apiSub.js' } from '@/pageSubPack/api/apiSub.js'
const statusBarHeight = ref(20) const statusBarHeight = ref(20)
const defaultCarImg = "http://47.104.199.163:9090/images/propertyImgs/defaultCarImg.png" const defaultCarImg = "https://wuye.ckdzkj.com/images/propertyImgs/defaultCarImg.png"
const selectedId = ref('') const selectedId = ref('')
const selectedName = ref('') const selectedName = ref('')
const selectedIndex = ref(-1) const selectedIndex = ref(-1)
@@ -154,27 +157,6 @@
uni.setStorageSync('bindCarName', selectedName.value) uni.setStorageSync('bindCarName', selectedName.value)
goBack() goBack()
}, 1500) }, 1500)
// postCarBind({
// carId: selectedId.value
// }).then(bindRes => {
// uni.hideLoading()
// if (bindRes.code === 200) {
// uni.showToast({
// title: '绑定成功',
// icon: 'success'
// })
// setTimeout(() => {
// uni.setStorageSync('bindCarId', selectedId.value)
// uni.setStorageSync('bindCarName', selectedName.value)
// goBack()
// }, 1500)
// } else {
// uni.showToast({
// title: bindRes.msg || '绑定失败',
// icon: 'none'
// })
// }
// })
} }
} }
}) })
@@ -193,10 +175,6 @@
</style> </style>
<style scoped> <style scoped>
.status-bar {
width: 100vw;
height: 46px;
}
.contentStyle { .contentStyle {
display: flex; display: flex;
@@ -207,7 +185,7 @@
.page { .page {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 0px 40rpx; padding: 0px 40rpx 180rpx;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -228,7 +206,16 @@
} }
.bottom-btn { .bottom-btn {
padding: 20rpx 30rpx 40rpx; position: fixed;
left: 0;
right: 0;
bottom: 0;
padding: 20rpx 30rpx;
padding-bottom: calc(40rpx + constant(safe-area-inset-bottom));
padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
background: #fff;
box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.05);
z-index: 10;
} }
.car-item { .car-item {
@@ -251,10 +238,15 @@
width: 100rpx; width: 100rpx;
height: 100rpx; height: 100rpx;
border-radius: 50%; border-radius: 50%;
background-color: #f0f4ff;
margin-right: 24rpx; margin-right: 24rpx;
flex-shrink: 0; flex-shrink: 0;
} }
.car-avatar-default{
width: 80rpx;
height: 80rpx;
margin-right: 36rpx;
flex-shrink: 0;
}
.status-tag { .status-tag {
font-size: 24rpx; font-size: 24rpx;

View File

@@ -5,7 +5,7 @@
<view class="form-container"> <view class="form-container">
<!-- 手机号输入框(带+86前缀) --> <!-- 手机号输入框(带+86前缀) -->
<view class="input-group phone-input"> <view class="input-group phone-input">
<image class="iconStyle" src="http://47.104.199.163:9090/images/propertyImgs/phoneIcon.png"></image> <image class="iconStyle" src="https://wuye.ckdzkj.com/images/propertyImgs/phoneIcon.png"></image>
<input <input
class="input-item" class="input-item"
type="number" type="number"
@@ -18,7 +18,7 @@
<!-- 验证码输入框(带获取验证码按钮) --> <!-- 验证码输入框(带获取验证码按钮) -->
<view class="input-group code-input" style="padding: 0 0 0 20rpx;"> <view class="input-group code-input" style="padding: 0 0 0 20rpx;">
<image class="iconStyle" src="http://47.104.199.163:9090/images/propertyImgs/codeIcon.png"></image> <image class="iconStyle" src="https://wuye.ckdzkj.com/images/propertyImgs/codeIcon.png"></image>
<input <input
class="input-item code-item" class="input-item code-item"
type="number" type="number"

View File

@@ -336,11 +336,9 @@
}, { }, {
"path": "bindCar", "path": "bindCar",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "绑定车辆"
"navigationStyle": "custom"
} }
}, },
{ {
"path": "myCarIndex", "path": "myCarIndex",