hookehuyr

feat(表单): 优化表单选择项样式并添加年份选择限制

- 为表单选择项添加不同状态下的样式区分
- 限制年份选择器最大日期为当前年份
- 将返回逻辑改为navigateBack
- 移除TODO注释并使用真实API获取数据
......@@ -138,7 +138,7 @@
<!-- 车辆出厂年份 -->
<nut-form-item label-position="top" label="车辆出厂年份" prop="manufacture_year">
<view class="form-item-content" @click="showYearPicker">
<text class="form-value">{{ formData.manufacture_year || '请选择' }}</text>
<text class="form-value" :class="{ 'form-value-selected': formData.manufacture_year, 'form-value-placeholder': !formData.manufacture_year }">{{ formData.manufacture_year || '请选择' }}</text>
<Right class="arrow-icon" />
</view>
</nut-form-item>
......@@ -146,7 +146,7 @@
<!-- 新旧程度 -->
<nut-form-item label-position="top" label="新旧程度" prop="new_level">
<view class="form-item-content" @click="showConditionPicker">
<text class="form-value">{{ formData.new_level || '请选择' }}</text>
<text class="form-value" :class="{ 'form-value-selected': formData.new_level, 'form-value-placeholder': !formData.new_level }">{{ formData.new_level || '请选择' }}</text>
<Right class="arrow-icon" />
</view>
</nut-form-item>
......@@ -200,7 +200,7 @@
<!-- 刹车磨损度 -->
<nut-form-item label-position="top" label="刹车磨损度" prop="brake_wear_level">
<view class="form-item-content" @click="showBrakeWearPicker">
<text class="form-value">{{ formData.brake_wear_level || '请选择' }}</text>
<text class="form-value" :class="{ 'form-value-selected': formData.brake_wear_level, 'form-value-placeholder': !formData.brake_wear_level }">{{ formData.brake_wear_level || '请选择' }}</text>
<Right class="arrow-icon" />
</view>
</nut-form-item>
......@@ -208,7 +208,7 @@
<!-- 轮胎磨损度 -->
<nut-form-item label-position="top" label="轮胎磨损度" prop="tire_wear_level">
<view class="form-item-content" @click="showTireWearPicker">
<text class="form-value">{{ formData.tire_wear_level || '请选择' }}</text>
<text class="form-value" :class="{ 'form-value-selected': formData.tire_wear_level, 'form-value-placeholder': !formData.tire_wear_level }">{{ formData.tire_wear_level || '请选择' }}</text>
<Right class="arrow-icon" />
</view>
</nut-form-item>
......@@ -287,6 +287,7 @@
v-model="yearValue"
title="选择出厂年份"
type="year-month"
:max-date="maxYearDate"
@confirm="onYearConfirm"
@cancel="yearPickerVisible = false"
/>
......@@ -334,10 +335,9 @@ import { getSchoolsAPI, getBrandsModelsAPI } from '@/api/other';
/**
* 返回上一页
*/
// eslint-disable-next-line no-unused-vars
const goBack = () => {
Taro.redirectTo({
url: '/pages/index/index'
})
Taro.navigateBack()
}
// 获取页面参数
......@@ -416,6 +416,9 @@ const conditionValue = ref([])
const brakeWearValue = ref([])
const tireWearValue = ref([])
// 年份选择器最大日期限制(当前年份的12月31日)
const maxYearDate = ref(new Date(new Date().getFullYear(), 11, 31))
// 选择器选项数据
const schoolOptions = ref([])
const brandOptions = ref([])
......@@ -972,7 +975,7 @@ const loadCarData = async () => {
try {
Taro.showLoading({ title: '加载中...' })
// TODO: 调用真实API获取车辆数据
// 调用真实API获取车辆数据
const { code, data } = await getVehicleDetailAPI({ id: carId.value })
if (code) {
......