养老补贴

common/http.api.js

@@ -50,13 +50,14 @@ let apiApp = {
 	cartDestroy: '/api/mobile/cart/destroy',
 
 	hospital: '/api/mobile/hospital/hospital',
-	banner: '/api/mobile/other/banner',
-	// 就医服务
-	serveHospital:'/api/mobile/serve-hospital/hospital',
-	serveHospitalDetail:'/api/mobile/serve-hospital/hospital-detail',
-	serveHospitalForm:'/api/mobile/serve-hospital/forms',
-	serveHospitalOrder:'/api/mobile/user/serve-hospital-form',
-	serveHospitalOrderDetail:'/api/mobile/user/serve-hospital-form-detail',
+	banner: '/api/mobile/other/banner',
+	// 就医服务
+	serveHospital:'/api/mobile/serve-hospital/hospital',
+	serveHospitalDetail:'/api/mobile/serve-hospital/hospital-detail',
+	serveHospitalForm:'/api/mobile/serve-hospital/forms',
+	serveHospitalOrder:'/api/mobile/user/serve-hospital-form',
+	serveHospitalOrderDetail:'/api/mobile/user/serve-hospital-form-detail',
+	oldAgeAllowanceSubmit: '/api/mobile/user/old-age-allowance',
 	
 }
 
@@ -114,13 +115,14 @@ const install = (Vue, vm) => {
 	const cartList = (params = {}) => vm.$u.get(apiApp.cartIndex, params)
 	const cartShow = (params = {}) => vm.$u.get(apiApp.cartShow, params)
 	const cartSave = (params = {}) => vm.$u.post(apiApp.cartSave, params)
-	const cartDestroy = (params = {}) => vm.$u.get(apiApp.cartDestroy, params)
+	const cartDestroy = (params = {}) => vm.$u.get(apiApp.cartDestroy, params)
 	// 就医服务
 	const serveHospital = (params = {}) => vm.$u.get(apiApp.serveHospital, params)
-	const serveHospitalDetail = (params = {}) => vm.$u.get(apiApp.serveHospitalDetail, params)
-	const serveHospitalForm = (params = {}) => vm.$u.get(apiApp.serveHospitalForm, params)
-	const serveHospitalOrder = (params = {}) => vm.$u.get(apiApp.serveHospitalOrder, params)
-	const serveHospitalOrderDetail = (params = {}) => vm.$u.get(apiApp.serveHospitalOrderDetail, params)
+	const serveHospitalDetail = (params = {}) => vm.$u.get(apiApp.serveHospitalDetail, params)
+	const serveHospitalForm = (params = {}) => vm.$u.get(apiApp.serveHospitalForm, params)
+	const serveHospitalOrder = (params = {}) => vm.$u.get(apiApp.serveHospitalOrder, params)
+	const serveHospitalOrderDetail = (params = {}) => vm.$u.get(apiApp.serveHospitalOrderDetail, params)
+	const oldAgeAllowanceSubmit = (params = {}) => vm.$u.post(apiApp.oldAgeAllowanceSubmit, params)
 	// end
 
 	vm.$u.api = {
@@ -146,9 +148,11 @@ const install = (Vue, vm) => {
 		// 用户商城订单
 		userOrders,userOrdersDetail,productOrderRefund,
 		// 购物车
-		cartList, cartSave, cartShow, cartDestroy,
-		//就医服务
-		serveHospital,serveHospitalDetail,serveHospitalForm,serveHospitalOrder,serveHospitalOrderDetail
+		cartList, cartSave, cartShow, cartDestroy,
+		//就医服务
+		serveHospital,serveHospitalDetail,serveHospitalForm,serveHospitalOrder,serveHospitalOrderDetail,
+		// 养老补贴
+		oldAgeAllowanceSubmit
 
 	};
 }

manifest.json

@@ -5,7 +5,7 @@
     "versionName" : "1.0.0",
     "versionCode" : "100",
     "transformPx" : false,
-	"sassImplementationName": "node-sass",
+    "sassImplementationName" : "node-sass",
     /* 5+App特有相关 */
     "app-plus" : {
         "usingComponents" : true,
@@ -64,11 +64,11 @@
             "scope.chooseAddress" : {
                 "desc" : "需要获取您的收货地址"
             },
-			"scope.chooseLocation" : {
-			    "desc" : "需要获取您的详细地址"
-			}
+            "scope.chooseLocation" : {
+                "desc" : "需要获取您的详细地址"
+            }
         },
-        "requiredPrivateInfos" : [ "getLocation", "chooseAddress","chooseLocation" ],
+        "requiredPrivateInfos" : [ "getLocation", "chooseAddress", "chooseLocation" ],
         "optimization" : {
             "subPackages" : true
         },

package_sub/pages/OldAgeAllowance/OldAgeAllowance.vue

@@ -0,0 +1,250 @@
+<template>
+	<view class="container">
+		<image class="bg" src="/static/ylbtbg.png" mode="widthFix"></image>
+		<view class="content">
+			<image class="title" src="/static/ylbttitle.png" mode="widthFix"></image>
+
+			<view class="steps">
+				<image class="step-icon" src="/static/ylbticon1.png" mode="aspectFit"></image>
+				<image class="step-icon" src="/static/ylbticon2.png" mode="aspectFit"></image>
+				<image class="step-icon" src="/static/ylbticon3.png" mode="aspectFit"></image>
+			</view>
+			<view class="benefit-text">
+				<view class="line1"><text>【专属福利】</text>您家60岁以上失能老人</view>
+				<view class="line2">每月最高领<text>800元！</text></view>
+			</view>
+
+			<view class="form-card">
+				<view class="form-row">
+					<text class="required">*</text>
+					<text class="label">手机号:</text>
+					<input
+						class="mobile-input"
+						type="number"
+						maxlength="11"
+						placeholder="请填写您的联系电话"
+						v-model="form.mobile"
+					/>
+				</view>
+				<view class="divider"></view>
+				<textarea
+					class="content-input"
+					v-model="form.content"
+					maxlength="500"
+					placeholder="请简单描述您要咨询内容(内容加密保护)"
+				/>
+			</view>
+
+			<view class="submit-btn" @click="submit">提交咨询信息</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			form: {
+				mobile: '',
+				content: ''
+			},
+			submitting: false
+		}
+	},
+	computed: {
+		token() {
+			return this.vuex_token || uni.getStorageSync('lifeData')?.vuex_token
+		}
+	},
+	onShow() {
+		this.initMobile()
+	},
+	methods: {
+		async initMobile() {
+			if (this.vuex_user?.mobile) {
+				this.form.mobile = this.vuex_user.mobile
+				return
+			}
+			if (!this.token) return
+			try {
+				const { user } = await this.$u.api.getUserInfo()
+				if (user) {
+					this.$u.vuex('vuex_user', user)
+					this.form.mobile = user.mobile || ''
+				}
+			} catch (err) {
+				console.error(err)
+			}
+		},
+		validateForm() {
+			if (!this.form.mobile) {
+				this.$u.toast('请填写手机号')
+				return false
+			}
+			if (!/^1[3-9]\d{9}$/.test(this.form.mobile)) {
+				this.$u.toast('手机号格式不正确')
+				return false
+			}
+			if (!this.form.content || !this.form.content.trim()) {
+				this.$u.toast('请填写咨询内容')
+				return false
+			}
+			return true
+		},
+		async submit() {
+			if (this.submitting) return
+			if (!this.token) {
+				this.$u.route({
+					url: '/pages/login/login',
+					type: 'redirect'
+				})
+				return
+			}
+			if (!this.validateForm()) return
+			this.submitting = true
+			try {
+				await this.$u.api.oldAgeAllowanceSubmit({
+					mobile: this.form.mobile,
+					content: this.form.content.trim()
+				})
+				this.$u.toast('提交成功')
+				this.form.content = ''
+				setTimeout(() => {
+					uni.switchTab({
+						url: '/pages/index/index'
+					})
+				}, 1500)
+			} catch (err) {
+				console.error(err)
+			} finally {
+				this.submitting = false
+			}
+		}
+	}
+}
+</script>
+
+<style scoped lang="scss">
+.container {
+	min-height: 100vh;
+	background: #f7cfa7;
+	position: relative;
+}
+
+.bg {
+	width: 100%;
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: 0;
+}
+
+.content {
+	position: relative;
+	z-index: 1;
+	padding: 36rpx 38rpx 80rpx;
+}
+
+.title {
+	display: block;
+	width: 620rpx;
+	margin: 40rpx auto 0;
+	margin-top:120rpx;
+	margin-bottom:120rpx;
+}
+
+.steps {
+	margin-top: 34rpx;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom:70rpx;
+}
+
+.step-icon {
+	width: 200rpx;
+	height: 200rpx;
+}
+
+.form-card {
+	margin-top: 34rpx;
+	background: #fff;
+	border-radius: 16rpx;
+	padding: 32rpx 26rpx 26rpx;
+	box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.06);
+}
+
+.benefit-text {
+	margin-top: 25rpx;
+	text-align: center;
+	color: #d43c40;
+
+	.line1 {
+		font-size: 34rpx;
+		margin-bottom:25rpx;
+	}
+
+	.line2 {
+		font-size: 27rpx;
+		margin-bottom:100rpx;
+		& > text {
+			font-size: 52rpx;
+			font-weight: 700;
+			color:#d43c40
+		}
+	}
+}
+
+.form-row {
+	display: flex;
+	align-items: center;
+	font-size: 32rpx;
+	color: #222;
+}
+
+.required {
+	color: #dd8b31;
+	margin-right: 8rpx;
+	font-weight: 700;
+}
+
+.label {
+	margin-right: 18rpx;
+}
+
+.mobile-input {
+	flex: 1;
+	font-size: 30rpx;
+	height: 64rpx;
+	text-align:right;
+}
+
+.divider {
+	height: 2rpx;
+	background: #efefef;
+	margin: 12rpx 0 24rpx;
+}
+
+.content-input {
+	width: 100%;
+	height: 220rpx;
+	font-size: 28rpx;
+	background: #fafafa;
+	border: 2rpx solid #ededed;
+	border-radius: 8rpx;
+	padding: 20rpx;
+	box-sizing: border-box;
+}
+
+.submit-btn {
+	margin: 70rpx auto 0;
+	width: 460rpx;
+	height: 86rpx;
+	line-height: 86rpx;
+	text-align: center;
+	color: #fff;
+	font-size: 34rpx;
+	border-radius: 43rpx;
+	background: linear-gradient(90deg, #df0000 0%, #f1556d 100%);
+}
+</style>
+

pages.json

@@ -205,6 +205,12 @@
 		    "navigationBarTitleText": "公益服务",
 		    "enablePullDownRefresh": true
 		  }
+		},
+		{
+		  "path": "pages/OldAgeAllowance/OldAgeAllowance",
+		  "style": {
+		    "navigationBarTitleText": "养老补贴"
+		  }
 		}
       ]
     }

pages/index/index.vue

@@ -61,9 +61,9 @@
 				</u-grid> -->
 			</view>
 
-			<!-- <view class="img1">
-				<image src="~@/static/index/ask-png.png" alt="" mode="aspectFit"></image>
-			</view> -->
+			<view class="img1" @click="showYlbtMask = true">
+				<image src="~@/static/ylbt.png" alt="" mode="aspectFit"></image>
+			</view>
 
 			<view class="hospitals">
 				<view class="hospitals__title">热门医院</view>
@@ -92,10 +92,10 @@
 			<view class="statistics">
 				<view class="block1">
 					<view class="text1">浴疗人次<text>2</text>万+</view>
-					<view class="text1">照护人数<text>15</text>万+</view>
-					<view class="text1">服务人次<text>200</text>万+</view>
-					<view class="text1">服务小时<text>2000</text>万+</view>
-						
+					<view class="text1">照护人数<text>15</text>万+</view>
+					<view class="text1">服务人次<text>200</text>万+</view>
+					<view class="text1">服务小时<text>2000</text>万+</view>
+						
 						
 					<image class="img" src="~@/static/index/block1.png" mode="aspectFit" alt=""></image>
 				</view>
@@ -112,9 +112,9 @@
 					<image class="img" src="~@/static/index/block3.png" mode="aspectFit" alt=""></image>
 				</view>
 				<view class="block4">
-					<view class="text1">
-						<view>联系我们</view>
-						<view>0519-81191800</view>
+					<view class="text1">
+						<view>联系我们</view>
+						<view>0519-81191800</view>
 					</view>
 
 					<image show-menu-by-longpress class="img" src="~@/static/index/code.jpg" mode="aspectFit" alt=""></image>
@@ -151,8 +151,23 @@
 		<u-top-tips :navbar-height="navbarHeight" ref="uTips"></u-top-tips>
 
 		<tabbar />
-		<PrivacyPopup />
+		<PrivacyPopup />
 		<floatPhone></floatPhone>
+
+		<!-- 养老补贴弹层：全屏半透明底 + 中间活动图 -->
+		<view v-if="showYlbtMask" class="ylbt-mask" @click="closeYlbtMask">
+			<view class="ylbt-mask__box" @click.stop>
+				<view class="ylbt-mask__close" @click="closeYlbtMask">
+					<u-icon name="close" color="#ffffff" size="44"></u-icon>
+				</view>
+				<image
+					class="ylbt-mask__img"
+					src="/static/ylbtmask.png"
+					mode="widthFix"
+					@click="goOldAgeAllowanceFromMask"
+				></image>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -167,6 +182,7 @@
 		},
 		data() {
 			return {
+				showYlbtMask: false,
 				isShowSite: false,
 				list_site: [{
 					id: '',
@@ -211,8 +227,8 @@
 					{
 						text: "智能AI",
 						icon: "/static/index/index6.png",
-						to: "/pages/aichat/index",
-					},
+						upgrade: true,
+					}
 				],
 
 				hospitals: [],
@@ -247,14 +263,25 @@
 				return getApp().globalData.navbarHeight;
 			},
 		},
-		methods: {
-			goSwiper(e){
-				var data = this.banners[e]
-				if(data.jump_type==1 && data.jump_url){
-					uni.navigateTo({
-						url:data.jump_url
-					})
-				}
+		methods: {
+			closeYlbtMask() {
+				this.showYlbtMask = false
+			},
+			goOldAgeAllowanceFromMask() {
+				this.closeYlbtMask()
+				this.$u.throttle(
+					this.$u.route({
+						url: '/package_sub/pages/OldAgeAllowance/OldAgeAllowance'
+					})
+				)
+			},
+			goSwiper(e){
+				var data = this.banners[e]
+				if(data.jump_type==1 && data.jump_url){
+					uni.navigateTo({
+						url:data.jump_url
+					})
+				}
 			},
 			getElScrollTop() {
 				const query = uni.createSelectorQuery().in(this);
@@ -284,6 +311,10 @@
 				// this.getPhotos()
 			},
 			goLinks(item) {
+				if (item.upgrade) {
+					this.$u.toast('功能升级中')
+					return
+				}
 				if (item.to) {
 					this.$u.throttle(
 						this.$u.route({
@@ -413,7 +444,6 @@
 				margin-left: 18rpx;
 			}
 
-			&__icon {}
 		}
 
 		.search-sticky {
@@ -515,7 +545,7 @@
 				padding-top: 20rpx;
 			}
 
-			.icon {
+			.icon {
 				width: 220rpx;
 				height: 160rpx;
 				
@@ -536,8 +566,8 @@
 			font-size: 0;
 
 			&>image {
-				width: 700rpx;
-				height: 169rpx;
+				width: 100%;
+				height: 223rpx;
 			}
 		}
 
@@ -644,21 +674,21 @@
 						#e26165 0%,
 						#c10d12 94%,
 						#c10d12 100%);
-				position: relative;
+				position: relative;
 				
 				padding: 55rpx 0 0 20rpx;
 				.text1 {
 					color:#f7dddf;
-					font-size: 24rpx;
-					padding-bottom:34rpx;
-					position: relative;
-					z-index:1;
-					&>text{
-						font-weight: bold;
-						font-size: 36rpx;
-						color: #fff;
-						margin-left:20rpx;
-						margin-right:5rpx;
+					font-size: 24rpx;
+					padding-bottom:34rpx;
+					position: relative;
+					z-index:1;
+					&>text{
+						font-weight: bold;
+						font-size: 36rpx;
+						color: #fff;
+						margin-left:20rpx;
+						margin-right:5rpx;
 					}
 				}
 
@@ -693,8 +723,8 @@
 				position: relative;
 				background: linear-gradient(to bottom, #f3d4d4, #f2edf0);
 
-				.text1 {
-					text-align: center;
+				.text1 {
+					text-align: center;
 					padding:0 20rpx;
 					padding-top: 50rpx;
 
@@ -707,7 +737,7 @@
 					text:nth-child(2) {
 						font-size: 23rpx;
 						color: #929196;
-						font-weight: 500;
+						font-weight: 500;
 						margin-left:5rpx;
 					}
 				}
@@ -715,7 +745,7 @@
 				.text2 {
 					font-size: 24rpx;
 					color: #202020;
-					font-weight: 500;
+					font-weight: 500;
 					padding:0 20rpx;
 					padding-top: 10rpx;
 					text-align: center;
@@ -735,7 +765,7 @@
 				background: linear-gradient(to bottom, #f7e9dd, #f4f1f1);
 
 				.text1 {
-					text-align: center;
+					text-align: center;
 					padding:0 20rpx;
 					padding-top: 50rpx;
 
@@ -755,7 +785,7 @@
 				.text2 {
 					font-size: 24rpx;
 					color: #202020;
-					font-weight: 500;
+					font-weight: 500;
 					padding: 0 20rpx;
 					padding-top: 10rpx;
 					text-align: center;
@@ -781,11 +811,11 @@
 					position: absolute;
 					left: 20rpx;
 					top: 50%;
-					transform: translateY(-50%);
-					&>view:last-child{
-						font-size: 26rpx;
-						color:#202020;
-						margin-top: 15rpx;
+					transform: translateY(-50%);
+					&>view:last-child{
+						font-size: 26rpx;
+						color:#202020;
+						margin-top: 15rpx;
 					}
 				}
 
@@ -853,4 +883,41 @@
 			}
 		}
 	}
+
+	.ylbt-mask {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.6);
+		z-index: 100000;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 48rpx 40rpx;
+		box-sizing: border-box;
+	}
+
+	.ylbt-mask__box {
+		position: relative;
+		width: 100%;
+	}
+
+	.ylbt-mask__close {
+		position: absolute;
+		top: -29rpx;
+		right: -21rpx;
+		z-index: 2;
+		padding: 10rpx;
+		line-height: 1;
+		background: rgba(0, 0, 0, 0.4);
+		border-radius: 50%;
+	}
+
+	.ylbt-mask__img {
+		width: 100%;
+		display: block;
+		border-radius: 16rpx;
+	}
 </style>