11

manifest.json

@@ -1,5 +1,5 @@
 {
-    "name" : "孝感红十字会",
+    "name" : "咸宁市红十字会",
     "appid" : "__UNI__F405D65",
     "description" : "",
     "versionName" : "1.0.0",
@@ -79,7 +79,7 @@
         "enable" : false
     },
     "h5" : {
-        "title" : "孝感市红十字会",
+        "title" : "咸宁市红十字会",
         "domain" : "red.frp.liuniu946.com",
         "router" : {
             "mode" : "hash",

pages.json

@@ -985,13 +985,13 @@
 			// 	"selectedIconPath": "static/tabBar/tab-fu-current.png",
 			// 	"text": "爱心帮扶"
 			// },
-			// {
+			{
-			// 	"pagePath": "pages/category/category",
+				"pagePath": "pages/category/category",
-			// 	"iconPath": "static/tabBar/dengji.png",
+				"iconPath": "static/tabBar/dengji.png",
-			// 	"selectedIconPath": "static/tabBar/dengji-action.png",
+				"selectedIconPath": "static/tabBar/dengji-action.png",
-			// 	"text": "救在身边"
+				"text": "救在身边"
-			// 	// "visible":false
+				// "visible":false
-			// },
+			},
 			// {
 			// 	"pagePath": "pages/cart/cart",
 			// 	"iconPath": "static/tabBar/zuce.png",

pages/applic/aed.vue

@@ -1,721 +1,732 @@
-<template>
+<template>
-	<view class="content">
+	<view class="content">
-		<view class="map">
+		<view class="map">
-			<map @updated='mapChange' ref='map_1' style="width:750rpx;" :style="{'height': height}"
+			<map @updated='mapChange' ref='map_1' style="width:750rpx;" :style="{'height': height}" :latitude="latitude"
-				:latitude="latitude" :longitude="longitude" :markers="marker" @markertap="lookmore"></map>
+				:longitude="longitude" :markers="marker" @markertap="lookmore" @regionchange="mapchange" show-location></map>
-		</view>
+		</view>
-		<uni-popup ref="popup" type="bottom" @click="close">
+		<view class="aedxq-wrap" v-if="isShow">
-			<view class="popup_row">
+			<view class="xq-top">
-				<view class="rows">
+				<view class="aed-name">
-					<view class="rows-item" @click="toGaodeMap">高德地图</view>
+					{{showAed.name}}
-					<view class="rows-item" @click="tobaiDuMap">百度地图</view>
+				</view>
-					<view class="rows-item" @click="totengxunMap">腾讯地图</view>
+				<view class="aed-dis">
-				</view>
+					距离：{{showAed.dis}}
-			</view>
+				</view>
-		</uni-popup>
+				<view class="aed-address" style="padding-top: 10rpx;">
-		<uni-popup ref="aedxq" type="bottom" @click="closeAedXq">
+					地址：{{showAed.address}}
-			<view class="aedxq-wrap">
+				</view>
-				<view class="xq-top">
+				<view class="aed-address" style="padding-top: 10rpx;">
-					<view class="aed-name">
+					安装位置：{{showAed.addressxq}}
-						{{showAed.name}}
+				</view>
-					</view>
+			</view>
-					<view class="aed-dis">
+			<view class="xq-img-wrap">
-						距离：{{showAed.dis}}
+				<scroll-view scroll-x="true" class="aed-img-scroll">
-					</view>
+					<view class="" style="display: flex;flex-wrap: nowrap;">
-					<view class="aed-address" style="padding-top: 10rpx;">
+						<image :src="baseURL + item" mode="heightFix" v-for="item in showAed.imgs"
-						地址：{{showAed.address}}
+							class="aed-img" @click="openimg(item)" :key="item"></image>
-					</view>
+					</view>
-					<view class="aed-address" style="padding-top: 10rpx;">
+				</scroll-view>
-						安装位置：{{showAed.addressxq}}
+				<view class="aed-phone" @click="makecall(showAed.phone)">
-					</view>
+					电话
-				</view>
+				</view>
-				<view class="xq-img-wrap">
+			</view>
-					<scroll-view scroll-x="true" class="aed-img-scroll">
+			<view class="aed-dh" @click="opendh">
-						<view class="" style="display: flex;flex-wrap: nowrap;">
+				导航
-							<image :src="'http://red.frp.liuniu946.com'+item" mode="heightFix"
+			</view>
-								v-for="item in showAed.imgs" class="aed-img" @click="openimg(item)"></image>
+		</view>
-						</view>
+	</view>
-					</scroll-view>
+</template>
-					<view class="aed-phone" @click="makecall(showAed.phone)">
+
-						电话
+<script>
-					</view>
+	import {
-				</view>
+		saveUrl,
-				<view class="aed-dh" @click="opendh">
+		interceptor
-					导航
+	} from '@/utils/loginUtils.js';
-				</view>
+	import {
-			</view>
+		mapState,
-		</uni-popup>
+		mapMutations
-		<uni-popup ref="lookimg" type="center">
+	} from 'vuex';
-			<view class="pop-wrap" style="position: relative;">
+	import espempty from '@/components/espempty';
-				<movable-area class="popup-box">
+	import uniPopup from '@/components/uni-popup/uni-popup.vue';
-					<movable-view class="popup-item" :scale="true" direction="all">
+	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
-						<image :src="chooseImg" mode="widthFix"></image>
+	import {
-					</movable-view>
+		getAed,
-				</movable-area>
+		MiniLink
-				<image src="../../static/icon/close.png" mode="" class="close" style="width: 80rpx;height: 80rpx;"
+	} from '@/api/category.js'
-					@click="closePup"></image>
+	export default {
-			</view>
+		components: {
-		</uni-popup>
+			uniPopup,
-	</view>
+			espempty,
-</template>
+			uniLoadMore
-
+		},
-<script>
+		//相关配置参数
-	import {
+		data() {
-		mapState,
+			return {
-		mapMutations
+				aedmarker: [],
-	} from 'vuex';
+				loaded: false,
-	import espempty from '@/components/espempty';
+				loadingType: 'more',
-	import uniPopup from '@/components/uni-popup/uni-popup.vue';
+				page: 1,
-	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
+				limit: 1000,
-	import {
+				AEDList: [],
-		getAed
+				height: '',
-	} from '@/api/category.js'
+				list: [],
-	export default {
+				latitude: '', // 本地坐标
-		components: {
+				longitude: '', // 本地坐标
-			uniPopup,
+				phone: '',
-			espempty,
+				marker: [],
-			uniLoadMore
+				showAed: {
-		},
+					name: '',
-		//相关配置参数
+					address: '',
-		data() {
+					addressxq: '',
-			return {
+					dis: '',
-				aedmarker: [],
+					lat: '',
-				loaded: false,
+					lon: '',
-				loadingType: 'more',
+					imgs: [],
-				page: 1,
+					phone: ''
-				limit: 100,
+				},
-				AEDList: [],
+				chooseImg: '',
-				height: '',
+				mapid: 1,
-				list: [],
+				isShow: false,
-				latitude: '',// 本地坐标
+				befoId: 0,
-				longitude: '',// 本地坐标
+			}
-				phone: '',
+		},
-				marker: [],
+		onReady(res) {
-				showAed: {
+			var _this = this;
-					name: '',
+			uni.getSystemInfo({
-					address: '',
+				success: resu => {
-					addressxq: '',
+					const query = uni.createSelectorQuery();
-					dis: '',
+					query.select('.map').boundingClientRect();
-					lat: '',
+					query.exec(function(res) {
-					lon: '',
+						console.log(res, 'ddddddddddddd');
-					imgs: [],
+						_this.height = resu.windowHeight - res[0].top + 'px';
-					phone: ''
+						console.log('打印页面的剩余高度', _this.height);
-				},
+					});
-				chooseImg: '',
+				},
-			}
+				fail: res => {}
-		},
+			});
-		onReady(res) {
+		},
-			var _this = this;
+		onLoad() {
-			uni.getSystemInfo({
+			let obj = this;
-				success: resu => {
+			// this.getLocal()
-					const query = uni.createSelectorQuery();
+			
-					query.select('.map').boundingClientRect();
+		},
-					query.exec(function(res) {
+		onShow() {
-						console.log(res, 'ddddddddddddd');
+			this.marker = []
-						_this.height = resu.windowHeight - res[0].top + 'px';
+			this.list = []
-						console.log('打印页面的剩余高度', _this.height);
+			this.page = 1
-					});
+			this.loadingType = 'more'
-				},
+			this.getLocal()
-				fail: res => {}
+			// if(this.page == 1) {
-			});
+			// 	this.getLocal()
-		},
+			// }
-		onLoad() {
+		// this.getUrl()
-			let obj = this;
+		},
-			this.getLocal()
+		computed: {
-
+			...mapState('user', ['hasLogin', 'userInfo']),
-		},
+			...mapState(['baseURL'])
-		computed: {
+		},
-			...mapState('user', ['hasLogin', 'userInfo']),
+		methods: {
-			...mapState(['baseURL'])
+			...mapMutations('user', ['setUserInfo']),
-		},
+			getUrl() {
-		methods: {
+					
-			...mapMutations('user', ['setUserInfo']),
+				MiniLink({
-			// 导航
+					path: '/pages/applic/aed'
-			opendh() {
+				}).then(res => {
-				console.log('导航')
+					console.log(res)
-				this.$refs.aedxq.close()
+				})
-				this.$refs.popup.open();
+			},
-			},
+			// 
-			// 关闭图片弹窗
+			mapchange(e){
-			closePup() {
+				console.log('地图刷新完毕',e)
-				this.$refs.lookimg.close()
+				if(this.latitude) {
-			},
+					this.loadData()
-			// 打开图片弹窗
+				}else {
-			openimg(src) {
+					
-				this.chooseImg = this.baseURL + src
+				}
-				this.$refs.lookimg.open()
+				
-			},
+			},
-			// 拨打电话
+			// 导航
-			makecall(num) {
+			opendh() {
-				uni.makePhoneCall({
+				console.log('导航')
-					phoneNumber: num + ''
+				let obj = this
-				})
+				// #ifdef H5
-			},
+				this.$refs.aedxq.close()
-			// 关闭aed详情
+				this.$refs.popup.open();
-			closeAedXq() {
+				// #endif
-				this.$refs.aedxq.close()
+
-			},
+				// #ifdef MP-WEIXIN
-			// 打开aed详情
+				console.log(obj.showAed.lat, obj.showAed.lon)
-			lookmore(e) {
+				wx.openLocation({
-				console.log(e)
+					latitude: obj.showAed.lat * 1,
-				let obj = this
+					longitude: obj.showAed.lon * 1,
-				obj.AEDList.forEach(item => {
+					name: obj.showAed.name,
-					if (item.id == e.detail.markerId) {
+					address: obj.showAed.address
-						obj.showAed = {
+				})
-							name: item.name,
+				// #endif
-							address: item.address,
+
-							addressxq: item.install_address,
+			},
-							dis: item.range >= 1 ? (item.range + 'km') : (item.distance + 'm'),
+			// 关闭图片弹窗
-							lat: item.latitude,
+			closePup() {
-							lon: item.longitude,
+				this.$refs.lookimg.close()
-							imgs: item.images.split(','),
+			},
-							phone: item.phone
+			// 打开图片弹窗
-						}
+			openimg(src) {
-						// break
+				let obj = this
-					}
+				this.chooseImg = this.baseURL + src
-				})
+
-				this.$refs.aedxq.open()
+				console.log('chooseImg', this.chooseImg)
-			},
+				// this.$refs.lookimg.open()
-			// 获取本地坐标
+				let arr = obj.showAed.imgs.map(item => {
-			getLocal() {
+					return obj.baseURL + item
-				let obj = this;
+				})
-				console.log('ddddddddddddddddddddddddd')
+				uni.previewImage({
-				let weichatBrowser = uni.getStorageSync('weichatBrowser')
+					current: this.chooseImg,
-				if(weichatBrowser) {
+					urls: arr
-					let wxOjb = require('jweixin-module');
+				})
-					wxOjb.ready(() => {
+			},
-						console.log('加载完毕注册事件');
+			// 拨打电话
-						wxOjb.getLocation({
+			makecall(num) {
-							type: 'gcj02',
+				uni.makePhoneCall({
-							success(e) {
+					phoneNumber: num + ''
-								console.log(e)
+				})
-								obj.latitude = Math.abs(e.latitude)
+			},
-								obj.longitude = Math.abs(e.longitude)
+			// 关闭aed详情
-								console.log('本地坐标', obj.latitude, obj.longitude)
+			closeAedXq() {
-								let item = {
+				this.$refs.aedxq.close()
-									id: 0,
+			},
-									latitude: obj.latitude,
+			// 打开aed详情
-									longitude: obj.longitude,
+			lookmore(e) {
-									iconPath: '/static/img/img19.png',
+				console.log(e)
-									width: '35',
+				let obj = this
-									height: '35',
+				if(obj.befoId != 0) {
-								}
+					obj.marker[obj.befoId].iconPath = '/static/icon/aed-na.png'
-								obj.marker.push(item)
+				}
-								obj.loadData()
+				obj.befoId = e.detail.markerId * 1
-							},
+				let aedobj = obj.AEDList[e.detail.markerId * 1 - 1]
-							fail(err) {
+				console.log(aedobj,'aedobj')
-								obj.getLocal()
+				obj.showAed = {
-							}
+					name: aedobj.name,
-						})
+					address: aedobj.address,
-					})
+					addressxq: aedobj.install_address,
-				}else {
+					dis: aedobj.range*1 >= 1 ? (aedobj.range + 'km') : (aedobj.distance + 'm'),
-					uni.getLocation({
+					lat: aedobj.latitude,
-						type: 'gcj02',
+					lon: aedobj.longitude,
-						success(e) {
+					imgs: aedobj.images.split(','),
-							console.log(e)
+					phone: aedobj.phone
-							obj.latitude = Math.abs(e.latitude)
+				}
-							obj.longitude = Math.abs(e.longitude)
+				obj.marker[e.detail.markerId].iconPath = '/static/icon/aed-a.png'
-							console.log('本地坐标', obj.latitude, obj.longitude)
+				obj.isShow = true
-							let item = {
+			},
-								id: 0,
+			// 获取本地坐标
-								latitude: obj.latitude,
+			getLocal() {
-								longitude: obj.longitude,
+				let obj = this;
-								iconPath: '/static/img/img19.png',
+				console.log('ddddddddddddddddddddddddd')
-								width: '35',
+				let weichatBrowser = uni.getStorageSync('weichatBrowser')
-								height: '35',
+				if (weichatBrowser) {
-							}
+					let wxOjb = require('jweixin-module');
-							obj.marker.push(item)
+					wxOjb.ready(() => {
-							obj.loadData()
+						console.log('加载完毕注册事件');
-						},
+						wxOjb.getLocation({
-						fail(err) {
+							type: 'gcj02',
-							obj.getLocal()
+							success(e) {
-						}
+								console.log(e)
-					})
+								obj.latitude = Math.abs(e.latitude)
-				}
+								obj.longitude = Math.abs(e.longitude)
-				
+								console.log('本地坐标', obj.latitude, obj.longitude)
-				
+								let item = {
-			},
+									id: 0,
-			// 地图渲染完毕事件
+									latitude: obj.latitude,
-			mapChange(e) {
+									longitude: obj.longitude,
-				console.log(e);
+									iconPath: '/static/icon/gan.png',
-			},
+									width: '20',
-			// 载入数据
+									height: '33',
-			async loadData() {
+								}
-				let obj = this;
+								obj.marker.push(item)
-				if (obj.loadingType == 'loading' || obj.loadingType == 'noMore') {
+								obj.loadData()
-					return
+							},
-				}
+							fail(err) {
-				obj.loadingType = 'loading'
+								obj.getLocal()
-				getAed({
+							}
-					latitude: obj.latitude,
+						})
-					longitude: obj.longitude,
+					})
-					page: obj.page,
+				} else {
-					limit: obj.limit,
+					console.log('xiaochjengx')
-				}).then(({
+					uni.getLocation({
-					data
+						type: 'gcj02',
-				}) => {
+						success(e) {
-					console.log(data, 'aed++++++++++++++')
+							console.log(e)
-					obj.AEDList = obj.AEDList.concat(data);
+							obj.latitude = Math.abs(e.latitude)
-					let arr = data.map(item => ({
+							obj.longitude = Math.abs(e.longitude)
-						latitude: item.latitude,
+							console.log('本地坐标', obj.latitude, obj.longitude)
-						longitude: item.longitude,
+							let item = {
-						iconPath: '/static/img/img014.png',
+								id: 0,
-						width: '35',
+								latitude: obj.latitude,
-						height: '35',
+								longitude: obj.longitude,
-						id: item.id,
+								iconPath: '/static/icon/gan.png',
-						address: item.address
+								width: '20',
-					}));
+								height: '33',
-					if (data.length == obj.limit) {
+							}
-						obj.loadingType = 'more'
+							obj.marker.push(item)
-					} else {
+							obj.loadData()
-						obj.loadingType = 'noMore'
+						},
-					}
+						fail(err) {
-					obj.marker = obj.marker.concat(arr)
+							obj.getLocal()
-				})
+						}
-			},
+					})
-			// 调用高德
+				}
-			toGaodeMap() {
+
-				let latitude = this.showAed.lat;
+
-				let longitude = this.showAed.lon;
+			},
-				let address = this.showAed.name;
+			// 地图渲染完毕事件
-				console.log(address)
+			mapChange(e) {
-				console.log('选择高德', latitude, longitude, address);
+				console.log(e,'地图渲染完毕事件');
-				window.location.href = `https://uri.amap.com/marker?position=${longitude},${latitude}&name=${address}`;
+			},
-			},
+			// 载入数据
-			// 调用腾讯
+			async loadData() {
-			totengxunMap() {
+				let obj = this;
-				let latitude = this.showAed.lat;
+				if (obj.loadingType == 'loading' || obj.loadingType == 'noMore') {
-				let longitude = this.showAed.lon;
+					return
-				let address = this.showAed.name;
+				}
-				console.log('选择腾讯', latitude, longitude);
+				obj.loadingType = 'loading'
-				window.location.href =
+				getAed({
-					`http://apis.map.qq.com/uri/v1/marker?marker=coord:${latitude},${longitude};addr:${address}`;
+					latitude: obj.latitude,
-			},
+					longitude: obj.longitude,
-			// 调用百度
+					page: obj.page,
-			tobaiDuMap() {
+					limit: obj.limit,
-				let latlon = this.bd_encrypt(this.showAed.lon,this.showAed.lat)
+					// all: 1
-				let latlon1 = this.bd_encrypt( this.longitude,this.latitude)
+				}).then(({
-				let latitude = latlon.bd_lat;
+					data
-				let longitude = latlon.bd_lng;
+				}) => {
-				let latitude6 = latlon1.bd_lat;
+					console.log(data, 'aed++++++++++++++')
-				let longitude6 = latlon1.bd_lng;
+					obj.AEDList = obj.AEDList.concat(data);
-				let address = this.showAed.name;
+					
-				console.log('选择百度', latitude, longitude);
+					
-				console.log('获取当前经纬度', latitude6, longitude6);
+					let arr = data.map(item => ({
-				window.location.href =
+						latitude: item.latitude,
-					`http://api.map.baidu.com/direction?origin=latlng:${latitude6},${longitude6}|name:我的位置&destination=${latitude},${longitude}&mode=driving&region=${address}&output=html&src=webapp.baidu.openAPIdemo`;
+						longitude: item.longitude,
-			},
+						iconPath: '/static/icon/aed-na.png',
-			// 高德坐标、腾讯坐标转百度坐标
+						width: '41',
-			bd_encrypt(gg_lng, gg_lat) {
+						height: '45',
-				var X_PI = Math.PI * 3000.0 / 180.0;
+						id: obj.mapid++,
-				var x = gg_lng,
+						address: item.address
-					y = gg_lat;
+					}));
-				var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * X_PI);
+					obj.marker = obj.marker.concat(arr)
-				var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * X_PI);
+					if(obj.page == 1) {
-				var bd_lng = z * Math.cos(theta) + 0.0065;
+						if(obj.AEDList.length > 0) {
-				var bd_lat = z * Math.sin(theta) + 0.006;
+							obj.lookmore({
-				return {
+								detail: {
-					bd_lat: bd_lat,
+									markerId: 1
-					bd_lng: bd_lng
+								}
-				};
+							})
-			}
+						}
-		}
+						
-	}
+					}
-</script>
+					obj.page++
-
+					console.log('加入完成+++++++++++++')
-<style lang="scss">
+					if (data.length == obj.limit) {
-	body,
+						obj.loadingType = 'more'
-	page {
+					} else {
-		height: 100%;
+						obj.loadingType = 'noMore'
-		width: 100%;
+					}
-		background-color: #fff;
+
-	}
+				})
-
+			}
-	.content {
+		}
-		height: 100%;
+	}
-		width: 100%;
+</script>
-		background-color: #fff;
+
-	}
+<style lang="scss">
-
+	body,
-	.map {
+	page {
-		width: 100%;
+		height: 100%;
-		height: 100%;
+		width: 100%;
-	}
+		background-color: #fff;
-
+	}
-	/* #ifdef H5 */
+
-	.location {
+	.content {
-		overflow-y: scroll; //溢出就滑动起来
+		height: 100%;
-		// z-index: 990;
+		width: 100%;
-		position: fixed;
+		background-color: #fff;
-		bottom: 0;
+	}
-		height: 55%;
+
-		width: 100%;
+	.map {
-		background-color: #fff;
+		width: 100%;
-		padding: 24rpx;
+		height: 100%;
-
+	}
-		//搜索框
+
-		.Search-box {
+	/* #ifdef H5 */
-			// z-index: 999;
+	.location {
-			height: 80rpx;
+		overflow-y: scroll; //溢出就滑动起来
-			// position: fixed;
+		// z-index: 990;
-			// 		top: 0;
+		position: fixed;
-			// 		left: 0;
+		bottom: 0;
-			// 		width: 100%;
+		height: 55%;
-			// background: #FFFFFF;
+		width: 100%;
-			// padding-top: 10rpx;
+		background-color: #fff;
-			padding-right: 24rpx;
+		padding: 24rpx;
-			padding-left: 24rpx;
+
-
+		//搜索框
-			.Search-box-sort {
+		.Search-box {
-				float: left;
+			height: 80rpx;
-				margin-left: 32rpx;
+			padding-right: 24rpx;
-				margin-right: 19rpx;
+			padding-left: 24rpx;
-
+
-				.sort-text {
+			.Search-box-sort {
-					width: 57rpx;
+				float: left;
-					height: 29rpx;
+				margin-left: 32rpx;
-					font-size: 30rpx;
+				margin-right: 19rpx;
-					font-weight: 500;
+
-					color: rgba(51, 51, 51, 1);
+				.sort-text {
-					line-height: 58rpx;
+					width: 57rpx;
-					margin-right: 19rpx;
+					height: 29rpx;
-				}
+					font-size: 30rpx;
-
+					font-weight: 500;
-				.sort-img {
+					color: rgba(51, 51, 51, 1);
-					width: 21rpx;
+					line-height: 58rpx;
-					height: 11rpx;
+					margin-right: 19rpx;
-					margin-bottom: 4rpx;
+				}
-				}
+
-			}
+				.sort-img {
-
+					width: 21rpx;
-			.Search-box-size {
+					height: 11rpx;
-				// width:70%;
+					margin-bottom: 4rpx;
-				height: 58rpx;
+				}
-				border-radius: 32rpx;
+			}
-				background-color: #f1f1f1;
+
-				padding-left: 36rpx;
+			.Search-box-size {
-				display: flex;
+				// width:70%;
-				align-items: center;
+				height: 58rpx;
-
+				border-radius: 32rpx;
-				.box-img {
+				background-color: #f1f1f1;
-					height: 32rpx;
+				padding-left: 36rpx;
-					width: 32rpx;
+				display: flex;
-					margin-right: 16rpx;
+				align-items: center;
-				}
+
-
+				.box-img {
-				// .box-right{
+					height: 32rpx;
-				// 	height: 58rpx;
+					width: 32rpx;
-				// 	// width: 100%;
+					margin-right: 16rpx;
-				// 	background-color: pink;
+				}
-				// }
+
-
+				// .box-right{
-				.box-word {
+				// 	height: 58rpx;
-					width: 100%;
+				// 	// width: 100%;
-					font-size: 26rpx;
+				// 	background-color: pink;
-					font-weight: 500;
+				// }
-					color: rgba(205, 203, 203, 1);
+
-					line-height: 55rpx;
+				.box-word {
-				}
+					width: 100%;
-			}
+					font-size: 26rpx;
-		}
+					font-weight: 500;
-
+					color: rgba(205, 203, 203, 1);
-		.location-item {
+					line-height: 55rpx;
-			z-index: 1000;
+				}
-			display: flex;
+			}
-			justify-content: space-between;
+		}
-			align-items: center;
+
-			border-bottom: 1rpx solid #E7E8EA;
+		.location-item {
-			padding: 15rpx 0;
+			z-index: 1000;
-
+			display: flex;
-			.box-left {
+			justify-content: space-between;
-				display: flex;
+			align-items: center;
-
+			border-bottom: 1rpx solid #E7E8EA;
-				.img01 {
+			padding: 15rpx 0;
-					width: 8rpx;
+
-					height: 28rpx;
+			.box-left {
-					margin-right: 18rpx;
+				display: flex;
-
+
-					image {
+				.img01 {
-						width: 8rpx;
+					width: 8rpx;
-						height: 28rpx;
+					height: 28rpx;
-					}
+					margin-right: 18rpx;
-				}
+
-
+					image {
-				.img02 {
+						width: 8rpx;
-					width: 117rpx;
+						height: 28rpx;
-					height: 117rpx;
+					}
-					border-radius: 50%;
+				}
-
+
-					image {
+				.img02 {
-						width: 117rpx;
+					width: 117rpx;
-						height: 117rpx;
+					height: 117rpx;
-						border-radius: 50%;
+					border-radius: 50%;
-					}
+
-				}
+					image {
-
+						width: 117rpx;
-				.info {
+						height: 117rpx;
-					margin-left: 16rpx;
+						border-radius: 50%;
-
+					}
-					.info-header {
+				}
-						display: flex;
+
-						align-items: center;
+				.info {
-
+					margin-left: 16rpx;
-						.name {
+
-							font-size: 32rpx;
+					.info-header {
-							color: #333333;
+						display: flex;
-						}
+						align-items: center;
-
+
-						.distance {
+						.name {
-							margin-left: 25rpx;
+							font-size: 32rpx;
-							font-size: 28rpx;
+							color: #333333;
-							color: #303133;
+						}
-						}
+
-
+						.distance {
-						.location-icon {
+							margin-left: 25rpx;
-							margin-left: 10rpx;
+							font-size: 28rpx;
-							width: 20rpx;
+							color: #303133;
-							height: 26rpx;
+						}
-
+
-							image {
+						.location-icon {
-								width: 20rpx;
+							margin-left: 10rpx;
-								height: 26rpx;
+							width: 20rpx;
-								display: inline;
+							height: 26rpx;
-							}
+
-						}
+							image {
-					}
+								width: 20rpx;
-
+								height: 26rpx;
-					.address {
+								display: inline;
-						font-size: 26rpx;
+							}
-						color: #333333;
+						}
-						margin-top: 33rpx;
+					}
-					}
+
-				}
+					.address {
-			}
+						font-size: 26rpx;
-
+						color: #333333;
-			.box-right {
+						margin-top: 33rpx;
-				.img {
+					}
-					height: 107rpx;
+				}
-
+			}
-					image {
+
-						width: 107rpx;
+			.box-right {
-						height: 107rpx;
+				.img {
-					}
+					height: 107rpx;
-				}
+
-
+					image {
-				.called {
+						width: 107rpx;
-					margin-right: 16rpx;
+						height: 107rpx;
-					height: 107rpx;
+					}
-					line-height: 107rpx;
+				}
-					font-size: 28rpx;
+
-					color: #CB131C;
+				.called {
-				}
+					margin-right: 16rpx;
-			}
+					height: 107rpx;
-		}
+					line-height: 107rpx;
-	}
+					font-size: 28rpx;
-
+					color: #CB131C;
-	/* #endif */
+				}
-
+			}
-	.list-tpl {
+		}
-		background-color: #ffffff;
+	}
-		margin-bottom: 25rpx;
+
-		padding: 25rpx 25rpx;
+	/* #endif */
-		font-size: 28rpx;
+
-		border-radius: 15rpx;
+	.list-tpl {
-		display: flex;
+		background-color: #ffffff;
-		justify-content: space-between;
+		margin-bottom: 25rpx;
-		align-items: center;
+		padding: 25rpx 25rpx;
-		border-bottom: 1px solid #f1f1f1;
+		font-size: 28rpx;
-
+		border-radius: 15rpx;
-		.list-left {
+		display: flex;
-			display: flex;
+		justify-content: space-between;
-			width: 100%;
+		align-items: center;
-
+		border-bottom: 1px solid #f1f1f1;
-			.number {
+
-				font-size: 32rpx;
+		.list-left {
-				margin-right: 14rpx;
+			display: flex;
-			}
+			width: 100%;
-
+
-			.info {
+			.number {
-				width: 100%;
+				font-size: 32rpx;
-
+				margin-right: 14rpx;
-				.title {
+			}
-					font-size: 32rpx;
+
-					color: #222222;
+			.info {
-					font-weight: 500;
+				width: 100%;
-				}
+
-
+				.title {
-				.addr {
+					font-size: 32rpx;
-					width: 400rpx;
+					color: #222222;
-					margin-top: 20rpx;
+					font-weight: 500;
-					font-size: 20rpx;
+				}
-					font-family: PingFang SC;
+
-					font-weight: 500;
+				.addr {
-					color: #999999;
+					width: 400rpx;
-				}
+					margin-top: 20rpx;
-			}
+					font-size: 20rpx;
-		}
+					font-family: PingFang SC;
-
+					font-weight: 500;
-		.image {
+					color: #999999;
-			width: 20%;
+				}
-			text-align: center;
+			}
-
+		}
-			image {
+
-				width: 50rpx;
+		.image {
-				height: 50rpx;
+			width: 20%;
-			}
+			text-align: center;
-
+
-			.tip {
+			image {
-				color: #7f7f7f;
+				width: 50rpx;
-				font-size: 21rpx;
+				height: 50rpx;
-			}
+			}
-		}
+
-	}
+			.tip {
-
+				color: #7f7f7f;
-	.popup_row {
+				font-size: 21rpx;
-		width: 100%;
+			}
-		height: 500rpx;
+		}
-		background-color: #ffffff;
+	}
-		border-radius: 20rpx;
+
-		display: flex;
+	.popup_row {
-		justify-content: center;
+		width: 100%;
-		align-items: center;
+		height: 500rpx;
-
+		background-color: #ffffff;
-		.rows {
+		border-radius: 20rpx;
-			width: 100%;
+		display: flex;
-			padding: 0 24rpx;
+		justify-content: center;
-
+		align-items: center;
-			.rows-item {
+
-				height: 80rpx;
+		.rows {
-				line-height: 80rpx;
+			width: 100%;
-				text-align: center;
+			padding: 0 24rpx;
-				width: 100%;
+
-				font-size: 32rpx;
+			.rows-item {
-				color: #303133;
+				height: 80rpx;
-			}
+				line-height: 80rpx;
-		}
+				text-align: center;
-	}
+				width: 100%;
-
+				font-size: 32rpx;
-	.scroll-wrapper {
+				color: #303133;
-		padding-top: 20rpx;
+			}
-	}
+		}
-
+	}
-	.aedxq-wrap {
+
-		margin: auto;
+	.scroll-wrapper {
-		width: 710rpx;
+		padding-top: 20rpx;
-		min-height: 400rpx;
+	}
-		border-radius: 20rpx;
+
-		padding: 0 25rpx;
+	.aedxq-wrap {
-		background-color: rgba($color: #000000, $alpha: 0.9);
+
-		color: #fff;
+
-		position: relative;
+		position: fixed;
-
+		bottom: 0;
-		.xq-top {
+		left: 0;
-			padding-top: 25rpx;
+		right: 0;
-			width: 660rpx;
+		margin: auto;
-			min-height: 210rpx;
+		width: 710rpx;
-			border-bottom: 1px solid #fff;
+		min-height: 400rpx;
-
+		border-radius: 20rpx;
-			.aed-name {
+		padding: 0 25rpx;
-				font-size: 28rpx;
+		background-color: rgba($color: #000000, $alpha: 0.9);
-				width: 479rpx;
+		color: #fff;
-			}
+		// position: relative;
-
+
-			.aed-dis {
+		.xq-top {
-				padding-top: 10rpx;
+			padding-top: 25rpx;
-				font-size: 22rpx;
+			width: 660rpx;
-				width: 479rpx;
+			min-height: 210rpx;
-			}
+			border-bottom: 1px solid #fff;
-		}
+
-
+			.aed-name {
-		.xq-img-wrap {
+				font-size: 28rpx;
-			height: 165rpx;
+				width: 479rpx;
-			width: 660rpx;
+			}
-			display: flex;
+
-			align-items: center;
+			.aed-dis {
-			justify-content: space-between;
+				padding-top: 10rpx;
-
+				font-size: 22rpx;
-			.aed-img-scroll {
+				width: 479rpx;
-				height: 107rpx;
+			}
-				width: 508rpx;
+		}
-				// background-color: #bfa;
+
-				// display: flex;
+		.xq-img-wrap {
-				// // justify-content: ;
+			height: 165rpx;
-				// // flex-direction: column;
+			width: 660rpx;
-				// flex-wrap: nowrap;
+			display: flex;
-
+			align-items: center;
-				.aed-img {
+			justify-content: space-between;
-					// display: inline-block;
+
-					height: 107rpx;
+			.aed-img-scroll {
-					// width: 107rpx;
+				height: 107rpx;
-					margin-right: 15rpx;
+				width: 508rpx;
-					// background-color: red;
+				// background-color: #bfa;
-					flex-shrink: 0;
+				// display: flex;
-
+				// // justify-content: ;
-				}
+				// // flex-direction: column;
-			}
+				// flex-wrap: nowrap;
-
+
-			.aed-phone {
+				.aed-img {
-				width: 112rpx;
+					// display: inline-block;
-				height: 52rpx;
+					height: 107rpx;
-				line-height: 52rpx;
+					// width: 107rpx;
-				text-align: center;
+					margin-right: 15rpx;
-				border: 1px solid #fff;
+					// background-color: red;
-				border-radius: 10rpx;
+					flex-shrink: 0;
-			}
+
-
+				}
-			// background-color: red;
+			}
-		}
+
-
+			.aed-phone {
-		.aed-dh {
+				width: 112rpx;
-			width: 147rpx;
+				height: 52rpx;
-			height: 82rpx;
+				line-height: 52rpx;
-			line-height: 82rpx;
+				text-align: center;
-			text-align: center;
+				border: 1px solid #fff;
-			background-color: #4d8bd6;
+				border-radius: 10rpx;
-			border-radius: 15rpx;
+			}
-			position: absolute;
+
-			right: 25rpx;
+			// background-color: red;
-			top: 25rpx;
+		}
-		}
+
-	}
+		.aed-dh {
-
+			width: 147rpx;
-	.pop-wrap {
+			height: 82rpx;
-		width: 522rpx;
+			line-height: 82rpx;
-		height: 800rpx;
+			text-align: center;
-		// background-color: red;
+			background-color: #4d8bd6;
-	}
+			border-radius: 15rpx;
-
+			position: absolute;
-	.popup-box {
+			right: 25rpx;
-		width: 522rpx;
+			top: 25rpx;
-		height: 800rpx;
+		}
-		border-radius: 20rpx;
+	}
-		position: relative;
+
-		overflow: hidden;
+	.pop-wrap {
-		background-color: #fff;
+		width: 522rpx;
-
+		height: 800rpx;
-		.popup-item {
+		// background-color: red;
-			width: 100%;
+	}
-			height: 100%;
+
-
+	.popup-box {
-
+		width: 522rpx;
-			image {
+		height: 800rpx;
-				width: 100%;
+		// border-radius: 20rpx;
-				// height: 100%;
+		position: relative;
-			}
+		overflow: hidden;
-		}
+		// background-color: #fff;
-
+
-	}
+		.popup-item {
-
+			width: 100%;
-	.close {
+			height: 100%;
-		display: block;
+
-		width: 40rpx;
+
-		height: 40rpx;
+			image {
-		border: 50%;
+				width: 100%;
-		position: absolute;
+				// height: 100%;
-		// background-color: red;
+			}
-		bottom: -100rpx;
+		}
-		left: 0;
+
-		right: 0;
+	}
-		margin: 0 auto;
+
-	}
+	.close {
+		display: block;
+		width: 40rpx;
+		height: 40rpx;
+		border: 50%;
+		position: absolute;
+		// background-color: red;
+		bottom: -100rpx;
+		left: 0;
+		right: 0;
+		margin: 0 auto;
+	}
 </style>

pages/applic/aid.vue

@@ -1,17 +1,17 @@
 <template>
 	<view class="content">
-		<view id="map" class="map">
+		<view id="map" class="map">
-			<map @updated='mapChange' id="map_1" ref='map_1' style="width:750rpx;" :style="{'height': height}"
+			<map @updated='mapChange' id="map_1" ref='map_1' style="width:750rpx; height: 600rpx" :latitude="latitude"
-				:latitude="latitude" :longitude="longitude" :markers="marker" @markertap="lookmore"></map>
+				:longitude="longitude" :markers="marker"></map>
 		</view>
-		<!-- <scroll-view scroll-y="true" class="scroll-wrapper" :style="{'height': height}" @scrolltolower="loadData">
+		<scroll-view scroll-y="true" class="scroll-wrapper" :style="{'height': height}" @scrolltolower="loadData">
 			<espempty v-if="loaded && AEDList.length === 0" :tit="'智能AED列表为空'"></espempty>
 			<view class="list-tpl flex" @click="openAddress(item)" v-for="(item, index) in AEDList" :key="item.id">
 				<template>
 					<view class="list-left">
 						<view class="info">
 							<view class="title">{{ item.name }}</view>
-							<view class="addr">地址：{{ item.install_address }}</view>
+							<view class="addr">地址：{{ item.address }}</view>
 						</view>
 					</view>
 					<view class="image">
@@ -21,7 +21,7 @@
 				</template>
 			</view>
 			<uni-load-more :status="loadingType"></uni-load-more>
-		</scroll-view> -->
+		</scroll-view>
 		<uni-popup ref="popup" type="bottom" @click="close">
 			<view class="popup_row">
 				<view class="rows">
@@ -122,7 +122,7 @@
 			uni.getSystemInfo({
 				success: resu => {
 					const query = uni.createSelectorQuery();
-					query.select('.map').boundingClientRect();
+					query.select('.scroll-wrapper').boundingClientRect();
 					query.exec(function(res) {
 						console.log(res, 'ddddddddddddd');
 						_this.height = resu.windowHeight - res[0].top + 'px';
@@ -184,7 +184,6 @@
 							imgs: item.image,
 							phone: item.phone
 						}
-						// break
 					}
 				})
 				this.$refs.aedxq.open()
@@ -350,7 +349,7 @@
 
 	.map {
 		width: 100%;
-		height: 100%;
+		height: 600rpx;
 	}
 
 	/* #ifdef H5 */

pages/applic/location.vue

@@ -44,7 +44,7 @@
 					</view>
 				</view>
 			</view>
-			<uni-load-more :status="loadingType"></uni-load-more>
+			<uni-load-more :status="loadingType" v-if="list.length != 0"></uni-load-more>
 			<!-- <empty v-if="list.length === 0 && loaded"></empty> -->
 			<espempty v-if="list.length === 0 && loaded"></espempty>
 		</view>

pages/applic/rescuerecords.vue

@@ -38,7 +38,7 @@
 							<view class="red-font" v-if="item.status == -1">
 								已拒绝
 							</view>
-							<view class="sub-box3" v-if="item.status == 1">
+							<view class="sub-box3" v-if="item.status == 1" @click=" item.status == 1 ? tocall(item.user_phone): ''">
 								<image src="../../static/icon/call.png" mode="" class="call"></image>
 								拨打电话
 							</view>

pages/applic/science.vue

@@ -70,7 +70,7 @@
 			},
 			loadData(){
 				let obj = this;
-				getArticList({ifyid:1}).then(({ data }) => {
+				getArticList({ifyid:11}).then(({ data }) => {
 					console.log(data,123456);
 					obj.science = obj.science.concat(data.list);
 					console.log(obj.science,'999999999999999999')

pages/form/applicationForm.vue

@@ -1,652 +1,943 @@
-<template>
+<template>
-	<view class="content">
+	<view class="content">
-		<view class="top">
+		<view class="top">
-			<view class="title">登记选择</view>
+			<view class="title">登记选择</view>
-			<view class="info-box">我自愿登记成为遗体器官捐献志愿者，自愿无偿捐献:</view>
+			<view class="info-box">我自愿登记成为遗体器官捐献志愿者，自愿无偿捐献:</view>
-			<view class="uni-list">
+			<view class="uni-list">
-				<radio-group class="radio-box" @change="radioChange">
+				<radio-group class="radio-box" @change="radioChange">
-					<label v-for="(item, index) in items" :key="item.id">
+					<label v-for="(item, index) in items" :key="item.name">
-						<label class="radio">
+						<label class="radio">
-							{{ item.name }}
+							{{ item.name }}
-							<radio :checked="index === current" color="#E62129" style="transform:scale(0.5)" :value="item.id+''" />
+							<radio :checked="index === current" color="#E62129" style="transform:scale(0.5)"
-							<text></text>
+								:value="item.name" />
-						</label>
+							<text></text>
-					</label>
+						</label>
-				</radio-group>
+					</label>
-			</view>
+				</radio-group>
-		</view>
+			</view>
-
+		</view>
-		<view class="box">
+
-			<view class="box-1">
+		<view class="box">
-				<view class="box-left">姓名</view>
+			<view class="box-1">
-				<input type="text" placeholder="请填写你的名字" placeholder-class="placeholder" value="" class="list-input" v-model="name" />
+				<view class="box-left">姓名</view>
-			</view>
+				<input type="text" placeholder="请填写你的名字" placeholder-class="placeholder" value="" class="list-input"
-			<view class="box-1">
+					v-model="name" />
-				<view class="box-left">出生年月</view>
+			</view>
-				<picker mode="date" :value="birthday" :start="startDate" :end="endDate" @change="bindDateChange" class="box-right">
+			<view class="box-1">
-					<view>{{ birthday }}</view>
+				<view class="box-left">出生年月</view>
-				</picker>
+				<picker mode="date" :value="birthday" :start="startDate" :end="endDate" @change="bindDateChange"
-			</view>
+					class="box-right">
-			<view class="box-1">
+					<view>{{ birthday }}</view>
-				<view class="box-left">性别</view>
+				</picker>
-				<picker @change="bindPickerSex" :value="index" :range="array" class="box-right">
+			</view>
-					<text>{{ sex == '0' ? '男' : sex == '1' ? '女' : sex }}</text>
+			<view class="box-1">
-				</picker>
+				<view class="box-left">性别</view>
-			</view>
+				<picker @change="bindPickerSex" :value="index" :range="array" class="box-right">
-			<view class="box-1">
+					<text>{{ sex }}</text>
-				<view class="box-left">学历</view>
+				</picker>
-				<picker @change="bindPickerEdu" :value="index" :range="chooseEdu" class="box-right">
+			</view>
-					<text>{{ education }}</text>
+			<view class="box-1">
-				</picker>
+				<view class="box-left">学历</view>
-			</view>
+				<picker @change="bindPickerEdu" :value="index" :range="chooseEdu" class="box-right">
-			<view class="box-1">
+					<text>{{ education }}</text>
-				<view class="box-left">身份证号</view>
+				</picker>
-				<input type="text" placeholder="请填写你的身份证号" placeholder-class="placeholder" value="" class="list-input" v-model="card" />
+			</view>
-			</view>
+			<view class="box-1">
-			<view class="box-1">
+				<view class="box-left">身份证号</view>
-				<view class="box-left">移动电话</view>
+				<input type="text" placeholder="请填写你的身份证号" placeholder-class="placeholder" value="" class="list-input"
-				<input type="text" placeholder="请填写你的联系电话" placeholder-class="placeholder" value="" class="list-input" v-model="phone" />
+					v-model="card" />
-			</view>
+			</view>
-			<view class="box-1">
+			<view class="box-1">
-				<view class="box-left">职业/职务</view>
+				<view class="box-left">移动电话</view>
-				<input type="text" value="" placeholder="请填写你的职业/职务" placeholder-class="placeholder" class="list-input" v-model="occupation" />
+				<input type="text" placeholder="请填写你的联系电话" placeholder-class="placeholder" value="" class="list-input"
-			</view>
+					v-model="phone" />
-		</view>
+			</view>
-
+			<view class="box-1">
-		<view class="top">
+				<view class="box-left">职业/职务</view>
-			<view class="title">个人声明</view>
+				<input type="text" value="" placeholder="请填写你的职业/职务" placeholder-class="placeholder" class="list-input"
-			<view class="info-box">遗体器官捐献是服务医疗事业，造福人类的高尚行为，是“人道、博爱、奉献”精神的崇高体现，我已了解遗体器官捐献的基本常识和有关政策法规。</view>
+					v-model="occupation" />
-			<view class="info-box" style="padding-top: 0;">我自愿登记成为遗体器官捐献志愿者，自愿无偿捐献:</view>
+			</view>
-			<view class="uni-list" style="display: block;">
+		</view>
-				<checkbox-group v-if="type == '人体器官' && ready" @change="checkAllClick" style="padding-left: 50rpx;">
+
-					<label class="checkbox">
+		<view class="top">
-						<checkbox :checked="checkAll.type" color="#E62129" style="transform:scale(0.6);margin: 0;padding: 0;" :value="checkAll.name" />
+			<view class="title">个人声明</view>
-						{{ checkAll.name }}
+			<view class="info-box">
-					</label>
+				遗体器官捐献是服务医疗事业，造福人类的高尚行为，是“人道、博爱、奉献”精神的崇高体现，我已了解遗体器官捐献的基本常识和有关政策法规。</view>
-				</checkbox-group>
+			<view class="info-box" style="padding-top: 0;">我自愿登记成为遗体器官捐献志愿者，自愿无偿捐献:</view>
-				<view style="display: flex;">
+			<view class="uni-list" style="display: block;">
-					<view class="" v-if="type == '人体器官'" style="width: 50rpx;">或：</view>
+				<checkbox-group v-if="type == '人体器官' && ready" @change="checkAllClick" style="padding-left: 50rpx;">
-					<checkbox-group v-if="type == '人体器官'" style="display: inline-block;width: 600rpx;" @change="checkboxChange">
+					<label class="checkbox">
-						<label class="checkbox" v-for="item in apparatus" :key="item.name">
+						<checkbox :checked="checkAll.type" color="#E62129"
-							<checkbox :checked="item.type" color="#E62129" style="transform:scale(0.6);margin: 0;padding: 0;" :value="item.name" />
+							style="transform:scale(0.6);margin: 0;padding: 0;" :value="checkAll.name" />
-							{{ item.name }}
+						{{checkAll.name}}
-						</label>
+					</label>
-					</checkbox-group>
+				</checkbox-group>
-				</view>
+				<view style="display: flex;">
-
+					<view class="" v-if="type == '人体器官'" style="width: 50rpx;">
-				<view class="font">请执行人和所有亲属尊重我的决定。</view>
+						或：
-			</view>
+					</view>
-		</view>
+					<checkbox-group v-if="type == '人体器官'" style="display: inline-block;width: 600rpx;"
-		<view class="top">
+						@change="checkboxChange">
-			<view class="title">人体器官捐献执行人信息</view>
+						<label class="checkbox" v-for="item in apparatus" :key="item.name">
-			<view class="info-box">我指定该亲属为我的器官捐献执行人，全权负责本人的器官捐献事宜，我保证填写的内容信息真实，如发生变更及时告知登记机构。</view>
+							<checkbox :checked="item.type" color="#E62129"
-			<view class="uni-list" style="display: block;">
+								style="transform:scale(0.6);margin: 0;padding: 0;" :value="item.name" />{{ item.name }}
-				<view class="box-1" style="margin-top: 0rpx;">
+						</label>
-					<view class="box-left">捐献执行人</view>
+					</checkbox-group>
-					<input type="text" value="" placeholder-class="placeholder" placeholder="请填写执行人姓名" class="list-input" v-model="executor" />
+				</view>
-				</view>
+
-				<view class="box-1" style="margin-top: 20rpx;">
+				<view class="font">请执行人和所有亲属尊重我的决定。</view>
-					<view class="box-left">亲属关系</view>
+			</view>
-					<input type="text" value="" placeholder-class="placeholder" placeholder="请填写与本人的关系" class="list-input" v-model="relation" />
+		</view>
-				</view>
+		<view class="top">
-				<view class="box-1" style="margin-top: 20rpx;">
+			<view class="title">人体器官捐献执行人信息</view>
-					<view class="box-left">身份证号</view>
+			<view class="info-box">我指定该亲属为我的器官捐献执行人，全权负责本人的器官捐献事宜，我保证填写的内容信息真实，如发生变更及时告知登记机构。</view>
-					<input type="text" value="" placeholder-class="placeholder" placeholder="请填写亲属身份证号" class="list-input" v-model="sfz" />
+			<view class="uni-list" style="display: block;">
-				</view>
+				<view class="box-1" style="margin-top: 0rpx;">
-				<view class="box-1" style="margin-top: 20rpx;">
+					<view class="box-left">捐献执行人</view>
-					<view class="box-left">联系电话</view>
+					<input type="text" value="" placeholder-class="placeholder" placeholder="请填写执行人姓名"
-					<input type="text" value="" placeholder-class="placeholder" placeholder="请填写亲属联系电话" class="list-input" v-model="n_phone" />
+						class="list-input" v-model="executor" />
-				</view>
+				</view>
-			</view>
+				<view class="box-1" style="margin-top: 20rpx;">
-		</view>
+					<view class="box-left">亲属关系</view>
-
+					<input type="text" value="" placeholder-class="placeholder" placeholder="请填写与本人的关系"
-		<view class="buttomBox"><view class="buttom" :class="{ action: loding }" @click="!loding ? join() : ''">提交申请</view></view>
+						class="list-input" v-model="relation" />
-	</view>
+				</view>
-</template>
+				<view class="box-1" style="margin-top: 20rpx;">
-
+					<view class="box-left">身份证号</view>
-<script>
+					<input type="text" value="" placeholder-class="placeholder" placeholder="请填写亲属身份证号"
-import { joinSecc, getList, donate_ify } from '@/api/index.js';
+						class="list-input" v-model="sfz" />
-import { upload } from '@/api/ask.js';
+				</view>
-export default {
+				<view class="box-1" style="margin-top: 20rpx;">
-	data() {
+					<view class="box-left">联系电话</view>
-		const currentDate = this.getDate({
+					<input type="text" value="" placeholder-class="placeholder" placeholder="请填写亲属联系电话"
-			format: true
+						class="list-input" v-model="n_phone" />
-		});
+				</view>
-		return {
+			</view>
-			ready: true,
+		</view>
-			all: false,
+
-			isall: false,
+		<view class="buttomBox">
-			type: '',
+			<view class="buttom" :class="{ action: loding }" @click="!loding ? join() : ''">提交申请</view>
-			loding: false, //是否提交中
+		</view>
-			array: ['男', '女'],
+	</view>
-			chooseEdu: ['小学以下', '小学', '初中', '高中/中专', '大专/本科', '硕士', '博士', '博士后'],
+</template>
-			chooseVol: ['是', '否'],
+
-			chooseExp: ['是', '否'],
+<script>
-			items: [],
+	import {
-			remark: '',
+		joinSecc,
-			current: '',
+		getList,
-			index: 0,
+		donate_ify
-			mz: '',
+	} from '@/api/index.js';
-			cardimg: '', //证件照
+	// import {
-			checklist: [],
+	// 	getList
-			name: '',
+	// } from '@/api/index.js';
-			sex: '请选择你的性别',
+	import {
-			birthday: '请选择你的出生年月',
+		upload
-			card: '',
+	} from '@/api/ask.js';
-			occupation: '',
+	export default {
-			education: '请选择你的文化程度',
+		data() {
-			educationid: '',
+			const currentDate = this.getDate({
-			phone: '',
+				format: true
-			executor: '', //执行人名字
+			});
-			relation: '', //执行人关系
+			return {
-			n_phone: '', //执行人电话
+				ready: true,
-			sfz: '', //执行人身份证号
+				all: false,
-			Getchecked: false,
+				isall: false,
-			Getcheckeds: false,
+				type: '',
-			address: '',
+				loding: false, //是否提交中
-			work: '',
+				array: ['男', '女'],
-			other: '',
+				chooseEdu: ['小学以下', '小学', '初中', '高中/中专', '大专/本科', '硕士', '博士', '博士后'],
-			friendOnename: '',
+				chooseVol: ['是', '否'],
-			friendOnerelation: '',
+				chooseExp: ['是', '否'],
-			friendOnephone: '',
+				realyItems: [], //捐赠对照表
-			friendOneaddress: '',
+				items: [{
-			friendOneweixin: '',
+						name: '人体器官'
-			friendTwoname: '',
+					},
-			friendTworelation: '',
+					{
-			friendTwophone: '',
+						name: '眼角膜'
-			friendTwoaddress: '',
+					},
-			friendTwoweixin: ''
+					{
-		};
+						name: '遗体捐献'
-	},
+					}
-	computed: {
+				],
-		startDate() {
+				checkAll: {
-			return this.getDate('start');
+					name: '全部器官',
-		},
+					type: false
-		endDate() {
+				},
-			return this.getDate('end');
+				apparatus: [{
-		}
+						name: '肾脏',
-	},
+						type: false
-	onLoad() {
+					},
-		donate_ify().then(e => {
+					{
-			this.items = e.data;
+						name: '肝脏',
-		});
+						type: false
-	},
+					},
-	methods: {
+					{
-		async join() {
+						name: '心脏',
-			const obj = this
+						type: false
-			joinSecc({
+					},
-				full_name: obj.name, //姓名
+					{
-				sex: obj.sex, //性别0男1女
+						name: '肺脏',
-				birthday: obj.birthday, //生日
+						type: false
-				id_card: obj.card, //身份证号
+					},
-				vocation: obj.occupation, //职业
+					{
-				education: obj.educationid, //学历
+						name: '胰腺',
-				category_ids: obj.type, //捐献类型
+						type: false
-				mobile: obj.phone, //移动电话
+					},
-				executor: obj.executor, //捐献执行人
+					{
-				executor_id_card: obj.sfz, //执行人身份证号
+						name: '小肠',
-				executor_mobile: obj.n_phone, //执行人移动电话
+						type: false
-				executor_relation: obj.relation //执行人关系
+					},
-			})
+					{
-				.then(e => {
+						name: '其他',
-					console.log(e, '2322222222222222222222222222222222222222');
+						type: false
-
+					}
-					obj.name = '';
+				],
-					obj.sex = '请选择你的性别';
+				remark: '',
-					obj.education = '请选择你的文化程度';
+				current: '',
-					obj.birth = '请选择你的出生年月';
+				index: 0,
-					obj.executor = '';
+				mz: '',
-					obj.sfz = '';
+				cardimg: '', //证件照
-					obj.n_phone = '';
+				checklist: [],
-					obj.relation = '';
+				name: '',
-					uni.navigateTo({
+				sex: '请选择你的性别',
-						url: '../joinSuc/joinNow'
+				birthday: '请选择你的出生年月',
-					});
+				card: '',
-				})
+				occupation: '',
-				.catch(function(e) {
+				education: '请选择你的文化程度',
-					console.log('出错了');
+				phone: '',
-					console.log(e);
+				executor: '', //执行人名字
-				});
+				relation: '', //执行人关系
-		},
+				n_phone: '', //执行人电话
-		imgsub() {
+				sfz: '', //执行人身份证号
-			console.log('imgsub');
+				Getchecked: false,
-			upload({
+				Getcheckeds: false,
-				filename: ''
+				address: '',
-			}).then(data => {
+				mail: '',
-				this.cardimg = data[0].url;
+				weixin: '',
-			});
+				major: '',
-		},
+				work: '',
-		// 选择性别
+				other: '',
-		bindPickerSex: function(e) {
+				friendOnename: '',
-			this.sex = e.target.value;
+				friendOnerelation: '',
-			this.index = e.target.value + 1;
+				friendOnephone: '',
-		},
+				friendOneaddress: '',
-		// 选择教育程度
+				friendOneweixin: '',
-		bindPickerEdu: function(e) {
+				friendTwoname: '',
-			this.education = this.chooseEdu[e.target.value];
+				friendTworelation: '',
-			this.educationid = e.target.value;
+				friendTwophone: '',
-			console.log(this.educationid);
+				friendTwoaddress: '',
-		},
+				friendTwoweixin: '',
-		// 选择日期
+				educationid: '', //学历id
-		bindDateChange: function(e) {
+			};
-			console.log(e);
+		},
-			this.birthday = e.target.value;
+		computed: {
-			console.log(this.birthday);
+			startDate() {
-		},
+				return this.getDate('start');
-		//选择填写日期
+			},
-		fillingDateChange: function(e) {
+			endDate() {
-			this.add_time = e.target.value;
+				return this.getDate('end');
-		},
+			}
-		// 是否参加志愿活动
+		},
-		bindPickerVol: function(e) {
+		onLoad() {
-			this.is_vol = this.chooseVol[e.target.value];
+			this.getDonateList()
-			this.index = e.target.value + 1;
+		},
-		},
+		methods: {
-		// 有无服务经验
+			// 获取捐赠对照列表
-		bindPickerExp: function(e) {
+			getDonateList() {
-			console.log('有无服务经验', e.target.value);
+				donate_ify().then(e => {
-			this.is_experience = this.chooseExp[e.target.value];
+					this.realyItems = e.data;
-			this.index = e.target.value + 1;
+					let arr = e.data.filter(item => {
-		},
+						item.type = false
-		// 选择捐献
+						return (item.name != '人体器官') && (item.name != '眼角膜') && (item.name != '遗体') && (
-		radioChange: function(evt) {
+							item.name != '全部器官')
-			console.log('选择捐献', evt);
+					})
-			for (let i = 0; i < this.items.length; i++) {
+					this.apparatus = arr;
-				console.log(this.items[i].id,evt.detail.value)
+					console.log(this.realyItems, '获取捐赠对照列表')
-				if (this.items[i].id == evt.detail.value) {
+
-					this.type = evt.detail.value;
+				});
-					console.log('this.type', this.type);
+			},
-					this.current = i;
+			async join() {
-					console.log('this.current', this.current);
+				let obj = this;
-					break;
+				let arr = []
-				}
+				
-			}
+				console.log(obj.remark)
-			if (this.type == '遗体捐献') {
+				if (obj.type == '') {
-				this.remark = '遗体捐献';
+					obj.$api.msg('请选择你要捐献的器官');
-				this.all = true;
+					return;
-			}
+				}
-		},
+				if (obj.name == '') {
-		checkboxChangeAll(e) {
+					obj.$api.msg('请输入您的姓名');
-			const obj = this;
+					return;
-			for (let i = 0; i < obj.apparatus.length; i++) {
+				}
-				obj.apparatus[i].type = false;
+				if (obj.birth == '请选择你的出生年月') {
-			}
+					obj.$api.msg('请选择出生年月');
-			if (obj.remark != ' ') {
+					return;
-				obj.remark = '';
+				}
-			}
+				if (obj.sex == '请选择你的性别') {
-			console.log(e, '`11111');
+					obj.$api.msg('请输入您的性别');
-			obj.remark = e.detail.value.join(',');
+					return;
-			console.log(obj.remark);
+				}
-			obj.all = true;
+				if (obj.education == '请选择你的文化程度') {
-		},
+					obj.$api.msg('请选择您的文化程度');
-		//器官捐献时选择要捐献的器官
+					return;
-		checkboxChange(e) {
+				}
-			const obj = this;
+				if (obj.card == '') {
-			obj.all = false;
+					obj.$api.msg('请填写您的身份证号');
-			this.checkAll.type = false;
+					return;
-			this.reload();
+				}
-			if (obj.remark != '') {
+				let reg1 =
-				if (obj.remark.indexOf('all') != -1) {
+					/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
-					obj.remark = '';
+				if (!reg1.test(obj.card)) {
-				}
+					obj.$api.msg('请填写正确的身份证号');
-			}
+					return;
-			obj.remark = e.detail.value.join(',');
+				}
-			for (let i = 0; i < obj.apparatus.length; i++) {
+				if (obj.phone == '') {
-				if (obj.remark.indexOf(obj.apparatus[i].name) != -1) {
+					obj.$api.msg('请填写您的移动电话');
-					obj.apparatus[i].type = true;
+					return;
-				}
+				}
-			}
+				const reg = /^(\+?0?86-?)?1[\d]\d{9}$/;
-			console.log(obj.remark);
+				if (!reg.test(obj.phone)) {
-		},
+					obj.$api.msg('请填写正确的移动电话');
-		Getcheckbox() {
+					return;
-			let obj = this;
+				}
-			obj.Getchecked = !obj.Getchecked;
+				if (obj.specialty == '') {
-		},
+					obj.$api.msg('请填写您的职业/职务');
-		Getcheckboxs() {
+					return;
-			let obj = this;
+				}
-			obj.Getcheckeds = !obj.Getcheckeds;
+				console.log(obj.remark, '1111');
-		},
+				if (obj.type == '眼角膜') {
-		getDate(type) {
+					obj.remark = '眼角膜'
-			const date = new Date();
+				}
-			let year = date.getFullYear();
+				if (obj.remark == '') {
-			let month = date.getMonth() + 1;
+					obj.$api.msg('请选择要捐献的器官');
-			let day = date.getDate();
+					return;
-
+				}
-			if (type === 'start') {
+				if (obj.executor == '') {
-				year = year - 60;
+					obj.$api.msg('请填写执行人姓名');
-			} else if (type === 'end') {
+					return;
-				year = year + 2;
+				}
-			}
+				if (obj.relation == '') {
-			month = month > 9 ? month : '0' + month;
+					obj.$api.msg('请填写亲属身份');
-			day = day > 9 ? day : '0' + day;
+					return;
-			return `${year}-${month}-${day}`;
+				}
-		},
+				if (obj.sfz == '') {
-		// 选择可提供时间
+					obj.$api.msg('请填写亲属身份证号');
-
+					return;
-		// this.quantum = item.detail.value.join(',');
+				}
-
+				if (obj.n_phone == '') {
-		checktime1(e) {
+					obj.$api.msg('请填写亲属联系电话');
-			// var items = this.timeList,
+					return;
-			// let quantum = [];
+				}
-			this.quantum = e.detail.value.join(',');
+				obj.loding = true;
-			console.log(this.quantum);
+				obj.realyItems.forEach(item => {
-		},
+					console.log(item.name,obj.remark)
-		checktime2(e) {
+					if(obj.remark.indexOf(item.name) != -1) {
-			// var items = this.timeList,
+						arr.push(item.id + '')
-			let values = e.detail.value;
+					}
-			// let quantum = [];
+				})
-			console.log(values);
+				console.log(arr.join(','),'ddddddddddd')
-		},
+				joinSecc({
-		checktime3(e) {
+						full_name: obj.name, //姓名
-			// var items = this.timeList,
+						sex: obj.sex == '男'? 0: 1, //性别0男1女
-			let values = e.detail.value;
+						birthday: obj.birthday, //生日
-			// let quantum = [];
+						id_card: obj.card, //身份证号
-			console.log(values);
+						vocation: obj.occupation, //职业
-		},
+						education: obj.educationid, //学历
-		//选择有兴趣参与的工作
+						category_ids: arr.join(','), //捐献类型
-		checkjob(item) {
+						mobile: obj.phone, //移动电话
-			this.taste = item.detail.value.join(',');
+						executor: obj.executor, //捐献执行人
-		},
+						executor_id_card: obj.sfz, //执行人身份证号
-		// 选择专长checkspeciality
+						executor_mobile: obj.n_phone, //执行人移动电话
-		checkspeciality(item) {
+						executor_relation: obj.relation //执行人关系
-			this.speciali = item.detail.value.join(',');
+					})
-		},
+					.then(e => {
-		reload() {
+						console.log(e, '2322222222222222222222222222222222222222');
-			this.ready = false;
+
-			this.$nextTick(function() {
+						obj.name = '';
-				this.ready = true;
+						obj.sex = '请选择你的性别';
-			});
+						obj.education = '请选择你的文化程度';
-		},
+						obj.birth = '请选择你的出生年月';
-		checkAllClick(e) {
+						obj.executor = '';
-			let obj = this;
+						obj.sfz = '';
-			console.log(e.detail.value[0]);
+						obj.n_phone = '';
-			if (e.detail.value[0]) {
+						obj.relation = '';
-				this.remark = e.detail.value[0];
+						uni.navigateTo({
-				for (let i = 0; i < obj.apparatus.length; i++) {
+							url: '../joinSuc/joinNow'
-					obj.apparatus[i].type = false;
+						});
-				}
+					})
-			} else {
+					.catch(function(e) {
-				this.remark = '';
+						console.log('出错了');
-			}
+						console.log(e);
-			console.log(this.remark);
+						obj.loding = false;
-		}
+					});
-	}
+				// obj.body(1)
-};
+			},
-</script>
+			//器官捐献
-
+			body(item) {
-<style lang="scss">
+				const obj = this;
-page {
+				joinSecc({
-	background: #f2f2f2;
+						name: obj.name,
-}
+						sex: obj.sex,
-
+						education: obj.education,
-.content {
+						birthday: obj.birthday,
-	background: #f2f2f2;
+						card: obj.card,
-	.top {
+						occupation: obj.occupation,
-		margin-top: 16rpx;
+						remark: obj.remark,
-		background: #ffffff;
+						phone: obj.phone,
-		position: relative;
+						executor: obj.executor,
-		.title {
+						relation: obj.relation,
-			height: 106rpx;
+						sfz: obj.sfz,
-			text-align: center;
+						n_phone: obj.n_phone,
-			line-height: 106rpx;
+						// other: obj.other //其他器官
-			border-bottom: 2rpx #acacac dashed;
+					})
-			font-size: 34rpx;
+					.then(e => {
-			font-family: PingFang SC;
+						console.log(e, "2322222222222222222222222222222222222222")
-			font-weight: 500;
+						if (e.status == 400) {
-			color: #101010;
+							console.log(e.msg);
-		}
+							this.$api.msg("你已报名成功，不可重复报名")
-		.info-box {
+						} else {
-			font-size: 24rpx;
+							// obj.name = '';
-			font-family: PingFang SC;
+							obj.sex = '请选择你的性别';
-			font-weight: 500;
+							obj.education = '请选择你的文化程度';
-			color: #666666;
+							obj.birth = '请选择你的出生年月';
-			text-indent: 1em;
+							(obj.mz = ''), (obj.phone = '');
-			padding: 37rpx 60rpx 0rpx 36rpx;
+							obj.address = '';
-			text {
+							obj.work = '';
-				color: #101010;
+							obj.specialty = '';
-				font-family: PingFang-SC-Medium;
+							(obj.cardimg = ''), (obj.card = '');
-				font-weight: bold;
+							obj.mail = '';
-			}
+							(obj.weixin = ''), (obj.major = '');
-			// border: 3rpx solid #009100;
+
-		}
+							let date = new Date()
-		.uni-list {
+							let year = date.getFullYear()
-			padding: 26rpx 34rpx 50rpx 35rpx;
+							let month = date.getMonth() >= 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1)
-			// .radio:first-child {
+							let day = date.getDate() >= 10 ? date.getDate() : '0' + date.getDate()
-			// 	margin: -6rpx;
+							if (item == 1) {
-			// }
+								uni.navigateTo({
-			.radio {
+									url: '../joinSuc/certificate?name' + obj.name + '&time=' + year + '年' +
-				margin-left: 50rpx;
+										month + '月' + day + '日'
-				flex: 1;
+								});
-				align-items: center;
+							}
-				font-size: 24rpx;
+						}
-				font-family: PingFang SC;
+					})
-				font-weight: 500;
+					.catch(function(e) {
-				color: #191919;
+						console.log('出错了');
-			}
+						console.log(e);
-			.checkbox {
+					});
-				display: inline-block;
+			},
-				font-size: 24rpx;
+			//造血干细胞捐献
-				font-family: PingFang SC;
+			bloud() {
-				font-weight: 500;
+				const obj = this;
-				color: #191919;
+				getList({
-			}
+						name: obj.name,
-			.box-2 {
+						sex: obj.sex,
-				display: flex;
+						education: obj.education, //文化程度
-				justify-content: space-between;
+						birthday: obj.birthday,
-				align-items: center;
+						card: obj.card, //身份证号
-				width: 100%;
+						cardimg: obj.cardimg, //照片
-				margin-top: 8rpx;
+						occupation: obj.occupation, //职业或职务
-				// height: 133rpx;
+						phone: obj.phone,
-
+						address: obj.address, //地址
-				.box-left {
+						mail: obj.mail, // 邮箱
-					padding-left: 2rpx;
+						weixin: obj.weixin, //微信
-					text-align: left;
+						major: obj.major, //专业或专长
-					width: 62rpx;
+						work: obj.work, // 工作单位
-					font-size: 24rpx;
+						friendOnename: obj.friendOnename, //亲友一的姓名
-					font-family: PingFang SC;
+						friendOnerelation: obj.friendOnerelation, //亲友一与全赠者的关系
-					font-weight: 500;
+						friendOnephone: obj.friendOnephone, //亲友一的手机号
-					color: #191919;
+						friendOneweixin: obj.friendOneweixin, //亲友一的微信号
-				}
+						friendOneaddress: obj.friendOneaddress, //亲友一的地址
-
+						friendTwoname: obj.friendTwoname, //亲友二的姓名
-				input {
+						friendTworelation: obj.friendTworelation, //亲友二与全赠者的关系
-					height: 66rpx;
+						friendTwophone: obj.friendTwophone, //亲友二的手机号
-					line-height: 66rpx;
+						friendTwoweixin: obj.friendTwoweixin, //亲友二的微信号
-					// height: 88rpx;
+						friendTwoaddress: obj.friendTwoaddress //亲友二的地址
-				}
+					})
-
+					.then(e => {
-				.list-input {
+						console.log(e, "22222222222222222222222")
-					padding-left: 22rpx;
+						if (e.status == 400) {
-					// margin: 12rpx 0 ;
+							console.log(e.msg);
-					font-size: 28rpx;
+							this.$api.msg("你已报名成功，不可重复报名")
-					display: flex;
+						} else {
-					justify-content: center;
+							// obj.name = '';
-					// line-height: 66rpx;
+							obj.sex = '请选择你的性别';
-					display: flex;
+							obj.education = '请选择你的文化程度';
-					align-items: center;
+							obj.birth = '请选择你的出生年月';
-					flex: 1;
+							(obj.mz = ''), (obj.phone = '');
-					color: #000000;
+							obj.address = '';
-					border: 1px solid #d2d2d2;
+							obj.work = '';
-					text-align: left;
+							obj.specialty = '';
-
+							(obj.cardimg = ''), (obj.card = '');
-					.input-placeholder {
+							obj.mail = '';
-						height: 70rpx;
+							(obj.weixin = ''), (obj.major = '');
-						color: #959595;
+							let date = new Date()
-					}
+							let year = date.getFullYear()
-				}
+							let month = date.getMonth() >= 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1)
-
+							let day = date.getDate() >= 10 ? date.getDate() : '0' + date.getDate()
-				.box-right {
+							uni.navigateTo({
-					display: flex;
+								url: '../joinSuc/certificate?name' + obj.name + '&time=' + year + '年' + month +
-					padding-left: 22rpx;
+									'月' + day + '日'
-					height: 66rpx;
+							});
-					line-height: 66rpx;
+						}
-					border: 1px solid #d2d2d2;
+
-					// margin: 32rpx 36rpx 0 36rpx;
+					})
-					width: 500rpx;
+					.catch(function(e) {
-					font-size: 28rpx;
+						console.log('出错了');
-					color: #959595;
+						console.log(e);
-					text-align: left !important;
+					});
-					// line-height: 1;
+			},
-				}
+			imgsub() {
-			}
+				console.log('imgsub');
-			.font {
+				upload({
-				margin-top: 22rpx;
+					filename: ''
-				font-size: 24rpx;
+				}).then(data => {
-				font-family: PingFang SC;
+					this.cardimg = data[0].url;
-				font-weight: 500;
+				});
-				color: #666666;
+			},
-			}
+			// 选择性别
-		}
+			bindPickerSex: function(e) {
-		.agree {
+				this.sex = this.array[e.target.value];
-			display: flex;
+				this.index = e.target.value + 1;
-			align-items: center;
+			},
-			padding: 37rpx 60rpx 40rpx 36rpx;
+			// 选择教育程度
-			font-size: 24rpx;
+			bindPickerEdu: function(e) {
-			font-family: PingFang SC;
+				this.education = this.chooseEdu[e.target.value];
-			font-weight: 500;
+				this.educationid = e.target.value;
-			color: #191919;
+				console.log(this.educationid);
-		}
+			},
-	}
+			// 选择日期
-
+			bindDateChange: function(e) {
-	.buttomBox {
+				console.log(e);
-		height: 100rpx;
+				this.birthday = e.target.value;
-		// padding-bottom: 40rpx;
+				console.log(this.birthday);
-	}
+			},
-	.buttom {
+			//选择填写日期
-		width: 100%;
+			fillingDateChange: function(e) {
-		height: 100rpx;
+				this.add_time = e.target.value;
-		background: #f3392c;
+			},
-		font-size: 36rpx;
+			// 是否参加志愿活动
-		font-weight: 400;
+			bindPickerVol: function(e) {
-		color: #ffffff;
+				this.is_vol = this.chooseVol[e.target.value];
-		line-height: 100rpx;
+				this.index = e.target.value + 1;
-		text-align: center;
+			},
-
+			// 有无服务经验
-		&.action {
+			bindPickerExp: function(e) {
-			background: #999999;
+				console.log('有无服务经验', e.target.value);
-		}
+				this.is_experience = this.chooseExp[e.target.value];
-	}
+				this.index = e.target.value + 1;
-
+			},
-	.box {
+			// 选择捐献
-		margin-top: 16rpx;
+			radioChange: function(evt) {
-		width: 100%;
+				console.log('选择捐献', evt);
-		background-color: #ffffff;
+				for (let i = 0; i < this.items.length; i++) {
-		border-radius: 10rpx;
+					if (this.items[i].name === evt.detail.value) {
-		padding: 28rpx 20rpx 32rpx 20rpx;
+						this.type = evt.detail.value;
-		position: relative;
+						console.log('this.type', this.type);
-
+						this.current = i;
-		.red-box {
+						console.log('this.current', this.current);
-			width: 405rpx;
+						break;
-			line-height: 66rpx;
+					}
-			text-align: center;
+				}
-			background: linear-gradient(0deg, #c90f1b, #f14d33);
+				if (this.type == '遗体捐献') {
-			border-radius: 10rpx;
+					this.remark = '遗体捐献';
-			font-size: 30rpx;
+					this.all = true;
-			font-weight: 500;
+				}
-			color: #ffffff;
+			},
-			// position: relative;
+			checkboxChangeAll(e) {
-			position: absolute;
+				const obj = this;
-			top: -36rpx;
+				for (let i = 0; i < obj.apparatus.length; i++) {
-			left: 50%;
+					obj.apparatus[i].type = false;
-			transform: translateX(-50%);
+				}
-			z-index: 1;
+				if (obj.remark != ' ') {
-		}
+					obj.remark = '';
-
+				}
-		.box-check {
+				console.log(e, "`11111")
-			font-size: 28rpx;
+				obj.remark = e.detail.value.join(',');
-			font-weight: 500;
+				console.log(obj.remark);
-			color: #666666;
+				obj.all = true;
-			line-height: 100rpx;
+			},
-		}
+			//器官捐献时选择要捐献的器官
-
+			checkboxChange(e) {
-		.upload-box {
+				const obj = this;
-			width: 100%;
+				obj.all = false;
-			height: 247rpx;
+				this.checkAll.type = false
-			background: #ffffff;
+				this.reload()
-			// border: 1px solid #E63931;
+				if (obj.remark != '') {
-			border-radius: 27rpx;
+					if (obj.remark.indexOf('all') != -1) {
-			display: flex;
+						obj.remark = '';
-			flex-direction: column;
+					}
-			padding: 30rpx 40rpx 30rpx 0;
+				}
-			margin: 42rpx auto 30rpx;
+				obj.remark = e.detail.value.join(',');
-
+				for (let i = 0; i < obj.apparatus.length; i++) {
-			.upload-left {
+					if (obj.remark.indexOf(obj.apparatus[i].name) != -1) {
-				font-weight: 400;
+						obj.apparatus[i].type = true;
-				color: #000000;
+					}
-			}
+				}
-
+				console.log(obj.remark);
-			.upload-right {
+			},
-				flex: 1;
+			Getcheckbox() {
-				display: flex;
+				let obj = this;
-				align-items: center;
+				obj.Getchecked = !obj.Getchecked;
-				justify-content: center;
+			},
-
+			Getcheckboxs() {
-				.upload-img {
+				let obj = this;
-					width: 150rpx;
+				obj.Getcheckeds = !obj.Getcheckeds;
-					height: 150rpx;
+			},
-					margin-top: 24rpx;
+			getDate(type) {
-				}
+				const date = new Date();
-			}
+				let year = date.getFullYear();
-		}
+				let month = date.getMonth() + 1;
-	}
+				let day = date.getDate();
-	.box-1 {
+
-		display: flex;
+				if (type === 'start') {
-		justify-content: space-between;
+					year = year - 60;
-		align-items: center;
+				} else if (type === 'end') {
-		width: 100%;
+					year = year + 2;
-		margin-top: 42rpx;
+				}
-		// height: 133rpx;
+				month = month > 9 ? month : '0' + month;
-
+				day = day > 9 ? day : '0' + day;
-		.box-left {
+				return `${year}-${month}-${day}`;
-			padding-left: 2rpx;
+			},
-			width: 184rpx;
+			// 选择可提供时间
-			text-align: left;
+
-			font-size: 28rpx;
+			// this.quantum = item.detail.value.join(',');
-			font-family: PingFang SC;
+
-			font-weight: 500;
+			checktime1(e) {
-			color: #191919;
+				// var items = this.timeList,
-		}
+				// let quantum = [];
-
+				this.quantum = e.detail.value.join(',');
-		input {
+				console.log(this.quantum);
-			height: 66rpx;
+			},
-			line-height: 66rpx;
+			checktime2(e) {
-			// height: 88rpx;
+				// var items = this.timeList,
-		}
+				let values = e.detail.value;
-
+				// let quantum = [];
-		.list-input {
+				console.log(values);
-			padding-left: 22rpx;
+			},
-			// margin: 12rpx 0 ;
+			checktime3(e) {
-			font-size: 28rpx;
+				// var items = this.timeList,
-			// line-height: 66rpx;
+				let values = e.detail.value;
-			display: flex;
+				// let quantum = [];
-			align-items: center;
+				console.log(values);
-			flex: 1;
+			},
-			color: #000000;
+			//选择有兴趣参与的工作
-			width: 500rpx;
+			checkjob(item) {
-			border: 1px solid #d2d2d2;
+				this.taste = item.detail.value.join(',');
-			text-align: left;
+			},
-
+			// 选择专长checkspeciality
-			.input-placeholder {
+			checkspeciality(item) {
-				height: 70rpx;
+				this.speciali = item.detail.value.join(',');
-				color: #959595;
+			},
-			}
+			reload() {
-		}
+				this.ready = false
-
+				this.$nextTick(function() {
-		.box-right {
+					this.ready = true
-			display: flex;
+				})
-			padding-left: 22rpx;
+			},
-			height: 66rpx;
+			checkAllClick(e) {
-			line-height: 66rpx;
+				let obj = this
-			border: 1px solid #d2d2d2;
+				console.log(e.detail.value[0])
-			// margin: 32rpx 36rpx 0 36rpx;
+				if (e.detail.value[0]) {
-			width: 500rpx;
+					this.remark = e.detail.value[0]
-			font-size: 28rpx;
+					for (let i = 0; i < obj.apparatus.length; i++) {
-			color: #959595;
+						obj.apparatus[i].type = false;
-			text-align: left !important;
+					}
-			// line-height: 1;
+				} else {
-		}
+					this.remark = ''
-	}
+				}
-}
+				console.log(this.remark)
-.placeholder {
+			}
-	line-height: 66rpx;
+		}
-}
+	};
+</script>
+
+<style lang="scss">
+	page {
+		background: #f2f2f2;
+	}
+
+	.content {
+		background: #f2f2f2;
+
+		.top {
+			margin-top: 16rpx;
+			background: #ffffff;
+			position: relative;
+
+			.title {
+				height: 106rpx;
+				text-align: center;
+				line-height: 106rpx;
+				border-bottom: 2rpx #acacac dashed;
+				font-size: 34rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #101010;
+			}
+
+			.info-box {
+				font-size: 24rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+				text-indent: 1em;
+				padding: 37rpx 60rpx 0rpx 36rpx;
+
+				text {
+					color: #101010;
+					font-family: PingFang-SC-Medium;
+					font-weight: bold;
+				}
+
+				// border: 3rpx solid #009100;
+			}
+
+			.uni-list {
+				padding: 26rpx 34rpx 50rpx 35rpx;
+
+				// .radio:first-child {
+				// 	margin: -6rpx;
+				// }
+				.radio {
+					margin-left: 50rpx;
+					flex: 1;
+					align-items: center;
+					font-size: 24rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #191919;
+				}
+
+				.checkbox {
+					display: inline-block;
+					font-size: 24rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #191919;
+				}
+
+				.box-2 {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					width: 100%;
+					margin-top: 8rpx;
+					// height: 133rpx;
+
+					.box-left {
+						padding-left: 2rpx;
+						text-align: left;
+						width: 62rpx;
+						font-size: 24rpx;
+						font-family: PingFang SC;
+						font-weight: 500;
+						color: #191919;
+					}
+
+					input {
+						height: 66rpx;
+						line-height: 66rpx;
+						// height: 88rpx;
+					}
+
+					.list-input {
+						padding-left: 22rpx;
+						// margin: 12rpx 0 ;
+						font-size: 28rpx;
+						display: flex;
+						justify-content: center;
+						// line-height: 66rpx;
+						display: flex;
+						align-items: center;
+						flex: 1;
+						color: #000000;
+						border: 1px solid #d2d2d2;
+						text-align: left;
+
+						.input-placeholder {
+							height: 70rpx;
+							color: #959595;
+						}
+					}
+
+					.box-right {
+						display: flex;
+						padding-left: 22rpx;
+						height: 66rpx;
+						line-height: 66rpx;
+						border: 1px solid #d2d2d2;
+						// margin: 32rpx 36rpx 0 36rpx;
+						width: 500rpx;
+						font-size: 28rpx;
+						color: #959595;
+						text-align: left !important;
+						// line-height: 1;
+					}
+				}
+
+				.font {
+					margin-top: 22rpx;
+					font-size: 24rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #666666;
+				}
+			}
+
+			.agree {
+				display: flex;
+				align-items: center;
+				padding: 37rpx 60rpx 40rpx 36rpx;
+				font-size: 24rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #191919;
+			}
+		}
+
+		.buttomBox {
+			height: 100rpx;
+			// padding-bottom: 40rpx;
+		}
+
+		.buttom {
+			width: 100%;
+			height: 100rpx;
+			background: #f3392c;
+			font-size: 36rpx;
+			font-weight: 400;
+			color: #ffffff;
+			line-height: 100rpx;
+			text-align: center;
+
+			&.action {
+				background: #999999;
+			}
+		}
+
+		.box {
+			margin-top: 16rpx;
+			width: 100%;
+			background-color: #ffffff;
+			border-radius: 10rpx;
+			padding: 28rpx 20rpx 32rpx 20rpx;
+			position: relative;
+
+			.red-box {
+				width: 405rpx;
+				line-height: 66rpx;
+				text-align: center;
+				background: linear-gradient(0deg, #c90f1b, #f14d33);
+				border-radius: 10rpx;
+				font-size: 30rpx;
+				font-weight: 500;
+				color: #ffffff;
+				// position: relative;
+				position: absolute;
+				top: -36rpx;
+				left: 50%;
+				transform: translateX(-50%);
+				z-index: 1;
+			}
+
+			.box-check {
+				font-size: 28rpx;
+				font-weight: 500;
+				color: #666666;
+				line-height: 100rpx;
+			}
+
+			.upload-box {
+				width: 100%;
+				height: 247rpx;
+				background: #ffffff;
+				// border: 1px solid #E63931;
+				border-radius: 27rpx;
+				display: flex;
+				flex-direction: column;
+				padding: 30rpx 40rpx 30rpx 0;
+				margin: 42rpx auto 30rpx;
+
+				.upload-left {
+					font-weight: 400;
+					color: #000000;
+				}
+
+				.upload-right {
+					flex: 1;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+
+					.upload-img {
+						width: 150rpx;
+						height: 150rpx;
+						margin-top: 24rpx;
+					}
+				}
+			}
+		}
+
+		.box-1 {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			margin-top: 42rpx;
+			// height: 133rpx;
+
+			.box-left {
+				padding-left: 2rpx;
+				width: 184rpx;
+				text-align: left;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #191919;
+			}
+
+			input {
+				height: 66rpx;
+				line-height: 66rpx;
+				// height: 88rpx;
+			}
+
+			.list-input {
+				padding-left: 22rpx;
+				// margin: 12rpx 0 ;
+				font-size: 28rpx;
+				// line-height: 66rpx;
+				display: flex;
+				align-items: center;
+				flex: 1;
+				color: #000000;
+				width: 500rpx;
+				border: 1px solid #d2d2d2;
+				text-align: left;
+
+				.input-placeholder {
+					height: 70rpx;
+					color: #959595;
+				}
+			}
+
+			.box-right {
+				display: flex;
+				padding-left: 22rpx;
+				height: 66rpx;
+				line-height: 66rpx;
+				border: 1px solid #d2d2d2;
+				// margin: 32rpx 36rpx 0 36rpx;
+				width: 500rpx;
+				font-size: 28rpx;
+				color: #959595;
+				text-align: left !important;
+				// line-height: 1;
+			}
+		}
+	}
+
+	.placeholder {
+		line-height: 66rpx;
+	}
 </style>

pages/form/certificates.vue

@@ -1,588 +1,641 @@
-<template>
+<template>
-	<view class="content">
+	<view class="content">
-		<view class="team" v-if="!is_over">
+		<view class="team" v-if="!is_over">
-			<empty></empty>
+			<empty></empty>
-		</view>
+		</view>
-		<view class="certificates" v-if='is_over'>
+		<view class="certificates" v-if='is_over'>
-			
+			<canvas v-if="showcanvas" id="qrShareBox" canvas-id="qrShareBox" class="tki-qrcode-canvas" />
-			<canvas v-if="showcanvas" id="qrShareBox" canvas-id="qrShareBox" class="tki-qrcode-canvas" />
+			<image class="imgbox" v-else :src="img" mode=" aspectFill"></image>
-			<image class="imgbox" v-else :src="img" mode=" aspectFill"></image>
+		</view>
-		</view>
+
-
+	</view>
-	</view>
+</template>
-</template>
+<script>
-<script>
+	import {
-import { get_training, sign_training, detail_training} from '@/api/train.js';
+		get_training,
-import jyfParser from "@/components/jyf-parser/jyf-parser";
+		sign_training,
-import {
+		detail_training
-		weixindata,
+	} from '@/api/train.js';
-		weixinlocation
+	import jyfParser from "@/components/jyf-parser/jyf-parser";
-	} from '@/utils/wxAuthorized.js';
+	import {
-		import empty from '@/components/empty';
+		weixindata,
-	import {
+		weixinlocation
-		userinfo
+	} from '@/utils/wxAuthorized.js';
-	} from '@/api/user.js';
+	import empty from '@/components/empty';
-	import {
+	import {
-		mapState,
+		userinfo
-		mapMutations
+	} from '@/api/user.js';
-	} from 'vuex';
+	import {
-export default {
+		mapState,
-	components: {
+		mapMutations
-		empty,
+	} from 'vuex';
-	  jyfParser
+	export default {
-	 },
+		components: {
-	data() {
+			empty,
-		return {
+			jyfParser
-			is_over:1,
+		},
-			type:'',//0是个人报名，1是团体报名
+		data() {
-			id:'',
+			return {
-			description:'',
+				send_time: 0,//发证时间
-			list:'',
+				is_over: 1,
-			//个人
+				type: '', //0是个人报名，1是团体报名
-			name:'',
+				id: '',
-			phone:'',
+				description: '',
-			addr:'',
+				list: '',
-			work:'',
+				//个人
-			//团队
+				name: '',
-			company:'',
+				phone: '',
-			address:'',
+				addr: '',
-			companyName:'',
+				work: '',
-			companyphone:'',
+				//团队
-			num:'',
+				company: '',
-			people:'咸宁市红十字会',
+				address: '',
-			signDate:'',
+				companyName: '',
-			loading: true, //是否载入图片中
+				companyphone: '',
-			size: 180,
+				num: '',
-			ratio: 1, //页面比例用于计算
+				people: '咸宁市红十字会',
-			canHeight: '',
+				signDate: '',
-			canWeidth: '',
+				loading: true, //是否载入图片中
-			url:'',
+				size: 180,
-			img:'',
+				ratio: 1, //页面比例用于计算
-			showcanvas:true,
+				canHeight: '',
-			uid:''
+				canWeidth: '',
-		};
+				url: '',
-	},
+				img: '',
-	onLoad(option) {
+				showcanvas: true,
-		this.type = option.type;
+				uid: ''
-		this.id = option.id;
+			};
-		this.IndexShare();
+		},
-		this.loadData();
+		onLoad(option) {
-		
+			this.type = option.type;
-	},
+			// this.id = option.id;
-	onReady() {
+			this.send_time = option.send_time
-		detail_training({
+			// this.
-			id:this.id,
+			this.name = decodeURI(option.name)
-		}).then(({data}) => {
+			this.IndexShare();
-			console.log(999,data)
+			// this.loadData();
-			this.name = data.name
+
-			this.signDate = data.add_time
+		},
-			this.is_over = data.is_over
+		onReady() {
-		console.log(3,data.add_time)
+			// detail_training({
-		let obj = this;
+			// 	id: this.id,
-		let name = obj.name
+			// }).then(({
-		let signDate = obj.signDate
+			// 	data
-	
+			// }) => {
-		function getRecTime(timestamp, fmt) {
+				// console.log(999, data)
-			let d = new Date(timestamp * 1000)
+				// this.name = data.name
-				// f = fmt || 'yyyy/MM/dd', 
+				// this.signDate = data.add_time
-			let	f = fmt || 'yyyy.MM.dd'
+				// this.is_over = data.is_over
-			let	o = {
+				// console.log(3, data.add_time)
-					'M+': d.getMonth() + 1, //月份 
+				let obj = this;
-					'd+': d.getDate(), //日 
+				let name = obj.name
-					'h+': d.getHours(), //小时 
+				let signDate = obj.signDate
-					'm+': d.getMinutes(), //分 
+
-					's+': d.getSeconds(), //秒 
+				function getRecTime(timestamp, fmt) {
-					'q+': Math.floor((d.getMonth() + 3) / 3), //季度 
+					let d = new Date(timestamp * 1000)
-					'S': d.getMilliseconds() //毫秒 
+					// f = fmt || 'yyyy/MM/dd', 
-				};
+					let f = fmt || 'yyyy.MM.dd'
-			if (/(y+)/.test(f)) {
+					let o = {
-				f = f.replace(RegExp.$1, (d.getFullYear() + '').substr(4 - RegExp.$1.length));
+						'M+': d.getMonth() + 1, //月份 
-			}
+						'd+': d.getDate(), //日 
-			for (let k in o) {
+						'h+': d.getHours(), //小时 
-				if (new RegExp('(' + k + ')').test(f)) {
+						'm+': d.getMinutes(), //分 
-					f = f.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)));
+						's+': d.getSeconds(), //秒 
-				}
+						'q+': Math.floor((d.getMonth() + 3) / 3), //季度 
-			}
+						'S': d.getMilliseconds() //毫秒 
-			return f;
+					};
-			console.log(f)
+					if (/(y+)/.test(f)) {
-		}
+						f = f.replace(RegExp.$1, (d.getFullYear() + '').substr(4 - RegExp.$1.length));
-		let m = getRecTime(signDate)
+					}
-		let query = uni.createSelectorQuery();
+					for (let k in o) {
-		// this.loadData();
+						if (new RegExp('(' + k + ')').test(f)) {
-		// 获取页面比例
+							f = f.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr((
-		query
+								'' + o[k]).length)));
-			.select('.certificates')
+						}
-			.fields({
+					}
-					size: true
+					return f;
-				},
+					console.log(f)
-				e => {
+				}
-					console.log('获取页面比例',e)
+				let send_time = getRecTime(obj.send_time)
-					// 保存比例
+				let query = uni.createSelectorQuery();
-					this.ratio = e.width / 750;
+				// this.loadData();
-				}
+				// 获取页面比例
-			)
+				query
-			.exec();
+					.select('.certificates')
-		// 获取画布宽高信息
+					.fields({
-		query
+							size: true
-			.select('#qrShareBox')
+						},
-			.fields({
+						e => {
-					size: true
+							console.log('获取页面比例', e)
-				},
+							// 保存比例
-				e => {
+							this.ratio = e.width / 750;
-					console.log('获取画布宽高信息',e)
+						}
-					obj.canHeight = e.height;
+					)
-					obj.canWeidth = e.width;
+					.exec();
-				}
+				// 获取画布宽高信息
-			)
+				query
-			.exec();
+					.select('#qrShareBox')
-		let ctxBg = '/static/img/graduation.png'; //画布背景
+					.fields({
-		let src = '/static/icon/erweima.jpg' // 二维码
+							size: true
-		let context = uni.createCanvasContext('qrShareBox');
+						},
-		// 插入背景图片
+						e => {
-		context.drawImage(ctxBg, 0, 0, obj.canWeidth, obj.canHeight);
+							console.log('获取画布宽高信息', e)
-		
+							obj.canHeight = e.height;
-		const codeSize = obj.size * obj.ratio; //计算二维码大小
+							obj.canWeidth = e.width;
-		const codeX = ((750 - obj.size) * obj.ratio) / 2; //二维码所在x轴位置
+						}
-		const codeY = 999 * obj.ratio; //二维码所在y轴位置
+					)
-		// console.log('二维码大小',codeSize)
+					.exec();
-		// console.log('二维码所在x轴位置',codeX)
+				let ctxBg = '/static/img/graduation.png'; //画布背景
-		// console.log('二维码所在y轴位置',codeY)
+				let src = '/static/icon/erweima.jpg' // 二维码
-		const codeBoxColor = '#FFFFFF'; //包裹框颜色
+				let context = uni.createCanvasContext('qrShareBox');
-		const codeBoxWidht = 0; //包裹边框宽度
+				// 插入背景图片
-		const codeBoxSize = (codeBoxWidht / 2) * obj.ratio; //计算二维码白色包裹框大小
+				context.drawImage(ctxBg, 0, 0, obj.canWeidth, obj.canHeight);
-		const codeBoxX = codeX - codeBoxSize; //包裹框初始X轴
+
-		const codeBoxY = codeY - codeBoxSize; //包裹框初始Y轴
+				const codeSize = obj.size * obj.ratio; //计算二维码大小
-		const codeBoxEnd = codeSize + codeBoxWidht * obj.ratio; //计算包裹框大小
+				const codeX = ((750 - obj.size) * obj.ratio) / 2; //二维码所在x轴位置
-		const fontTop = codeY + codeBoxEnd + (codeBoxWidht + 20) * obj.ratio; //文字距离上边距高度
+				const codeY = 999 * obj.ratio; //二维码所在y轴位置
-		const fontSize = 24 * obj.ratio; //文字大小
+				// console.log('二维码大小',codeSize)
-		const fontText = ''; //文字内容
+				// console.log('二维码所在x轴位置',codeX)
-		const fontLeft = (codeSize - fontSize * fontText.length) / 2 + codeX; //文字左侧距离
+				// console.log('二维码所在y轴位置',codeY)
-		// // 插入文字
+				const codeBoxColor = '#FFFFFF'; //包裹框颜色
-		context.setFontSize(32 * obj.ratio)
+				const codeBoxWidht = 0; //包裹边框宽度
-		// 画横线
+				const codeBoxSize = (codeBoxWidht / 2) * obj.ratio; //计算二维码白色包裹框大小
-		context.moveTo(90 * obj.ratio, 586 * obj.ratio)
+				const codeBoxX = codeX - codeBoxSize; //包裹框初始X轴
-		context.lineTo(250 * obj.ratio, 586 * obj.ratio)
+				const codeBoxY = codeY - codeBoxSize; //包裹框初始Y轴
-		context.stroke();
+				const codeBoxEnd = codeSize + codeBoxWidht * obj.ratio; //计算包裹框大小
-		context.setTextAlign('center')
+				const fontTop = codeY + codeBoxEnd + (codeBoxWidht + 20) * obj.ratio; //文字距离上边距高度
-		context.fillText(name, 170 * obj.ratio, 574 * obj.ratio)
+				const fontSize = 24 * obj.ratio; //文字大小
-		context.setTextAlign('left')
+				const fontText = ''; //文字内容
-		context.fillText('先生/女士', 260 * obj.ratio, 580 * obj.ratio)
+				const fontLeft = (codeSize - fontSize * fontText.length) / 2 + codeX; //文字左侧距离
-		
+				// // 插入文字
-		context.setFontSize(31 * obj.ratio)
+				context.setFontSize(32 * obj.ratio)
-		
+				// 画横线
-		context.fillText('您已完成咸宁市红十字会普及培训', 105 * obj.ratio, 670 * obj.ratio)
+				context.moveTo(90 * obj.ratio, 586 * obj.ratio)
-		context.fillText('的全部课程，特发此证。', 105 * obj.ratio, 720 * obj.ratio)
+				context.lineTo(250 * obj.ratio, 586 * obj.ratio)
-		context.setFontSize(22 * obj.ratio)
+				context.stroke();
-		context.fillText('签发人:', 300 * obj.ratio, 800 * obj.ratio)
+				context.setTextAlign('center')
-		context.fillText('Siger:', 300 * obj.ratio, 830 * obj.ratio)
+				context.fillText(name, 170 * obj.ratio, 574 * obj.ratio)
-		// 画横线
+				context.setTextAlign('left')
-		context.moveTo(380 * obj.ratio, 830 * obj.ratio)
+				context.fillText('先生/女士', 260 * obj.ratio, 580 * obj.ratio)
-		context.lineTo(660 * obj.ratio, 830 * obj.ratio)
+
-		context.stroke()
+				context.setFontSize(31 * obj.ratio)
-		context.fillText('签发日期:', 300 * obj.ratio, 880 * obj.ratio)
+
-		context.fillText('Issuer Date:', 300 * obj.ratio, 910 * obj.ratio)
+				context.fillText('您已完成咸宁市红十字会普及培训', 105 * obj.ratio, 670 * obj.ratio)
-		context.setFontSize(26 * obj.ratio)
+				context.fillText('的全部课程，特发此证。', 105 * obj.ratio, 720 * obj.ratio)
-		context.fillText(m, 475 * obj.ratio, 908 * obj.ratio)
+				context.setFontSize(22 * obj.ratio)
-		context.fillText('咸宁市红十字会', 440 * obj.ratio, 820 * obj.ratio)
+				context.fillText('签发人:', 300 * obj.ratio, 800 * obj.ratio)
-		// 画横线
+				context.fillText('Siger:', 300 * obj.ratio, 830 * obj.ratio)
-		context.moveTo(430 * obj.ratio, 915 * obj.ratio)
+				// 画横线
-		context.lineTo(660 * obj.ratio, 915 * obj.ratio)
+				context.moveTo(380 * obj.ratio, 830 * obj.ratio)
-		context.stroke()
+				context.lineTo(660 * obj.ratio, 830 * obj.ratio)
-		context.setFontSize(fontSize);
+				context.stroke()
-		context.fillText(fontText, fontLeft, fontTop);
+				context.fillText('签发日期:', 300 * obj.ratio, 880 * obj.ratio)
-		
+				context.fillText('Issuer Date:', 300 * obj.ratio, 910 * obj.ratio)
-		// 插入边框
+				context.setFontSize(26 * obj.ratio)
-		context.beginPath();
+				context.fillText(send_time, 475 * obj.ratio, 908 * obj.ratio)
-		context.setLineJoin('round'); //边框类型
+				context.fillText('咸宁市红十字会', 440 * obj.ratio, 820 * obj.ratio)
-		context.setLineWidth(codeBoxWidht * obj.ratio);
+				// 画横线
-		context.setStrokeStyle(codeBoxColor); //设置包裹框颜色
+				context.moveTo(430 * obj.ratio, 915 * obj.ratio)
-		context.strokeRect(codeBoxX, codeBoxY, codeBoxEnd, codeBoxEnd);
+				context.lineTo(660 * obj.ratio, 915 * obj.ratio)
-		context.stroke();
+				context.stroke()
-		// 插入二维码
+				context.setFontSize(fontSize);
-		context.drawImage(src, codeX, codeY, codeSize, codeSize);
+				context.fillText(fontText, fontLeft, fontTop);
-		context.draw(false,(e) => {
+
-			uni.canvasToTempFilePath({
+				// 插入边框
-			  x: 0,
+				context.beginPath();
-			  y: 0,
+				context.setLineJoin('round'); //边框类型
-			  width: obj.canWeidth,
+				context.setLineWidth(codeBoxWidht * obj.ratio);
-			  height: obj.canHeight,
+				context.setStrokeStyle(codeBoxColor); //设置包裹框颜色
-			  destWidth: obj.canWeidth,
+				context.strokeRect(codeBoxX, codeBoxY, codeBoxEnd, codeBoxEnd);
-			  destHeight: obj.canHeight,
+				context.stroke();
-			  canvasId: 'qrShareBox',
+				// 插入二维码
-			  success: function(res) {
+				context.drawImage(src, codeX, codeY, codeSize, codeSize);
-				  console.log(res)
+				context.draw(false, (e) => {
-					// uni.showModal({
+					uni.canvasToTempFilePath({
-					// 	title:'zhi1'
+						x: 0,
-					// })
+						y: 0,
-			    // 在H5平台下，tempFilePath 为 base64
+						width: obj.canWeidth,
-					// console.log(res.tempFilePath)
+						height: obj.canHeight,
-					obj.showcanvas = false;
+						destWidth: obj.canWeidth,
-					obj.img = res.tempFilePath
+						destHeight: obj.canHeight,
-			  } 
+						canvasId: 'qrShareBox',
-			})
+						success: function(res) {
-		})
+							console.log(res)
-			})
+							// uni.showModal({
-	
+							// 	title:'zhi1'
-	},
+							// })
-
+							// 在H5平台下，tempFilePath 为 base64
-	onShow() {
+							// console.log(res.tempFilePath)
-		this.uid = this.userInfo.uid;
+							obj.showcanvas = false;
-		console.log('this.uid',this.uid)
+							obj.img = res.tempFilePath
-	},
+
-	computed: {
+						}
-		...mapState('user', ['hasLogin', 'userInfo'])
+					})
-	},
+				})
-	methods: {
+			// })
-		...mapMutations('user', ['setUserInfo']),
+
-		// 分享
+		},
-		IndexShare() {
+
-			let obj = this;
+		onShow() {
-			let item = {
+			this.uid = this.userInfo.uid;
-				link:  'http://slj.igxys.com/index/#/pages/train/sign?type=' + obj.type + '&id=' + obj.id + '&uid=' + obj.userInfo.uid,// 分享链接
+			console.log('this.uid', this.uid)
-				imgUrl: '/index/static/img/002.png',
+		},
-				desc: '结业证书',
+		computed: {
-				title: '咸宁市红十字会',
+			...mapState('user', ['hasLogin', 'userInfo']),
-			};
+			...mapState(['baseURL'])
-			console.log('分享加',item)
+		},
-			weixindata(item);
+		methods: {
-		},
+			...mapMutations('user', ['setUserInfo']),
-		async loadData() {
+			// 分享
-			let obj = this;
+			IndexShare() {
-			console.log('当前is_over',obj.is_over)
+				let obj = this;
-			if( obj.is_over == 1 ) {
+				let item = {
-				let uid = obj.userInfo.uid
+					link: obj.baseURL + '/index/#/pages/form/certificates?type=' + obj.type + '&send_time=' + obj.send_time + '&name=' + encodeURI(obj.name), 
-				console.log(9090,uid)
+					imgUrl: '/index/static/img/002.png',
-			}
+					desc: '结业证书',
-			get_training({
+					title: '咸宁市红十字会',
-				id:obj.id,
+				};
-				// uid:uid
+				console.log('分享加', item)
-			}).then(({ data }) => {
+				weixindata(item);
-				obj.list = data;
+			},
-				console.log(9988,data)
+			async loadData() {
-				if(obj.list.content != null){
+				let obj = this;
-					obj.description = obj.list.content.replace(/<img/g,"<img style='max-width:100%;height:auto;'");
+				console.log('当前is_over', obj.is_over)
-				}
+				if (obj.is_over == 1) {
-			});
+					let uid = obj.userInfo.uid
-		
+					console.log(9090, uid)
-		},		
+				}
-		submit(){
+				get_training({
-			let obj = this;
+					id: obj.id,
-			let data = {};
+					// uid:uid
-			if(obj.type==0){
+				}).then(({
-				if(!obj.name){
+					data
-					obj.$api.msg('请填写姓名！');
+				}) => {
-					return;
+					obj.list = data;
-				}
+					console.log(9988, data)
-				if(!obj.phone){
+					if (obj.list.content != null) {
-					obj.$api.msg('请输入联系方式！');
+						obj.description = obj.list.content.replace(/<img/g,
-					return;
+							"<img style='max-width:100%;height:auto;'");
-				}
+					}
-				if(!obj.addr){
+				});
-					obj.$api.msg('请输入联系方式！');
+
-					return;
+			},
-				}
+			submit() {
-				data={
+				let obj = this;
-					name:obj.name,
+				let data = {};
-					work:obj.addr,
+				if (obj.type == 0) {
-					phone:obj.phone,
+					if (!obj.name) {
-					tid:obj.id,
+						obj.$api.msg('请填写姓名！');
-					type:0
+						return;
-				}
+					}
-			}
+					if (!obj.phone) {
-			if(obj.type==1){
+						obj.$api.msg('请输入联系方式！');
-				if(!obj.company){
+						return;
-					obj.$api.msg('请填写企业名称！');
+					}
-					return;
+					if (!obj.addr) {
-				}
+						obj.$api.msg('请输入联系方式！');
-				if(!obj.address){
+						return;
-					obj.$api.msg('请填写企业地址！');
+					}
-					return;
+					data = {
-				}
+						name: obj.name,
-				if(!obj.companyName){
+						work: obj.addr,
-					obj.$api.msg('请填写负责人姓名！');
+						phone: obj.phone,
-					return;
+						tid: obj.id,
-				}
+						type: 0
-				if(!obj.companyphone){
+					}
-					obj.$api.msg('请输入联系方式！');
+				}
-					return;
+				if (obj.type == 1) {
-				}
+					if (!obj.company) {
-				if(!obj.num){
+						obj.$api.msg('请填写企业名称！');
-					obj.$api.msg('请输入参加培训人数！');
+						return;
-					return;
+					}
-				}
+					if (!obj.address) {
-				data={
+						obj.$api.msg('请填写企业地址！');
-					company:obj.company,
+						return;
-					address:obj.address,
+					}
-					name:obj.companyName,
+					if (!obj.companyName) {
-					phone:obj.companyphone,
+						obj.$api.msg('请填写负责人姓名！');
-					num:obj.num,
+						return;
-					tid:obj.id,
+					}
-					type:1
+					if (!obj.companyphone) {
-				}
+						obj.$api.msg('请输入联系方式！');
-			}
+						return;
-			sign_training(data).then(function(e) {
+					}
-				console.log(data.type)
+					if (!obj.num) {
-				let type = data.type
+						obj.$api.msg('请输入参加培训人数！');
-				uni.setStorageSync('type', type)
+						return;
-				obj.$api.msg(e.msg);
+					}
-				setTimeout(function(){ 
+					data = {
-					uni.navigateTo({
+						company: obj.company,
-						url:'/pages/train/index'
+						address: obj.address,
-					})
+						name: obj.companyName,
-				}, 1000);
+						phone: obj.companyphone,
-			}).catch(e => {
+						num: obj.num,
-				obj.$api.msg(e.message);
+						tid: obj.id,
-				setTimeout(function(){
+						type: 1
-					uni.navigateTo({
+					}
-						url:'/pages/train/index'
+				}
-					})
+				sign_training(data).then(function(e) {
-				}, 1000);
+					console.log(data.type)
-			});;
+					let type = data.type
-			
+					uni.setStorageSync('type', type)
-		},
+					obj.$api.msg(e.msg);
-		getRecTime(timestamp, fmt) {
+					setTimeout(function() {
-			let d = new Date(timestamp * 1000),
+						uni.navigateTo({
-				// f = fmt || 'yyyy/MM/dd', 
+							url: '/pages/train/index'
-				f = fmt || 'yyyy.MM.dd hh:mm:ss',
+						})
-				o = {
+					}, 1000);
-					'M+': d.getMonth() + 1, //月份 
+				}).catch(e => {
-					'd+': d.getDate(), //日 
+					obj.$api.msg(e.message);
-					'h+': d.getHours(), //小时 
+					setTimeout(function() {
-					'm+': d.getMinutes(), //分 
+						uni.navigateTo({
-					's+': d.getSeconds(), //秒 
+							url: '/pages/train/index'
-					'q+': Math.floor((d.getMonth() + 3) / 3), //季度 
+						})
-					'S': d.getMilliseconds() //毫秒 
+					}, 1000);
-				};
+				});;
-			if (/(y+)/.test(f)) {
+
-				f = f.replace(RegExp.$1, (d.getFullYear() + '').substr(4 - RegExp.$1.length));
+			},
-			}
+			getRecTime(timestamp, fmt) {
-			for (let k in o) {
+				let d = new Date(timestamp * 1000),
-				if (new RegExp('(' + k + ')').test(f)) {
+					// f = fmt || 'yyyy/MM/dd', 
-					f = f.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)));
+					f = fmt || 'yyyy.MM.dd hh:mm:ss',
-				}
+					o = {
-			}
+						'M+': d.getMonth() + 1, //月份 
-			return f;
+						'd+': d.getDate(), //日 
-			console.log(f)
+						'h+': d.getHours(), //小时 
-		},
+						'm+': d.getMinutes(), //分 
-	}
+						's+': d.getSeconds(), //秒 
-};
+						'q+': Math.floor((d.getMonth() + 3) / 3), //季度 
-</script>
+						'S': d.getMilliseconds() //毫秒 
-
+					};
-<style lang="scss">
+				if (/(y+)/.test(f)) {
-page {
+					f = f.replace(RegExp.$1, (d.getFullYear() + '').substr(4 - RegExp.$1.length));
-	background: #FFFFFF;
+				}
-	width: 100%;
+				for (let k in o) {
-	height: 100%;
+					if (new RegExp('(' + k + ')').test(f)) {
-	.content {
+						f = f.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k])
-		height: 100%;
+							.length)));
-	}
+					}
-}
+				}
-.box{
+				return f;
-	padding: 0rpx 25rpx;
+				console.log(f)
-	width: 100%;
+			},
-}
+		}
-.top-image{
+	};
-	width: 100%;
+</script>
-	height: 300rpx;
+
-}
+<style lang="scss">
-.top-title{
+	page {
-	width: 100%;
+		background: #FFFFFF;
-	text-align: center;
+		width: 100%;
-	padding: 25rpx 0rpx;
+		height: 100%;
-	font-size: 34rpx;
+
-	border-bottom:1rpx dashed #B5B5B5;
+		.content {
-}
+			height: 100%;
-.canten{
+		}
-	text-align: center !important;
+	}
-}
+
-.addr{
+	.box {
-	color: #222222;
+		padding: 0rpx 25rpx;
-	font-size: 28rpx;
+		width: 100%;
-	padding: 25rpx 35rpx;
+	}
-}
+
-.text-box{
+	.top-image {
-	padding: 25rpx 25rpx;
+		width: 100%;
-	padding-bottom: 0rpx !important;
+		height: 300rpx;
-}
+	}
-.text{
+
-	color: #222222;
+	.top-title {
-	font-size: 28rpx;
+		width: 100%;
-	padding-bottom: 15rpx;
+		text-align: center;
-}
+		padding: 25rpx 0rpx;
-.weixin-icon{
+		font-size: 34rpx;
-	width: 100%;
+		border-bottom: 1rpx dashed #B5B5B5;
-	text-align: center;
+	}
-	padding-top: 45rpx;
+
-	image{
+	.canten {
-		width: 248rpx;
+		text-align: center !important;
-		height: 248rpx;
+	}
-	}
+
-}
+	.addr {
-.tip{
+		color: #222222;
-	color: #222222;
+		font-size: 28rpx;
-	font-size: 28rpx;
+		padding: 25rpx 35rpx;
-	width: 100%;
+	}
-	text-align: center;
+
-	padding-bottom: 50rpx;
+	.text-box {
-}
+		padding: 25rpx 25rpx;
-.sign-tip{
+		padding-bottom: 0rpx !important;
-	padding: 25rpx 0rpx;
+	}
-	text-align: center;
+
-	color: #222222;
+	.text {
-	font-size: 28rpx;
+		color: #222222;
-}
+		font-size: 28rpx;
-.form-box{
+		padding-bottom: 15rpx;
-	padding: 0rpx 35rpx;
+	}
-	.label{
+
-		font-size: 34rpx;
+	.weixin-icon {
-		padding: 25rpx 0rpx;
+		width: 100%;
-		text{
+		text-align: center;
-			color: #E62129;
+		padding-top: 45rpx;
-			padding-left: 5rpx;
+
-		}
+		image {
-	}
+			width: 248rpx;
-	input{
+			height: 248rpx;
-		font-size: 28rpx;
+		}
-		color: #222222;
+	}
-		border: 2rpx solid #979797;
+
-		padding: 0rpx 15rpx;
+	.tip {
-		border-radius: 15rpx;
+		color: #222222;
-		height: 80rpx;
+		font-size: 28rpx;
-	}
+		width: 100%;
-}
+		text-align: center;
-.submit{
+		padding-bottom: 50rpx;
-	width: 70%;
+	}
-	margin: 0rpx auto;
+
-	margin-top: 80rpx;
+	.sign-tip {
-	margin-bottom: 80rpx;
+		padding: 25rpx 0rpx;
-	padding: 25rpx 0;
+		text-align: center;
-	text-align: center;
+		color: #222222;
-	background-color: #E62129;
+		font-size: 28rpx;
-	color: #FFFFFF;
+	}
-	font-size: 32rpx;
+
-	border-radius: 10rpx;
+	.form-box {
-}
+		padding: 0rpx 35rpx;
-.grey{
+
-	background-color: #9B9B9B !important;
+		.label {
-}
+			font-size: 34rpx;
-.certificates{
+			padding: 25rpx 0rpx;
-	// padding: 24rpx;
+
-	width: 100%;
+			text {
-	height: 100vh;
+				color: #E62129;
-
+				padding-left: 5rpx;
-}
+			}
-
+		}
-		.tki-qrcode-canvas {
+
-			// width: 700rpx;
+		input {
-			// height: 1245rpx;
+			font-size: 28rpx;
-			width: 750rpx;
+			color: #222222;
-			// padding: 32rpx;
+			border: 2rpx solid #979797;
-			height: 1350rpx;
+			padding: 0rpx 15rpx;
-			margin: 0 auto;
+			border-radius: 15rpx;
-		}
+			height: 80rpx;
-	.bgimg{
+		}
-		width: 100%;
+	}
-		height: 100%;
+
-		image{
+	.submit {
-			width: 100%;
+		width: 70%;
-			height: 100%;
+		margin: 0rpx auto;
-		}
+		margin-top: 80rpx;
-	}
+		margin-bottom: 80rpx;
-	.box-mian{
+		padding: 25rpx 0;
-		
+		text-align: center;
-			width: 100%;
+		background-color: #E62129;
-			height: 100%;
+		color: #FFFFFF;
-			position: absolute;
+		font-size: 32rpx;
-			padding:380rpx 94rpx 200rpx 94rpx;
+		border-radius: 10rpx;
-			color: #333;
+	}
-			left: 0;
+
-			top: 0;
+	.grey {
-			display: flex;
+		background-color: #9B9B9B !important;
-			flex-direction: column;
+	}
-			justify-content: center;
+
-			// align-items: center;
+	.certificates {
-			.name{
+		// padding: 24rpx;
-				display: flex;
+		width: 100%;
-				font-size: 32rpx;
+		height: 100vh;
-				.name-left{
+
-					text-align: center;
+	}
-					// padding: 0 24rpx;
+
-					width: 150rpx;
+	.tki-qrcode-canvas {
-					border-bottom: 2rpx solid #333;
+		// width: 700rpx;
-				}
+		// height: 1245rpx;
-			}
+		width: 750rpx;
-			.info{
+		// padding: 32rpx;
-				margin-top: 68rpx;
+		height: 1350rpx;
-				text-indent: 64rpx;
+		margin: 0 auto;
-				line-height: 58rpx;
+	}
-			}
+
-			.signName{
+	.bgimg {
-				margin-top: 32rpx;
+		width: 100%;
-				display: flex;
+		height: 100%;
-				.signName-left{
+
-					line-height: 34rpx;
+		image {
-					.signName-1{
+			width: 100%;
-						
+			height: 100%;
-					}
+		}
-					.signName-2{
+	}
-						font-size: 28rpx;
+
-					}
+	.box-mian {
-				}
+
-				.signName-right{
+		width: 100%;
-					text-align: left;
+		height: 100%;
-					// width: 100%;
+		position: absolute;
-					padding: 0 12rpx;
+		padding: 380rpx 94rpx 200rpx 94rpx;
-					margin-left: 12rpx;
+		color: #333;
-					
+		left: 0;
-					// width: 288rpx;
+		top: 0;
-					border-bottom: 2rpx solid #333;
+		display: flex;
-					// margin-bottom: 12rpx;
+		flex-direction: column;
-					.list-input {
+		justify-content: center;
-						width: 100%;
+
-						padding: 0 12rpx;
+		// align-items: center;
-						height: 70rpx;
+		.name {
-						font-size: 32rpx;
+			display: flex;
-						text-align: left;
+			font-size: 32rpx;
-						
+
-					}
+			.name-left {
-					.signDate{
+				text-align: center;
-						display: flex;
+				// padding: 0 24rpx;
-						align-items: center;
+				width: 150rpx;
-					}
+				border-bottom: 2rpx solid #333;
-				}
+			}
-			}
+		}
-			.signDate{
+
-				margin-top: 22rpx;
+		.info {
-				display: flex;
+			margin-top: 68rpx;
-				.signName-left{
+			text-indent: 64rpx;
-					line-height: 34rpx;
+			line-height: 58rpx;
-					.signName-1{
+		}
-						
+
-					}
+		.signName {
-					.signName-2{
+			margin-top: 32rpx;
-						font-size: 28rpx;
+			display: flex;
-					}
+
-				}
+			.signName-left {
-				.signName-right{
+				line-height: 34rpx;
-					text-align: left;
+
-					padding-left: 12rpx;
+				.signName-1 {}
-					margin-left: 12rpx;
+
-					width: 288rpx;
+				.signName-2 {
-					border-bottom: 2rpx solid #333;
+					font-size: 28rpx;
-					.list-input {
+				}
-						height: 70rpx;
+			}
-						font-size: 32rpx;
+
-						text-align: left;
+			.signName-right {
-						
+				text-align: left;
-					}
+				// width: 100%;
-					// margin-bottom: 12rpx;
+				padding: 0 12rpx;
-				}
+				margin-left: 12rpx;
-			}
+
-			// background-color: pink;
+				// width: 288rpx;
-		
+				border-bottom: 2rpx solid #333;
-	}
+
-	.imgbox{
+				// margin-bottom: 12rpx;
-		height: 1350rpx;
+				.list-input {
-		width:750rpx;
+					width: 100%;
-	}
+					padding: 0 12rpx;
+					height: 70rpx;
+					font-size: 32rpx;
+					text-align: left;
+
+				}
+
+				.signDate {
+					display: flex;
+					align-items: center;
+				}
+			}
+		}
+
+		.signDate {
+			margin-top: 22rpx;
+			display: flex;
+
+			.signName-left {
+				line-height: 34rpx;
+
+				.signName-1 {}
+
+				.signName-2 {
+					font-size: 28rpx;
+				}
+			}
+
+			.signName-right {
+				text-align: left;
+				padding-left: 12rpx;
+				margin-left: 12rpx;
+				width: 288rpx;
+				border-bottom: 2rpx solid #333;
+
+				.list-input {
+					height: 70rpx;
+					font-size: 32rpx;
+					text-align: left;
+
+				}
+
+				// margin-bottom: 12rpx;
+			}
+		}
+
+		// background-color: pink;
+
+	}
+
+	.imgbox {
+		height: 1350rpx;
+		width: 750rpx;
+	}
 </style>

pages/form/certificatesList.vue

@@ -11,8 +11,8 @@
 					<!-- 订单列表 -->
 					<view class="order-item" @click="ToDetail(item)" v-for="(item, index) in list" :key="index">
 						<view class="list-cell">
-							<image class="image" :src="item.img"></image>
+							<image class="image" :src="baseURL + item.training.image"></image>
-							<view class="list-tpl">{{ item.title }}</view>
+							<view class="list-tpl">{{ item.training.title }}</view>
 						</view>
 					</view>
 				</scroll-view>
@@ -20,7 +20,11 @@
 		</swiper>
 	</view>
 </template>
-<script>
+<script>
+	import {
+		mapState,
+		mapMutations
+	} from 'vuex';
 import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
 import empty from '@/components/empty';
 import uniPopup from '@/components/uni-popup/uni-popup.vue';
@@ -30,6 +34,9 @@ export default {
 		uniLoadMore,
 		empty,
 		uniPopup
+	},
+	computed: {
+		...mapState(['baseURL'])
 	},
 	data() {
 		return {
@@ -93,10 +100,10 @@ export default {
 		},
 		//跳转到详情
 		ToDetail(e) {
-			let type = e.type;
+			let type = e.num == 1 ? '0': '1';//0是个人报名，1是团体报名
-			let id = e.id;
+			// let id = e.id;
 			uni.navigateTo({
-				url: '/pages/form/certificates?type=' + type+'&id='+id
+				url: '/pages/form/certificates?type=' + type+ '&send_time=' + e.sendtime + '&name=' + encodeURI(e.name)
 			});
 		}
 	}

pages/form/tovolApply.vue

@@ -64,7 +64,7 @@
 				<input type="text" placeholder="请填写电子邮件" value="" class="list-input" v-model="email" />
 			</view>
 			<view class="box-1">
-				<view class="box-left">联系地址(选填)</view>
+				<view class="box-left">联系地址<text class="imp">*</text></view>
 				<input type="text" value="" placeholder="请填写联系地址" class="list-input" v-model="address" />
 			</view>
 			<view class="box-1">
@@ -77,7 +77,7 @@
 			</view>
 
 			<view class="box-1">
-				<view class="box-left">教育程度(选填)</view>
+				<view class="box-left">教育程度<text class="imp">*</text></view>
 				<picker @change="bindPickerEdu" :value="index" :range="chooseEdu">
 					<view class="box-right">{{ education }}</view>
 				</picker>
@@ -471,10 +471,10 @@ export default {
 				obj.$api.msg('请填写正确的移动电话');
 				return;
 			}
-			// if (obj.address == '') {
+			if (obj.address == '') {
-			// 	obj.$api.msg('请填写您的地址');
+				obj.$api.msg('请填写您的地址');
-			// 	return;
+				return;
-			// }
+			}
 			// /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/
 
 			if (obj.checked1 === '') {
@@ -485,10 +485,10 @@ export default {
 				obj.$api.msg('请选择是否接受过志愿者服务');
 				return;
 			}
-			// if (obj.cardimg == '') {
+			if (obj.cardimg == '') {
-			// 	obj.$api.msg('请上传您的证件');
+				obj.$api.msg('请上传您的证件');
-			// 	return;
+				return;
-			// }
+			}
 			if (!obj.start_hour){
 				this.$api.msg('请选择开始时间！');
 				return;
@@ -500,11 +500,17 @@ export default {
 			if (!obj.dates) {
 				this.$api.msg('请选择日期！');
 				return;
+			}
+			
+			if(obj.education == '') {
+				this.$api.msg('请选择教育程度！');
+				return;
 			}
 			if (obj.Getchecked == false) {
 				this.$api.msg('请阅读并同意个人声明！');
 				return;
-			}
+			}
+			
 			// let reg1 = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
 			// if (!reg1.test(obj.card)) {
 			// 	obj.$api.msg('请填写正确的身份证信息');

pages/index/index.vue

@@ -8,7 +8,6 @@
 				</swiper-item>
 			</swiper>
 		</view>
-
 		<!-- 分类 -->
 		<view class="cate-section flex">
 			<view class="cate-item flex" @click="aixin">
@@ -19,7 +18,7 @@
 			</view>
 			<view class="cate-item flex" @click="tocontribution">
 				<view class="img-wrapper flex">
-					<image src="../../static/index/index04.png" mode="" class="img"></image>
+					<image src="../../static/index/index04.png" mode="" class="img" style="width: 110rpx;"></image>
 				</view>
 				<view class="item-title">遗体器官捐献</view>
 			</view>
@@ -35,7 +34,7 @@
 				</view>
 				<view class="item-title">红十字志愿者</view>
 			</view>
-			<view class="cate-item flex" @click="tohelpActi">
+			<view class="cate-item flex" @click="navTo('/pages/train/index')">
 				<view class="img-wrapper flex">
 					<image src="../../static/index/index01.png" mode="" class="img"></image>
 				</view>
@@ -47,29 +46,48 @@
 				</view>
 				<view class="item-title">红十字会员</view>
 			</view>
+
 			<view class="cate-item flex" @click="tohelpActi2">
 				<view class="img-wrapper flex">
 					<image src="../../static/index/index09.png" mode="" class="img"></image>
 				</view>
 				<view class="item-title">救在身边系统</view>
 			</view>
+
 			<view class="cate-item flex" @click="tohelpActi3">
 				<view class="img-wrapper flex">
 					<image src="../../static/index/index08.png" mode="" class="img"></image>
 				</view>
 				<view class="item-title">AED智能系统</view>
 			</view>
-			<view class="cate-item flex" @click="tohelpActi">
+			<view class="cate-item flex" @click="navTo('/pages/applic/aid')">
 				<view class="img-wrapper flex">
 					<image src="../../static/index/index06.png" mode="" class="img"></image>
 				</view>
 				<view class="item-title">救护站智能系统</view>
 			</view>
+
 			<view class="cate-item flex" @click="tohelpActi4">
+
+				<!-- <view class="cate-item flex" @click="navTo('/pages/applic/science')">
+>>>>>>> 5ec7ad77fc09eea54533be49c81604a532f61d00
 				<view class="img-wrapper flex">
 					<image src="../../static/index/index05.png" mode="" class="img"></image>
 				</view>
 				<view class="item-title">红会科普</view>
+			</view> -->
+			</view>
+			<view class="redkp flex" @click="navTo('/pages/applic/science')">
+				<image src="../../static/index/index05.png" mode="" class="redkp-img"></image>
+				<view class="redkp-center">
+					<view class="">
+						红会科普
+					</view>
+					<view class="center-btm">
+						一起学习救援知识
+					</view>
+				</view>
+				<image src="../../static/icon/goto.png" mode="" class="goto"></image>
 			</view>
 		</view>
 	</view>
@@ -188,7 +206,7 @@
 					}
 				});
 			} else {
-				
+
 				// this.loadData();
 			}
 		},
@@ -197,7 +215,7 @@
 			saveUrl();
 			let obj = this;
 			let weichatBrowser = uni.getStorageSync('weichatBrowser')
-			if(weichatBrowser) {
+			if (weichatBrowser) {
 				try {
 					let locationAddress;
 					// #ifdef H5
@@ -232,7 +250,7 @@
 						});
 					});
 					// #endif
-				
+
 					// #ifdef MP
 					locationAddress({
 						type: 'gcj02',
@@ -298,7 +316,7 @@
 					});
 					// #endif
 				}
-			}else {
+			} else {
 				uni.getLocation({
 					type: 'gcj02',
 					success: function(res) {
@@ -320,7 +338,7 @@
 					}
 				})
 			}
-			
+
 		},
 		computed: {
 			...mapState('user', ['userInfo', 'baseURL', 'hasLogin']),
@@ -336,7 +354,7 @@
 				loadIndexs({}).then(({
 					data
 				}) => {
-					console.log(data,'index')
+					console.log(data, 'index')
 					this.carouselList = data.banner; //轮播图
 				});
 			},
@@ -347,9 +365,9 @@
 				});
 			},
 			//爱心捐款
-			aixin(){
+			aixin() {
 				uni.navigateTo({
-					url:'/pages/applic/love'
+					url: '/pages/applic/love'
 				})
 			},
 			//提示
@@ -423,24 +441,24 @@
 					url: '/pages/cart/cart'
 				});
 			},
-			tohelpActi1(){
+			tohelpActi1() {
 				uni.navigateTo({
-					url:'../cart/cat1'
+					url: '../cart/cat1'
 				})
 			},
-			tohelpActi2(){
+			tohelpActi2() {
 				uni.navigateTo({
-					url:'/pages/applic/location'
+					url: '/pages/applic/location'
 				})
 			},
-			tohelpActi3(){
+			tohelpActi3() {
 				uni.navigateTo({
-					url:'../applic/aed'
+					url: '../applic/aed'
 				})
 			},
-			tohelpActi4(){
+			tohelpActi4() {
 				uni.navigateTo({
-					url:'/pages/applic/science'
+					url: '/pages/applic/science'
 				})
 			},
 			toOrgan() {
@@ -494,7 +512,7 @@
 				}) => {
 					obj.setUserInfo(data);
 					obj.to_phone = data.mobile || ''
-					
+
 				});
 				if (obj.loadingType === 'noMore') {
 					//防止重复加载
@@ -513,7 +531,8 @@
 					console.log(data, 999);
 					// obj.AEDList = data
 					for (let i = 0; i < data.length; i++) {
-						data[i].space = obj.space(obj.latitude4, obj.longitude4, data[i].latitude, data[i].longitude);
+						data[i].space = obj.space(obj.latitude4, obj.longitude4, data[i].latitude, data[i]
+							.longitude);
 					}
 					obj.AEDList = data;
 					let arr = data.map(item => ({
@@ -539,7 +558,8 @@
 				}) => {
 					console.log(data, '机构+++++++++++++')
 					for (let i = 0; i < data.length; i++) {
-						data[i].space = obj.space(obj.latitude4, obj.longitude4, data[i].latitude, data[i].longitude);
+						data[i].space = obj.space(obj.latitude4, obj.longitude4, data[i].latitude, data[i]
+							.longitude);
 					}
 					let arr = data.map(item => ({
 						latitude: item.latitude,
@@ -561,7 +581,7 @@
 					limit: 2
 				}).then((res) => {
 					let data = res.data;
-					data = data.slice(0,2)
+					data = data.slice(0, 2)
 					console.log('就在身边请求数据', data);
 					console.log('data.phone333', data.phone)
 					data = data.map(d => {
@@ -571,7 +591,7 @@
 						}
 					})
 					obj.jzsblist = data;
-				
+
 					let arr = data.map(item => ({
 						latitude: item.latitude,
 						longitude: item.longitude,
@@ -764,20 +784,24 @@
 
 		// 分类
 		.cate-section {
-			justify-content: space-between;
+			justify-content: space-around;
 			flex-wrap: wrap;
-			
+
-			background-color: #fff;
+			background-color: #fcfcfc;
-			padding: 46rpx 0 30rpx;
+			padding: 46rpx 0 0rpx;
 			height: 100%;
 
 			.cate-item {
-				width: 33.3%;
+				width: 227rpx;
+				height: 192rpx;
+				background: #FFFFFF;
+				box-shadow: 0 0 20rpx 0 rgba(50, 50, 52, 0.06);
+				border-radius: 25px;
 				flex-direction: column;
 				text-align: center;
 				align-items: center;
 				justify-content: center;
-				margin-bottom: 70rpx;
+				margin-bottom: 20rpx;
 
 				.img-wrapper {
 					width: 90rpx;
@@ -798,7 +822,7 @@
 						height: 90rpx;
 					}
 
-				
+
 
 				}
 
@@ -1257,6 +1281,7 @@
 			}
 		}
 	}
+
 	.ewm {
 		width: 75rpx;
 		height: 75rpx;
@@ -1265,9 +1290,9 @@
 		bottom: 200rpx;
 		background-color: #fff;
 		border-radius: 50%;
-	
+
 		box-shadow: 0 0 10rpx rgba($color: #000000, $alpha: 0.6);
-	
+
 		image {
 			width: 50rpx;
 			height: 50rpx;
@@ -1278,25 +1303,63 @@
 			right: 0;
 			margin: auto;
 		}
-	
+
 		.ewm-tit {
 			position: absolute;
 			bottom: 10rpx;
 			font-size: 10rpx;
 		}
-	
+
 		.closeEwm {
 			width: 40rpx;
 			height: 40rpx;
 			position: absolute;
 			top: -40rpx;
 			right: -20rpx;
-	
+
 			image {
 				width: 100%;
 				height: 100%;
 			}
 		}
-	
+
+	}
+
+	.redkp {
+		width: 706rpx;
+		height: 158rpx;
+		background: #FFFFFF;
+		box-shadow: 0 0 20rpx 0 rgba(50, 50, 52, 0.06);
+		border-radius: 25rpx;
+		margin: auto;
+		padding: 25rpx 45rpx;
+		align-items: center;
+
+		.redkp-img {
+			width: 70rpx;
+			height: 89rpx;
+		}
+
+		.redkp-center {
+			font-size: 32rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #333333;
+			padding-left: 30rpx;
+			flex-grow: 1;
+
+			.center-btm {
+				padding-top: 15rpx;
+				font-size: 24rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: rgba(153, 153, 153, 0.5);
+			}
+		}
+
+		.goto {
+			width: 14rpx;
+			height: 27rpx;
+		}
 	}
 </style>

store/index.js

@@ -22,7 +22,9 @@ const store = new Vuex.Store({
 		weichatBrowser: '' ,//当前是否为微信内置浏览器
 		// #endif
 		// shareData:'',//分享信息
-		project_area: 0
+		project_area: 0,
+		sys_appid: 'xnshszh2022120',//系统AppID
+		sys_appsecret: '2022120xnshszh',//系统AppSecret
 	},
 	mutations: {
 	

utils/request.js

@@ -67,8 +67,8 @@ service.interceptors.request(
 	config => {
 		let token = uni.getStorageSync('token') || '';
 		let sign_time = new Date().getTime();
-		let sys_appid = 'xgred20211207'
+		let sys_appid = store.state.sys_appid
-		let sys_appsecret = '70211202dergxxgred20211207'
+		let sys_appsecret = store.state.sys_appsecret
 		let sys_token = md5(md5(sys_appid + sys_appsecret) + sign_time + sha1(sys_appsecret + sign_time))
 
 		if (!config.header) {