10-15-1

pages/applic/contribution.vue

@@ -111,15 +111,10 @@
 					<input type="text" placeholder="请输入联系地址" v-model="address" />
 				</view>
 			</view>
-		</view>
-		
-		
-		
-
+		</view>
 		<view class="submit" @click="confirm()">
 			立即提交
 		</view>
-
 		<uni-popup ref="popup" type="bottom" @click="close">
 			<view class="popup_row">
 				<view class="title">
@@ -263,7 +258,7 @@
 			// console.log(333,options)
 		},
 		onShow() {
-			saveUrl()
+			// saveUrl()
 			// let token = uni.getStorageSync('token');
 			console.log(1, this);
 			// uni.showModal({
@@ -278,6 +273,7 @@
 					content: '您未登录，是否马上登陆?',
 					success: e => {
 						if (e.confirm) {
+							saveUrl()
 							interceptor();
 						}
 					},
@@ -446,8 +442,12 @@
 						paySign: res.paySign,
 						success: function(res) {
 							// obj.$api.msg('支付成功')
+							let date = new Date()
+							let year = date.getFullYear()
+							let month = date.getMonth() >= 9 ? date.getMonth() + 1 : '0'+(date.getMonth() +1 )
+							let day = date.getDay() >= 10 ? date.getDay() : '0' + date.getDay()
 							uni.navigateTo({
-								url: '/pages/form/donaSuccess?money=' + obj.money
+								url: '/pages/form/donaSuccess?money=' + obj.money + '&name=' + obj.donate_er + '&time=' + year + '年' + month + '月' + day +'日'
 							})
 						},
 						fail: function(res) {

pages/form/donaSuccess.vue

@@ -39,7 +39,10 @@ export default {
 			},
 			ran: -1,
 			isStop: true,
-			demo: 0
+			demo: 0,
+			name: '',
+			add_time: '',
+			
 		};
 	},
 	onReady() {
@@ -74,7 +77,7 @@ export default {
 				}
 			)
 			.exec();
-		let ctxBg = '/index/static/img/thanks.png'; //画布背景
+		let ctxBg = '/index/static/img/thanks1.png'; //画布背景
 		let src = '/index/static/icon/erweima.jpg'; // 二维码
 
 		let context = uni.createCanvasContext('qrShareBox');
@@ -100,28 +103,29 @@ export default {
 		// // 插入文字
 		context.setFontSize(28);
 		context.setFillStyle('#d5493b');
-		// context.fillText('感谢信', ((750 - obj.size) * obj.ratio) / 2, 260 * obj.ratio)
+		context.fillText('感谢信', ((750 - obj.size) * obj.ratio) / 2, 260 * obj.ratio)
 		context.setFontSize(30 * obj.ratio);
-		context.fillText('尊敬的捐赠人：', 40 * obj.ratio, 400 * obj.ratio);
-		context.fillText('衷心感谢您对荆州市红十字事业的信任与支持', 100 * obj.ratio, 460 * obj.ratio);
-		context.fillText('！我们已收到您的捐款', 40 * obj.ratio, 515 * obj.ratio);
+		context.fillText('尊敬的' + this.name + ':', 60 * obj.ratio, 350 * obj.ratio);
+		context.fillText('衷心感谢您对荆州市红十字事业的信任与支', 120 * obj.ratio, 410 * obj.ratio);
+		context.fillText('持！我们已收到您的捐款', 60 * obj.ratio, 465 * obj.ratio);
 		// 画横线
-		context.moveTo(340 * obj.ratio, 520 * obj.ratio);
-		context.lineTo(500 * obj.ratio, 520 * obj.ratio);
+		context.moveTo(380 * obj.ratio, 470 * obj.ratio);
+		context.lineTo(540 * obj.ratio, 470 * obj.ratio);
 		context.stroke();
 		context.setTextAlign('center')
-		context.fillText('￥' + obj.money, 420 * obj.ratio, 512 * obj.ratio);
+		context.fillText('￥' + obj.money, 460 * obj.ratio, 465 * obj.ratio);
 		context.setTextAlign('left')
-		context.fillText('元。我们承诺，', 500 * obj.ratio, 515 * obj.ratio);
-		context.fillText('绝不辜负大家的信任，遵照您的意愿，将捐款全部', 40 * obj.ratio, 570 * obj.ratio);
-		context.fillText('用于相关救助项目。您的善举将给受助人带去温暖', 40 * obj.ratio, 625 * obj.ratio);
-		context.fillText('！', 40 * obj.ratio, 680 * obj.ratio);
-		context.fillText('爱心无界，情义无价。谨以此信表达谢意，我', 100 * obj.ratio, 730 * obj.ratio);
+		context.fillText('元。我们承', 540 * obj.ratio, 465 * obj.ratio);
+		context.fillText('诺绝不辜负大家的信任，遵照您的意愿，将捐款', 60 * obj.ratio, 520 * obj.ratio);
+		context.fillText('全部用于相关救助项目。您的善举将给受助人带', 60 * obj.ratio, 575 * obj.ratio);
+		context.fillText('去温暖！', 60 * obj.ratio, 630 * obj.ratio);
+		context.fillText('爱心无界，情义无价。谨以此信表达谢意，', 120 * obj.ratio, 680 * obj.ratio);
 
-		context.fillText('们因您更有力量，因您倍感温暖！', 40 * obj.ratio, 785 * obj.ratio);
+		context.fillText('我们因您更有力量，因您倍感温暖！', 60 * obj.ratio, 735 * obj.ratio);
 		// context.fillText('谨表谢意', (580 * obj.ratio), 680 * obj.ratio)
-		context.fillText('荆州市红十字会', 450 * obj.ratio, 900 * obj.ratio);
-
+		// context.setTextAlign('right')
+		context.fillText('荆州市红十字会', 450 * obj.ratio, 850 * obj.ratio);
+        context.fillText(obj.add_time, 450 * obj.ratio, 910 * obj.ratio);
 		// 插入二维码
 		// console.log(codeX, codeY, codeSize, 999)
 		context.drawImage(src, codeX, codeY, codeSize, codeSize);
@@ -163,6 +167,8 @@ export default {
 	onLoad(option) {
 		console.log(333, option);
 		this.money = option.money;
+		this.name = option.name
+		this.add_time = option.time
 		this.IndexShare();
 		this.ScanAudio(true);
 	},
@@ -186,10 +192,10 @@ export default {
 			let obj = this;
 			// let money = obj.money;
 			let item = {
-				link: 'http://http://jz.red.igxys.com/index/#/pages/form/donaSuccess?money=' + obj.money, // 分享链接
-				imgUrl: 'http://http://jz.red.igxys.com/index/#/static/img/thinks.png',
+				link: 'http://jz.red.igxys.com/index/#/pages/form/donaSuccess?money=' + obj.money + '&name=' + obj.name + '&time=' + obj.add_time, // 分享链接
+				imgUrl: 'http://jz.red.igxys.com/static/img/22.jpg',
 				desc: '感谢信',
-				title: '荆州市红十字会',
+				title: '荆州区红十字会',
 				success: console.log('分享加载成功')
 			};
 			console.log('分享加', item);
@@ -304,8 +310,8 @@ page {
 			border-radius: 28rpx;
 			// background-color: pink;
 			position: absolute;
-			left: 12rpx;
-			top: 250rpx;
+			left: 40rpx;
+			top: 100rpx;
 			z-index: 999;
 		}
 

pages/user/thank.vue

@@ -108,7 +108,7 @@ export default {
 
 		// // 插入文字
 		context.setFontSize(38* obj.ratio);
-		context.setFillStyle('#F5D0A2');
+		context.setFillStyle('#000');
 		// context.fillText('感谢信', ((750 - obj.size) * obj.ratio) / 2, 260 * obj.ratio)
 		context.setFontSize(40 * obj.ratio);
 		context.fillText('感谢 ' , 100 * obj.ratio, 460* obj.ratio)
@@ -150,7 +150,7 @@ export default {
 		}
 		
 		context.setFontSize(38 * obj.ratio);
-		context.fillText("感谢您于" + obj.showtime + "对于", 180* obj.ratio, 560* obj.ratio)
+		context.fillText("感谢您于" + obj.showtime + "对", 180* obj.ratio, 560* obj.ratio)
 		let str = '“' + obj.itemName + "”" + '的爱心捐赠。'
 		if(str.length < 15) {
 			context.fillText(str ,90* obj.ratio, 615* obj.ratio )
@@ -196,129 +196,6 @@ export default {
 			context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,860 * obj.ratio)
 			context.setTextAlign('left')
 		}
-		
-		// if(obj.userName.length<=10){
-		// 	context.fillText('感谢 ' , 273 * obj.ratio, 500 * obj.ratio);
-		// 	context.fillText(obj.userName , 340 * obj.ratio, 500 * obj.ratio);
-		// 	context.fillText('您的爱心捐赠和善心！' , 273 * obj.ratio, 540 * obj.ratio);
-		// }else if(10< obj.userName.length && obj.userName.length <= 20){
-		// 	let center = Math.floor(obj.userName.length/2)
-		// 	let str1 = obj.userName.slice(0,center)
-		// 	let str2 = obj.userName.slice(center,)
-		// 	let des = 5*(20-obj.userName.length)
-		// 	context.fillText('感谢 ' , 260 * obj.ratio, 500 * obj.ratio);
-		// 	context.setTextAlign('center')
-		// 	context.fillText(str1 , (490 - des) * obj.ratio, 480 * obj.ratio);
-		// 	context.fillText(str2 , (490 - des) * obj.ratio, 520 * obj.ratio);
-		// 	context.setTextAlign('left')
-		// 	context.fillText('您的爱心捐赠和善心！' , 260 * obj.ratio, 560 * obj.ratio);
-		// }else if(20< obj.userName.length && obj.userName.length <= 30){
-			
-		// 	let str1 = obj.userName.slice(0,10)
-		// 	let str2 = obj.userName.slice(10,20)
-		// 	let str3 = obj.userName.slice(20,)
-		// 	context.fillText('感谢 ' , 260 * obj.ratio, 500 * obj.ratio);
-		// 	context.setFontSize(24* obj.ratio)
-		// 	context.fillText(str1 , 340 * obj.ratio, 460 * obj.ratio);
-			
-		// 	context.fillText(str2 , 340 * obj.ratio, 490 * obj.ratio);
-		// 	context.setTextAlign('center')
-		// 	context.fillText(str3 , 460 * obj.ratio, 520 * obj.ratio);
-		// 	context.setFontSize(38* obj.ratio)
-		// 	context.setTextAlign('left')
-		// 	context.fillText('您的爱心捐赠和善心！' , 260 * obj.ratio, 565 * obj.ratio);
-		// }
-		// context.setTextAlign('center')
-		// context.setFontSize(40* obj.ratio);
-		// context.setFillStyle('#F5D0A2');
-		// if(obj.userName.length <= 10){
-		// 	context.fillText(obj.userName , (750/2)* obj.ratio, 700 * obj.ratio);
-		// }else if(obj.userName.length <= 20){
-		// 	if(obj.userName.length <= 13){
-		// 		context.setFontSize(28* obj.ratio)
-		// 		context.fillText(obj.userName , (750/2)* obj.ratio, 700 * obj.ratio);
-		// 	}else {
-		// 		let center = Math.floor(obj.userName.length/2)
-		// 		console.log(center,'this.obj.userName.length.center')
-		// 		let str5 = obj.userName.slice(0,center)
-		// 		let str6 = obj.userName.slice(center,)
-		// 		context.setFontSize(28* obj.ratio)
-		// 		context.fillText(str5 , (750/2)* obj.ratio, 675 * obj.ratio);
-		// 		context.fillText(str6 , (750/2)* obj.ratio, 710 * obj.ratio);
-		// 		context.setFontSize(38* obj.ratio)
-		// 	}
-			
-		// }else if(obj.userName.length <= 30){
-		// 	let str5 = obj.userName.slice(0,15)
-		// 	let str6 = obj.userName.slice(15,)
-		// 	context.setFontSize(24* obj.ratio)
-		// 	context.fillText(str5 , (750/2)* obj.ratio, 675 * obj.ratio);
-		// 	context.fillText(str6 , (750/2)* obj.ratio, 710 * obj.ratio);
-		// 	context.setFontSize(38* obj.ratio)
-		// }
-		
-		// //感谢您于2021年1月1日对于“关爱关心留守儿童”的爱心捐赠。特发此证书，以示感谢！红会博爱送温暖 爱康关怀暖人心
-		// context.setTextAlign('left')
-		// context.setFillStyle('#F5D0A2');
-		// context.setFontSize(30* obj.ratio);
-		
-		// if(this.pid != 0){
-		// 	if(obj.itemName.length <= 6){
-		// 		context.fillText('感谢您于 ' + obj.showtime , 198* obj.ratio, 940 * obj.ratio);
-		// 		context.setTextAlign('center')
-		// 		context.fillText('对'+'"'+obj.itemName+'"'+ '的爱心捐赠。',(750/2+20)* obj.ratio,980 * obj.ratio)
-		// 		context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,1025 * obj.ratio)
-		// 	}else if(obj.itemName.length > 6 && obj.itemName.length <= 20){
-		// 		let str1 = obj.itemName.slice(0,13)
-		// 		let str2 = obj.itemName.slice(13,)
-		// 		context.setFontSize(24* obj.ratio)
-		// 		context.setTextAlign('center')
-		// 		context.fillText('感谢您于 ' + obj.showtime + '对于', (750/2)* obj.ratio, 940 * obj.ratio);
-		// 		context.fillText('"'+str1,(750/2)* obj.ratio,970 * obj.ratio)
-		// 		context.fillText(str2+'"' + '的爱心捐赠。',(750/2)* obj.ratio,1000 * obj.ratio)
-		// 		context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,1030 * obj.ratio)
-				
-		// 	}else if(obj.itemName.length > 20 && obj.itemName.length <= 30){
-		// 		let str1 = obj.itemName.slice(0,18)
-		// 		let str2 = obj.itemName.slice(18,)
-		// 		context.setFontSize(22* obj.ratio)
-		// 		context.setTextAlign('center')
-		// 		context.fillText('感谢您于 ' + obj.showtime + '对于', (750/2)* obj.ratio, 940 * obj.ratio);
-		// 		context.fillText('"'+str1,(750/2)* obj.ratio,970 * obj.ratio)
-		// 		context.fillText(str2+'"'+'的爱心捐赠。',(750/2)* obj.ratio,1000 * obj.ratio)
-		// 		context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,1030 * obj.ratio)
-		// 	}
-			
-		// }else {
-		// 	context.fillText('感谢您于 ' + obj.showtime , 198* obj.ratio, 940 * obj.ratio);
-		// 	context.setTextAlign('left')
-		// 	context.fillText('的爱心捐赠。',198* obj.ratio,980 * obj.ratio)
-		// 	context.setTextAlign('center')
-		// 	context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,1025 * obj.ratio)
-		// }
-		
-		
-		// context.fillText('衷心感谢您对荆州市红十字事业的信任与支持', 155 * obj.ratio, 460 * obj.ratio);
-		// context.fillText('！我们已收到您的捐款', 40 * obj.ratio, 515 * obj.ratio);
-		// // 画横线
-		// context.moveTo(340 * obj.ratio, 520 * obj.ratio);
-		// context.lineTo(500 * obj.ratio, 520 * obj.ratio);
-		// context.stroke();
-		// context.fillText('￥' + obj.money, 355 * obj.ratio, 512 * obj.ratio);
-		// context.fillText('元。我们承诺，', 500 * obj.ratio, 515 * obj.ratio);
-		// context.fillText('绝不辜负大家的信任，遵照您的意愿，将捐款全部', 40 * obj.ratio, 570 * obj.ratio);
-		// context.fillText('用于相关救助项目。您的善举将给受助人带去温暖', 40 * obj.ratio, 625 * obj.ratio);
-		// context.fillText('！', 40 * obj.ratio, 680 * obj.ratio);
-		// context.fillText('爱心无界，情义无价。谨以此信表达谢意，我', 100 * obj.ratio, 730 * obj.ratio);
-
-		// context.fillText('们因您更有力量，因您倍感温暖！', 40 * obj.ratio, 785 * obj.ratio);
-		// // context.fillText('谨表谢意', (580 * obj.ratio), 680 * obj.ratio)
-		// context.fillText('荆州市红十字会', 450 * obj.ratio, 900 * obj.ratio);
-		// context.fillText('识别右边二维码', 108 * obj.ratio, 1090 * obj.ratio);
-		// context.fillText('关注荆州市红十字会', 108 * obj.ratio, 1150 * obj.ratio);
-
-		// 插入二维码
-		// console.log(codeX, codeY, codeSize, 999)
 		context.drawImage(src, 490 * obj.ratio, 1140 * obj.ratio, codeSize, codeSize);
 
 		// 生成
@@ -341,29 +218,13 @@ export default {
 		});
 	},
 	onShow() {
-		// var animation = uni.createAnimation();
-		// this.animation = animation;
-		// if (this.isStop) {
-		// 	// 使用动画
-		// 	this.scaleAndScale();
-		// 	this.timer = setInterval(() => {
-		// 		//创建定时器,3秒执行异一次
-		// 		this.scaleAndScale();
-		// 		// console.log('每三秒执行一次 , 达到往复运动的效果')
-		// 	}, 1000);
-		// } else {
-		// 	this.noscaleAndScale();
-		// }
 	},
 	onLoad(option) {
-		// console.log(333, option);
-		// this.money = option.money;
-		// this.IndexShare();
-		// this.ScanAudio(true);
 		this.pid = option.project_id
 		this.userName = option.name
 		this.time = option.time
 		this.itemName = option.title
+		this.IndexShare()
 	},
 	onHide() {
 		//在页面隐藏时也要清除定时器
@@ -373,20 +234,14 @@ export default {
 		}
 	},
 	onUnload() {
-		//在页面卸载时清除定时器 避免出现多个定时器连续创建动画
-		// if (this.timer) {
-		// 	console.log('清除定时器-' + this.timer);
-		// 	clearInterval(this.timer);
-		// }
 	},
 	methods: {
 		// 分享
 		IndexShare() {
 			let obj = this;
-			// let money = obj.money;
 			let item = {
-				link: 'http://http://jz.red.igxys.com/index/#/pages/form/donaSuccess?money=' + obj.money, // 分享链接
-				imgUrl: 'http://http://jz.red.igxys.com/index/#/static/img/thinks.png',
+				link: 'http://jz.red.igxys.com/index/#/pages/user/thank?project_id=' + obj.pid + '&name=' + obj.userName + '&time=' + obj.time + '&title=' + obj.itemName, // 分享链接
+				imgUrl: 'http://jz.red.igxys.com/static/img/22.jpg',
 				desc: '感谢信',
 				title: '荆州市红十字会',
 				success: console.log('分享加载成功')

unpackage/dist/build/h5/index.html

@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>荆州市红十字会</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.f4fc78fe.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.274db71c.js></script><script src=/index/static/js/index.20736fa2.js></script></body></html>
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.f4fc78fe.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.274db71c.js></script><script src=/index/static/js/index.88dc7bd7.js></script></body></html>