1.我的车牌页面 录入车牌弹窗封装

common/http.api.js

@@ -17,9 +17,13 @@ const install = (Vue, vm) => {
 		getFunList:(params = {})=>vm.$u.get(config.adminPath+'/system/funList/list', params),
 		//我的访客列表
 		getMyVisitor:(params = {})=>vm.$u.get(config.adminPath+'/property/visitorManagement/list',params),
+		//新增访客
+		addVisitor:(params = {})=>vm.$u.post(config.adminPath+'/property/visitorManagement',params),
+		
 		//报事报修
 		getOrderList:(params = {})=>vm.$u.get(config.adminPath+'/property/workOrders/list',params),
 		
+		
 		// 基础服务：登录登出、身份信息、菜单授权、切换系统、字典数据等
 		lang: (params = {}) => vm.$u.get('/lang/'+params.lang),
 		index: (params = {}) => vm.$u.get(config.adminPath+'/mobile/index', params),

common/upload.js

@@ -0,0 +1,72 @@
+// utils/upload.js
+
+export const uploadFiles = ({
+  files = [],
+  url = '',
+  name = 'file',
+  formData = {},
+  fileType = 'image',
+  vm, // 关键：传入 vm 以便访问 vuex_token、vuex_remember 等
+}) => {
+  return new Promise(async (resolve, reject) => {
+    if (!url) return reject(new Error('上传地址不能为空'));
+    if (!Array.isArray(files) || files.length === 0) return reject(new Error('文件列表不能为空'));
+
+    const results = [];
+    for (let i = 0; i < files.length; i++) {
+      const filePath = files[i];
+      try {
+        const res = await uploadSingleFile({ filePath, url, name, formData, fileType, vm });
+        results.push(res);
+      } catch (err) {
+        reject(err);
+        return;
+      }
+    }
+    resolve(results);
+  });
+};
+
+function uploadSingleFile({ filePath, url, name, formData = {}, fileType = 'image', vm }) {
+  return new Promise((resolve, reject) => {
+    const headers = {
+      'x-requested-with': 'XMLHttpRequest',
+      source: 'uniapp',
+      clientId: 'dab457a1ea14411787c240db05bb0832',
+    };
+
+    // 手动加上 Token
+    if (vm?.vuex_token) {
+      headers.Authorization = `Bearer ${vm.vuex_token}`;
+    }
+
+    // 加上 rememberMe
+    if (vm?.vuex_remember) {
+      headers['x-remember'] = vm.vuex_remember;
+    }
+	console.log('request', headers);
+    uni.uploadFile({
+      url,
+      filePath,
+      name,
+      formData,
+      header: headers,
+      fileType,
+      success: (res) => {
+        try {
+          const data = JSON.parse(res.data);
+          if (res.statusCode === 200) {
+            resolve(data);
+          } else {
+            reject(data);
+          }
+        } catch (e) {
+          reject(e);
+        }
+      },
+      fail: (err) => {
+        reject(err);
+      }
+    });
+  });
+}

components/CarBindDialog.vue

@@ -0,0 +1,254 @@
+<template>
+  <view v-if="visible" class="pay-dialog-mask" @click.self="closeDialog">
+    <view class="pay-dialog-box">
+      <view class="pay-dialog-title-row">
+        <view class="pay-dialog-title">请输入车牌号</view>
+        <image src="/static/ic_close_01.png" class="pay-dialog-close" @click="closeDialog" />
+      </view>
+
+      <view class="pay-dialog-input-row">
+        <!-- 省份简称，readonly -->
+        <input
+          class="pay-dialog-input province-input"
+          :value="carNumArr[0]"
+          readonly
+          @click="showProvinceKeyboard = true"
+        />
+
+        <!-- 后6位 -->
+        <input
+          v-for="(item, idx) in 6"
+          :key="idx"
+          maxlength="1"
+          class="pay-dialog-input"
+          v-model="carNumArr[idx + 1]"
+          @input="onCarInput($event, idx)"
+        />
+      </view>
+
+      <button class="pay-dialog-btn" @click="saveCar">保存</button>
+
+      <!-- 省份自定义键盘 -->
+      <view v-if="showProvinceKeyboard" class="province-keyboard-mask" @click.self="showProvinceKeyboard = false">
+        <view class="province-keyboard-box">
+          <view class="province-keyboard-title">选择省份简称</view>
+          <view class="province-keyboard-grid">
+            <view
+              v-for="(item, idx) in provinceList"
+              :key="idx"
+              class="province-keyboard-btn"
+              @click="selectProvince(item)"
+            >
+              {{ item }}
+            </view>
+          </view>
+          <button class="province-keyboard-cancel" @click="showProvinceKeyboard = false">取消</button>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: "CarBindDialog",
+  props: {
+    visible: Boolean,
+    carNumber: {
+      type: Array,
+      default() {
+        return ["渝", "", "", "", "", "", ""];
+      },
+    },
+  },
+  data() {
+    return {
+      carNumArr: [...this.carNumber],
+      showProvinceKeyboard: false,
+      provinceList: [
+        "京",
+        "津",
+        "沪",
+        "渝",
+        "冀",
+        "豫",
+        "云",
+        "辽",
+        "黑",
+        "湘",
+        "皖",
+        "鲁",
+        "新",
+        "苏",
+        "浙",
+        "赣",
+        "鄂",
+        "桂",
+        "甘",
+        "晋",
+        "蒙",
+        "陕",
+        "吉",
+        "闽",
+        "贵",
+        "粤",
+        "青",
+        "藏",
+        "川",
+        "宁",
+        "琼",
+      ],
+    };
+  },
+  watch: {
+    carNumber(newVal) {
+      this.carNumArr = [...newVal];
+    },
+  },
+  methods: {
+    onCarInput(e, idx) {
+      let val = e.detail.value.toUpperCase().replace(/[^A-Z0-9]/g, "");
+      this.$set(this.carNumArr, idx + 1, val);
+    },
+    selectProvince(item) {
+      this.$set(this.carNumArr, 0, item);
+      this.showProvinceKeyboard = false;
+    },
+    saveCar() {
+      this.$emit("save", this.carNumArr);
+      this.$emit("update:visible", false);
+    },
+    closeDialog() {
+      this.$emit("update:visible", false);
+    },
+  },
+};
+</script>
+
+<style>
+.pay-dialog-mask {
+  position: fixed;
+  z-index: 9999;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.5);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.pay-dialog-box {
+  width: 90vw;
+  max-width: 400px;
+  background-color: #fff;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  box-sizing: border-box;
+}
+
+.pay-dialog-title-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.pay-dialog-title {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.pay-dialog-close {
+  width: 40rpx;
+  height: 40rpx;
+}
+
+.pay-dialog-input-row {
+  display: flex;
+  gap: 10rpx;
+  margin-bottom: 30rpx;
+}
+
+.pay-dialog-input {
+  width: 40rpx;
+  height: 60rpx;
+  text-align: center;
+  font-size: 36rpx;
+  border: 1rpx solid #ccc;
+  border-radius: 8rpx;
+}
+
+.province-input {
+  width: 60rpx;
+  background-color: #eee;
+  cursor: pointer;
+}
+
+.pay-dialog-btn {
+  width: 100%;
+  height: 70rpx;
+  background-color: #007aff;
+  color: white;
+  border-radius: 35rpx;
+  font-size: 32rpx;
+}
+
+/* 自定义省份键盘样式 */
+.province-keyboard-mask {
+  position: fixed;
+  z-index: 10000;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.4);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.province-keyboard-box {
+  width: 90vw;
+  max-width: 400px;
+  background-color: #fff;
+  border-radius: 20rpx;
+  padding: 20rpx;
+}
+
+.province-keyboard-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  margin-bottom: 20rpx;
+}
+
+.province-keyboard-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10rpx;
+}
+
+.province-keyboard-btn {
+  flex: 1 0 18%;
+  background-color: #f0f0f0;
+  text-align: center;
+  padding: 10rpx 0;
+  border-radius: 10rpx;
+  font-size: 28rpx;
+  user-select: none;
+  cursor: pointer;
+}
+
+.province-keyboard-cancel {
+  margin-top: 20rpx;
+  width: 100%;
+  height: 60rpx;
+  background-color: #aaa;
+  color: white;
+  font-size: 28rpx;
+  border-radius: 15rpx;
+}
+</style>

pages.json

@@ -321,6 +321,12 @@
 			"style": {
 				"navigationBarTitleText": "缴费记录"
 			}
+		},
+		{
+			"path": "pages/sys/user/myPayment/myCarCode",
+			"style": {
+				"navigationBarTitleText": "我的车牌"
+			}
 		},
 		{
 			"path": "pages/sys/user/myRepair/myRepair",
@@ -407,5 +413,13 @@
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "Aidex",
 		"navigationBarBackgroundColor": "#ffffff"
-	}
+	},
+	"easycom": {
+	  "autoscan": true,
+	  "custom": {
+	    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+	  }
+	}
+
+
 }

pages/sys/user/myPayment/myCarCode.vue

@@ -0,0 +1,128 @@
+<template>
+  <view class="container">
+    <scroll-view scroll-y class="list" style="height: 80vh;">
+      <block v-for="(item, index) in carList" :key="item.plate">
+        <u-swipe-action :index="index" :options="rightOptions" @click="onDelete">
+          <view class="car-item" @click="onItemClick(item)">
+            <view class="car-num">{{ item.plate }}</view>
+            <view class="car-time">上次停放时间: {{ item.time }}</view>
+          </view>
+        </u-swipe-action>
+      </block>
+    </scroll-view>
+
+    <!-- 绑定车牌弹窗 -->
+    <CarBindDialog
+      :visible="showBindDialog"
+      :carNumber="carNumArr"
+      @save="handleSaveCar"
+      @update:visible="showBindDialog = $event"
+    />
+
+    <button class="add-btn" @click="onAddCar">新增停车</button>
+  </view>
+</template>
+
+<script>
+import CarBindDialog from '@/components/CarBindDialog.vue';
+
+export default {
+  components: {
+    CarBindDialog
+  },
+  data() {
+    return {
+      showBindDialog: false,              // 控制弹窗显示
+      carNumArr: ['渝', '', '', '', '', '', ''],  // 当前编辑的车牌号码数组
+      carList: [                         // 车牌列表数据
+        { plate: '渝A·B8889', time: '2025-07-28' },
+        { plate: '渝A·C1234', time: '2025-07-27' },
+        { plate: '渝A·D5678', time: '2025-07-26' }
+      ],
+      rightOptions: [                    // 侧滑删除按钮配置
+        {
+          text: '删除',
+          style: {
+            backgroundColor: '#FF5A1F',
+            color: '#fff',
+            width: '150rpx'
+          }
+        }
+      ]
+    };
+  },
+  methods: {
+    onAddCar() {
+      // 新增车牌时，重置车牌数组为默认
+      this.carNumArr = ['渝', '', '', '', '', '', ''];
+      this.showBindDialog = true;
+    },
+    handleSaveCar(car) {
+      // 保存车牌，格式化并加入列表
+      const plate = car.join('').replace(/^([A-Z])/, '$1·');
+      this.carList.push({
+        plate,
+        time: new Date().toISOString().slice(0, 10)
+      });
+      this.showBindDialog = false;
+    },
+    onDelete({ index, optionIndex }) {
+      // 侧滑删除操作
+      if (optionIndex === 0) {
+        this.carList.splice(index, 1);
+      }
+    },
+    onItemClick(item) {
+      // 点击车牌，发送事件并返回上一页
+      uni.$emit('selectPlate', item.plate);
+      uni.navigateBack();
+    }
+  }
+};
+</script>
+
+<style scoped>
+.container {
+  padding: 20rpx;
+  background-color: #f8f8f8;
+  min-height: 100vh;
+}
+
+.list {
+  margin-bottom: 60rpx;
+}
+
+.car-item {
+  background-color: #fff;
+  padding: 30rpx;
+  border-radius: 12rpx;
+  margin-bottom: 20rpx;
+}
+
+.car-num {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #000;
+}
+
+.car-time {
+  font-size: 28rpx;
+  color: #999;
+  margin-top: 10rpx;
+}
+
+.add-btn {
+  width: 80%;
+  margin: 0 auto;
+  background-color: #007aff;
+  color: #fff;
+  border-radius: 50rpx;
+  height: 90rpx;
+  line-height: 90rpx;
+  text-align: center;
+  font-size: 32rpx;
+  position: fixed;
+  bottom: 40rpx;
+  left: 10%;
+}
+</style>

pages/sys/user/myVisitor/creatVisitor.vue

@@ -1,359 +1,402 @@
-<template>
+<template>
-	<view class="cv-container">
+	<view class="cv-container">
-
+
-		<!-- 可滚动内容区 -->
+		<!-- 可滚动内容区 -->
-		<view class="cv-scroll-content">
+		<view class="cv-scroll-content">
-			<!-- 访客信息 -->
+			<!-- 访客信息 -->
-			<view class="info">
+			<view class="info">
-				<view class="cv-section-title">访客信息</view>
+				<view class="cv-section-title">访客信息</view>
-				<view class="cv-avatar-upload" @click="chooseAvatar">
+				<view class="cv-avatar-upload" @click="chooseAvatar">
-					<view v-if="!form.avatar" class="cv-avatar-placeholder">上传正脸照</view>
+					<view v-if="!form.facePictures" class="cv-avatar-placeholder">上传正脸照</view>
-					<image v-else :src="form.avatar" class="cv-avatar-img" />
+					<image v-else :src="form.facePictures" class="cv-avatar-img" />
-				</view>
+				</view>
-				<input class="cv-input-name" placeholder="请输入姓名" v-model="form.name" />
+				<input class="cv-input-name" placeholder="请输入姓名" v-model="form.visitorName" />
-				<input class="cv-input-phone" placeholder="请输入来访人电话" v-model="form.phone" />
+				<input class="cv-input-phone" placeholder="请输入来访人电话" v-model="form.visitorPhone" />
-				<input class="cv-input" placeholder="请输入来访人身份证/军官证" v-model="form.idCard" />
+				<input class="cv-input" placeholder="请输入来访人身份证/军官证" v-model="form.idCard" />
-			</view>
+			</view>
-			<!-- 选择来访目的 -->
+			<!-- 选择来访目的 -->
-			<view class="cv-section">
+			<view class="cv-section">
-				<view class="cv-section-title">选择来访目的</view>
+				<view class="cv-section-title">选择来访目的</view>
-				<view class="cv-purpose-list">
+				<view class="cv-purpose-list">
-					<view v-for="(item, idx) in purposes" :key="idx"
+					<view v-for="(item, idx) in purposes" :key="idx"
-						:class="['cv-purpose-btn', {active: form.purpose === item}]" @click="form.purpose = item">{{ item }}
+						:class="['cv-purpose-btn', {active: form.visitingReason === item}]"
-					</view>
+						@click="form.visitingReason = item">{{ item }}
-				</view>
+					</view>
-				<view class="cv-room-select" @click="chooseRoom">
+				</view>
-					<text>{{ form.room || '请选择访问楼栋及房间号' }}</text>
+				<view class="cv-room-select" @click="chooseRoom">
-					<text class="cv-arrow">&gt;</text>
+					<text>{{ form.room || '请选择访问楼栋及房间号' }}</text>
-				</view>
+					<text class="cv-arrow">&gt;</text>
-			</view>
+				</view>
-			<!-- 来访时间 -->
+			</view>
-			<view class="cv-section">
+			<!-- 来访时间 -->
-				<view class="cv-section-title">来访时间</view>
+			<view class="cv-section">
-				<view class="cv-time-list">
+				<view class="cv-section-title">来访时间</view>
-					<view v-for="(item, idx) in times" :key="idx" :class="['cv-time-btn', {active: form.time === item}]"
+				<view class="cv-time-list">
-						@click="form.time = item">{{ item }}</view>
+					<view v-for="(item, idx) in times" :key="idx"
-				</view>
+						:class="['cv-time-btn', {active: form.visitingBeginTime === item}]"
-			</view>
+						@click="form.visitingBeginTime = item">{{ item }}</view>
-			<!-- 是否预约车位 -->
+				</view>
-			<view class="cv-section">
+			</view>
-				<view class="cv-parking-row">
+			<!-- 是否预约车位 -->
-					<view class="cv-section-title">是否预约车位</view>
+			<view class="cv-section">
-					<view class="cv-radio-label" @click="form.parking = true">
+				<view class="cv-parking-row">
-						<view :class="['cv-radio-custom', {checked: form.parking === true}]" />
+					<view class="cv-section-title">是否预约车位</view>
-						<text>是</text>
+					<view class="cv-radio-label" @click="form.bookingParkingSpace = true">
-					</view>
+						<view :class="['cv-radio-custom', {checked: form.bookingParkingSpace === true}]" />
-					<view class="cv-radio-label" @click="form.parking = false">
+						<text>是</text>
-						<view :class="['cv-radio-custom', {checked: form.parking === false}]" />
+					</view>
-						<text>否</text>
+					<view class="cv-radio-label" @click="form.bookingParkingSpace = false">
-					</view>
+						<view :class="['cv-radio-custom', {checked: form.bookingParkingSpace === false}]" />
-					<text class="cv-parking-count">
+						<text>否</text>
-						<text class="cv-parking-num">50</text><text class="cv-parking-total">/100</text>
+					</view>
-					</text>
+					<text class="cv-parking-count">
-				</view>
+						<text class="cv-parking-num">50</text><text class="cv-parking-total">/100</text>
-				<view class="cv-room-select" @click="chooseCarNumber">
+					</text>
-					<text>{{ form.carNumber || '请选择车牌号' }}</text>
+				</view>
-					<text class="cv-arrow">&gt;</text>
+				<view class="cv-room-select" @click="chooseCarNumber">
-				</view>
+					<text>{{ form.licensePlate || '请选择车牌号' }}</text>
-			</view>
+					<text class="cv-arrow">&gt;</text>
-			<!-- 提交按钮 -->
+				</view>
-			<button class="cv-submit-btn">提交</button>
+			</view>
-		</view>
+			<!-- 提交按钮 -->
-	</view>
+			<button class="cv-submit-btn" @click="submit">提交</button>
-</template>
+		</view>
-
+	</view>
-<script>
+</template>
-	export default {
+
-		data() {
+<script>
-			return {
+	import MediaSelector, {
-				form: {
+		MediaType
-					name: '',
+	} from '@/utils/mediaSelector';
-					phone: '',
+	import {
-					idCard: '',
+		uploadFiles
-					avatar: '',
+	} from '@/common/upload.js';
-					purpose: '',
+	export default {
-					room: '',
+		data() {
-					time: '',
+			return {
-					parking: false,
+				form: {
-					carNumber: ''
+					visitorName: '',
-				},
+					visitorPhone: '',
-				purposes: ['商务合作', '园区参观', '面试签到', '装修放行', '家政服务', '送货上门'],
+					// idCard: '',
-				times: ['今天(2025-07-04)', '明天(2025-07-04)']
+					facePictures: '',
-			}
+					visitingReason: '',
+					// room: '', 
+					visitingBeginTime: '2025-07-29',
+					bookingParkingSpace: false,
+					licensePlate: ''
+				},
+				purposes: ['商务合作', '园区参观', '面试签到', '装修放行', '家政服务', '送货上门'],
+				times: ['今天(2025-07-04)', '明天(2025-07-04)']
+			}
 		},
-		methods: {
+		onShow() {
-		
+		  uni.$once('selectPlate', plate => {
-			chooseAvatar() {
+		    this.form.licensePlate = plate;
-				// 这里可集成uni.chooseImage
+		  });
+		},
+		methods: {
+			// 新增：处理图片上传
+			async chooseAvatar() {
+				try {
+					// 调用MediaSelector选择图片，最多选择3张
+					const images = await MediaSelector.choose({
+						type: MediaType.IMAGE,
+						count: 1 // 根据剩余数量选择
+					});
+					// 将选择的图片添加到selectedImages数组
+					this.form.facePictures = images[0].path
+					
+				} catch (error) {
+
+				}
 			},
-			chooseRoom() {
+			async submit(){
-				// 这里可弹出选择房间号
+				let images = [''];
-			},
+				let filePath = this.form.facePictures.replace('file://', '');
-			chooseCarNumber() {
+				images[0] = filePath;
+				console.log("t1",images)
+				 const result = await uploadFiles({
+				          files: images,
+				          url: this.vuex_config.baseUrl + '/resource/oss/upload',
+				          name: 'file',
+				          vm: this // 关键：用于注入 token 等
+				        });
+				console.log("t1",result)
+			},
+			chooseRoom() {
+				// 这里可弹出选择房间号
+			},
+			chooseCarNumber() {
 				// 这里可弹出选择车牌号
-			}
+				uni.navigateTo({
-		}
+					url: '/pages/sys/user/myPayment/myCarCode'
-	}
+				});
-</script>
+			}
-
+		}
-<style scoped>
+	}
-	.cv-container {
+</script>
-		background: #fff;
+
-		height: 100vh;
+<style scoped>
-		display: flex;
+	.cv-container {
-		flex-direction: column;
+		background: #fff;
-	}
+		height: 100vh;
-
+		display: flex;
-	.cv-back {
+		flex-direction: column;
-		position: absolute;
+	}
-		left: 37rpx;
+
-		width: 15rpx;
+	.cv-back {
-		height: 33rpx;
+		position: absolute;
-	}
+		left: 37rpx;
-
+		width: 15rpx;
-	.cv-title {
+		height: 33rpx;
-		font-size: 36rpx;
+	}
-		color: #000;
+
-	}
+	.cv-title {
-
+		font-size: 36rpx;
-	.cv-scroll-content {
+		color: #000;
-		flex: 1;
+	}
-		overflow-y: auto;
+
-		padding-bottom: 120rpx;
+	.cv-scroll-content {
-	}
+		flex: 1;
-
+		overflow-y: auto;
-	.cv-section {
+		padding-bottom: 120rpx;
-		margin: 36rpx 56rpx 0 56rpx;
+	}
-	}
+
-
+	.cv-section {
-	.info {
+		margin: 36rpx 56rpx 0 56rpx;
-		position: relative;
+	}
-		margin: 36rpx 56rpx 0 56rpx;
+
-	}
+	.info {
-
+		position: relative;
-	.cv-section-title {
+		margin: 36rpx 56rpx 0 56rpx;
-		font-size: 32rpx;
+	}
-		color: #000;
+
-		font-weight: 600;
+	.cv-section-title {
-	}
+		font-size: 32rpx;
-
+		color: #000;
-
+		font-weight: 600;
-	.cv-inputs {
+	}
-		flex: 1;
+
-		display: flex;
+
-		flex-direction: column;
+	.cv-inputs {
-		gap: 18rpx;
+		flex: 1;
-	}
+		display: flex;
-
+		flex-direction: column;
-	.cv-input-name {
+		gap: 18rpx;
-		width: 233rpx;
+	}
-		height: 73rpx;
+
-		background: #F7F7F7;
+	.cv-input-name {
-		border-radius: 10rpx;
+		width: 233rpx;
-		font-size: 24rpx;
+		height: 73rpx;
-		color: #222;
+		background: #F7F7F7;
-		padding: 0 24rpx;
+		border-radius: 10rpx;
-		margin-bottom: 29rpx;
+		font-size: 24rpx;
-		margin-top: 23rpx;
+		color: #222;
-		border: none;
+		padding: 0 24rpx;
-		outline: none;
+		margin-bottom: 29rpx;
-	}
+		margin-top: 23rpx;
-
+		border: none;
-	.cv-input-phone {
+		outline: none;
-		width: 363rpx;
+	}
-		height: 73rpx;
+
-		background: #F7F7F7;
+	.cv-input-phone {
-		border-radius: 10rpx;
+		width: 363rpx;
-		font-size: 24rpx;
+		height: 73rpx;
-		color: #222;
+		background: #F7F7F7;
-		padding: 0 24rpx;
+		border-radius: 10rpx;
-		margin-bottom: 29rpx;
+		font-size: 24rpx;
-		border: none;
+		color: #222;
-		outline: none;
+		padding: 0 24rpx;
-	}
+		margin-bottom: 29rpx;
-
+		border: none;
-	.cv-input {
+		outline: none;
-		width: 435rpx;
+	}
-		height: 73rpx;
+
-		background: #F7F7F7;
+	.cv-input {
-		border-radius: 10rpx;
+		width: 435rpx;
-		font-size: 24rpx;
+		height: 73rpx;
-		color: #222;
+		background: #F7F7F7;
-		padding: 0 24rpx;
+		border-radius: 10rpx;
-		margin-bottom: 29rpx;
+		font-size: 24rpx;
-		border: none;
+		color: #222;
-		outline: none;
+		padding: 0 24rpx;
-	}
+		margin-bottom: 29rpx;
-
+		border: none;
-	.cv-avatar-upload {
+		outline: none;
-		position: absolute;
+	}
-		width: 163rpx;
+
-		height: 183rpx;
+	.cv-avatar-upload {
-		top: 50rpx;
+		position: absolute;
-		right: 0rpx;
+		width: 163rpx;
-		background: #F7F8FA;
+		height: 183rpx;
-		border-radius: 12rpx;
+		top: 50rpx;
-		display: flex;
+		right: 0rpx;
-		align-items: center;
+		background: #F7F8FA;
-		justify-content: center;
+		border-radius: 12rpx;
-		margin-left: 24rpx;
+		display: flex;
-	}
+		align-items: center;
-
+		justify-content: center;
-	.cv-avatar-placeholder {
+		margin-left: 24rpx;
-		color: #bbb;
+	}
-		font-size: 24rpx;
+
-		text-align: center;
+	.cv-avatar-placeholder {
-	}
+		color: #bbb;
-
+		font-size: 24rpx;
-	.cv-avatar-img {
+		text-align: center;
-		width: 120rpx;
+	}
-		height: 120rpx;
+
-		border-radius: 12rpx;
+	.cv-avatar-img {
-	}
+		width: 163rpx;
-
+		height: 183rpx;
-	.cv-purpose-list {
+		border-radius: 12rpx;
-		display: flex;
+	}
-		flex-wrap: wrap;
+
-		margin-top: 36rpx;
+	.cv-purpose-list {
-		/* 不设置gap的列间距，水平方向用margin控制 */
+		display: flex;
-	}
+		flex-wrap: wrap;
-
+		margin-top: 36rpx;
-	.cv-purpose-btn {
+		/* 不设置gap的列间距，水平方向用margin控制 */
-		width: calc((100% - 58rpx) / 3);
+	}
-		margin-right: 29rpx;
+
-		margin-bottom: 29rpx;
+	.cv-purpose-btn {
-		box-sizing: border-box;
+		width: calc((100% - 58rpx) / 3);
-		padding: 18rpx 0;
+		margin-right: 29rpx;
-		text-align: center;
+		margin-bottom: 29rpx;
-		background: #EBF5FF;
+		box-sizing: border-box;
-		border-radius: 10rpx;
+		padding: 18rpx 0;
-		font-size: 24rpx;
+		text-align: center;
-		color: #0B0B0B;
+		background: #EBF5FF;
-	}
+		border-radius: 10rpx;
-
+		font-size: 24rpx;
-	.cv-purpose-btn:nth-child(3n) {
+		color: #0B0B0B;
-		margin-right: 0;
+	}
-	}
+
-
+	.cv-purpose-btn:nth-child(3n) {
-	.cv-purpose-btn.active {
+		margin-right: 0;
-		background: #007CFF;
+	}
-		color: #fff;
+
-	}
+	.cv-purpose-btn.active {
-
+		background: #007CFF;
-	.cv-room-select {
+		color: #fff;
-		width: 435rpx;
+	}
-		height: 73rpx;
+
-		background: #F7F7F7;
+	.cv-room-select {
-		border-radius: 10rpx;
+		width: 435rpx;
-		font-size: 24rpx;
+		height: 73rpx;
-		color: #808080;
+		background: #F7F7F7;
-		display: flex;
+		border-radius: 10rpx;
-		align-items: center;
+		font-size: 24rpx;
-		justify-content: space-between;
+		color: #808080;
-		padding: 0 24rpx;
+		display: flex;
-		margin-top: 12rpx;
+		align-items: center;
-	}
+		justify-content: space-between;
-
+		padding: 0 24rpx;
-	.cv-arrow {
+		margin-top: 12rpx;
-		font-size: 32rpx;
+	}
-		color: #bbb;
+
-	}
+	.cv-arrow {
-
+		font-size: 32rpx;
-	.cv-time-list {
+		color: #bbb;
-		display: flex;
+	}
-		flex-direction: column;
+
-		gap: 23rpx;
+	.cv-time-list {
-		margin-top: 32rpx;
+		display: flex;
-	}
+		flex-direction: column;
-
+		gap: 23rpx;
-	.cv-time-btn {
+		margin-top: 32rpx;
-		width: 302rpx;
+	}
-		height: 73rpx;
+
-		text-align: center;
+	.cv-time-btn {
-		background: #EBF5FF;
+		width: 302rpx;
-		border-radius: 12rpx;
+		height: 73rpx;
-		font-size: 24rpx;
+		text-align: center;
-		color: #0B0B0B;
+		background: #EBF5FF;
-		display: flex;
+		border-radius: 12rpx;
-		/* 新增 */
+		font-size: 24rpx;
-		align-items: center;
+		color: #0B0B0B;
-		/* 垂直居中 */
+		display: flex;
-		justify-content: center;
+		/* 新增 */
-	}
+		align-items: center;
-
+		/* 垂直居中 */
-	.cv-time-btn.active {
+		justify-content: center;
-		background: #007CFF;
+	}
-		color: #fff;
+
-	}
+	.cv-time-btn.active {
-
+		background: #007CFF;
-	.cv-parking-row {
+		color: #fff;
-		display: flex;
+	}
-		align-items: center;
+
-		gap: 24rpx;
+	.cv-parking-row {
-		margin-bottom: 18rpx;
+		display: flex;
-	}
+		align-items: center;
-
+		gap: 24rpx;
-	.cv-radio-label {
+		margin-bottom: 18rpx;
-		font-size: 24rpx;
+	}
-		color: #0B0B0B;
+
-		display: flex;
+	.cv-radio-label {
-		align-items: center;
+		font-size: 24rpx;
-		margin-left: 30rpx;
+		color: #0B0B0B;
-		cursor: pointer;
+		display: flex;
-	}
+		align-items: center;
-	.cv-radio-label2 {
+		margin-left: 30rpx;
-		font-size: 24rpx;
+		cursor: pointer;
-		color: #0B0B0B;
+	}
-		display: flex;
+
-		align-items: center;
+	.cv-radio-label2 {
-		margin-left: 30rpx;
+		font-size: 24rpx;
-		cursor: pointer;
+		color: #0B0B0B;
-	}
+		display: flex;
-
+		align-items: center;
-	.cv-radio-custom {
+		margin-left: 30rpx;
-		width: 22rpx;
+		cursor: pointer;
-		height: 22rpx;
+	}
-		border-radius: 50%;
+
-		border: 1rpx solid #007CFF;
+	.cv-radio-custom {
-		background: #fff;
+		width: 22rpx;
-		margin-right: 12rpx;
+		height: 22rpx;
-		box-sizing: border-box;
+		border-radius: 50%;
-		transition: background 0.2s, border 0.2s;
+		border: 1rpx solid #007CFF;
-	}
+		background: #fff;
-
+		margin-right: 12rpx;
-	.cv-radio-custom.checked {
+		box-sizing: border-box;
-		background: #007CFF;
+		transition: background 0.2s, border 0.2s;
-		border: 1rpx solid #007CFF;
+	}
-	}
+
-
+	.cv-radio-custom.checked {
-	.cv-parking-count {
+		background: #007CFF;
-		margin-left: 24rpx;
+		border: 1rpx solid #007CFF;
-		font-size: 24rpx;
+	}
-		background: #EBF5FF;
+
-		border-radius: 8rpx;
+	.cv-parking-count {
-		padding: 0 18rpx;
+		margin-left: 24rpx;
-		height: 54rpx;
+		font-size: 24rpx;
-		display: flex;
+		background: #EBF5FF;
-		align-items: center;
+		border-radius: 8rpx;
-	}
+		padding: 0 18rpx;
-	.cv-parking-num {
+		height: 54rpx;
-		color: #007CFF;
+		display: flex;
-	}
+		align-items: center;
-	.cv-parking-total {
+	}
-		color: #0B0B0B;
+
-	}
+	.cv-parking-num {
-
+		color: #007CFF;
-	.cv-submit-btn {
+	}
-		width: 90vw;
+
-		height: 90rpx;
+	.cv-parking-total {
-		background: #0090FF;
+		color: #0B0B0B;
-		color: #fff;
+	}
-		font-size: 36rpx;
+
-		border: none;
+	.cv-submit-btn {
-		border-radius: 45rpx;
+		width: 90vw;
-		margin: 80rpx auto 0 auto;
+		height: 90rpx;
-		display: block;
+		background: #0090FF;
-		font-weight: bold;
+		color: #fff;
-		box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.18);
+		font-size: 36rpx;
-	}
+		border: none;
+		border-radius: 45rpx;
+		margin: 80rpx auto 0 auto;
+		display: block;
+		font-weight: bold;
+		box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.18);
+	}
 </style>