6-20-1

components/mzsm.vue

@@ -0,0 +1,93 @@
+<template>
+	<view class="">
+		<view class="mzsm" @click.stop="mzss">
+			免责声明
+		</view>
+		<uni-popup ref="popupmz" type="center">
+			<view class="mzsm-wrap">
+				<view class="mzsm-tit">
+					AED导航地图免责声明
+				</view>
+				<view class="mzsm-content">
+					本应用所提供的网点名称、地址信息，仅供查询参考，实际导航结果以用户所选用的第三方地图应用所显示的位置为准，本应用不保证其导航定位准确性。
+				</view>
+				<view class="mzsm-content">
+					在法律允许的范围内，本应用声明，不承担用户或任何人士就使用或未能使用本应用所提供的信息所导致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿。
+				</view>
+				<view class="mzsm-close" @click="mzssClose()">
+					确定
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			mzss() {
+				this.$refs.popupmz.open();
+			},
+			mzssClose() {
+				this.$refs.popupmz.close();
+			},
+		}
+	} 
+</script>
+
+<style lang="scss">
+	.mzsm {
+		position: fixed;
+		top: 20rpx;
+		right: 20rpx;
+		width: 150rpx;
+		height: 50rpx;
+		border-radius: 25rpx;
+		background-color: #000000;
+		color: #fff;
+		font-size: 28rpx;
+		// line-height: 50rpx;
+		text-align: center;
+		z-index: 999;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	.mzsm-wrap {
+		width: 500rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		.mzsm-tit {
+			text-align: center;
+			line-height: 150rpx;
+			color: #000;
+			font-size: 36rpx;
+			font-weight: bold;
+		}
+		.mzsm-content {
+			 text-indent: 56rpx;
+			width: 450rpx;
+			margin: auto;
+			text-align: justify;
+			line-height: 100rpx;
+			color: #888;
+			font-size: 28rpx;
+			font-weight: 500;
+			line-height: 1.5;
+		}
+		.mzsm-close {
+			margin-top: 20rpx;
+			border-top: 1px solid #eee;
+			text-align: center;
+			line-height: 100rpx;
+			font-size: 32rpx;
+			font-weight: 500;
+			color: #000;
+		}
+	}
+</style>

pages/applic/aed.vue

@@ -1,6 +1,7 @@
 <template>
 	<view class="content">
 		<view class="" style="height: 20rpx;"></view>
+		<mzsm></mzsm>
 		<!-- map  -->
 		<view class="map">
 			<map @updated='mapChange' ref='map_1' class="map-map" 
@@ -73,6 +74,7 @@
 
 <script>
 	import empty from '@/components/empty';
+	import mzsm from '@/components/mzsm.vue'
 	import {
 		mapState,
 		mapMutations
@@ -88,7 +90,8 @@
 			uniPopup,
 			espempty,
 			uniLoadMore,
-			empty
+			empty,
+			mzsm
 		},
 		//相关配置参数
 		data() {

pages/applic/know.vue

@@ -5,17 +5,11 @@
 		</view>
 		<view class="list-box">
 			<view class="list-item">
-				<view class="list-tpl">
+				<view class="list-tpl paragraph">
 					很多有爱心的小伙伴在后台问小编：什么是造血干细胞造血干细胞能治疗什么病、联系哪进行登记捐献造血干细胞等等。本期细胞日志为大家普及一下，捐献造血干细胞的流程。让爱生根，让爱发芽。
 				</view>
 			</view>	
 		</view>
-		<!-- <view class="vediobg">
-			<video id="myVideo" src="http://xuebang.oss-cn-beijing.aliyuncs.com/edf7pyxpng4ns63sr1w3l443619vpvlh.mp4"
-			      @error="videoErrorCallback"  controls autoplay show-mute-btn>
-			</video>
-		</view> -->
-		
 		<view class="box-1">
 			伸出你我双手点燃生命希望
 		</view>
@@ -42,7 +36,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						入库年龄在18-45周岁,捐献年龄在18~55周岁,身体健康,符合无偿献血条件,可与所在地省级管理中心或红十字会联系。
 					</view>
 				</view>	
@@ -67,7 +61,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						可以直接到献血车上抽取约8毫升血液，进行HLA分型检验。
 					</view>
 				</view>	
@@ -83,7 +77,7 @@
 						<view class="title-1">
 							HLA低分辨分型
 						</view>
-						<view class="" style="text-indent: 2em;">
+						<view class="paragraph">
 							反映了HLA抗原水平的等位基因类型，用于骨髓、器官移植组织配型的初筛。
 						</view>
 					</view>
@@ -105,7 +99,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						数据资料将在"静思期"过后,被录入中国造血干细胞捐献者资料库等待患者查询。
 					</view>
 				</view>	
@@ -127,7 +121,7 @@
 						<view class="title-1">
 							静思期？
 						</view>
-						<view class="" style="text-indent: 2em;">
+						<view class="paragraph">
 							抽取血样后,我们留给您一周时间。一周内如果您改变主意，请立即通知所在地省级管理中心或当地红十字会，终止HLA分型检测及数据录入,从而避免资源浪费及未来可能对患者造成的伤害。
 						</view>
 					</view>
@@ -149,7 +143,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						如果一旦检索配型成功,在征得捐献者的同意后,将会对捐献者和患者的血样进行<text style="font-weight: 700;">HLA高分辨检测</text>。
 					</view>
 				</view>	
@@ -190,7 +184,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						完成体检并完成注射动员剂,每天打两针动员剂,上午一针,下午一针,一共打四天,第五天进行采集。
 					</view>
 				</view>	
@@ -235,7 +229,7 @@
 						<view class="title-1">
 							为什么要注射动员剂？
 						</view>
-						<view class="" style="text-indent: 2em;">
+						<view class="paragraph">
 							进行外周造血干细胞采集。在采集时，从一处静脉引出血，通过仪器把<text style="font-weight: 700;">造血干细胞提取出来</text>用于移植，不需要的成分再<text style="font-weight: 700;">"送"</text>回供者的体内。
 						</view>
 					</view>
@@ -248,7 +242,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						注:移植前,尤其是签署捐献同意书后就不能改变捐献的决定，因为在这个时候,患者为准备移植已经进行了大剂量的放疗和化疗，丧失了造血能力，此期间若终止捐献，再临时寻找配型相合者已来不及，患者将有生命危险。
 					</view>
 				</view>	
@@ -269,7 +263,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						医护人员将造血干细胞输注患者体内完成移植手术。
 					</view>
 				</view>	
@@ -294,7 +288,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						在捐献后30天到半年之内,将会对捐献者的健康状况进行<text style="font-weight: 700;">跟踪随访</text>，还会为捐献者提供一年的相关保险。
 					</view>
 				</view>	
@@ -409,16 +403,13 @@
 				color: #222222;
 				font-size: 28rpx;
 				border-radius: 25rpx;
-				text-indent: 2em;
+				text-align: justify;
 				.title-1{
 					font-size: 32rpx;
 					text-align: center;
 					margin-bottom: 15rpx;
 				}
-				.paragraph{
-					margin-top: 2rpx;
-					text-indent:52rpx;
-				}
+				
 			}
 		}
 		video{
@@ -561,5 +552,9 @@
 				}
 			}
 		}
+	}
+	.paragraph{
+		margin-top: 2rpx;
+		// text-indent:52rpx;
 	}
 </style>

pages/applic/science.vue

@@ -5,55 +5,77 @@
 			<view class="Search-box">
 				<view class="Search-box-size">
 					<image class="box-img" src="../../static/images/img01.png"></image>
-					<input type="text" class="box-word" placeholder="请输入关键字" v-model="keyword"  />
+					<input type="text" class="box-word" placeholder="请输入关键字" v-model="keyword" />
 				</view>
 				<view class="Search-box-sort" @click="messagesearch">搜索</view>
 			</view>
 		</view>
-		<view class="list-box" v-for="(item,index) in science" :key='index' @click="Jump(item.id)">
-			<view class="box-left">
-				<image :src="(item.image.indexOf('http') != -1 )? item.image: ($store.state.baseURL + item.image)" mode="" class="left-img"></image>
-			</view>
-			<view class="box-right">
-				<view class="right-top word1_ellipsis">
-					{{item.title}}
-				</view>
-				<view class="right-center">
-					{{item.synopsis}}
+		<scroll-view scroll-y="true" :style="{'height': height}" class="good-content">
+			<view class="list-box" v-for="(item,index) in science" :key='index' @click="Jump(item.id)">
+				<view class="box-left">
+					<image :src="(item.image.indexOf('http') != -1 )? item.image: ($store.state.baseURL + item.image)"
+						mode="" class="left-img"></image>
 				</view>
-				<view class="right-foot">
-					<!-- 已阅读人数：{{item.visit || 0}} -->
+				<view class="box-right">
+					<view class="right-top word1_ellipsis">
+						{{item.title}}
+					</view>
+					<view class="right-center">
+						{{item.synopsis}}
+					</view>
+					<view class="right-foot">
+						<!-- 已阅读人数：{{item.visit || 0}} -->
+					</view>
 				</view>
 			</view>
-		</view>
-		<!-- <uni-load-more :status="loadingType"></uni-load-more> -->
+			<uni-load-more :status="loadingType"></uni-load-more>
+		</scroll-view>
+		
+		
 	</view>
 </template>
 
 <script>
-	import { getArticList} from '@/api/index.js';
-	export default{
-		data(){
-			return{
-				keyword:'',
-				science:[],
+	import {
+		getArticList
+	} from '@/api/index.js';
+	export default {
+		data() {
+			return {
+				loadingType: 'more',
+				keyword: '',
+				science: [],
 				page: 1,
 				limit: 10,
+				height: '',
 			}
 		},
 		onLoad() {
 			this.loadData();
 		},
-		// onReachBottom() {
-		// 	this.loadData()
-		// },
+		onReady(res) {
+			var obj = this;
+			uni.getSystemInfo({
+				success: resu => {
+					const query = uni.createSelectorQuery();
+					query.select('.good-content').boundingClientRect();
+					query.exec(function(res) {
+						obj.height = resu.windowHeight - res[0].top + 'px';
+					});
+				},
+				fail: res => {}
+			});
+		},
+		onReachBottom() {
+			this.loadData()
+		},
 		filters: {
 			time(val) {
 				let arr = val.split(' ')
 				return arr[0]
 			}
 		},
-		methods:{
+		methods: {
 			messagesearch() {
 				let keyword = this.keyword;
 				console.log(keyword);
@@ -68,18 +90,31 @@
 					this.loadData();
 				}
 			},
-			loadData(){
+			loadData() {
 				let obj = this;
-				getArticList({ifyid:61}).then(({ data }) => {
-					console.log(data,123456);
+				if(obj.loadingType == 'loading' || obj.loadingType == 'noMore') {
+					return
+				}
+				obj.loadingType = 'loading'
+				getArticList({
+					ifyid: 61
+				}).then(({
+					data
+				}) => {
 					obj.science = obj.science.concat(data.list);
-					console.log(obj.science,'999999999999999999')
+					obj.page++
+					if (obj.limit == data.list) {
+						obj.loadingType = 'more'
+					} else {
+						obj.loadingType = 'noMore'
+					}
+
 				});
 			},
 			Jump(id) {
 				uni.navigateTo({
-					url:"/pages/applic/info?id="+id
-				})	
+					url: "/pages/applic/info?id=" + id
+				})
 			},
 		}
 	}
@@ -95,12 +130,13 @@
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+
 		.Search-box-sort {
 			font-size: 30rpx;
-	
+
 			font-weight: 500;
 			color: rgba(102, 102, 102, 1);
-	
+
 			.sort-text {
 				width: 57rpx;
 				height: 29rpx;
@@ -110,13 +146,14 @@
 				line-height: 58rpx;
 				margin-right: 19rpx;
 			}
+
 			.sort-img {
 				width: 21rpx;
 				height: 11rpx;
 				margin-bottom: 4rpx;
 			}
 		}
-	
+
 		.Search-box-size {
 			width: 630rpx;
 			height: 65rpx;
@@ -125,12 +162,13 @@
 			padding-left: 36rpx;
 			display: flex;
 			align-items: center;
-	
+
 			.box-img {
 				height: 32rpx;
 				width: 32rpx;
 				margin-right: 16rpx;
 			}
+
 			.box-word {
 				width: 100%;
 				font-size: 22rpx;
@@ -141,38 +179,44 @@
 		}
 	}
 
-    .content{
+	.content {
 		line-height: 1;
-		.list-box{
+
+		.list-box {
 			width: 725rpx;
 			height: 200rpx;
-			margin: 20rpx auto 0;
+			margin: 0  auto 20rpx;
 			background: #FFFFFF;
 			box-shadow: 0px 5rpx 5rpx 0px rgba(35, 24, 21, 0.06);
 			border-radius: 7rpx;
-			padding:0 20rpx;
+			padding: 0 20rpx;
 			display: flex;
 			align-items: center;
-			.box-left{
+
+			.box-left {
 				width: 230rpx;
 				height: 145rpx;
 				margin-right: 20rpx;
-				.left-img{
+
+				.left-img {
 					width: 230rpx;
 					height: 145rpx;
 				}
 			}
-			.box-right{
+
+			.box-right {
 				width: 430rpx;
 				height: 145rpx;
 				position: relative;
-				.right-top{
+
+				.right-top {
 					font-size: 25rpx;
 					font-weight: bold;
 					color: #333333;
 					margin-bottom: 24rpx;
 				}
-				.right-center{
+
+				.right-center {
 					width: 362rpx;
 					// height: 53rpx;
 					font-size: 21rpx;
@@ -182,10 +226,11 @@
 					overflow: hidden;
 					text-overflow: ellipsis;
 					display: -webkit-box;
-					-webkit-line-clamp: 2;//在第几行显示...
+					-webkit-line-clamp: 2; //在第几行显示...
 					-webkit-box-orient: vertical;
 				}
-				.right-foot{
+
+				.right-foot {
 					font-size: 21rpx;
 					font-weight: bold;
 					color: #999999;
@@ -199,5 +244,7 @@
 			}
 		}
 	}
-
-</style>
+	.good-content {
+		padding-top: 20rpx;
+	}
+</style>

pages/applic/toknowledge.vue

@@ -4,7 +4,7 @@
 		<view class="list-box">
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">捐献造血干细胞的意义</view>
 				</view>
 				<view class="list-tpl">
@@ -13,7 +13,7 @@
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">从外周血中采集造血干细胞</view>
 				</view>
 				<view class="list-tpl">
@@ -22,7 +22,7 @@
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">采集造血干细胞有没有危险？</view>
 				</view>
 				<view class="list-tpl">
@@ -31,7 +31,7 @@
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">捐献造血干细胞影响身体健康吗？</view>
 				</view>
 				<view class="list-tpl">
@@ -40,16 +40,16 @@
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">怎样成为造血干细胞志愿捐献者？？</view>
 				</view>
 				<view class="list-tpl">
-					您可与监利市红十字会联系报名。到指定地点抽取6-8毫升血液，经HLA分型检验，把相关资料录入到中华骨髓库的数据库中，这样您就成为造血干细胞志愿捐献者了。
+					您可与{{$store.state.baseName}}联系报名。到指定地点抽取6-8毫升血液，经HLA分型检验，把相关资料录入到中华骨髓库的数据库中，这样您就成为造血干细胞志愿捐献者了。
 				</view>
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">报名前有哪些特别需要注意的事项？ </view>
 				</view>
 				<view class="list-tpl">
@@ -58,7 +58,7 @@
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">填写“造血干细胞志愿捐献者同意书”注意什么？ </view>
 				</view>
 				<view class="list-tpl">
@@ -67,7 +67,7 @@
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">健康者在多大年龄适合捐献造血干细胞？ </view>
 				</view>
 				<view class="list-tpl">
@@ -76,7 +76,7 @@
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">什么时候能够捐献？ </view>
 				</view>
 				<view class="list-tpl">
@@ -85,7 +85,7 @@
 			</view>
 			<view class="list-item">
 				<view class="list-title flex_item">
-					<image src="../../static/icon/icon2.png"></image>
+					<image src="../../static/icon/zxkp1.png"></image>
 					<view class="name">捐献者需要承担费用吗?有报酬吗？ </view>
 				</view>
 				<view class="list-tpl">
@@ -95,33 +95,13 @@
 			<view class="list-tips">
 				<text style="color: #C53335;">温馨提示</text>：每个志愿者抽取一次血样即可，您的资料将储存在中国造血干细胞捐献者资料库中。
 			</view>
-			<!-- <view class="list-tips">
-				<text style="color: #C53335; text-align: center;" >江夏区造血干细胞捐献咨询电话：</text>
-			</view> -->
-			<view class="list-tips" style="color: #C53335;text-align: center;">
+			<view class="list-tips" style="color: #C53335;text-align: center;text-indent: 0;">
 				{{$store.state.baseName}}造血干细胞捐献咨询电话:
 			</view>
-			<view class="list-tips" style="text-align: center;text-indent: 0em;">
-				07163282077
+			<view class="list-tips" style="text-align: center;text-indent: 0;">
+				{{$store.state.zxphone}}
 			</view>
-			<!-- <view class="list01">
-				具体入库办法：
-			</view> -->
-		<!-- 	<view class="list-info">
-				一、直接到余姚市红十字会（余姚市兰江街道新西门路219-1号）报名登记、抽取血样，每个工作日均可（8：30-16：00）；
-			</view>
-			<view class="list-info">
-				二、到余姚市桐江桥献血屋或者献血车上参加无偿献血，一并参加报名登记、留取血样；
-			</view>
-			<view class="list-info">
-				三、每年“五·八”世界红十字日前后，市红十字会会在市中心开展包括造血干细胞捐献在内的系列活动，届时可前往报名抽样。请留意新闻媒体的报道。
-			</view>
-			<view class="phone">
-				余姚市红十字会报名咨询电话：62619095
-			</view> -->
-				<!-- <jyf-parser :html="description" ref="article"></jyf-parser> -->
-		</view>
-		
+		</view>
 	</view>
 </template>
 <script>
@@ -181,9 +161,10 @@ page {
 		font-size: 34rpx;
 		display: flex;
 		image{
-			width: 56rpx;
-			height: 44rpx;
-			margin-right: 15rpx;
+			width: 60rpx;
+			height: 60rpx;
+			margin-right: 15rpx;
+			flex-shrink: 0;
 		}
 	}
 	.list-tpl{
@@ -194,8 +175,8 @@ page {
 		color: #222222;
 		font-size: 28rpx;
 		border-radius: 25rpx;
-		text-indent: 2em;
-		text-align: justify;
+		text-align: justify;
+		// text-indent:2em;
 	}
 }
 .list-tips{

store/index.js

@@ -26,7 +26,8 @@ const store = new Vuex.Store({
 		sys_appid: 'jlsred2022830',//系统AppID
 		sys_appsecret: '2022830jlsred',//系统AppSecret
 		baseName: '监利市红十字会',
-		shareDesc: '弘扬红十字精神，传播红十字观念，宣传红十字工作，这是一个汇聚爱心、救助之家力量的平台！'
+		shareDesc: '弘扬红十字精神，传播红十字观念，宣传红十字工作，这是一个汇聚爱心、救助之家力量的平台！',
+		zxphone: '07163282077'
 	},
 	mutations: {