产检详情页面开发

pages.json

@@ -117,6 +117,16 @@
 				"enablePullDownRefresh" : false,
 				"navigationStyle": "custom"
 			}
+		},
+		// 产检详情
+		{
+			"path" : "pages/productionDetails/productionDetails",
+			"style" : 
+			{
+				"navigationBarTitleText" : "产检详情",
+				"navigationBarBackgroundColor":"#ffffff",
+				"enablePullDownRefresh" : false
+			}
 		}
 	],
 	"globalStyle": {

pages/addPostnatal/addPostnatal.vue

 <template>
 	<view class="add-postnatal">
 		<!-- 产检时间 -->
-		<view class="add-postnatal-time style1">
+		<view class="add-postnatal-time style1" v-if="isType">
 			<view class="time-l">
 				<image src="/static/chanjianTool/icon7.png" />
 				产检时间
@@ -36,19 +36,23 @@
 		</view>
 
 		<!-- 报告单 -->
-		<view class="add-postnatal-bgd">
+		<view class="add-postnatal-bgd" v-if="isType">
 			<view class="style1">
 				<view class="time-l">
 					<image src="/static/chanjianTool/icon9.png" />
 					本次报告单
 				</view>
-				<view class="time-r">
+				<view class="time-r" @click="onSeeBtn">
 					查看全部
 					<image src="/static/chanjianTool/icon13.png" />
 				</view>
 			</view>
-			<view class="img-list" v-if="bgdImgList.length > 0">
+			<view class="img-list">
+				<view class="upload-image"  @click="onUpload">
+					<image src="/static/chanjianTool/icon11.png"></image>
+				</view>
 				<view class="img-list-item" v-for="( {url, id}, index) in bgdImgList" :key="index">
+					
 					<view class="item-image">
 						<image class="img1" :src="url" mode="widthFix"></image>
 					</view>
@@ -57,9 +61,7 @@
 			</view>
 		</view>
 		<!-- 上传报告单 -->
-		<view class="upload" @click="onUpload">
-			<image src="/static/chanjianTool/icon11.png"></image>
-		</view>
+		
 		<button class="form-btn" @click="onSave">
 			保存
 		</button>
@@ -129,6 +131,7 @@
 		showLoading,
 		hideLoading
 	} from '@/utils/index.js';
+	import { onLoad } from '@dcloudio/uni-app'
 	import {
 		uploadImage
 	} from "../../api/common.js";
@@ -136,6 +139,9 @@
 	// 导入日期选择器组件
 	import DatePicker from '@/components/DatePicker.vue'
 	
+	// 控制显示修改字段
+	const isType = ref(true)
+	
 	// 默认产检时间
 	const time = ref(dateFormatter(new Date(), 'yyyy-MM-dd'));
 	
@@ -372,6 +378,29 @@
 			});
 		}
 	})
+	
+	// 查看更多
+	const onSeeBtn = () => {
+		// 跳转之前得缓存一下数据
+		uni.navigateTo({
+			url: '/pages/myReportCard/myReportCard'
+		})
+	}
+	
+	onLoad((options) => {
+		console.log(options)
+		if(Object.keys(options ?? {}).length){
+			isType.value = false
+			uni.setNavigationBarTitle({
+				title: '修改项目'
+			});
+		}else{
+			isType.value = true
+			uni.setNavigationBarTitle({
+				title: '新增产检'
+			});
+		}
+	})
 </script>
 
 <style lang="less" scoped>
@@ -462,24 +491,35 @@
 			.img-list {
 				display: flex;
 				flex-wrap: wrap;
+				justify-content: flex-start;
 				padding: 0 27rpx;
 				box-sizing: border-box;
 				padding-bottom: 180rpx;
-
+        .upload-image{
+					width: 200rpx;
+					height: 200rpx;
+					border-radius: 10rpx;
+					overflow: hidden;
+					margin-right: 10rpx;
+					image {
+						width: 200rpx;
+						height: 200rpx;
+					}
+				}
 				.img-list-item {
-					margin-right: 15rpx;
+					// margin-right: 10rpx;
 					margin-bottom: 15rpx;
 					position: relative;
 
 					.item-image {
-						width: 191rpx;
-						height: 191rpx;
+						width: 200rpx;
+						height: 200rpx;
 						border-radius: 10rpx;
 						overflow: hidden;
 
 						.img1 {
-							width: 191rpx;
-							height: 191rpx;
+							width: 200rpx;
+							height: 200rpx;
 						}
 
 					}
@@ -523,18 +563,6 @@
 				}
 			}
 		}
-
-		.upload {
-			position: fixed;
-			right: 0;
-			bottom: 260rpx;
-
-			image {
-				width: 185rpx;
-				height: 61rpx;
-			}
-		}
-
 		.form-btn {
 			width: 686rpx;
 			height: 94rpx;

pages/myReportCard/myReportCard.vue

@@ -449,7 +449,7 @@
 				  height: 169rpx;
 				  border-radius: 10rpx;
 				  overflow: hidden;
-				  margin-right: 14rpx;
+				  margin-right: 12rpx;
 				  margin-bottom: 30rpx;
 					flex-shrink: 0;
 				  image {

pages/postnatalCheckUp/postnatalCheckUp.vue

@@ -37,7 +37,11 @@
 				</view>
 				<!-- 产检记录 -->
 				<view class="postnatal-con-record">
-					<view class="record-item" v-for="({id, time, num, week, status, project, isAdd}, index) in recordList" :key="index">
+					<view class="record-item" 
+						v-for="({id, time, num, week, status, project, isAdd}, index) in recordList" 
+						@click="onDetails(id)" 
+						:key="index"
+					>
 						<image class="add-image" v-if="isAdd ===1 " src="/static/chanjianTool/bs.png"></image>
 						<view class="item-t">
 							<view class="item-t-l">
@@ -322,6 +326,12 @@
 			]
 		}
 	])
+	// 跳转产检详情页面
+	const onDetails =(id) =>{
+		uni.navigateTo({
+				url:`/pages/productionDetails/productionDetails?id=${id}`
+			})
+	}
 	// 拼接检查项目名称
 	const getProject = (projects) => {
 		return projects.map(project => project.name).join('、');
@@ -418,6 +428,13 @@
 	const handleConfirm = () => {
 		close();
 		selectedValue.value = options[pickerValue.value[0]];
+		// 订阅提醒
+		// uni.requestSubscribeMessage({
+		//   tmplIds: [''],
+		//   success (res) { 
+		// 		console.log(res)
+		// 	}
+		// })
 	}
 	// 编辑时间
 	const onEdit = (id, time)=>{

pages/productionCalendar/productionCalendar.vue

@@ -10,7 +10,6 @@
 					<view class="info-r">
 						<view class="info-r-t">
 							{{info.name}}
-							<image src="/static/chanjianTool/icon22.png"></image>
 						</view>
 						<view class="info-r-b">
 							怀孕{{info.week}}周
@@ -57,7 +56,12 @@
 	import {
 		ref
 	} from 'vue';
-	
+	import {
+		onLoad
+	} from '@dcloudio/uni-app'
+	import {
+		throttleTap
+	} from '@/utils/index.js';
 	// 用户信息
 	const info = ref({
 		name: '好宝宝的妈妈',