666666

components/BabyFeedSwitchPopup.vue

@@ -265,4 +265,5 @@ const closePopup = () => {
         opacity: 0.7;
     }
 }
-</style>
\ No newline at end of file
+</style>
+

pages/shengzhangTools/shengzhangTools.vue

@@ -52,13 +52,13 @@
 
     <!-- 测评信息区域 -->
     <view class="test-info-section">
-        <view class="test-date-row">
-            <text class="label">本次测评日期</text>
-            <view class="date-container" @click="showDatePicker">
-                <text class="date-value">2025-06-06</text>
-                <image class="edit-icon" src="/static/shengzhangTool/editIcon.png" mode="aspectFit"></image>
+                    <view class="test-date-row">
+                <text class="label">本次测评日期</text>
+                <view class="date-container" @click="showDatePicker">
+                    <text class="date-value">{{ selectedDate }}</text>
+                    <image class="edit-icon" src="/static/shengzhangTool/editIcon.png" mode="aspectFit"></image>
+                </view>
             </view>
-        </view>
 		<!-- 分割线 -->
 		<image class="divider-line" src="/static/shengzhangTool/line.png" mode="aspectFit"></image>
         
@@ -189,12 +189,20 @@
         v-model:selectedIndex="currentFeedIndex"
         @change="onFeedChange"
     />
+    
+    <!-- 日期选择弹窗 -->
+    <DatePickerPopup 
+        v-model:visible="showDatePickerPopup"
+        v-model:selectedDate="selectedDate"
+        @change="onDateChange"
+    />
 </template>
 
 <script setup>
 import { onMounted, ref } from 'vue';
 import BabySwitchPopup from '@/components/BabySwitchPopup.vue'
 import BabyFeedSwitchPopup from '@/components/BabyFeedSwitchPopup.vue'
+import DatePickerPopup from '@/components/DatePickerPopup.vue'
 
 const swiperData = ref([{bannerImg: '/static/shengzhangTool/banner1.png'}, {bannerImg: '/static/shengzhangTool/banner2.png'}, {bannerImg: '/static/shengzhangTool/banner3.png'}]);
 
@@ -254,8 +262,19 @@ const generateRange = (min, max, step = 0.1) => {
     return range
 }
 
+// 日期选择器相关状态
+const showDatePickerPopup = ref(false)
+const selectedDate = ref('2025-06-06')
+
 const showDatePicker = () => {
 	console.log('显示日期选择器')
+	showDatePickerPopup.value = true
+}
+
+// 处理日期选择变化
+const onDateChange = (date) => {
+	console.log('选择了日期:', date)
+	selectedDate.value = date
 }
 
 const showFeedingPopup = () => {