6-20-1

pages/applic/aed.vue

@@ -259,7 +259,7 @@
 					let arr = data.map(item => ({
 						latitude: item.latitude,
 						longitude: item.longitude,
-						iconPath: '/static/img/img014.png',
+						iconPath: '/static/icon/aed.png',
 						width: '35',
 						height: '35',
 						id: item.id,

pages/applic/aid.vue

@@ -270,7 +270,7 @@
 					let arr = data.map(item => ({
 						latitude: item.latitude,
 						longitude: item.longitude,
-						iconPath: '/static/img/img014.png',
+						iconPath: '/static/icon/jhz.png',
 						width: '35',
 						height: '35',
 						id: item.id,

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,9 @@
 						<view class="title-1">
 							HLA低分辨分型
 						</view>
-						反映了HLA抗原水平的等位基因类型，用于骨髓、器官移植组织配型的初筛。
+						<view class="paragraph">
+							反映了HLA抗原水平的等位基因类型，用于骨髓、器官移植组织配型的初筛。
+						</view>
 					</view>
 				</view>	
 			</view>
@@ -103,7 +99,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						数据资料将在"静思期"过后,被录入中国造血干细胞捐献者资料库等待患者查询。
 					</view>
 				</view>	
@@ -125,7 +121,9 @@
 						<view class="title-1">
 							静思期？
 						</view>
-						抽取血样后,我们留给您一周时间。一周内如果您改变主意，请立即通知所在地省级管理中心或当地红十字会，终止HLA分型检测及数据录入,从而避免资源浪费及未来可能对患者造成的伤害。
+						<view class="paragraph">
+							抽取血样后,我们留给您一周时间。一周内如果您改变主意，请立即通知所在地省级管理中心或当地红十字会，终止HLA分型检测及数据录入,从而避免资源浪费及未来可能对患者造成的伤害。
+						</view>
 					</view>
 				</view>	
 			</view>
@@ -145,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>	
@@ -186,7 +184,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						完成体检并完成注射动员剂,每天打两针动员剂,上午一针,下午一针,一共打四天,第五天进行采集。
 					</view>
 				</view>	
@@ -231,7 +229,9 @@
 						<view class="title-1">
 							为什么要注射动员剂？
 						</view>
-							进行外周造血干细胞采集。在采集时，从一处静脉引出血，通过仪器把<text style="font-weight: 700;">造血干细胞提取出来</text>用于移植，不需要的成分再<text style="font-weight: 700;">"送"</text>回供者的体内。		
+						<view class="paragraph">
+							进行外周造血干细胞采集。在采集时，从一处静脉引出血，通过仪器把<text style="font-weight: 700;">造血干细胞提取出来</text>用于移植，不需要的成分再<text style="font-weight: 700;">"送"</text>回供者的体内。
+						</view>
 					</view>
 				</view>	
 			</view>
@@ -242,7 +242,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						注:移植前,尤其是签署捐献同意书后就不能改变捐献的决定，因为在这个时候,患者为准备移植已经进行了大剂量的放疗和化疗，丧失了造血能力，此期间若终止捐献，再临时寻找配型相合者已来不及，患者将有生命危险。
 					</view>
 				</view>	
@@ -263,7 +263,7 @@
 			
 			<view class="list-box">
 				<view class="list-item">
-					<view class="list-tpl">
+					<view class="list-tpl paragraph">
 						医护人员将造血干细胞输注患者体内完成移植手术。
 					</view>
 				</view>	
@@ -288,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>	
@@ -403,15 +403,13 @@
 				color: #222222;
 				font-size: 28rpx;
 				border-radius: 25rpx;
+				text-align: justify;
 				.title-1{
 					font-size: 32rpx;
 					text-align: center;
 					margin-bottom: 15rpx;
 				}
-				.paragraph{
-					margin-top: 2rpx;
-					text-indent:52rpx;
-				}
+				
 			}
 		}
 		video{
@@ -555,4 +553,8 @@
 			}
 		}
 	}
+	.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="$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:62}).then(({ data }) => {
-					console.log(data,123456);
+				if(obj.loadingType == 'loading' || obj.loadingType == 'noMore') {
+					return
+				}
+				obj.loadingType = 'loading'
+				getArticList({
+					ifyid: 62
+				}).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,31 +95,12 @@
 			<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;">
-				0716-5156511
+			<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>
 </template>
@@ -180,9 +161,10 @@ page {
 		font-size: 34rpx;
 		display: flex;
 		image{
-			width: 56rpx;
-			height: 44rpx;
+			width: 60rpx;
+			height: 60rpx;
 			margin-right: 15rpx;
+			flex-shrink: 0;
 		}
 	}
 	.list-tpl{
@@ -193,6 +175,8 @@ page {
 		color: #222222;
 		font-size: 28rpx;
 		border-radius: 25rpx;
+		text-align: justify;
+		// text-indent:2em;
 	}
 }
 .list-tips{

pages/index/index.vue

@@ -639,7 +639,7 @@
 					let arr = data.map(item => ({
 						latitude: item.latitude,
 						longitude: item.longitude,
-						iconPath: '/static/img/img014.png',
+						iconPath: '/static/icon/aed.png',
 						width: '35',
 						height: '35',
 						id: item.id,
@@ -665,7 +665,7 @@
 					let arr = data.map(item => ({
 						latitude: item.latitude,
 						longitude: item.longitude,
-						iconPath: '/static/img/img014.png',
+						iconPath: '/static/icon/jhz.png',
 						width: '35',
 						height: '35',
 						id: item.id,

store/index.js

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