修改绑定车辆显示
This commit is contained in:
@@ -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",
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -336,11 +336,9 @@
|
|||||||
}, {
|
}, {
|
||||||
"path": "bindCar",
|
"path": "bindCar",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "绑定车辆"
|
||||||
"navigationStyle": "custom"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "myCarIndex",
|
"path": "myCarIndex",
|
||||||
|
|||||||
Reference in New Issue
Block a user