Kaynağa Gözat

动态获取门店

lilei 4 yıl önce
ebeveyn
işleme
739afda313

+ 12 - 9
新模板/新年活动 - new/qbyc - 冬季活动/index.html

@@ -476,23 +476,26 @@
 			padding: 0.5em 0;
 			border-bottom: 0.1em solid #666;
 			display: flex;
-			background: #f6f6f6;
+			background: #c8f9e0;
 			color: #333;
 			font-size: 0.8em;
+			justify-content: space-between;
+		}
+		.address,.distanct{
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
+		.distanct{
+			justify-content: flex-end;
 		}
 		.store-info-s{
 			margin:0 1em 1em;
 			padding: 0.5em 1em;
-			background: #f6f6f6;
+			background: #c8f9e0;
 			border-radius: 0 0 0.2em 0.2em;
 		}
-		.store-info-box span:last-child{
-			line-height: 1.5em;
-			display: flex;
-			flex-grow: 1;
-			width: 50%;
-		}
-		.store-info-box span:last-child a{
+		.store-info-box  a{
 			color: #483803;
 			text-decoration: none;
 		}

BIN
新模板/新年活动 - new/qbyc - 冬季活动/qbyc - 冬季活动.zip


+ 256 - 261
新模板/新年活动 - new/qbyc - 冬季活动/script.js

@@ -1,28 +1,29 @@
-var getNode = function(id){
+var getNode = function(id) {
 	return document.getElementById(id)
 }
-var yuyue = getNode("yuyue")  //  预约按钮
-var modal = getNode("zy-h5-modal")  //  预约弹框
-var modalZz = getNode("zy-h5-fix-z")  //  弹框遮罩层
-var submitModal = getNode("submitModal")  //  提交预约
-var canselModal = getNode("canselModal")  //  取消预约
-var userPhone = getNode("userPhone")  //  预约手机号
-var joinerNum = getNode("joinerNum")  //  参与人数
-var store = getNode("store")  //  门店
-var storeId = getQueryString('orgId') || 0  //  门店id
+var yuyue = getNode("yuyue") //  预约按钮
+var modal = getNode("zy-h5-modal") //  预约弹框
+var modalZz = getNode("zy-h5-fix-z") //  弹框遮罩层
+var submitModal = getNode("submitModal") //  提交预约
+var canselModal = getNode("canselModal") //  取消预约
+var userPhone = getNode("userPhone") //  预约手机号
+var joinerNum = getNode("joinerNum") //  参与人数
+var store = getNode("store") //  门店
+var storeId = getQueryString('orgId') || 0 //  门店id
 var companyId = ''
+var storeList = []
 // test,  测试     local、dev:本地开发环境     pre :预发布      pro:生产
-if(baseType == 'test'){
+if (baseType == 'test') {
 	var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
-}else if(baseType == 'local'){
-	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
-}else if(baseType == 'dev'){
-	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
-}else if(baseType == 'pre'){
+} else if (baseType == 'local') {
+	var reqUrl = 'http://192.168.16.102:9110/saas/clz/'
+} else if (baseType == 'dev') {
+	var reqUrl = 'http://192.168.16.102:9110/saas/clz/'
+} else if (baseType == 'pre') {
 	var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
-}else if(baseType == 'pro'){
+} else if (baseType == 'pro') {
 	var reqUrl = 'http://md.chelingzhu.com/saas/clz/'
-}else if(baseType == 'qbx'){
+} else if (baseType == 'qbx') {
 	var reqUrl = 'https://md.qiubcar.com/saas/clz/'
 }
 
@@ -37,12 +38,12 @@ function getQueryString(name) {
 }
 
 //  门店活动统计(参与者轮播)
-function joinerList(companyId){
+function joinerList(companyId) {
 	var obj = JSON.stringify({
-		activeId: activeId,  //  活动id
-		tenantId: storeId,  //  门店id
-		companyId: companyId,  //  公司id
-		status: 9  //  9是假数据的标识
+		activeId: activeId, //  活动id
+		tenantId: storeId, //  门店id
+		companyId: companyId, //  公司id
+		status: 9 //  9是假数据的标识
 	})
 	//  获取门店信息
 	$.ajax({
@@ -52,15 +53,17 @@ function joinerList(companyId){
 		// 设置的是请求参数
 		data: obj,
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
+		success: function(res) {
+			if (res.status == 200) {
 				var data = res.data.list
-				var html = `<div class="kh-list-tr kh-list-tr-head">
+				var html =
+					`<div class="kh-list-tr kh-list-tr-head">
 						<div class="kh-list-td">手机号</div>
 						<div class="kh-list-td">报名状态</div>
 					</div>`
-				for(var i = 0; i < data.length; i++){
-					html += `<div class="kh-list-tr">
+				for (var i = 0; i < data.length; i++) {
+					html +=
+						`<div class="kh-list-tr">
 						<div class="kh-list-td">${data[i].joinerMobile}</div>
 						<div class="kh-list-td">已报名</div>
 					</div>`
@@ -72,26 +75,28 @@ function joinerList(companyId){
 	})
 }
 // 隐藏预约弹框
-var closeYy = function (){
+var closeYy = function() {
 	userPhone.value = ''
 	modal.style.display = 'none'
 	modalZz.style.display = 'none'
 }
 //  校验活动是否还在进行
-function checkActiveValid(){
+function checkActiveValid() {
 	$.ajax({
 		url: reqUrl + 'zycar-mgr/active/checkActiveValid/' + activeId,
 		type: 'get',
-		header: { contentType: 'application/json;charset=UTF-8' },
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
 		// 设置的是请求参数
 		data: {},
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
-				if(res.data){
-					getActivityData()  //  获取活动信息
-				}else{
-					closeLoading()  //  关闭加载状态
+		success: function(res) {
+			if (res.status == 200) {
+				if (res.data) {
+					getActivityData() //  获取活动信息
+				} else {
+					closeLoading() //  关闭加载状态
 					$("#zy-h5-bf-bar").hide()
 					alert('该活动已经结束!')
 				}
@@ -100,71 +105,213 @@ function checkActiveValid(){
 	})
 }
 //  获取活动信息
-function getActivityData(){
+function getActivityData() {
 	//  获取活动信息 (海报和门店二维码)
 	$.ajax({
 		url: reqUrl + 'active/findActiveAttach/' + activeId,
 		type: 'get',
-		header: { contentType: 'application/json;charset=UTF-8' },
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
 		// 设置的是请求参数
 		data: {},
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
+		success: function(res) {
+			if (res.status == 200) {
 				var data = res.data
-				if(staticHtmlPath){  //  发布
+				if (staticHtmlPath) { //  发布
 					// var joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
 					// joinerNum.innerHTML = joinerNumVal
 					$('.zy-h5-store-info').show()
 				}
 				//  根据门店id处理对应页面展示
-				if(storeId){  //  门店端发布活动会传有门店id参数
+				if (storeId) { //  门店端发布活动会传有门店id参数
 					//  获取门店信息
 					$.ajax({
 						url: reqUrl + 'cross/store/' + storeId,
 						type: 'get',
-						header: { contentType: 'application/json;charset=UTF-8' },
+						header: {
+							contentType: 'application/json;charset=UTF-8'
+						},
 						// 设置的是请求参数
 						data: {},
 						dataType: 'json',
-						success: function (result) {
-							if(result.status == 200){
+						success: function(result) {
+							if (result.status == 200) {
 								var data = result.data
 								companyId = data.companyId
-								joinerList(companyId)  //  参与人列表数据
+								joinerList(companyId) //  参与人列表数据
 							}
 						},
 					})
-				}else{  //  运营端发布活动无门店id参数
-					joinerList()  //  参与人列表数据
+				} else { //  运营端发布活动无门店id参数
+					joinerList() //  参与人列表数据
 				}
-				closeLoading()  //  关闭加载状态
+				closeLoading() //  关闭加载状态
 			}
 		},
 	})
 }
+// 获取门店列表接口
+function getStoreData(lat, lng) {
+	console.log(lat, lng)
+	var obj = JSON.stringify({
+		"lat": lat, //  
+		"lng": lng //  
+	})
+
+	if (lat && lng) {
+		$.ajax({
+			url: reqUrl + 'active/activeStores/' + activeId,
+			type: 'post',
+			contentType: 'application/json;charset=UTF-8',
+			// 设置的是请求参数
+			data: obj,
+			dataType: 'json',
+			success: function(res) {
+				console.log(res, 'rrrrrrr')
+				if (res.status == 200) {
+					renderStoreList(res.data)
+				}
+			},
+			error: function(err, status, msg) {
+				console.log(err, 'jsapi error')
+			}
+		})
+	}
+}
+// 拼接门店列表
+function renderStoreList(storeList) {
+	// 适用门店
+	var storeHtml = ''
+	for (var i = 0; i < storeList.length; i++) {
+		var item = storeList[i]
+		var distanct = ''
+		if (item.distanct) {
+			if (item.distanct.distance < 1000 && item.distanct.distance > 0) {
+				distanct = item.distanct.distance + 'm'
+			} else if (item.distanct.distance >= 1000) {
+				distanct = Number(item.distanct.distance / 1000).toFixed(2) + 'km'
+			}
+		}
+		storeHtml = storeHtml + '<div>' +
+			'<div class="store-info-names">' +
+			'<span id="store">' +
+			item.storeName +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-s">' +
+			'<div class="store-info-box">' +
+			'<span>门店电话:' +
+			'<a href="tel:' + item.managerMobile + '">' +
+			'<i class="tel">' +
+			item.managerMobile +
+			'</i>' +
+			'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>' +
+			'</a>' +
+			'</span>' +
+			'<div data-id="' + item.id + '" class="distanct">' +
+			distanct +
+			'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="20" height="20"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>' +
+			'</div>' +
+			'</div>' +
+			'<div class="store-info-box">' +
+			'<span>门店地址:</span>' +
+			'<div data-id="' + item.id + '" class="address">' +
+			'<span>' +
+			item.addrDetail +
+			'</span>' +
+			'</div>' +
+			'</div>' +
+			'</div>' +
+			'</div> '
+	}
+	$(".store-info-card").html(storeHtml)
+	$(".store-info-card").find(".address,.distanct").on("click", function() {
+		var id = $(this).attr("data-id")
+		var row = storeList.find(function(item) {
+			return item.id == id
+		})
+		if (row) {
+			wx.openLocation({
+				latitude: parseFloat(row.lat), // 纬度,浮点数,范围为90 ~ -90
+				longitude: parseFloat(row.lng), // 经度,浮点数,范围为180 ~ -180。
+				name: row.storeName, // 位置名
+				address: row.addrDetail, // 地址详情说明
+				scale: 18, // 地图缩放级别,整形值,范围从1~28。默认为最大
+				infoUrl: '', // 在查看位置界面底部显示的超链接,可点击跳转
+				success(res) {
+					console.log(1111);
+					console.log(res);
+				},
+				fail(err) {
+					console.log(222);
+					console.log(err);
+				},
+			});
+		}
+	})
+}
+
+function storeRender(storeList) {
+	// 适用门店
+	var storeHtml = ''
+	for (var i = 0; i < storeList.length; i++) {
+		var item = storeList[i]
+		storeHtml = storeHtml + '<div>' +
+			'<div class="store-info-names">' +
+			'<span id="store">' +
+			item.storeName +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-s">' +
+			'<div class="store-info-box">' +
+			'<span>门店电话:</span>' +
+			'<span>' +
+			'<a href="tel:' + item.managerMobile + '">' +
+			'<i class="tel">' +
+			item.managerMobile +
+			'</i>' +
+			'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>' +
+			'</a>' +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-box">' +
+			'<span>门店地址:</span>' +
+			'<div class="address">' +
+			'<span>' +
+			item.addrDetail +
+			'</span>' +
+			'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="16" height="16"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>' +
+			'</div>' +
+			'</div>' +
+			'</div>' +
+			'</div> '
+	}
+	$(".store-info-card").html(storeHtml)
+}
 //  关闭加载状态
-function closeLoading(){
-	if(staticHtmlPath){  //  发布
+function closeLoading() {
+	if (staticHtmlPath) { //  发布
 		// 关闭加载状态
 		document.getElementById('foo').style.display = 'none'
 		modalZz.style.display = 'none'
 		// 不是微信端打开的页面
-		if(!browser.versions.weixin){
+		if (!browser.versions.weixin) {
 			document.querySelector('.zy-h5-bf-bar').style.display = 'none'
 			document.querySelector('.zy-h5-fx-bar').style.display = 'none'
-		}else{
+		} else {
 			document.querySelector('.zy-h5-bf-bar').style.display = 'flex'
 			document.querySelector('.zy-h5-fx-bar').style.display = 'block'
 		}
 	}
 }
 // 加载中
-function onLoading(){
+function onLoading() {
 	// 隐藏参与和分享按钮
 	document.querySelector('.zy-h5-bf-bar').style.display = 'none'
 	document.querySelector('.zy-h5-fx-bar').style.display = 'none'
-	modalZz.style.display = 'block'  //  遮罩层
+	modalZz.style.display = 'block' //  遮罩层
 	var opts = {
 		lines: 9, // The number of lines to draw
 		length: 0, // The length of each line
@@ -186,238 +333,87 @@ function onLoading(){
 	var spinner = new Spinner(opts).spin(target);
 }
 
-// 门店列表数据
-var storeList = [
-	{
-		name: '门店名称:成都绿地·468公馆店',
-		phone: '15828127428',
-		address: '成都市锦江区枫树街1380号喆啡酒店 地下停车场负一楼'
-	},
-	{
-		name: '门店名称:成都绿地·绿地城店',
-		phone: '15308191276',
-		address: '成都市新都区大丰镇大天路877号 (绿地城售楼部旁)'
-	},
-	{
-		name: '门店名称:成都融创·凯旋公馆店',
-		phone: '13547140131',
-		address: '成都市新都区四川省成都市新都区润丰路与萃杰路交叉口'
-	},
-	{
-		name: '门店名称:成都锦巷兰台店',
-		phone: '13540110656',
-		address: '成都市郫都区金粮路五粮二街-锦巷兰 台99号'
-	},
-	{
-		name: '门店名称:成都高新中德店',
-		phone: '18982072756',
-		address: '成都市双流区观东三街600号'
-	},
-	{
-		name: '门店名称:成都绿地伊藤店',
-		phone: '13608012280',
-		address: '成都市锦江区喜树街35号'
-	},
-	{
-		name: '门店名称:成都武海美丽南庭店',
-		phone: '15682008564',
-		address: '成都市武侯区成都市招商银行火车南 站东路支行边'
-	},
-	{
-		name: '门店名称:成都鹭岛国际店',
-		phone: '15828253229',
-		address: '成都市武侯区成都市武侯区栖霞路9号 魔方公寓'
-	},
-	{
-		name: '门店名称:成都华熙528店',
-		phone: '13683444731',
-		address: '成都市锦江区雨树巷28号M空间'
-	},
-	{
-		name: '门店名称:成都观玺台店',
-		phone: '15390017856',
-		address: '成都市青羊区万花二路'
-	},
-	{
-		name: '门店名称:成都北湖国际城',
-		phone: '18811217445',
-		address: '成都市成华区湖秀二路36号附144号'
-	},
-	{
-		name: '门店名称:成都果壳里店',
-		phone: '15884425259',
-		address: '成都市龙泉驿区桃都大道中段888号 西南方向30米'
-	},
-	{
-		name: '门店名称:成都佳年华店',
-		phone: '15828240413',
-		address: '成都市温江区四川省成都市温江区公 平镇江平路351号'
-	},
-	{
-		name: '门店名称:西安融创宸院店',
-		phone: '17735999701',
-		address: '西安市雁塔区西沣四路融创天朗陇府 二期3单元106号'
-	},
-	{
-		name: '门店名称:西安绿地生态城店',
-		phone: '17791603702',
-		address: '西安市雁塔区绿地生态城三期47栋 10106号商铺'
-	},
-	{
-		name: '门店名称:南昌融创文旅城店',
-		phone: '15970424022',
-		address: '南昌市东湖区九龙湖南龙潘街'
-	},
-	{
-		name: '门店名称:南昌象湖店',
-		phone: '15070087991',
-		address: '南昌市南昌县象湖新城东连路与金沙 二路交叉口'
-	},
-	{
-		name: '门店名称:重庆国博城店',
-		phone: '18225194261',
-		address: '重庆城区渝北区重庆市渝北区悦融二 路123号'
-	},
-	{
-		name: '门店名称:重庆涪陵一号店',
-		phone: '15223859181',
-		address: '重庆市涪陵区滨江大道二段96号'
-	},
-	{
-		name: '门店名称:重庆融创凡尔赛店',
-		phone: '15696190424',
-		address: '重庆城区渝北区星融路11号附34号'
-	},
-	{
-		name: '门店名称:长沙保利香槟店',
-		phone: '13278848088',
-		address: '长沙市长沙县长沙市星沙县保利香槟 国际C6栋101号'
-	},
-	{
-		name: '门店名称:长沙润和又一城店',
-		phone: '15907309957',
-		address: '长沙市望城区月亮岛路润和又一城底 商12/13栋115-118号'
-	},
-	{
-		name: '门店名称:长沙楚天逸品店',
-		phone: '18373056961',
-		address: '长沙市开福区湘江北路三段48号楚天 逸品底商1516-1517号'
-	},
-	{
-		name: '门店名称:长沙梅溪湖金茂悦店',
-		phone: '15399987130',
-		address: '长沙市岳麓区梅溪湖麓云路268号金茂 悦底商11栋105-110号'
-	},
-	{
-		name: '门店名称:长沙北大资源店',
-		phone: '13278879588',
-		address: '长沙市岳麓区洋湖街道北大资源时光小 区8/9栋101-103号'
-	}
-	]
-
-window.onload = function(){
-	// 适用门店
-	var storeHtml = ''
-	for(var i=0;i<storeList.length;i++){
-		var item = storeList[i]
-		storeHtml = storeHtml + '<div>'+
-						'<div class="store-info-names">'+
-							'<span id="store">'+ 
-							 item.name +
-							'</span>'+
-						'</div>'+
-						'<div class="store-info-s">'+
-							'<div class="store-info-box">'+
-								'<span>门店电话:</span>'+
-								'<span>'+
-									'<a href="tel:'+item.phone+'">'+
-										'<i class="tel">'+
-											item.phone + 
-										'</i>'+
-										'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>'+
-									'</a>'+
-								'</span>'+
-							'</div>'+
-							'<div class="store-info-box">'+
-								'<span>门店地址:</span>'+
-								'<span class="address">'+
-									item.address +
-								'</span>'+
-							'</div>'+
-						'</div>'+
-					'</div> '
-	}
-	$(".store-info-card").html(storeHtml)
-	
+window.onload = function() {
 	// 单击查看门店
-	$("#showStore").click(function(){
+	$("#showStore").click(function() {
 		var _this = this
 		$(".mask").show()
-		$(".store-info-list").animate({bottom:'0em'},"slow",function(){
-			$("body").css({'height':'100%','overflow':'hidden'})
+		$(".store-info-list").animate({
+			bottom: '0em'
+		}, "slow", function() {
+			$("body").css({
+				'height': '100%',
+				'overflow': 'hidden'
+			})
 			$(_this).hide()
 		})
 	})
 	// 关闭查看门店
-	$("#close-store,.mask").click(function(e){
+	$("#close-store,.mask").click(function(e) {
 		e.stopPropagation()
-		$(".store-info-list").animate({bottom:'-1000em'},"slow")
-		$("body").css({'height':'auto','overflow':'auto'})
+		$(".store-info-list").animate({
+			bottom: '-1000em'
+		}, "slow")
+		$("body").css({
+			'height': 'auto',
+			'overflow': 'auto'
+		})
 		$("#showStore").show()
 		$(".mask").hide()
 	})
-	
+
 	// 查看地址
-	// $(".address").click(function(e){
-	// 	e.stopPropagation()
-	// 	wx.openLocation({
-	// 	    latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90
-	// 	    longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。
-	// 	    name: item.name, // 位置名
-	// 	    address: item.addrDetail, // 地址详情说明
-	// 	    scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大
-	// 	    infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
-	// 	});
-	// })
-	
+	$(".address").click(function(item) {
+		console.log(item, 'eeeeeeee')
+		e.stopPropagation()
+		wx.openLocation({
+			latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90
+			longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。
+			name: item.name, // 位置名
+			address: item.addrDetail, // 地址详情说明
+			scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大
+			infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
+		});
+	})
+
 	// 分享初始化
-	setTimeout(function(){
+	setTimeout(function() {
 		shareCls.getWxCofing(reqUrl)
-	},500)
-	
-	if(staticHtmlPath){  //  发布
-		onLoading()  //  加载中
+	}, 500)
+
+	if (staticHtmlPath) { //  发布
+		onLoading() //  加载中
 		checkActiveValid()
-	}else{  //  预览
-		getActivityData()  //  获取活动信息
+	} else { //  预览
+		getActivityData() //  获取活动信息
 	}
-	
+
 	// 打开预约弹框
-	yuyue.onclick = function(){
+	yuyue.onclick = function() {
 		modal.style.display = 'block'
 		modalZz.style.display = 'block'
 	}
 	// 关闭预约弹框
-	canselModal.onclick = function(){
+	canselModal.onclick = function() {
 		closeYy()
 	}
 	// 提交预约
-	submitModal.onclick = function(){
+	submitModal.onclick = function() {
 		// 提交代码到后台
 		var mobile = userPhone.value
-		if(mobile==''){
+		if (mobile == '') {
 			alert("请输入手机号码");
-			return false; 
+			return false;
 		}
-		if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))){ 
-			alert("手机号码错误,请重填");  
-			return false; 
+		if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))) {
+			alert("手机号码错误,请重填");
+			return false;
 		}
 		var obj = JSON.stringify({
-			"joinerMobile": mobile,  //  参与手机号
-			"activeId": activeId,  //  活动id
-			"tenantId": storeId,  //  门店id
-			"companyId": companyId  //  公司id
+			"joinerMobile": mobile, //  参与手机号
+			"activeId": activeId, //  活动id
+			"tenantId": storeId, //  门店id
+			"companyId": companyId //  公司id
 		})
 		//  立即参与
 		$.ajax({
@@ -427,8 +423,8 @@ window.onload = function(){
 			// 设置的是请求参数
 			data: obj,
 			dataType: 'json',
-			success: function (res) {
-				if(res.status == 200){
+			success: function(res) {
+				if (res.status == 200) {
 					closeYy()
 				}
 				alert(res.message)
@@ -436,4 +432,3 @@ window.onload = function(){
 		})
 	}
 }
- 

+ 11 - 1
新模板/新年活动 - new/qbyc - 冬季活动/shareWx.js

@@ -74,6 +74,15 @@ var shareCls = {
 				 	  // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
 				 	  wx.updateTimelineShareData(shareObj)
 				   }
+				   // 获取用户位置信息
+				   wx.getLocation({
+				    type: 'wgs84',
+				    success (res) {
+				      const latitude = res.latitude
+				      const longitude = res.longitude
+				      getStoreData(latitude,longitude)
+				    }
+				   })
 				 });
 			},
 			error: function(err,status,msg){
@@ -96,7 +105,8 @@ var shareCls = {
 		if (from || appinstall || sec || timekey) {
 			window.location.href = url;
 		}
-	}
+	},
+	
 }
 
 

+ 12 - 9
新模板/新年活动 - new/qbyc - 冬季活动/tpl.html

@@ -440,23 +440,26 @@
 			padding: 0.5em 0;
 			border-bottom: 0.1em solid #666;
 			display: flex;
-			background: #f6f6f6;
+			background: #c8f9e0;
 			color: #333;
 			font-size: 0.8em;
+			justify-content: space-between;
+		}
+		.address,.distanct{
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
+		.distanct{
+			justify-content: flex-end;
 		}
 		.store-info-s{
 			margin:0 1em 1em;
 			padding: 0.5em 1em;
-			background: #f6f6f6;
+			background: #c8f9e0;
 			border-radius: 0 0 0.2em 0.2em;
 		}
-		.store-info-box span:last-child{
-			line-height: 1.5em;
-			display: flex;
-			flex-grow: 1;
-			width: 50%;
-		}
-		.store-info-box span:last-child a{
+		.store-info-box  a{
 			color: #483803;
 			text-decoration: none;
 		}

+ 12 - 10
新模板/新年活动 - new/qbyc - 夏季活动/index.html

@@ -472,24 +472,26 @@
 			padding: 0.5em 0;
 			border-bottom: 0.1em solid #666;
 			display: flex;
-			background: #f6f6f6;
+			background: #c8f9e0;
 			color: #333;
 			font-size: 0.8em;
+			justify-content: space-between;
+		}
+		.address,.distanct{
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
+		.distanct{
+			justify-content: flex-end;
 		}
 		.store-info-s{
 			margin:0 1em 1em;
 			padding: 0.5em 1em;
-			background: #f6f6f6;
+			background: #c8f9e0;
 			border-radius: 0 0 0.2em 0.2em;
-			box-shadow: 1px 1px 5px #ccc;
-		}
-		.store-info-box span:last-child{
-			line-height: 1.5em;
-			display: flex;
-			flex-grow: 1;
-			width: 50%;
 		}
-		.store-info-box span:last-child a{
+		.store-info-box  a{
 			color: #483803;
 			text-decoration: none;
 		}

BIN
新模板/新年活动 - new/qbyc - 夏季活动/qbyc - 夏季活动.zip


+ 256 - 261
新模板/新年活动 - new/qbyc - 夏季活动/script.js

@@ -1,28 +1,29 @@
-var getNode = function(id){
+var getNode = function(id) {
 	return document.getElementById(id)
 }
-var yuyue = getNode("yuyue")  //  预约按钮
-var modal = getNode("zy-h5-modal")  //  预约弹框
-var modalZz = getNode("zy-h5-fix-z")  //  弹框遮罩层
-var submitModal = getNode("submitModal")  //  提交预约
-var canselModal = getNode("canselModal")  //  取消预约
-var userPhone = getNode("userPhone")  //  预约手机号
-var joinerNum = getNode("joinerNum")  //  参与人数
-var store = getNode("store")  //  门店
-var storeId = getQueryString('orgId') || 0  //  门店id
+var yuyue = getNode("yuyue") //  预约按钮
+var modal = getNode("zy-h5-modal") //  预约弹框
+var modalZz = getNode("zy-h5-fix-z") //  弹框遮罩层
+var submitModal = getNode("submitModal") //  提交预约
+var canselModal = getNode("canselModal") //  取消预约
+var userPhone = getNode("userPhone") //  预约手机号
+var joinerNum = getNode("joinerNum") //  参与人数
+var store = getNode("store") //  门店
+var storeId = getQueryString('orgId') || 0 //  门店id
 var companyId = ''
+var storeList = []
 // test,  测试     local、dev:本地开发环境     pre :预发布      pro:生产
-if(baseType == 'test'){
+if (baseType == 'test') {
 	var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
-}else if(baseType == 'local'){
-	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
-}else if(baseType == 'dev'){
-	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
-}else if(baseType == 'pre'){
+} else if (baseType == 'local') {
+	var reqUrl = 'http://192.168.16.102:9110/saas/clz/'
+} else if (baseType == 'dev') {
+	var reqUrl = 'http://192.168.16.102:9110/saas/clz/'
+} else if (baseType == 'pre') {
 	var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
-}else if(baseType == 'pro'){
+} else if (baseType == 'pro') {
 	var reqUrl = 'http://md.chelingzhu.com/saas/clz/'
-}else if(baseType == 'qbx'){
+} else if (baseType == 'qbx') {
 	var reqUrl = 'https://md.qiubcar.com/saas/clz/'
 }
 
@@ -37,12 +38,12 @@ function getQueryString(name) {
 }
 
 //  门店活动统计(参与者轮播)
-function joinerList(companyId){
+function joinerList(companyId) {
 	var obj = JSON.stringify({
-		activeId: activeId,  //  活动id
-		tenantId: storeId,  //  门店id
-		companyId: companyId,  //  公司id
-		status: 9  //  9是假数据的标识
+		activeId: activeId, //  活动id
+		tenantId: storeId, //  门店id
+		companyId: companyId, //  公司id
+		status: 9 //  9是假数据的标识
 	})
 	//  获取门店信息
 	$.ajax({
@@ -52,15 +53,17 @@ function joinerList(companyId){
 		// 设置的是请求参数
 		data: obj,
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
+		success: function(res) {
+			if (res.status == 200) {
 				var data = res.data.list
-				var html = `<div class="kh-list-tr kh-list-tr-head">
+				var html =
+					`<div class="kh-list-tr kh-list-tr-head">
 						<div class="kh-list-td">手机号</div>
 						<div class="kh-list-td">报名状态</div>
 					</div>`
-				for(var i = 0; i < data.length; i++){
-					html += `<div class="kh-list-tr">
+				for (var i = 0; i < data.length; i++) {
+					html +=
+						`<div class="kh-list-tr">
 						<div class="kh-list-td">${data[i].joinerMobile}</div>
 						<div class="kh-list-td">已报名</div>
 					</div>`
@@ -72,26 +75,28 @@ function joinerList(companyId){
 	})
 }
 // 隐藏预约弹框
-var closeYy = function (){
+var closeYy = function() {
 	userPhone.value = ''
 	modal.style.display = 'none'
 	modalZz.style.display = 'none'
 }
 //  校验活动是否还在进行
-function checkActiveValid(){
+function checkActiveValid() {
 	$.ajax({
 		url: reqUrl + 'zycar-mgr/active/checkActiveValid/' + activeId,
 		type: 'get',
-		header: { contentType: 'application/json;charset=UTF-8' },
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
 		// 设置的是请求参数
 		data: {},
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
-				if(res.data){
-					getActivityData()  //  获取活动信息
-				}else{
-					closeLoading()  //  关闭加载状态
+		success: function(res) {
+			if (res.status == 200) {
+				if (res.data) {
+					getActivityData() //  获取活动信息
+				} else {
+					closeLoading() //  关闭加载状态
 					$("#zy-h5-bf-bar").hide()
 					alert('该活动已经结束!')
 				}
@@ -100,71 +105,213 @@ function checkActiveValid(){
 	})
 }
 //  获取活动信息
-function getActivityData(){
+function getActivityData() {
 	//  获取活动信息 (海报和门店二维码)
 	$.ajax({
 		url: reqUrl + 'active/findActiveAttach/' + activeId,
 		type: 'get',
-		header: { contentType: 'application/json;charset=UTF-8' },
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
 		// 设置的是请求参数
 		data: {},
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
+		success: function(res) {
+			if (res.status == 200) {
 				var data = res.data
-				if(staticHtmlPath){  //  发布
+				if (staticHtmlPath) { //  发布
 					// var joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
 					// joinerNum.innerHTML = joinerNumVal
 					$('.zy-h5-store-info').show()
 				}
 				//  根据门店id处理对应页面展示
-				if(storeId){  //  门店端发布活动会传有门店id参数
+				if (storeId) { //  门店端发布活动会传有门店id参数
 					//  获取门店信息
 					$.ajax({
 						url: reqUrl + 'cross/store/' + storeId,
 						type: 'get',
-						header: { contentType: 'application/json;charset=UTF-8' },
+						header: {
+							contentType: 'application/json;charset=UTF-8'
+						},
 						// 设置的是请求参数
 						data: {},
 						dataType: 'json',
-						success: function (result) {
-							if(result.status == 200){
+						success: function(result) {
+							if (result.status == 200) {
 								var data = result.data
 								companyId = data.companyId
-								joinerList(companyId)  //  参与人列表数据
+								joinerList(companyId) //  参与人列表数据
 							}
 						},
 					})
-				}else{  //  运营端发布活动无门店id参数
-					joinerList()  //  参与人列表数据
+				} else { //  运营端发布活动无门店id参数
+					joinerList() //  参与人列表数据
 				}
-				closeLoading()  //  关闭加载状态
+				closeLoading() //  关闭加载状态
 			}
 		},
 	})
 }
+// 获取门店列表接口
+function getStoreData(lat, lng) {
+	console.log(lat, lng)
+	var obj = JSON.stringify({
+		"lat": lat, //  
+		"lng": lng //  
+	})
+
+	if (lat && lng) {
+		$.ajax({
+			url: reqUrl + 'active/activeStores/' + activeId,
+			type: 'post',
+			contentType: 'application/json;charset=UTF-8',
+			// 设置的是请求参数
+			data: obj,
+			dataType: 'json',
+			success: function(res) {
+				console.log(res, 'rrrrrrr')
+				if (res.status == 200) {
+					renderStoreList(res.data)
+				}
+			},
+			error: function(err, status, msg) {
+				console.log(err, 'jsapi error')
+			}
+		})
+	}
+}
+// 拼接门店列表
+function renderStoreList(storeList) {
+	// 适用门店
+	var storeHtml = ''
+	for (var i = 0; i < storeList.length; i++) {
+		var item = storeList[i]
+		var distanct = ''
+		if (item.distanct) {
+			if (item.distanct.distance < 1000 && item.distanct.distance > 0) {
+				distanct = item.distanct.distance + 'm'
+			} else if (item.distanct.distance >= 1000) {
+				distanct = Number(item.distanct.distance / 1000).toFixed(2) + 'km'
+			}
+		}
+		storeHtml = storeHtml + '<div>' +
+			'<div class="store-info-names">' +
+			'<span id="store">' +
+			item.storeName +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-s">' +
+			'<div class="store-info-box">' +
+			'<span>门店电话:' +
+			'<a href="tel:' + item.managerMobile + '">' +
+			'<i class="tel">' +
+			item.managerMobile +
+			'</i>' +
+			'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>' +
+			'</a>' +
+			'</span>' +
+			'<div data-id="' + item.id + '" class="distanct">' +
+			distanct +
+			'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="20" height="20"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>' +
+			'</div>' +
+			'</div>' +
+			'<div class="store-info-box">' +
+			'<span>门店地址:</span>' +
+			'<div data-id="' + item.id + '" class="address">' +
+			'<span>' +
+			item.addrDetail +
+			'</span>' +
+			'</div>' +
+			'</div>' +
+			'</div>' +
+			'</div> '
+	}
+	$(".store-info-card").html(storeHtml)
+	$(".store-info-card").find(".address,.distanct").on("click", function() {
+		var id = $(this).attr("data-id")
+		var row = storeList.find(function(item) {
+			return item.id == id
+		})
+		if (row) {
+			wx.openLocation({
+				latitude: parseFloat(row.lat), // 纬度,浮点数,范围为90 ~ -90
+				longitude: parseFloat(row.lng), // 经度,浮点数,范围为180 ~ -180。
+				name: row.storeName, // 位置名
+				address: row.addrDetail, // 地址详情说明
+				scale: 18, // 地图缩放级别,整形值,范围从1~28。默认为最大
+				infoUrl: '', // 在查看位置界面底部显示的超链接,可点击跳转
+				success(res) {
+					console.log(1111);
+					console.log(res);
+				},
+				fail(err) {
+					console.log(222);
+					console.log(err);
+				},
+			});
+		}
+	})
+}
+
+function storeRender(storeList) {
+	// 适用门店
+	var storeHtml = ''
+	for (var i = 0; i < storeList.length; i++) {
+		var item = storeList[i]
+		storeHtml = storeHtml + '<div>' +
+			'<div class="store-info-names">' +
+			'<span id="store">' +
+			item.storeName +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-s">' +
+			'<div class="store-info-box">' +
+			'<span>门店电话:</span>' +
+			'<span>' +
+			'<a href="tel:' + item.managerMobile + '">' +
+			'<i class="tel">' +
+			item.managerMobile +
+			'</i>' +
+			'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>' +
+			'</a>' +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-box">' +
+			'<span>门店地址:</span>' +
+			'<div class="address">' +
+			'<span>' +
+			item.addrDetail +
+			'</span>' +
+			'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="16" height="16"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>' +
+			'</div>' +
+			'</div>' +
+			'</div>' +
+			'</div> '
+	}
+	$(".store-info-card").html(storeHtml)
+}
 //  关闭加载状态
-function closeLoading(){
-	if(staticHtmlPath){  //  发布
+function closeLoading() {
+	if (staticHtmlPath) { //  发布
 		// 关闭加载状态
 		document.getElementById('foo').style.display = 'none'
 		modalZz.style.display = 'none'
 		// 不是微信端打开的页面
-		if(!browser.versions.weixin){
+		if (!browser.versions.weixin) {
 			document.querySelector('.zy-h5-bf-bar').style.display = 'none'
 			document.querySelector('.zy-h5-fx-bar').style.display = 'none'
-		}else{
+		} else {
 			document.querySelector('.zy-h5-bf-bar').style.display = 'flex'
 			document.querySelector('.zy-h5-fx-bar').style.display = 'block'
 		}
 	}
 }
 // 加载中
-function onLoading(){
+function onLoading() {
 	// 隐藏参与和分享按钮
 	document.querySelector('.zy-h5-bf-bar').style.display = 'none'
 	document.querySelector('.zy-h5-fx-bar').style.display = 'none'
-	modalZz.style.display = 'block'  //  遮罩层
+	modalZz.style.display = 'block' //  遮罩层
 	var opts = {
 		lines: 9, // The number of lines to draw
 		length: 0, // The length of each line
@@ -186,238 +333,87 @@ function onLoading(){
 	var spinner = new Spinner(opts).spin(target);
 }
 
-// 门店列表数据
-var storeList = [
-	{
-		name: '门店名称:成都绿地·468公馆店',
-		phone: '15828127428',
-		address: '成都市锦江区枫树街1380号喆啡酒店 地下停车场负一楼'
-	},
-	{
-		name: '门店名称:成都绿地·绿地城店',
-		phone: '15308191276',
-		address: '成都市新都区大丰镇大天路877号 (绿地城售楼部旁)'
-	},
-	{
-		name: '门店名称:成都融创·凯旋公馆店',
-		phone: '13547140131',
-		address: '成都市新都区四川省成都市新都区润丰路与萃杰路交叉口'
-	},
-	{
-		name: '门店名称:成都锦巷兰台店',
-		phone: '13540110656',
-		address: '成都市郫都区金粮路五粮二街-锦巷兰 台99号'
-	},
-	{
-		name: '门店名称:成都高新中德店',
-		phone: '18982072756',
-		address: '成都市双流区观东三街600号'
-	},
-	{
-		name: '门店名称:成都绿地伊藤店',
-		phone: '13608012280',
-		address: '成都市锦江区喜树街35号'
-	},
-	{
-		name: '门店名称:成都武海美丽南庭店',
-		phone: '15682008564',
-		address: '成都市武侯区成都市招商银行火车南 站东路支行边'
-	},
-	{
-		name: '门店名称:成都鹭岛国际店',
-		phone: '15828253229',
-		address: '成都市武侯区成都市武侯区栖霞路9号 魔方公寓'
-	},
-	{
-		name: '门店名称:成都华熙528店',
-		phone: '13683444731',
-		address: '成都市锦江区雨树巷28号M空间'
-	},
-	{
-		name: '门店名称:成都观玺台店',
-		phone: '15390017856',
-		address: '成都市青羊区万花二路'
-	},
-	{
-		name: '门店名称:成都北湖国际城',
-		phone: '18811217445',
-		address: '成都市成华区湖秀二路36号附144号'
-	},
-	{
-		name: '门店名称:成都果壳里店',
-		phone: '15884425259',
-		address: '成都市龙泉驿区桃都大道中段888号 西南方向30米'
-	},
-	{
-		name: '门店名称:成都佳年华店',
-		phone: '15828240413',
-		address: '成都市温江区四川省成都市温江区公 平镇江平路351号'
-	},
-	{
-		name: '门店名称:西安融创宸院店',
-		phone: '17735999701',
-		address: '西安市雁塔区西沣四路融创天朗陇府 二期3单元106号'
-	},
-	{
-		name: '门店名称:西安绿地生态城店',
-		phone: '17791603702',
-		address: '西安市雁塔区绿地生态城三期47栋 10106号商铺'
-	},
-	{
-		name: '门店名称:南昌融创文旅城店',
-		phone: '15970424022',
-		address: '南昌市东湖区九龙湖南龙潘街'
-	},
-	{
-		name: '门店名称:南昌象湖店',
-		phone: '15070087991',
-		address: '南昌市南昌县象湖新城东连路与金沙 二路交叉口'
-	},
-	{
-		name: '门店名称:重庆国博城店',
-		phone: '18225194261',
-		address: '重庆城区渝北区重庆市渝北区悦融二 路123号'
-	},
-	{
-		name: '门店名称:重庆涪陵一号店',
-		phone: '15223859181',
-		address: '重庆市涪陵区滨江大道二段96号'
-	},
-	{
-		name: '门店名称:重庆融创凡尔赛店',
-		phone: '15696190424',
-		address: '重庆城区渝北区星融路11号附34号'
-	},
-	{
-		name: '门店名称:长沙保利香槟店',
-		phone: '13278848088',
-		address: '长沙市长沙县长沙市星沙县保利香槟 国际C6栋101号'
-	},
-	{
-		name: '门店名称:长沙润和又一城店',
-		phone: '15907309957',
-		address: '长沙市望城区月亮岛路润和又一城底 商12/13栋115-118号'
-	},
-	{
-		name: '门店名称:长沙楚天逸品店',
-		phone: '18373056961',
-		address: '长沙市开福区湘江北路三段48号楚天 逸品底商1516-1517号'
-	},
-	{
-		name: '门店名称:长沙梅溪湖金茂悦店',
-		phone: '15399987130',
-		address: '长沙市岳麓区梅溪湖麓云路268号金茂 悦底商11栋105-110号'
-	},
-	{
-		name: '门店名称:长沙北大资源店',
-		phone: '13278879588',
-		address: '长沙市岳麓区洋湖街道北大资源时光小 区8/9栋101-103号'
-	}
-	]
-
-window.onload = function(){
-	// 适用门店
-	var storeHtml = ''
-	for(var i=0;i<storeList.length;i++){
-		var item = storeList[i]
-		storeHtml = storeHtml + '<div>'+
-						'<div class="store-info-names">'+
-							'<span id="store">'+ 
-							 item.name +
-							'</span>'+
-						'</div>'+
-						'<div class="store-info-s">'+
-							'<div class="store-info-box">'+
-								'<span>门店电话:</span>'+
-								'<span>'+
-									'<a href="tel:'+item.phone+'">'+
-										'<i class="tel">'+
-											item.phone + 
-										'</i>'+
-										'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>'+
-									'</a>'+
-								'</span>'+
-							'</div>'+
-							'<div class="store-info-box">'+
-								'<span>门店地址:</span>'+
-								'<span class="address">'+
-									item.address +
-								'</span>'+
-							'</div>'+
-						'</div>'+
-					'</div> '
-	}
-	$(".store-info-card").html(storeHtml)
-	
+window.onload = function() {
 	// 单击查看门店
-	$("#showStore").click(function(){
+	$("#showStore").click(function() {
 		var _this = this
 		$(".mask").show()
-		$(".store-info-list").animate({bottom:'0em'},"slow",function(){
-			$("body").css({'height':'100%','overflow':'hidden'})
+		$(".store-info-list").animate({
+			bottom: '0em'
+		}, "slow", function() {
+			$("body").css({
+				'height': '100%',
+				'overflow': 'hidden'
+			})
 			$(_this).hide()
 		})
 	})
 	// 关闭查看门店
-	$("#close-store,.mask").click(function(e){
+	$("#close-store,.mask").click(function(e) {
 		e.stopPropagation()
-		$(".store-info-list").animate({bottom:'-1000em'},"slow")
-		$("body").css({'height':'auto','overflow':'auto'})
+		$(".store-info-list").animate({
+			bottom: '-1000em'
+		}, "slow")
+		$("body").css({
+			'height': 'auto',
+			'overflow': 'auto'
+		})
 		$("#showStore").show()
 		$(".mask").hide()
 	})
-	
+
 	// 查看地址
-	// $(".address").click(function(e){
-	// 	e.stopPropagation()
-	// 	wx.openLocation({
-	// 	    latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90
-	// 	    longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。
-	// 	    name: item.name, // 位置名
-	// 	    address: item.addrDetail, // 地址详情说明
-	// 	    scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大
-	// 	    infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
-	// 	});
-	// })
-	
+	$(".address").click(function(item) {
+		console.log(item, 'eeeeeeee')
+		e.stopPropagation()
+		wx.openLocation({
+			latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90
+			longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。
+			name: item.name, // 位置名
+			address: item.addrDetail, // 地址详情说明
+			scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大
+			infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
+		});
+	})
+
 	// 分享初始化
-	setTimeout(function(){
+	setTimeout(function() {
 		shareCls.getWxCofing(reqUrl)
-	},500)
-	
-	if(staticHtmlPath){  //  发布
-		onLoading()  //  加载中
+	}, 500)
+
+	if (staticHtmlPath) { //  发布
+		onLoading() //  加载中
 		checkActiveValid()
-	}else{  //  预览
-		getActivityData()  //  获取活动信息
+	} else { //  预览
+		getActivityData() //  获取活动信息
 	}
-	
+
 	// 打开预约弹框
-	yuyue.onclick = function(){
+	yuyue.onclick = function() {
 		modal.style.display = 'block'
 		modalZz.style.display = 'block'
 	}
 	// 关闭预约弹框
-	canselModal.onclick = function(){
+	canselModal.onclick = function() {
 		closeYy()
 	}
 	// 提交预约
-	submitModal.onclick = function(){
+	submitModal.onclick = function() {
 		// 提交代码到后台
 		var mobile = userPhone.value
-		if(mobile==''){
+		if (mobile == '') {
 			alert("请输入手机号码");
-			return false; 
+			return false;
 		}
-		if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))){ 
-			alert("手机号码错误,请重填");  
-			return false; 
+		if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))) {
+			alert("手机号码错误,请重填");
+			return false;
 		}
 		var obj = JSON.stringify({
-			"joinerMobile": mobile,  //  参与手机号
-			"activeId": activeId,  //  活动id
-			"tenantId": storeId,  //  门店id
-			"companyId": companyId  //  公司id
+			"joinerMobile": mobile, //  参与手机号
+			"activeId": activeId, //  活动id
+			"tenantId": storeId, //  门店id
+			"companyId": companyId //  公司id
 		})
 		//  立即参与
 		$.ajax({
@@ -427,8 +423,8 @@ window.onload = function(){
 			// 设置的是请求参数
 			data: obj,
 			dataType: 'json',
-			success: function (res) {
-				if(res.status == 200){
+			success: function(res) {
+				if (res.status == 200) {
 					closeYy()
 				}
 				alert(res.message)
@@ -436,4 +432,3 @@ window.onload = function(){
 		})
 	}
 }
- 

+ 11 - 1
新模板/新年活动 - new/qbyc - 夏季活动/shareWx.js

@@ -74,6 +74,15 @@ var shareCls = {
 				 	  // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
 				 	  wx.updateTimelineShareData(shareObj)
 				   }
+				   // 获取用户位置信息
+				   wx.getLocation({
+				    type: 'wgs84',
+				    success (res) {
+				      const latitude = res.latitude
+				      const longitude = res.longitude
+				      getStoreData(latitude,longitude)
+				    }
+				   })
 				 });
 			},
 			error: function(err,status,msg){
@@ -96,7 +105,8 @@ var shareCls = {
 		if (from || appinstall || sec || timekey) {
 			window.location.href = url;
 		}
-	}
+	},
+	
 }
 
 

+ 27 - 25
新模板/新年活动 - new/qbyc - 夏季活动/tpl.html

@@ -427,31 +427,33 @@
 			position: relative;
 			font-size: 0.9em;
 		}
-		.store-info-box{
-			padding: 0.5em 0;
-			border-bottom: 0.1em solid #666;
-			display: flex;
-			background: #f6f6f6;
-			color: #333;
-			font-size: 0.8em;
-		}
-		.store-info-s{
-			margin:0 1em 1em;
-			padding: 0.5em 1em;
-			background: #f6f6f6;
-			border-radius: 0 0 0.2em 0.2em;
-			box-shadow: 1px 1px 5px #ccc;
-		}
-		.store-info-box span:last-child{
-			line-height: 1.5em;
-			display: flex;
-			flex-grow: 1;
-			width: 50%;
-		}
-		.store-info-box span:last-child a{
-			color: #483803;
-			text-decoration: none;
-		}
+		 .store-info-box{
+		 	padding: 0.5em 0;
+		 	border-bottom: 0.1em solid #666;
+		 	display: flex;
+		 	background: #c8f9e0;
+		 	color: #333;
+		 	font-size: 0.8em;
+		 	justify-content: space-between;
+		 }
+		 .address,.distanct{
+		 	flex: 1;
+		 	display: flex;
+		 	align-items: center;
+		 }
+		 .distanct{
+		 	justify-content: flex-end;
+		 }
+		 .store-info-s{
+		 	margin:0 1em 1em;
+		 	padding: 0.5em 1em;
+		 	background: #c8f9e0;
+		 	border-radius: 0 0 0.2em 0.2em;
+		 }
+		 .store-info-box  a{
+		 	color: #483803;
+		 	text-decoration: none;
+		 }
 		 
 		.zy-h5-store-info >.qg-cont{
 			padding: 0.5em;

+ 27 - 24
新模板/新年活动 - new/qbyc - 春季健康大礼包/index.html

@@ -472,30 +472,33 @@
 			position: relative;
 			font-size: 0.9em;
 		}
-		.store-info-box{
-			padding: 0.5em 0;
-			border-bottom: 0.1em solid #666;
-			display: flex;
-			background: #c8f9e0;
-			color: #333;
-			font-size: 0.8em;
-		}
-		.store-info-s{
-			margin:0 1em 1em;
-			padding: 0.5em 1em;
-			background: #c8f9e0;
-			border-radius: 0 0 0.2em 0.2em;
-		}
-		.store-info-box span:last-child{
-			line-height: 1.5em;
-			display: flex;
-			flex-grow: 1;
-			width: 50%;
-		}
-		.store-info-box span:last-child a{
-			color: #483803;
-			text-decoration: none;
-		}
+		 .store-info-box{
+		 	padding: 0.5em 0;
+		 	border-bottom: 0.1em solid #666;
+		 	display: flex;
+		 	background: #c8f9e0;
+		 	color: #333;
+		 	font-size: 0.8em;
+		 	justify-content: space-between;
+		 }
+		 .address,.distanct{
+		 	flex: 1;
+		 	display: flex;
+		 	align-items: center;
+		 }
+		 .distanct{
+		 	justify-content: flex-end;
+		 }
+		 .store-info-s{
+		 	margin:0 1em 1em;
+		 	padding: 0.5em 1em;
+		 	background: #c8f9e0;
+		 	border-radius: 0 0 0.2em 0.2em;
+		 }
+		 .store-info-box  a{
+		 	color: #483803;
+		 	text-decoration: none;
+		 }
 		 
 		.zy-h5-store-info >.qg-cont{
 			padding: 0.5em;

BIN
新模板/新年活动 - new/qbyc - 春季健康大礼包/qbyc - 春季健康大礼包.zip


+ 225 - 196
新模板/新年活动 - new/qbyc - 春季健康大礼包/script.js

@@ -1,29 +1,29 @@
-var getNode = function(id){
+var getNode = function(id) {
 	return document.getElementById(id)
 }
-var yuyue = getNode("yuyue")  //  预约按钮
-var modal = getNode("zy-h5-modal")  //  预约弹框
-var modalZz = getNode("zy-h5-fix-z")  //  弹框遮罩层
-var submitModal = getNode("submitModal")  //  提交预约
-var canselModal = getNode("canselModal")  //  取消预约
-var userPhone = getNode("userPhone")  //  预约手机号
-var joinerNum = getNode("joinerNum")  //  参与人数
-var store = getNode("store")  //  门店
-var storeId = getQueryString('orgId') || 0  //  门店id
+var yuyue = getNode("yuyue") //  预约按钮
+var modal = getNode("zy-h5-modal") //  预约弹框
+var modalZz = getNode("zy-h5-fix-z") //  弹框遮罩层
+var submitModal = getNode("submitModal") //  提交预约
+var canselModal = getNode("canselModal") //  取消预约
+var userPhone = getNode("userPhone") //  预约手机号
+var joinerNum = getNode("joinerNum") //  参与人数
+var store = getNode("store") //  门店
+var storeId = getQueryString('orgId') || 0 //  门店id
 var companyId = ''
 var storeList = []
 // test,  测试     local、dev:本地开发环境     pre :预发布      pro:生产
-if(baseType == 'test'){
+if (baseType == 'test') {
 	var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
-}else if(baseType == 'local'){
+} else if (baseType == 'local') {
 	var reqUrl = 'http://192.168.16.102:9110/saas/clz/'
-}else if(baseType == 'dev'){
+} else if (baseType == 'dev') {
 	var reqUrl = 'http://192.168.16.102:9110/saas/clz/'
-}else if(baseType == 'pre'){
+} else if (baseType == 'pre') {
 	var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
-}else if(baseType == 'pro'){
+} else if (baseType == 'pro') {
 	var reqUrl = 'http://md.chelingzhu.com/saas/clz/'
-}else if(baseType == 'qbx'){
+} else if (baseType == 'qbx') {
 	var reqUrl = 'https://md.qiubcar.com/saas/clz/'
 }
 
@@ -38,12 +38,12 @@ function getQueryString(name) {
 }
 
 //  门店活动统计(参与者轮播)
-function joinerList(companyId){
+function joinerList(companyId) {
 	var obj = JSON.stringify({
-		activeId: activeId,  //  活动id
-		tenantId: storeId,  //  门店id
-		companyId: companyId,  //  公司id
-		status: 9  //  9是假数据的标识
+		activeId: activeId, //  活动id
+		tenantId: storeId, //  门店id
+		companyId: companyId, //  公司id
+		status: 9 //  9是假数据的标识
 	})
 	//  获取门店信息
 	$.ajax({
@@ -53,15 +53,17 @@ function joinerList(companyId){
 		// 设置的是请求参数
 		data: obj,
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
+		success: function(res) {
+			if (res.status == 200) {
 				var data = res.data.list
-				var html = `<div class="kh-list-tr kh-list-tr-head">
+				var html =
+					`<div class="kh-list-tr kh-list-tr-head">
 						<div class="kh-list-td">手机号</div>
 						<div class="kh-list-td">报名状态</div>
 					</div>`
-				for(var i = 0; i < data.length; i++){
-					html += `<div class="kh-list-tr">
+				for (var i = 0; i < data.length; i++) {
+					html +=
+						`<div class="kh-list-tr">
 						<div class="kh-list-td">${data[i].joinerMobile}</div>
 						<div class="kh-list-td">已报名</div>
 					</div>`
@@ -73,26 +75,28 @@ function joinerList(companyId){
 	})
 }
 // 隐藏预约弹框
-var closeYy = function (){
+var closeYy = function() {
 	userPhone.value = ''
 	modal.style.display = 'none'
 	modalZz.style.display = 'none'
 }
 //  校验活动是否还在进行
-function checkActiveValid(){
+function checkActiveValid() {
 	$.ajax({
 		url: reqUrl + 'zycar-mgr/active/checkActiveValid/' + activeId,
 		type: 'get',
-		header: { contentType: 'application/json;charset=UTF-8' },
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
 		// 设置的是请求参数
 		data: {},
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
-				if(res.data){
-					getActivityData()  //  获取活动信息
-				}else{
-					closeLoading()  //  关闭加载状态
+		success: function(res) {
+			if (res.status == 200) {
+				if (res.data) {
+					getActivityData() //  获取活动信息
+				} else {
+					closeLoading() //  关闭加载状态
 					$("#zy-h5-bf-bar").hide()
 					alert('该活动已经结束!')
 				}
@@ -101,188 +105,213 @@ function checkActiveValid(){
 	})
 }
 //  获取活动信息
-function getActivityData(){
+function getActivityData() {
 	//  获取活动信息 (海报和门店二维码)
 	$.ajax({
 		url: reqUrl + 'active/findActiveAttach/' + activeId,
 		type: 'get',
-		header: { contentType: 'application/json;charset=UTF-8' },
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
 		// 设置的是请求参数
 		data: {},
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
+		success: function(res) {
+			if (res.status == 200) {
 				var data = res.data
-				if(staticHtmlPath){  //  发布
+				if (staticHtmlPath) { //  发布
 					// var joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
 					// joinerNum.innerHTML = joinerNumVal
 					$('.zy-h5-store-info').show()
 				}
 				//  根据门店id处理对应页面展示
-				if(storeId){  //  门店端发布活动会传有门店id参数
+				if (storeId) { //  门店端发布活动会传有门店id参数
 					//  获取门店信息
 					$.ajax({
 						url: reqUrl + 'cross/store/' + storeId,
 						type: 'get',
-						header: { contentType: 'application/json;charset=UTF-8' },
+						header: {
+							contentType: 'application/json;charset=UTF-8'
+						},
 						// 设置的是请求参数
 						data: {},
 						dataType: 'json',
-						success: function (result) {
-							if(result.status == 200){
+						success: function(result) {
+							if (result.status == 200) {
 								var data = result.data
 								companyId = data.companyId
-								joinerList(companyId)  //  参与人列表数据
+								joinerList(companyId) //  参与人列表数据
 							}
 						},
 					})
-				}else{  //  运营端发布活动无门店id参数
-					joinerList()  //  参与人列表数据
+				} else { //  运营端发布活动无门店id参数
+					joinerList() //  参与人列表数据
 				}
-				closeLoading()  //  关闭加载状态
+				closeLoading() //  关闭加载状态
 			}
 		},
 	})
 }
 // 获取门店列表接口
-function getStoreData(lat,lng){
-<<<<<<< HEAD
+function getStoreData(lat, lng) {
+	console.log(lat, lng)
 	var obj = JSON.stringify({
-		"lat": lat,  //  
-		"lng": lng  //  
+		"lat": lat, //  
+		"lng": lng //  
 	})
-	$.ajax({
-		url: reqUrl + 'active/activeStores/' + activeId,
-		type: 'post',
-		contentType: 'application/json;charset=UTF-8',
-		// 设置的是请求参数
-		data: obj,
-		dataType: 'json',
-		success:function(res){
-			console.log(res,'rrrrrrr')
-			if(res.status == 200) {
-				storeRender(res.data)
-=======
-	console.log(lat,lng)
-	if(lat&&lng){
+
+	if (lat && lng) {
 		$.ajax({
 			url: reqUrl + 'active/activeStores/' + activeId,
 			type: 'post',
-			header: { contentType: 'application/json;charset=UTF-8' },
+			contentType: 'application/json;charset=UTF-8',
 			// 设置的是请求参数
-			data: {
-				lat:lat,
-				lng:lng
-			},
+			data: obj,
 			dataType: 'json',
-			success:function(res){
-				console.log(res,'rrrrrrr')
-				if(res.status == 200) {
-					renderStoreList(res.data.list)
+			success: function(res) {
+				console.log(res, 'rrrrrrr')
+				if (res.status == 200) {
+					renderStoreList(res.data)
 				}
 			},
-			error: function(err,status,msg){
-				console.log(err,'jsapi error')
->>>>>>> d5939f649982747c922d9ccd78a81cf4f1987ee4
+			error: function(err, status, msg) {
+				console.log(err, 'jsapi error')
 			}
 		})
 	}
 }
 // 拼接门店列表
-function renderStoreList(storeList){
-		// 适用门店
-		var storeHtml = ''
-		for(var i=0;i<storeList.length;i++){
-			var item = storeList[i]
-			storeHtml = storeHtml + '<div>'+
-							'<div class="store-info-names">'+
-								'<span id="store">'+ 
-								 item.name +
-								'</span>'+
-							'</div>'+
-							'<div class="store-info-s">'+
-								'<div class="store-info-box">'+
-									'<span>门店电话:</span>'+
-									'<span>'+
-										'<a href="tel:'+item.phone+'">'+
-											'<i class="tel">'+
-												item.phone + 
-											'</i>'+
-											'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>'+
-										'</a>'+
-									'</span>'+
-								'</div>'+
-								'<div class="store-info-box">'+
-									'<span>门店地址:</span>'+
-									'<div class="address">'+
-										'<span>'+
-											item.address +
-										'</span>'+'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="200" height="200"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>'+
-									'</div>'+
-								'</div>'+
-							'</div>'+
-						'</div> '
+function renderStoreList(storeList) {
+	// 适用门店
+	var storeHtml = ''
+	for (var i = 0; i < storeList.length; i++) {
+		var item = storeList[i]
+		var distanct = ''
+		if (item.distanct) {
+			if (item.distanct.distance < 1000 && item.distanct.distance > 0) {
+				distanct = item.distanct.distance + 'm'
+			} else if (item.distanct.distance >= 1000) {
+				distanct = Number(item.distanct.distance / 1000).toFixed(2) + 'km'
+			}
 		}
-		$(".store-info-card").html(storeHtml)
+		storeHtml = storeHtml + '<div>' +
+			'<div class="store-info-names">' +
+			'<span id="store">' +
+			item.storeName +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-s">' +
+			'<div class="store-info-box">' +
+			'<span>门店电话:' +
+			'<a href="tel:' + item.managerMobile + '">' +
+			'<i class="tel">' +
+			item.managerMobile +
+			'</i>' +
+			'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>' +
+			'</a>' +
+			'</span>' +
+			'<div data-id="' + item.id + '" class="distanct">' +
+			distanct +
+			'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="20" height="20"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>' +
+			'</div>' +
+			'</div>' +
+			'<div class="store-info-box">' +
+			'<span>门店地址:</span>' +
+			'<div data-id="' + item.id + '" class="address">' +
+			'<span>' +
+			item.addrDetail +
+			'</span>' +
+			'</div>' +
+			'</div>' +
+			'</div>' +
+			'</div> '
+	}
+	$(".store-info-card").html(storeHtml)
+	$(".store-info-card").find(".address,.distanct").on("click", function() {
+		var id = $(this).attr("data-id")
+		var row = storeList.find(function(item) {
+			return item.id == id
+		})
+		if (row) {
+			wx.openLocation({
+				latitude: parseFloat(row.lat), // 纬度,浮点数,范围为90 ~ -90
+				longitude: parseFloat(row.lng), // 经度,浮点数,范围为180 ~ -180。
+				name: row.storeName, // 位置名
+				address: row.addrDetail, // 地址详情说明
+				scale: 18, // 地图缩放级别,整形值,范围从1~28。默认为最大
+				infoUrl: '', // 在查看位置界面底部显示的超链接,可点击跳转
+				success(res) {
+					console.log(1111);
+					console.log(res);
+				},
+				fail(err) {
+					console.log(222);
+					console.log(err);
+				},
+			});
+		}
+	})
 }
+
 function storeRender(storeList) {
 	// 适用门店
 	var storeHtml = ''
-	for(var i=0;i<storeList.length;i++){
+	for (var i = 0; i < storeList.length; i++) {
 		var item = storeList[i]
-		storeHtml = storeHtml + '<div>'+
-						'<div class="store-info-names">'+
-							'<span id="store">'+ 
-							 item.storeName +
-							'</span>'+
-						'</div>'+
-						'<div class="store-info-s">'+
-							'<div class="store-info-box">'+
-								'<span>门店电话:</span>'+
-								'<span>'+
-									'<a href="tel:'+item.managerMobile+'">'+
-										'<i class="tel">'+
-											item.managerMobile + 
-										'</i>'+
-										'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>'+
-									'</a>'+
-								'</span>'+
-							'</div>'+
-							'<div class="store-info-box">'+
-								'<span>门店地址:</span>'+
-								'<div class="address">'+
-									'<span>'+
-										item.addrDetail +
-									'</span>'+'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="16" height="16"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>'+
-								'</div>'+
-							'</div>'+
-						'</div>'+
-					'</div> '
+		storeHtml = storeHtml + '<div>' +
+			'<div class="store-info-names">' +
+			'<span id="store">' +
+			item.storeName +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-s">' +
+			'<div class="store-info-box">' +
+			'<span>门店电话:</span>' +
+			'<span>' +
+			'<a href="tel:' + item.managerMobile + '">' +
+			'<i class="tel">' +
+			item.managerMobile +
+			'</i>' +
+			'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>' +
+			'</a>' +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-box">' +
+			'<span>门店地址:</span>' +
+			'<div class="address">' +
+			'<span>' +
+			item.addrDetail +
+			'</span>' +
+			'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="16" height="16"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>' +
+			'</div>' +
+			'</div>' +
+			'</div>' +
+			'</div> '
 	}
 	$(".store-info-card").html(storeHtml)
 }
 //  关闭加载状态
-function closeLoading(){
-	if(staticHtmlPath){  //  发布
+function closeLoading() {
+	if (staticHtmlPath) { //  发布
 		// 关闭加载状态
 		document.getElementById('foo').style.display = 'none'
 		modalZz.style.display = 'none'
 		// 不是微信端打开的页面
-		if(!browser.versions.weixin){
+		if (!browser.versions.weixin) {
 			document.querySelector('.zy-h5-bf-bar').style.display = 'none'
 			document.querySelector('.zy-h5-fx-bar').style.display = 'none'
-		}else{
+		} else {
 			document.querySelector('.zy-h5-bf-bar').style.display = 'flex'
 			document.querySelector('.zy-h5-fx-bar').style.display = 'block'
 		}
 	}
 }
 // 加载中
-function onLoading(){
+function onLoading() {
 	// 隐藏参与和分享按钮
 	document.querySelector('.zy-h5-bf-bar').style.display = 'none'
 	document.querySelector('.zy-h5-fx-bar').style.display = 'none'
-	modalZz.style.display = 'block'  //  遮罩层
+	modalZz.style.display = 'block' //  遮罩层
 	var opts = {
 		lines: 9, // The number of lines to draw
 		length: 0, // The length of each line
@@ -304,86 +333,87 @@ function onLoading(){
 	var spinner = new Spinner(opts).spin(target);
 }
 
-window.onload = function(){
-<<<<<<< HEAD
-
-	
-=======
->>>>>>> d5939f649982747c922d9ccd78a81cf4f1987ee4
+window.onload = function() {
 	// 单击查看门店
-	$("#showStore").click(function(){
+	$("#showStore").click(function() {
 		var _this = this
 		$(".mask").show()
-		$(".store-info-list").animate({bottom:'0em'},"slow",function(){
-			$("body").css({'height':'100%','overflow':'hidden'})
+		$(".store-info-list").animate({
+			bottom: '0em'
+		}, "slow", function() {
+			$("body").css({
+				'height': '100%',
+				'overflow': 'hidden'
+			})
 			$(_this).hide()
 		})
 	})
 	// 关闭查看门店
-	$("#close-store,.mask").click(function(e){
+	$("#close-store,.mask").click(function(e) {
 		e.stopPropagation()
-		$(".store-info-list").animate({bottom:'-1000em'},"slow")
-		$("body").css({'height':'auto','overflow':'auto'})
+		$(".store-info-list").animate({
+			bottom: '-1000em'
+		}, "slow")
+		$("body").css({
+			'height': 'auto',
+			'overflow': 'auto'
+		})
 		$("#showStore").show()
 		$(".mask").hide()
 	})
-	
+
 	// 查看地址
-	$(".address").click(function(item){
-		console.log(item,'eeeeeeee')
+	$(".address").click(function(item) {
+		console.log(item, 'eeeeeeee')
 		e.stopPropagation()
 		wx.openLocation({
-		    latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90
-		    longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。
-		    name: item.name, // 位置名
-		    address: item.addrDetail, // 地址详情说明
-		    scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大
-		    infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
+			latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90
+			longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。
+			name: item.name, // 位置名
+			address: item.addrDetail, // 地址详情说明
+			scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大
+			infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
 		});
 	})
-	
+
 	// 分享初始化
-	setTimeout(function(){
+	setTimeout(function() {
 		shareCls.getWxCofing(reqUrl)
-	},500)
-	
-	if(staticHtmlPath){  //  发布
-		onLoading()  //  加载中
+	}, 500)
+
+	if (staticHtmlPath) { //  发布
+		onLoading() //  加载中
 		checkActiveValid()
-	}else{  //  预览
-<<<<<<< HEAD
-		getStoreData() // 获取门店列表
-=======
-		getActivityData()  //  获取活动信息
->>>>>>> d5939f649982747c922d9ccd78a81cf4f1987ee4
+	} else { //  预览
+		getActivityData() //  获取活动信息
 	}
-	
+
 	// 打开预约弹框
-	yuyue.onclick = function(){
+	yuyue.onclick = function() {
 		modal.style.display = 'block'
 		modalZz.style.display = 'block'
 	}
 	// 关闭预约弹框
-	canselModal.onclick = function(){
+	canselModal.onclick = function() {
 		closeYy()
 	}
 	// 提交预约
-	submitModal.onclick = function(){
+	submitModal.onclick = function() {
 		// 提交代码到后台
 		var mobile = userPhone.value
-		if(mobile==''){
+		if (mobile == '') {
 			alert("请输入手机号码");
-			return false; 
+			return false;
 		}
-		if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))){ 
-			alert("手机号码错误,请重填");  
-			return false; 
+		if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))) {
+			alert("手机号码错误,请重填");
+			return false;
 		}
 		var obj = JSON.stringify({
-			"joinerMobile": mobile,  //  参与手机号
-			"activeId": activeId,  //  活动id
-			"tenantId": storeId,  //  门店id
-			"companyId": companyId  //  公司id
+			"joinerMobile": mobile, //  参与手机号
+			"activeId": activeId, //  活动id
+			"tenantId": storeId, //  门店id
+			"companyId": companyId //  公司id
 		})
 		//  立即参与
 		$.ajax({
@@ -393,8 +423,8 @@ window.onload = function(){
 			// 设置的是请求参数
 			data: obj,
 			dataType: 'json',
-			success: function (res) {
-				if(res.status == 200){
+			success: function(res) {
+				if (res.status == 200) {
 					closeYy()
 				}
 				alert(res.message)
@@ -402,4 +432,3 @@ window.onload = function(){
 		})
 	}
 }
- 

+ 6 - 11
新模板/新年活动 - new/qbyc - 春季健康大礼包/tpl.html

@@ -255,8 +255,6 @@
 			color: #fff;
 			position:relative;
 			padding: 2em 0 8em;
-			background: url(${active.staticMouldTheme.basePath}/img/qche.jpg) no-repeat right 3em;
-			background-size: 38% auto;
 		}
 		.img-hdnr{
 			position: relative;
@@ -442,12 +440,15 @@
 			background: #c8f9e0;
 			color: #333;
 			font-size: 0.8em;
+			justify-content: space-between;
 		}
-		.address{
+		.address,.distanct{
 			flex: 1;
 			display: flex;
 			align-items: center;
-			justify-content: space-between;
+		}
+		.distanct{
+			justify-content: flex-end;
 		}
 		.store-info-s{
 			margin:0 1em 1em;
@@ -455,13 +456,7 @@
 			background: #c8f9e0;
 			border-radius: 0 0 0.2em 0.2em;
 		}
-		.store-info-box span:last-child{
-			line-height: 1.5em;
-			display: flex;
-			flex-grow: 1;
-			width: 50%;
-		}
-		.store-info-box span:last-child a{
+		.store-info-box  a{
 			color: #483803;
 			text-decoration: none;
 		}

+ 12 - 9
新模板/新年活动 - new/qbyc - 秋季活动/index.html

@@ -478,23 +478,26 @@
 			padding: 0.5em 0;
 			border-bottom: 0.1em solid #666;
 			display: flex;
-			background: #ffe6d2;
+			background: #c8f9e0;
 			color: #333;
 			font-size: 0.8em;
+			justify-content: space-between;
+		}
+		.address,.distanct{
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
+		.distanct{
+			justify-content: flex-end;
 		}
 		.store-info-s{
 			margin:0 1em 1em;
 			padding: 0.5em 1em;
-			background: #ffe6d2;
+			background: #c8f9e0;
 			border-radius: 0 0 0.2em 0.2em;
 		}
-		.store-info-box span:last-child{
-			line-height: 1.5em;
-			display: flex;
-			flex-grow: 1;
-			width: 50%;
-		}
-		.store-info-box span:last-child a{
+		.store-info-box  a{
 			color: #483803;
 			text-decoration: none;
 		}

BIN
新模板/新年活动 - new/qbyc - 秋季活动/qbyc - 秋季活动.zip


+ 256 - 261
新模板/新年活动 - new/qbyc - 秋季活动/script.js

@@ -1,28 +1,29 @@
-var getNode = function(id){
+var getNode = function(id) {
 	return document.getElementById(id)
 }
-var yuyue = getNode("yuyue")  //  预约按钮
-var modal = getNode("zy-h5-modal")  //  预约弹框
-var modalZz = getNode("zy-h5-fix-z")  //  弹框遮罩层
-var submitModal = getNode("submitModal")  //  提交预约
-var canselModal = getNode("canselModal")  //  取消预约
-var userPhone = getNode("userPhone")  //  预约手机号
-var joinerNum = getNode("joinerNum")  //  参与人数
-var store = getNode("store")  //  门店
-var storeId = getQueryString('orgId') || 0  //  门店id
+var yuyue = getNode("yuyue") //  预约按钮
+var modal = getNode("zy-h5-modal") //  预约弹框
+var modalZz = getNode("zy-h5-fix-z") //  弹框遮罩层
+var submitModal = getNode("submitModal") //  提交预约
+var canselModal = getNode("canselModal") //  取消预约
+var userPhone = getNode("userPhone") //  预约手机号
+var joinerNum = getNode("joinerNum") //  参与人数
+var store = getNode("store") //  门店
+var storeId = getQueryString('orgId') || 0 //  门店id
 var companyId = ''
+var storeList = []
 // test,  测试     local、dev:本地开发环境     pre :预发布      pro:生产
-if(baseType == 'test'){
+if (baseType == 'test') {
 	var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
-}else if(baseType == 'local'){
-	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
-}else if(baseType == 'dev'){
-	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
-}else if(baseType == 'pre'){
+} else if (baseType == 'local') {
+	var reqUrl = 'http://192.168.16.102:9110/saas/clz/'
+} else if (baseType == 'dev') {
+	var reqUrl = 'http://192.168.16.102:9110/saas/clz/'
+} else if (baseType == 'pre') {
 	var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
-}else if(baseType == 'pro'){
+} else if (baseType == 'pro') {
 	var reqUrl = 'http://md.chelingzhu.com/saas/clz/'
-}else if(baseType == 'qbx'){
+} else if (baseType == 'qbx') {
 	var reqUrl = 'https://md.qiubcar.com/saas/clz/'
 }
 
@@ -37,12 +38,12 @@ function getQueryString(name) {
 }
 
 //  门店活动统计(参与者轮播)
-function joinerList(companyId){
+function joinerList(companyId) {
 	var obj = JSON.stringify({
-		activeId: activeId,  //  活动id
-		tenantId: storeId,  //  门店id
-		companyId: companyId,  //  公司id
-		status: 9  //  9是假数据的标识
+		activeId: activeId, //  活动id
+		tenantId: storeId, //  门店id
+		companyId: companyId, //  公司id
+		status: 9 //  9是假数据的标识
 	})
 	//  获取门店信息
 	$.ajax({
@@ -52,15 +53,17 @@ function joinerList(companyId){
 		// 设置的是请求参数
 		data: obj,
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
+		success: function(res) {
+			if (res.status == 200) {
 				var data = res.data.list
-				var html = `<div class="kh-list-tr kh-list-tr-head">
+				var html =
+					`<div class="kh-list-tr kh-list-tr-head">
 						<div class="kh-list-td">手机号</div>
 						<div class="kh-list-td">报名状态</div>
 					</div>`
-				for(var i = 0; i < data.length; i++){
-					html += `<div class="kh-list-tr">
+				for (var i = 0; i < data.length; i++) {
+					html +=
+						`<div class="kh-list-tr">
 						<div class="kh-list-td">${data[i].joinerMobile}</div>
 						<div class="kh-list-td">已报名</div>
 					</div>`
@@ -72,26 +75,28 @@ function joinerList(companyId){
 	})
 }
 // 隐藏预约弹框
-var closeYy = function (){
+var closeYy = function() {
 	userPhone.value = ''
 	modal.style.display = 'none'
 	modalZz.style.display = 'none'
 }
 //  校验活动是否还在进行
-function checkActiveValid(){
+function checkActiveValid() {
 	$.ajax({
 		url: reqUrl + 'zycar-mgr/active/checkActiveValid/' + activeId,
 		type: 'get',
-		header: { contentType: 'application/json;charset=UTF-8' },
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
 		// 设置的是请求参数
 		data: {},
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
-				if(res.data){
-					getActivityData()  //  获取活动信息
-				}else{
-					closeLoading()  //  关闭加载状态
+		success: function(res) {
+			if (res.status == 200) {
+				if (res.data) {
+					getActivityData() //  获取活动信息
+				} else {
+					closeLoading() //  关闭加载状态
 					$("#zy-h5-bf-bar").hide()
 					alert('该活动已经结束!')
 				}
@@ -100,71 +105,213 @@ function checkActiveValid(){
 	})
 }
 //  获取活动信息
-function getActivityData(){
+function getActivityData() {
 	//  获取活动信息 (海报和门店二维码)
 	$.ajax({
 		url: reqUrl + 'active/findActiveAttach/' + activeId,
 		type: 'get',
-		header: { contentType: 'application/json;charset=UTF-8' },
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
 		// 设置的是请求参数
 		data: {},
 		dataType: 'json',
-		success: function (res) {
-			if(res.status == 200){
+		success: function(res) {
+			if (res.status == 200) {
 				var data = res.data
-				if(staticHtmlPath){  //  发布
+				if (staticHtmlPath) { //  发布
 					// var joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
 					// joinerNum.innerHTML = joinerNumVal
 					$('.zy-h5-store-info').show()
 				}
 				//  根据门店id处理对应页面展示
-				if(storeId){  //  门店端发布活动会传有门店id参数
+				if (storeId) { //  门店端发布活动会传有门店id参数
 					//  获取门店信息
 					$.ajax({
 						url: reqUrl + 'cross/store/' + storeId,
 						type: 'get',
-						header: { contentType: 'application/json;charset=UTF-8' },
+						header: {
+							contentType: 'application/json;charset=UTF-8'
+						},
 						// 设置的是请求参数
 						data: {},
 						dataType: 'json',
-						success: function (result) {
-							if(result.status == 200){
+						success: function(result) {
+							if (result.status == 200) {
 								var data = result.data
 								companyId = data.companyId
-								joinerList(companyId)  //  参与人列表数据
+								joinerList(companyId) //  参与人列表数据
 							}
 						},
 					})
-				}else{  //  运营端发布活动无门店id参数
-					joinerList()  //  参与人列表数据
+				} else { //  运营端发布活动无门店id参数
+					joinerList() //  参与人列表数据
 				}
-				closeLoading()  //  关闭加载状态
+				closeLoading() //  关闭加载状态
 			}
 		},
 	})
 }
+// 获取门店列表接口
+function getStoreData(lat, lng) {
+	console.log(lat, lng)
+	var obj = JSON.stringify({
+		"lat": lat, //  
+		"lng": lng //  
+	})
+
+	if (lat && lng) {
+		$.ajax({
+			url: reqUrl + 'active/activeStores/' + activeId,
+			type: 'post',
+			contentType: 'application/json;charset=UTF-8',
+			// 设置的是请求参数
+			data: obj,
+			dataType: 'json',
+			success: function(res) {
+				console.log(res, 'rrrrrrr')
+				if (res.status == 200) {
+					renderStoreList(res.data)
+				}
+			},
+			error: function(err, status, msg) {
+				console.log(err, 'jsapi error')
+			}
+		})
+	}
+}
+// 拼接门店列表
+function renderStoreList(storeList) {
+	// 适用门店
+	var storeHtml = ''
+	for (var i = 0; i < storeList.length; i++) {
+		var item = storeList[i]
+		var distanct = ''
+		if (item.distanct) {
+			if (item.distanct.distance < 1000 && item.distanct.distance > 0) {
+				distanct = item.distanct.distance + 'm'
+			} else if (item.distanct.distance >= 1000) {
+				distanct = Number(item.distanct.distance / 1000).toFixed(2) + 'km'
+			}
+		}
+		storeHtml = storeHtml + '<div>' +
+			'<div class="store-info-names">' +
+			'<span id="store">' +
+			item.storeName +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-s">' +
+			'<div class="store-info-box">' +
+			'<span>门店电话:' +
+			'<a href="tel:' + item.managerMobile + '">' +
+			'<i class="tel">' +
+			item.managerMobile +
+			'</i>' +
+			'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>' +
+			'</a>' +
+			'</span>' +
+			'<div data-id="' + item.id + '" class="distanct">' +
+			distanct +
+			'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="20" height="20"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>' +
+			'</div>' +
+			'</div>' +
+			'<div class="store-info-box">' +
+			'<span>门店地址:</span>' +
+			'<div data-id="' + item.id + '" class="address">' +
+			'<span>' +
+			item.addrDetail +
+			'</span>' +
+			'</div>' +
+			'</div>' +
+			'</div>' +
+			'</div> '
+	}
+	$(".store-info-card").html(storeHtml)
+	$(".store-info-card").find(".address,.distanct").on("click", function() {
+		var id = $(this).attr("data-id")
+		var row = storeList.find(function(item) {
+			return item.id == id
+		})
+		if (row) {
+			wx.openLocation({
+				latitude: parseFloat(row.lat), // 纬度,浮点数,范围为90 ~ -90
+				longitude: parseFloat(row.lng), // 经度,浮点数,范围为180 ~ -180。
+				name: row.storeName, // 位置名
+				address: row.addrDetail, // 地址详情说明
+				scale: 18, // 地图缩放级别,整形值,范围从1~28。默认为最大
+				infoUrl: '', // 在查看位置界面底部显示的超链接,可点击跳转
+				success(res) {
+					console.log(1111);
+					console.log(res);
+				},
+				fail(err) {
+					console.log(222);
+					console.log(err);
+				},
+			});
+		}
+	})
+}
+
+function storeRender(storeList) {
+	// 适用门店
+	var storeHtml = ''
+	for (var i = 0; i < storeList.length; i++) {
+		var item = storeList[i]
+		storeHtml = storeHtml + '<div>' +
+			'<div class="store-info-names">' +
+			'<span id="store">' +
+			item.storeName +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-s">' +
+			'<div class="store-info-box">' +
+			'<span>门店电话:</span>' +
+			'<span>' +
+			'<a href="tel:' + item.managerMobile + '">' +
+			'<i class="tel">' +
+			item.managerMobile +
+			'</i>' +
+			'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>' +
+			'</a>' +
+			'</span>' +
+			'</div>' +
+			'<div class="store-info-box">' +
+			'<span>门店地址:</span>' +
+			'<div class="address">' +
+			'<span>' +
+			item.addrDetail +
+			'</span>' +
+			'<svg t="1615015886949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3271" width="16" height="16"><path d="M848.832 149.333333a11.189333 11.189333 0 0 0-7.466667 1.493334l-683.488 370.133333a16.725333 16.725333 0 0 0 7.466667 31.338667h280.533333a16.565333 16.565333 0 0 1 16.416 16.416v280.533333a16.512 16.512 0 0 0 16.416 16.416 18.133333 18.133333 0 0 0 14.933334-8.949333l370.133333-683.488A16.32 16.32 0 0 0 848.832 149.333333z m0 0" fill="#1C87FF" p-id="3272"></path></svg>' +
+			'</div>' +
+			'</div>' +
+			'</div>' +
+			'</div> '
+	}
+	$(".store-info-card").html(storeHtml)
+}
 //  关闭加载状态
-function closeLoading(){
-	if(staticHtmlPath){  //  发布
+function closeLoading() {
+	if (staticHtmlPath) { //  发布
 		// 关闭加载状态
 		document.getElementById('foo').style.display = 'none'
 		modalZz.style.display = 'none'
 		// 不是微信端打开的页面
-		if(!browser.versions.weixin){
+		if (!browser.versions.weixin) {
 			document.querySelector('.zy-h5-bf-bar').style.display = 'none'
 			document.querySelector('.zy-h5-fx-bar').style.display = 'none'
-		}else{
+		} else {
 			document.querySelector('.zy-h5-bf-bar').style.display = 'flex'
 			document.querySelector('.zy-h5-fx-bar').style.display = 'block'
 		}
 	}
 }
 // 加载中
-function onLoading(){
+function onLoading() {
 	// 隐藏参与和分享按钮
 	document.querySelector('.zy-h5-bf-bar').style.display = 'none'
 	document.querySelector('.zy-h5-fx-bar').style.display = 'none'
-	modalZz.style.display = 'block'  //  遮罩层
+	modalZz.style.display = 'block' //  遮罩层
 	var opts = {
 		lines: 9, // The number of lines to draw
 		length: 0, // The length of each line
@@ -186,238 +333,87 @@ function onLoading(){
 	var spinner = new Spinner(opts).spin(target);
 }
 
-// 门店列表数据
-var storeList = [
-	{
-		name: '门店名称:成都绿地·468公馆店',
-		phone: '15828127428',
-		address: '成都市锦江区枫树街1380号喆啡酒店 地下停车场负一楼'
-	},
-	{
-		name: '门店名称:成都绿地·绿地城店',
-		phone: '15308191276',
-		address: '成都市新都区大丰镇大天路877号 (绿地城售楼部旁)'
-	},
-	{
-		name: '门店名称:成都融创·凯旋公馆店',
-		phone: '13547140131',
-		address: '成都市新都区四川省成都市新都区润丰路与萃杰路交叉口'
-	},
-	{
-		name: '门店名称:成都锦巷兰台店',
-		phone: '13540110656',
-		address: '成都市郫都区金粮路五粮二街-锦巷兰 台99号'
-	},
-	{
-		name: '门店名称:成都高新中德店',
-		phone: '18982072756',
-		address: '成都市双流区观东三街600号'
-	},
-	{
-		name: '门店名称:成都绿地伊藤店',
-		phone: '13608012280',
-		address: '成都市锦江区喜树街35号'
-	},
-	{
-		name: '门店名称:成都武海美丽南庭店',
-		phone: '15682008564',
-		address: '成都市武侯区成都市招商银行火车南 站东路支行边'
-	},
-	{
-		name: '门店名称:成都鹭岛国际店',
-		phone: '15828253229',
-		address: '成都市武侯区成都市武侯区栖霞路9号 魔方公寓'
-	},
-	{
-		name: '门店名称:成都华熙528店',
-		phone: '13683444731',
-		address: '成都市锦江区雨树巷28号M空间'
-	},
-	{
-		name: '门店名称:成都观玺台店',
-		phone: '15390017856',
-		address: '成都市青羊区万花二路'
-	},
-	{
-		name: '门店名称:成都北湖国际城',
-		phone: '18811217445',
-		address: '成都市成华区湖秀二路36号附144号'
-	},
-	{
-		name: '门店名称:成都果壳里店',
-		phone: '15884425259',
-		address: '成都市龙泉驿区桃都大道中段888号 西南方向30米'
-	},
-	{
-		name: '门店名称:成都佳年华店',
-		phone: '15828240413',
-		address: '成都市温江区四川省成都市温江区公 平镇江平路351号'
-	},
-	{
-		name: '门店名称:西安融创宸院店',
-		phone: '17735999701',
-		address: '西安市雁塔区西沣四路融创天朗陇府 二期3单元106号'
-	},
-	{
-		name: '门店名称:西安绿地生态城店',
-		phone: '17791603702',
-		address: '西安市雁塔区绿地生态城三期47栋 10106号商铺'
-	},
-	{
-		name: '门店名称:南昌融创文旅城店',
-		phone: '15970424022',
-		address: '南昌市东湖区九龙湖南龙潘街'
-	},
-	{
-		name: '门店名称:南昌象湖店',
-		phone: '15070087991',
-		address: '南昌市南昌县象湖新城东连路与金沙 二路交叉口'
-	},
-	{
-		name: '门店名称:重庆国博城店',
-		phone: '18225194261',
-		address: '重庆城区渝北区重庆市渝北区悦融二 路123号'
-	},
-	{
-		name: '门店名称:重庆涪陵一号店',
-		phone: '15223859181',
-		address: '重庆市涪陵区滨江大道二段96号'
-	},
-	{
-		name: '门店名称:重庆融创凡尔赛店',
-		phone: '15696190424',
-		address: '重庆城区渝北区星融路11号附34号'
-	},
-	{
-		name: '门店名称:长沙保利香槟店',
-		phone: '13278848088',
-		address: '长沙市长沙县长沙市星沙县保利香槟 国际C6栋101号'
-	},
-	{
-		name: '门店名称:长沙润和又一城店',
-		phone: '15907309957',
-		address: '长沙市望城区月亮岛路润和又一城底 商12/13栋115-118号'
-	},
-	{
-		name: '门店名称:长沙楚天逸品店',
-		phone: '18373056961',
-		address: '长沙市开福区湘江北路三段48号楚天 逸品底商1516-1517号'
-	},
-	{
-		name: '门店名称:长沙梅溪湖金茂悦店',
-		phone: '15399987130',
-		address: '长沙市岳麓区梅溪湖麓云路268号金茂 悦底商11栋105-110号'
-	},
-	{
-		name: '门店名称:长沙北大资源店',
-		phone: '13278879588',
-		address: '长沙市岳麓区洋湖街道北大资源时光小 区8/9栋101-103号'
-	}
-	]
-
-window.onload = function(){
-	// 适用门店
-	var storeHtml = ''
-	for(var i=0;i<storeList.length;i++){
-		var item = storeList[i]
-		storeHtml = storeHtml + '<div>'+
-						'<div class="store-info-names">'+
-							'<span id="store">'+ 
-							 item.name +
-							'</span>'+
-						'</div>'+
-						'<div class="store-info-s">'+
-							'<div class="store-info-box">'+
-								'<span>门店电话:</span>'+
-								'<span>'+
-									'<a href="tel:'+item.phone+'">'+
-										'<i class="tel">'+
-											item.phone + 
-										'</i>'+
-										'<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1184" width="16" height="16"><path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z" p-id="1185" fill="#1396dc"></path></svg>'+
-									'</a>'+
-								'</span>'+
-							'</div>'+
-							'<div class="store-info-box">'+
-								'<span>门店地址:</span>'+
-								'<span class="address">'+
-									item.address +
-								'</span>'+
-							'</div>'+
-						'</div>'+
-					'</div> '
-	}
-	$(".store-info-card").html(storeHtml)
-	
+window.onload = function() {
 	// 单击查看门店
-	$("#showStore").click(function(){
+	$("#showStore").click(function() {
 		var _this = this
 		$(".mask").show()
-		$(".store-info-list").animate({bottom:'0em'},"slow",function(){
-			$("body").css({'height':'100%','overflow':'hidden'})
+		$(".store-info-list").animate({
+			bottom: '0em'
+		}, "slow", function() {
+			$("body").css({
+				'height': '100%',
+				'overflow': 'hidden'
+			})
 			$(_this).hide()
 		})
 	})
 	// 关闭查看门店
-	$("#close-store,.mask").click(function(e){
+	$("#close-store,.mask").click(function(e) {
 		e.stopPropagation()
-		$(".store-info-list").animate({bottom:'-1000em'},"slow")
-		$("body").css({'height':'auto','overflow':'auto'})
+		$(".store-info-list").animate({
+			bottom: '-1000em'
+		}, "slow")
+		$("body").css({
+			'height': 'auto',
+			'overflow': 'auto'
+		})
 		$("#showStore").show()
 		$(".mask").hide()
 	})
-	
+
 	// 查看地址
-	// $(".address").click(function(e){
-	// 	e.stopPropagation()
-	// 	wx.openLocation({
-	// 	    latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90
-	// 	    longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。
-	// 	    name: item.name, // 位置名
-	// 	    address: item.addrDetail, // 地址详情说明
-	// 	    scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大
-	// 	    infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
-	// 	});
-	// })
-	
+	$(".address").click(function(item) {
+		console.log(item, 'eeeeeeee')
+		e.stopPropagation()
+		wx.openLocation({
+			latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90
+			longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。
+			name: item.name, // 位置名
+			address: item.addrDetail, // 地址详情说明
+			scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大
+			infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
+		});
+	})
+
 	// 分享初始化
-	setTimeout(function(){
+	setTimeout(function() {
 		shareCls.getWxCofing(reqUrl)
-	},500)
-	
-	if(staticHtmlPath){  //  发布
-		onLoading()  //  加载中
+	}, 500)
+
+	if (staticHtmlPath) { //  发布
+		onLoading() //  加载中
 		checkActiveValid()
-	}else{  //  预览
-		getActivityData()  //  获取活动信息
+	} else { //  预览
+		getActivityData() //  获取活动信息
 	}
-	
+
 	// 打开预约弹框
-	yuyue.onclick = function(){
+	yuyue.onclick = function() {
 		modal.style.display = 'block'
 		modalZz.style.display = 'block'
 	}
 	// 关闭预约弹框
-	canselModal.onclick = function(){
+	canselModal.onclick = function() {
 		closeYy()
 	}
 	// 提交预约
-	submitModal.onclick = function(){
+	submitModal.onclick = function() {
 		// 提交代码到后台
 		var mobile = userPhone.value
-		if(mobile==''){
+		if (mobile == '') {
 			alert("请输入手机号码");
-			return false; 
+			return false;
 		}
-		if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))){ 
-			alert("手机号码错误,请重填");  
-			return false; 
+		if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))) {
+			alert("手机号码错误,请重填");
+			return false;
 		}
 		var obj = JSON.stringify({
-			"joinerMobile": mobile,  //  参与手机号
-			"activeId": activeId,  //  活动id
-			"tenantId": storeId,  //  门店id
-			"companyId": companyId  //  公司id
+			"joinerMobile": mobile, //  参与手机号
+			"activeId": activeId, //  活动id
+			"tenantId": storeId, //  门店id
+			"companyId": companyId //  公司id
 		})
 		//  立即参与
 		$.ajax({
@@ -427,8 +423,8 @@ window.onload = function(){
 			// 设置的是请求参数
 			data: obj,
 			dataType: 'json',
-			success: function (res) {
-				if(res.status == 200){
+			success: function(res) {
+				if (res.status == 200) {
 					closeYy()
 				}
 				alert(res.message)
@@ -436,4 +432,3 @@ window.onload = function(){
 		})
 	}
 }
- 

+ 11 - 1
新模板/新年活动 - new/qbyc - 秋季活动/shareWx.js

@@ -74,6 +74,15 @@ var shareCls = {
 				 	  // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
 				 	  wx.updateTimelineShareData(shareObj)
 				   }
+				   // 获取用户位置信息
+				   wx.getLocation({
+				    type: 'wgs84',
+				    success (res) {
+				      const latitude = res.latitude
+				      const longitude = res.longitude
+				      getStoreData(latitude,longitude)
+				    }
+				   })
 				 });
 			},
 			error: function(err,status,msg){
@@ -96,7 +105,8 @@ var shareCls = {
 		if (from || appinstall || sec || timekey) {
 			window.location.href = url;
 		}
-	}
+	},
+	
 }
 
 

+ 12 - 9
新模板/新年活动 - new/qbyc - 秋季活动/tpl.html

@@ -439,23 +439,26 @@
 		 	padding: 0.5em 0;
 		 	border-bottom: 0.1em solid #666;
 		 	display: flex;
-		 	background: #ffe6d2;
+		 	background: #c8f9e0;
 		 	color: #333;
 		 	font-size: 0.8em;
+		 	justify-content: space-between;
+		 }
+		 .address,.distanct{
+		 	flex: 1;
+		 	display: flex;
+		 	align-items: center;
+		 }
+		 .distanct{
+		 	justify-content: flex-end;
 		 }
 		 .store-info-s{
 		 	margin:0 1em 1em;
 		 	padding: 0.5em 1em;
-		 	background: #ffe6d2;
+		 	background: #c8f9e0;
 		 	border-radius: 0 0 0.2em 0.2em;
 		 }
-		 .store-info-box span:last-child{
-		 	line-height: 1.5em;
-		 	display: flex;
-		 	flex-grow: 1;
-		 	width: 50%;
-		 }
-		 .store-info-box span:last-child a{
+		 .store-info-box  a{
 		 	color: #483803;
 		 	text-decoration: none;
 		 }