nurseWeChatAppletUI/pages/diseasemanagement/diseasemanagement.vue

<template>
	<view class="app">
		<!-- <u-tabs :list="tabList" :current="tabcurrent" @change="change"></u-tabs>
		<view class="items">
			<view class="item" @tap='godiseasemanagement'>
				<image src="../../static/zbglzbgl.png" mode=""></image>
				<view class="title">
					专病管理云社区
				</view>
			</view>
			<view class="item" @tap='gogeriatricdisease'>
				<image src="../../static/lnb.png" mode=""></image>
				<view class="title">
					国家老年病中心
				</view>
			</view>
		</view> -->
		<view class="concent">
			<view class="background">
				<image src="/static/logo.png" mode=""></image>
				<view>
					<view class="detailed">
						专病管理简介:慢性病已成为我国老年人健康的最大威胁，建立标准化的慢病专病并发症防治中心，建立规范化的导诊流程、建立慢病专病综合电子档案，对于慢病及并发症的早期发现、早期治疗，延缓并发症的发生发展，降低患者、政府经济负担具有重要现实意义。组建“金字塔”式医生服务团队，由省级知名专家全程介入慢病管理、远程会
						诊、绿色就医通道;基层全科医生、护师落实专家
						指导意见和上门随访服务;辅以营养师和运动处方
						师，根据筛查监测数据提供营养膳食和专属运动处
						方运动建议；打造“一人、一病、一处方”的管理模式。
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabcurrent: 0,
				tabList: [{
					name: '专病管理'
				}],
			};
		},
		onShow() {},
		onLoad() {},
		methods: {
			//跳转专病管理小程序
			godiseasemanagement() {
				const phone = uni.getStorageSync('phone');
				if (phone) {
					uni.navigateToMiniProgram({
						appId: 'wxa690d053c34ceebd',
						path: '/pages/index/index',
						extraData: {
							'from': 'qy',
							'phone': phone
						},
						success(res) {}
					})
				}
			},
			//老年病中心
			gogeriatricdisease() {
				uni.navigateTo({
					url: '/pages/geriatricdisease/geriatricdisease'
				})
			},
		},
		//1.分享给朋友
		onShareAppMessage(res) {
			let pages = getCurrentPages();
			let url = pages[pages.length - 1].$page.fullPath
			return {
				title: '泉医到家',
				path: url,
			}
		},
		//2.分享到朋友圈
		onShareTimeline(res) {
			let pages = getCurrentPages();
			let url = pages[pages.length - 1].$page.fullPath
			return {
				title: '泉医到家',
				path: url,
			}
		},
	}
</script>

<style lang="scss">
	.app {
		padding-top: 10rpx;

		.concent {
			width: 701rpx;
			height: 1050rpx;
			background: #4C7BC9;
			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 20rpx;
			margin: 5% auto 20px;

			.background {
				position: relative;
				width: 657rpx;
				height: 1000rpx;
				background: #FFFFFF;
				border-radius: 25rpx;
				background-color: white;
				margin: 0 auto;
				top: 50%;
				transform: translateY(-50%);

				image {
					width: 178rpx;
					height: 200rpx;
					background: #FFFFFF;
					border-radius: 25px;
					margin-left: 68%;
					margin-top: 5%;
				}
			}
		}

		.detailed {
			width: 657rpx;
			padding: 0 42rpx;
			line-height: 56rpx;
		}

		.detailed view {
			text-indent: 2em;
		}
	}











	.app {
		padding: 0;

		.items {
			background-color: #fff;
			width: 96%;
			margin: 20rpx auto;
			padding: 60rpx 0;
			border-radius: 5rpx;

			.item {
				width: 50%;
				display: inline-block;

				image {
					width: 150rpx;
					height: 150rpx;
					display: block;
					margin: 0 auto;
				}

				.title {
					display: block;
					margin: 20rpx auto;
					width: 180rpx;
					text-align: center;
					font-size: 40rpx;
					line-height: 50rpx;
					font-weight: 600;
				}
			}
		}

	}
</style>