菜品预订时间段选择修改文字描述

src/pages/canteen/detail.vue

@@ -371,7 +371,7 @@ const doFood = () => {
 		v-model:show="state.showBookingDialog"
 		:overlayClick="false"
 		:showCancel="true"
-		title="请选择预订时间段"
+		title="请选择预订餐段"
 		cancelText="取消"
 		confirmText="确认"
 		position="bottom"
@@ -379,11 +379,20 @@ const doFood = () => {
 		zIndex="800"
 	>
 		<tm-radio-group v-model="state.selectedBookingTime" direction="column">
-			<view v-for="(item, index) in state.bookingTimeList" :key="index" class="w-full flex items-center p-2 mx-2">
+			<view v-for="(item, index) in state.bookingTimeList" :key="index" class="w-full flex items-center">
 				<tm-radio class="w-full h-full px-2" :value="item.id">
 					<template v-slot:label="checked">
-						<view>{{ item.title }}</view>
-						<view>{{ item.startTime }} ~ {{ item.endTime }}</view>
+						<view class="text-30">{{ item.title }}</view>
+						<view class="second-text-28 flex">
+							<text class="w-1/2">可预订时间段：</text>
+							<text class="w-1/2">{{ item.startTime.slice(0, -3) }}-{{ item.endTime.slice(0, -3) }}</text>
+						</view>
+						<view class="second-text-28 flex">
+							<text class="w-1/2">用餐时间段：</text>
+							<text class="w-1/2">
+								{{ state.canteenDetail.jobTime?.split(",")[index + 1] ? state.canteenDetail.jobTime?.split(",")[index + 1] : "" }}
+							</text>
+						</view>
 					</template>
 				</tm-radio>
 			</view>