Bladeren bron

增加丘比模板

1004749546@qq.com 4 jaren geleden
bovenliggende
commit
2098e61359
32 gewijzigde bestanden met toevoegingen van 954 en 0 verwijderingen
  1. 46 0
      新模板/新年活动 - new/qbyc - 春季(红色主题)/alert.js
  2. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/example.jpg
  3. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/f1.jpg
  4. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/arrow-down.png
  5. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/arrow-up.png
  6. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p1.jpg
  7. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p10.jpg
  8. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p11.jpg
  9. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p12.jpg
  10. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p13.jpg
  11. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p14.jpg
  12. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p15.jpg
  13. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p16.jpg
  14. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p17.jpg
  15. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p2.jpg
  16. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p3.jpg
  17. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p4.jpg
  18. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p5.jpg
  19. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p6.jpg
  20. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p7.jpg
  21. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p8.jpg
  22. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p9.jpg
  23. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/star.png
  24. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/tit1.png
  25. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/img/tit2.png
  26. 197 0
      新模板/新年活动 - new/qbyc - 春季(红色主题)/index.html
  27. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/qbyc - 春季(红色主题).zip
  28. 441 0
      新模板/新年活动 - new/qbyc - 春季(红色主题)/script.js
  29. BIN
      新模板/新年活动 - new/qbyc - 春季(红色主题)/shareThumb.jpg
  30. 112 0
      新模板/新年活动 - new/qbyc - 春季(红色主题)/shareWx.js
  31. 0 0
      新模板/新年活动 - new/qbyc - 春季(红色主题)/spin.min.js
  32. 158 0
      新模板/新年活动 - new/qbyc - 春季(红色主题)/tpl.html

+ 46 - 0
新模板/新年活动 - new/qbyc - 春季(红色主题)/alert.js

@@ -0,0 +1,46 @@
+window.alert = function(msg, callback) {
+    var div = document.createElement("div");
+    div.innerHTML = "<style type=\"text/css\">"
+            + ".nbaMask { position: fixed; z-index: 10001; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }                                                                                                                                                                       "
+            + ".nbaMaskTransparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; }                                                                                                                                                                                            "
+            + ".nbaDialog { position: fixed; z-index: 10001; width: 80%; max-width: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; opacity: 1; color: white; }"
+            + ".nbaDialog .nbaDialogHd { padding: 1.2rem .27rem .08rem .27rem; }                                                                                                                                                                                                                         "
+            + ".nbaDialog .nbaDialogHd .nbaDialogTitle { font-size: 17px; font-weight: 400; }                                                                                                                                                                                                           "
+            + ".nbaDialog .nbaDialogBd { padding: 0 .27rem; font-size: 15px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #000000; }                                                                                                                                          "
+            + ".nbaDialog .nbaDialogFt { position: relative; line-height: 48px; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: flex; }                                                                                                                                          "
+            + ".nbaDialog .nbaDialogFt:after { content: \" \"; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }               "
+            + ".nbaDialog .nbaDialogBtn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #09BB07; text-decoration: none; -webkit-tap-highlight-color: transparent; position: relative; margin-bottom: 0; }                                                                       "
+            + ".nbaDialog .nbaDialogBtn:after { content: \" \"; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }             "
+            + ".nbaDialog a { text-decoration: none; -webkit-tap-highlight-color: transparent; }"
+            + "</style>"
+            + "<div id=\"dialogs2\" style=\"display: none\">"
+            + "<div class=\"nbaMask\"></div>"
+            + "<div class=\"nbaDialog\">"
+            + "    <div class=\"nbaDialogHd\">"
+            + "        <strong class=\"nbaDialogTitle\"></strong>"
+            + "    </div>"
+            + "    <div class=\"nbaDialogBd\" id=\"dialog_msg2\">弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内</div>"
+            + "    <div class=\"nbaDialogHd\">"
+            + "        <strong class=\"nbaDialogTitle\"></strong>"
+            + "    </div>"
+            + "    <div class=\"nbaDialogFt\">"
+            + "        <a href=\"javascript:;\" class=\"nbaDialogBtn nbaDialogBtnPrimary\" id=\"dialog_ok2\">确定</a>"
+            + "    </div></div></div>";
+    document.body.appendChild(div);
+ 
+    var dialogs2 = document.getElementById("dialogs2");
+    dialogs2.style.display = 'block';
+ 
+    var dialog_msg2 = document.getElementById("dialog_msg2");
+    dialog_msg2.innerHTML = msg;
+ 
+    // var dialog_cancel = document.getElementById("dialog_cancel");
+    // dialog_cancel.onclick = function() {
+    // dialogs2.style.display = 'none';
+    // };
+    var dialog_ok2 = document.getElementById("dialog_ok2");
+    dialog_ok2.onclick = function() {
+        dialogs2.style.display = 'none';
+        // callback();
+    };
+};

BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/example.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/f1.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/arrow-down.png


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/arrow-up.png


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p1.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p10.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p11.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p12.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p13.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p14.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p15.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p16.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p17.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p2.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p3.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p4.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p5.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p6.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p7.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p8.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/p9.jpg


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/star.png


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/tit1.png


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/img/tit2.png


File diff suppressed because it is too large
+ 197 - 0
新模板/新年活动 - new/qbyc - 春季(红色主题)/index.html


BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/qbyc - 春季(红色主题).zip


+ 441 - 0
新模板/新年活动 - new/qbyc - 春季(红色主题)/script.js

@@ -0,0 +1,441 @@
+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 companyId = ''
+var storeList = []
+// test,  测试     local、dev:本地开发环境     pre :预发布      pro:生产
+if (baseType == 'test') {
+	var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
+} 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') {
+	var reqUrl = 'http://md.chelingzhu.com/saas/clz/'
+} else if (baseType == 'qbx') {
+	var reqUrl = 'https://md.qiubcar.com/saas/clz/'
+}
+
+// 正则获取地址栏参数
+function getQueryString(name) {
+	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i")
+	var r = window.location.search.substr(1).match(reg)
+	if (r != null) {
+		return unescape(r[2])
+	}
+	return null
+}
+
+//  门店活动统计(参与者轮播)
+function joinerList(companyId) {
+	var obj = JSON.stringify({
+		activeId: activeId, //  活动id
+		tenantId: storeId, //  门店id
+		companyId: companyId, //  公司id
+		status: 9 //  9是假数据的标识
+	})
+	//  获取门店信息
+	$.ajax({
+		url: reqUrl + 'cross/active/joinerByActive/1/1000',
+		type: 'post',
+		contentType: 'application/json;charset=UTF-8',
+		// 设置的是请求参数
+		data: obj,
+		dataType: 'json',
+		success: function(res) {
+			if (res.status == 200) {
+				var data = res.data.list
+				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">
+						<div class="kh-list-td">${data[i].joinerMobile}</div>
+						<div class="kh-list-td">已报名</div>
+					</div>`
+				}
+				document.getElementById("kh-list").innerHTML = html
+				joinerNum.innerHTML = data.length
+			}
+		},
+	})
+}
+// 隐藏预约弹框
+var closeYy = function() {
+	userPhone.value = ''
+	modal.style.display = 'none'
+	modalZz.style.display = 'none'
+}
+//  校验活动是否还在进行
+function checkActiveValid() {
+	$.ajax({
+		url: reqUrl + 'zycar-mgr/active/checkActiveValid/' + activeId,
+		type: 'get',
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
+		// 设置的是请求参数
+		data: {},
+		dataType: 'json',
+		success: function(res) {
+			if (res.status == 200) {
+				if (res.data) {
+					getActivityData() //  获取活动信息
+				} else {
+					closeLoading() //  关闭加载状态
+					$("#zy-h5-bf-bar").hide()
+					alert('该活动已经结束!')
+				}
+			}
+		}
+	})
+}
+//  获取活动信息
+function getActivityData() {
+	//  获取活动信息 (海报和门店二维码)
+	$.ajax({
+		url: reqUrl + 'active/findActiveAttach/' + activeId,
+		type: 'get',
+		header: {
+			contentType: 'application/json;charset=UTF-8'
+		},
+		// 设置的是请求参数
+		data: {},
+		dataType: 'json',
+		success: function(res) {
+			if (res.status == 200) {
+				var data = res.data
+				if (staticHtmlPath) { //  发布
+					// var joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
+					// joinerNum.innerHTML = joinerNumVal
+					$('.zy-h5-store-info').show()
+				}
+				//  根据门店id处理对应页面展示
+				if (storeId) { //  门店端发布活动会传有门店id参数
+					//  获取门店信息
+					$.ajax({
+						url: reqUrl + 'cross/store/' + storeId,
+						type: 'get',
+						header: {
+							contentType: 'application/json;charset=UTF-8'
+						},
+						// 设置的是请求参数
+						data: {},
+						dataType: 'json',
+						success: function(result) {
+							if (result.status == 200) {
+								var data = result.data
+								companyId = data.companyId
+								joinerList(companyId) //  参与人列表数据
+							}
+						},
+					})
+				} else { //  运营端发布活动无门店id参数
+					joinerList() //  参与人列表数据
+				}
+				closeLoading() //  关闭加载状态
+			}
+		},
+	})
+}
+// 获取门店列表接口
+function getStoreData(lat, lng) {
+	// console.log(lat, lng)
+	var obj = JSON.stringify({
+		"lat": lat, //  
+		"lng": lng //  
+	})
+	$.ajax({
+		url: reqUrl + 'active/activeStores/' + activeId,
+		type: 'post',
+		contentType: 'application/json;charset=UTF-8',
+		// 设置的是请求参数
+		data: lat && lng?obj:JSON.stringify({}),
+		dataType: 'json',
+		success: function(res) {
+			console.log(JSON.stringify(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) { //  发布
+		// 关闭加载状态
+		document.getElementById('foo').style.display = 'none'
+		modalZz.style.display = 'none'
+		// 不是微信端打开的页面
+		if (!browser.versions.weixin) {
+			document.querySelector('.zy-h5-bf-bar').style.display = 'none'
+			document.querySelector('.zy-h5-fx-bar').style.display = 'none'
+		} else {
+			document.querySelector('.zy-h5-bf-bar').style.display = 'flex'
+			document.querySelector('.zy-h5-fx-bar').style.display = 'block'
+		}
+	}
+}
+// 加载中
+function onLoading() {
+	// 隐藏参与和分享按钮
+	document.querySelector('.zy-h5-bf-bar').style.display = 'none'
+	document.querySelector('.zy-h5-fx-bar').style.display = 'none'
+	modalZz.style.display = 'block' //  遮罩层
+	var opts = {
+		lines: 9, // The number of lines to draw
+		length: 0, // The length of each line
+		width: 10, // The line thickness
+		radius: 15, // The radius of the inner circle
+		corners: 1, // Corner roundness (0..1)
+		rotate: 0, // The rotation offset
+		color: '#2979ff', // #rgb or #rrggbb
+		speed: 1, // Rounds per second
+		trail: 60, // Afterglow percentage
+		shadow: false, // Whether to render a shadow
+		hwaccel: false, // Whether to use hardware acceleration
+		className: 'spinner', // The CSS class to assign to the spinner
+		zIndex: 2e9, // The z-index (defaults to 2000000000)
+		top: 'auto', // Top position relative to parent in px
+		left: 'auto' // Left position relative to parent in px
+	};
+	var target = document.getElementById('foo');
+	var spinner = new Spinner(opts).spin(target);
+}
+
+window.onload = function() {
+	
+	// 单击查看门店
+	$("#showStore").click(function(e) {
+		var _this = this
+		e.stopPropagation()
+		// 获取门店列表 
+		console.log(!browser.versions.weixin,'!browser.versions.weixin')
+		if (!browser.versions.weixin){ // 不是微信端打开的页面
+			getStoreData()
+		}
+		$(".mask").show()
+		$(".store-info-list").animate({
+			bottom: '0em'
+		}, "slow", function() {
+			$("body").css({
+				'height': '100%',
+				'overflow': 'hidden'
+			})
+			$(_this).hide()
+		})
+		$(".store-info-list").scroll(function(e){
+			window.event? window.event.cancelBubble = true : e.stopPropagation()
+		})
+	})
+	// 关闭查看门店
+	$("#close-store,.mask").click(function(e) {
+		e.stopPropagation()
+		$(".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')
+		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() {
+		shareCls.getWxCofing(reqUrl)
+	}, 500)
+
+	if (staticHtmlPath) { //  发布
+		onLoading() //  加载中
+		checkActiveValid()
+	} else { //  预览
+		getActivityData() //  获取活动信息
+	}
+
+	// 打开预约弹框
+	yuyue.onclick = function() {
+		modal.style.display = 'block'
+		modalZz.style.display = 'block'
+	}
+	// 关闭预约弹框
+	canselModal.onclick = function() {
+		closeYy()
+	}
+	// 提交预约
+	submitModal.onclick = function() {
+		// 提交代码到后台
+		var mobile = userPhone.value
+		if (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
+		})
+		//  立即参与
+		$.ajax({
+			url: reqUrl + 'active/signUp',
+			type: 'post',
+			contentType: 'application/json;charset=UTF-8',
+			// 设置的是请求参数
+			data: obj,
+			dataType: 'json',
+			success: function(res) {
+				if (res.status == 200) {
+					closeYy()
+				}
+				alert(res.message)
+			}
+		})
+	}
+}

BIN
新模板/新年活动 - new/qbyc - 春季(红色主题)/shareThumb.jpg


+ 112 - 0
新模板/新年活动 - new/qbyc - 春季(红色主题)/shareWx.js

@@ -0,0 +1,112 @@
+// 分享模块
+var shareCls = {
+	getWxCofing (shareBaseUrl){
+		var url = location.href.split('#')[0];
+		var activeTitle = $("#activeTitle").text()
+		// appid 
+		var appid = baseUrl.indexOf('qiubcar.com') >= 0 ? '!z2Yc.aes|6RQI2+w0x2IGaPEw0OrPMrUkJmxBuX/24QMvaWcGjCA=' : '!z2Yc.aes|j/r6hk33Kyyfehctv+KGW0HnQCXBK61W5sJRNoN9JqM='
+		// 分享内容
+		var shareObj = {
+			  title: activeTitle, // 分享标题
+			  desc: '超级钜惠,洗车保养等爆款低至0.8折,等您来抢!', // 分享描述
+			  link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+			  imgUrl: baseUrl + '/shareThumb.jpg', // 分享图标
+			  success : function() {
+				  // 用户确认分享后执行的回调函数
+				  console.log("用户确认分享后执行的回调函数")
+			  }
+		};
+		//二次分享处理函数调用
+		this.shareAgainFn(shareObj.link);
+		
+		$.ajax({
+			url: "https://wx.qiubcar.com/clzwx/redirect/jsapi",
+			type:'get',
+			dataType:'json',
+			data: {
+				url: url
+			},
+			headers:{
+				'X-HEADER-APPID': appid
+			},
+			success:function(res){
+				 var wxData = res
+				 wx.config({
+				   debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
+				   appId: wxData.appId, // 必填,公众号的唯一标识
+				   timestamp: wxData.timestamp, // 必填,生成签名的时间戳
+				   nonceStr: wxData.nonceStr, // 必填,生成签名的随机串
+				   signature: wxData.signature,// 必填,签名
+				   jsApiList: [
+				 	  'checkJsApi',
+				 	  'onMenuShareAppMessage',
+				 	  'onMenuShareTimeline',
+				 	  'updateAppMessageShareData',
+				 	  'updateTimelineShareData',
+					  'getLocation',
+					  'openLocation'
+				   ] // 必填,需要使用的JS接口列表
+				 });
+				 
+				 // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
+				 wx.error(function(res){
+				 	console.log(res,'wx error')
+				 }); 
+				 //需在用户可能点击分享按钮前就先调用
+				 wx.ready(function () {
+				   if(wx.onMenuShareAppMessage){
+					  shareObj.title = activeTitle
+				 	  //分享给朋友
+				 	  wx.onMenuShareAppMessage(shareObj);
+				   }
+				   if(wx.onMenuShareTimeline){
+				 	  // 分享到朋友圈
+					  shareObj.title = shareObj.desc
+				 	  wx.onMenuShareTimeline(shareObj);
+				   }
+				   if(wx.updateAppMessageShareData){
+					  shareObj.title = activeTitle
+				 	  // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容
+				 	  wx.updateAppMessageShareData(shareObj)
+				   }
+				   if(wx.updateTimelineShareData){
+					  shareObj.title = shareObj.desc
+				 	  // 自定义“分享到朋友圈”及“分享到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){
+				console.log(err,'jsapi error')
+			}
+		})
+	},
+	getQueryString(name){
+	        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+	        var r = window.location.search.substr(1).match(reg);
+	        if (r != null)
+	            return unescape(r[2]);
+	        return null;
+	    },
+	shareAgainFn(url){
+		var from = this.getQueryString('from');
+		var appinstall = this.getQueryString('appinstall');
+		var sec = this.getQueryString('sec');
+		var timekey = this.getQueryString('timekey');
+		if (from || appinstall || sec || timekey) {
+			window.location.href = url;
+		}
+	},
+	
+}
+
+

File diff suppressed because it is too large
+ 0 - 0
新模板/新年活动 - new/qbyc - 春季(红色主题)/spin.min.js


File diff suppressed because it is too large
+ 158 - 0
新模板/新年活动 - new/qbyc - 春季(红色主题)/tpl.html


Some files were not shown because too many files changed in this diff