Преглед изворни кода

fix: 优化调整 图片和ajax

郭小北 пре 2 година
родитељ
комит
d8756cc007

+ 34 - 0
wx/staticres/common-module/tripartiteAuth/css/tripartiteAuth.css

@@ -18,6 +18,14 @@ body {
 }
 }
 
 
 /* 字体公共 */
 /* 字体公共 */
+.hide {
+  display: none !important;
+}
+
+.block {
+  display: block !important;
+}
+
 .ft24 {
 .ft24 {
   font-size: 0.24rem;
   font-size: 0.24rem;
 }
 }
@@ -122,11 +130,16 @@ body {
 }
 }
 
 
 /* 兼容app头部标题 */
 /* 兼容app头部标题 */
+
 .jy-app-header.header-transparent .subreport_title {
 .jy-app-header.header-transparent .subreport_title {
   font-size: 0.36rem;
   font-size: 0.36rem;
   color: #ffffff;
   color: #ffffff;
 }
 }
 
 
+.jy-app-header .subreport_title {
+  width: 95%;
+}
+
 .jy-app-header.header-transparent .fanhui {
 .jy-app-header.header-transparent .fanhui {
   width: 0.96rem;
   width: 0.96rem;
   height: 0.96rem;
   height: 0.96rem;
@@ -135,6 +148,26 @@ body {
   font-size: 19.5px;
   font-size: 19.5px;
 }
 }
 
 
+.app-layout-header {
+  border-bottom: 0px !important;
+}
+
+.header-transparent>.app-back {
+  color: #fff !important;
+}
+
+.jy-app-header .subreport_title {
+  font-size: .36rem;
+}
+
+.jy-app-header.header-transparent {
+  position: absolute;
+  width: 100%;
+  background: url('../image/Aapp_02.jpg') no-repeat 0 -20px;
+  background-size: cover;
+  z-index: 999;
+}
+
 /* 底部悬浮容器 */
 /* 底部悬浮容器 */
 #app .j-button-group {
 #app .j-button-group {
   display: flex;
   display: flex;
@@ -183,6 +216,7 @@ body {
 #app .jy_servicepro_group {
 #app .jy_servicepro_group {
   background-image: url('../image/serverimg.png');
   background-image: url('../image/serverimg.png');
   height: 4.84rem;
   height: 4.84rem;
+  margin-top: .60rem;
 }
 }
 
 
 /* 合作入驻 */
 /* 合作入驻 */

BIN
wx/staticres/common-module/tripartiteAuth/image/A_01.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/A_01.png


BIN
wx/staticres/common-module/tripartiteAuth/image/A_02_app.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/A_04.png


BIN
wx/staticres/common-module/tripartiteAuth/image/A_05.png


BIN
wx/staticres/common-module/tripartiteAuth/image/Aapp_02.jpg


+ 166 - 23
wx/templates/tripartiteAuth/sess/index.html

@@ -10,12 +10,14 @@
 	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
 	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
 	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
 	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
 	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
 	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
-	<title>电信行业解决方案</title>
+	<title>企业认证服务</title>
 	<script src="https://wx.jianyu360.cn/structuredata/mobile/js/rem.js"></script>
 	<script src="https://wx.jianyu360.cn/structuredata/mobile/js/rem.js"></script>
 	<!-- <script src="/structuredata/mobile/js/rem.js"></script> -->
 	<!-- <script src="/structuredata/mobile/js/rem.js"></script> -->
 	<!-- <link rel="stylesheet" href="{{Msg " seo" "cdn" }}/structuredata/mobile/css/base.css?v={{Msg "seo" "version" }}">
 	<!-- <link rel="stylesheet" href="{{Msg " seo" "cdn" }}/structuredata/mobile/css/base.css?v={{Msg "seo" "version" }}">
 	<link rel="stylesheet" href="{{Msg " seo" "cdn" }}/common-module/solution/css/solution.css?v={{Msg "seo" "version"
 	<link rel="stylesheet" href="{{Msg " seo" "cdn" }}/common-module/solution/css/solution.css?v={{Msg "seo" "version"
 		}}"> -->
 		}}"> -->
+	<link rel="stylesheet" type="text/css" href="https://cdn-ali4.jianyu360.com/jyapp/local/layout.css">
+	<link href="https://cdn-ali4.jianyu360.com/jyapp/css/font.css?v=2182" rel="stylesheet">
 	<link rel="stylesheet" href="https://cdn-ali.jianyu360.com/structuredata/mobile/css/base.css?v=24356" />
 	<link rel="stylesheet" href="https://cdn-ali.jianyu360.com/structuredata/mobile/css/base.css?v=24356" />
 	<link rel="stylesheet" href="//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css" />
 	<link rel="stylesheet" href="//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css" />
 	<!-- <link rel="stylesheet" href="https://cdn-ali.jianyu360.com/common-module/solution/css/solution.css?v=24356"> -->
 	<!-- <link rel="stylesheet" href="https://cdn-ali.jianyu360.com/common-module/solution/css/solution.css?v=24356"> -->
@@ -23,13 +25,19 @@
 </head>
 </head>
 
 
 <body>
 <body>
+	<div class="app-layout-header jy-app-header header-transparent">
+		<span class="app-back jyapp-icon jyapp-icon-zuojiantou"></span>
+		<span class="subreport_title">企业认证服务</span>
+	</div>
+	<!-- <div class="app-layout-content-b"> -->
 	<div id="app">
 	<div id="app">
 		<div class="j-main">
 		<div class="j-main">
 			<div class="structured_top">
 			<div class="structured_top">
-				<div class="str_title">
-					<!-- <img src='{{Msg "seo" "cdn"}}/common-module/solution/image/A_02.jpg' alt=""> -->
-					<!-- <img src='https://cdn-ali.jianyu360.com/common-module/solution/image/A_02.jpg' alt=""> -->
-					<img src="../../../staticres/common-module/tripartiteAuth/image/A_02.jpg" alt="" />
+				<div class="str_title" v-if="isWeiXinBrowser ==true">
+					<img src="../../../staticres/common-module/tripartiteAuth/image/A_02_app.jpg" alt="" />
+				</div>
+				<div class="str_title" v-else>
+					<img src="../../../staticres/common-module/tripartiteAuth/image/A_02.jpg" />
 				</div>
 				</div>
 			</div>
 			</div>
 			<div class="str_what question" style="margin-top: -0.73rem">
 			<div class="str_what question" style="margin-top: -0.73rem">
@@ -38,13 +46,13 @@
 
 
 			<div class="j-button-box">
 			<div class="j-button-box">
 				<!-- 立即咨询btn -->
 				<!-- 立即咨询btn -->
-				<a class="j-button-consult" id="j_cancel">
+				<a class="j-button-consult" @click="gocustomer()">
 					<!-- <span class="phone_icon"></span> -->
 					<!-- <span class="phone_icon"></span> -->
 					<span>立即咨询</span>
 					<span>立即咨询</span>
 				</a>
 				</a>
 			</div>
 			</div>
 			<!-- 体系认证 -->
 			<!-- 体系认证 -->
-			<div id="vueEl">
+			<div>
 				<!-- ISO认证图列表 Start -->
 				<!-- ISO认证图列表 Start -->
 				<div class="j_sysauth_group" v-for="item in sysAuth_dataMaps">
 				<div class="j_sysauth_group" v-for="item in sysAuth_dataMaps">
 					<div class="j_sysauth_txt">
 					<div class="j_sysauth_txt">
@@ -67,7 +75,7 @@
 					</div>
 					</div>
 					<!-- 立即咨询btn -->
 					<!-- 立即咨询btn -->
 					<div class="j-button-box">
 					<div class="j-button-box">
-						<a class="j-button-consult" id="j_cancel">
+						<a class="j-button-consult" @click="href_more(item.urlpathId)">
 							<!-- <span class="phone_icon"></span> -->
 							<!-- <span class="phone_icon"></span> -->
 							<span>了解详情</span>
 							<span>了解详情</span>
 						</a>
 						</a>
@@ -89,7 +97,7 @@
 					</div>
 					</div>
 					<!-- 立即咨询btn -->
 					<!-- 立即咨询btn -->
 					<div class="j-button-box">
 					<div class="j-button-box">
-						<a class="j-button-consult" id="j_cancel">
+						<a class="j-button-consult" @click="href_more('j_sysauth_buttn')">
 							<!-- <span class="phone_icon"></span> -->
 							<!-- <span class="phone_icon"></span> -->
 							<span>了解详情</span>
 							<span>了解详情</span>
 						</a>
 						</a>
@@ -97,6 +105,23 @@
 				</div>
 				</div>
 				<!-- === END ===-->
 				<!-- === END ===-->
 
 
+				<!-- 招投标文件中加分项目 Start -->
+
+				<div class="j_sysauth_group">
+					<div class="j_sysauth_txt">
+						<h1 class="">招投标文件中加分项目</h1>
+					</div>
+					<!-- 企业 认证选项 -->
+					<div class="img_group_box" style="margin-top: .30rem;">
+						<img src="../../../staticres/common-module/tripartiteAuth/image/A_04.png" alt="" />
+					</div>
+					<div class="img_group_box">
+						<img src="../../../staticres/common-module/tripartiteAuth/image/A_05.png" alt="" />
+
+					</div>
+				</div>
+				<!-- === END ===-->
+
 				<!-- 服务流程图 Start -->
 				<!-- 服务流程图 Start -->
 				<div class="jy_servicepro_group">
 				<div class="jy_servicepro_group">
 
 
@@ -122,7 +147,7 @@
 					</div>
 					</div>
 					<!-- 立即咨询btn -->
 					<!-- 立即咨询btn -->
 					<div class="j-button-box">
 					<div class="j-button-box">
-						<a class="j-button-consult j-button-nowcooper" id="j_cancel">
+						<a class="j-button-consult j-button-nowcooper" @click="href_more('jy_cooperprocess')">
 							<span>立即成为合作商</span>
 							<span>立即成为合作商</span>
 						</a>
 						</a>
 					</div>
 					</div>
@@ -140,7 +165,7 @@
 						<div class="iso_li">
 						<div class="iso_li">
 							<div class="bgs_img_qrcode">
 							<div class="bgs_img_qrcode">
 								<!-- <img :src="`${IsoImgspath}${item.imgspath}_${index+1}.jpg`" v-if="itemImg.authname" /> -->
 								<!-- <img :src="`${IsoImgspath}${item.imgspath}_${index+1}.jpg`" v-if="itemImg.authname" /> -->
-								<img src="../../../staticres/common-module/tripartiteAuth/image/qrCodeimg.jpg" alt="" />
+								<img :src="qreobj.wxCodeImg" alt="" />
 							</div>
 							</div>
 							<div class="ft28 authnum">
 							<div class="ft28 authnum">
 								<div>长按二维码加客服微信</div>
 								<div>长按二维码加客服微信</div>
@@ -157,26 +182,29 @@
 
 
 		</div>
 		</div>
 		<div class="j-button-group">
 		<div class="j-button-group">
-			<!-- <a class="j-button-cancel" id="j_cancel">
+			<!-- <a class="j-button-cancel" @click="href_more()">
 				<span class="phone_icon"></span>
 				<span class="phone_icon"></span>
 				<span>了解详情</span>
 				<span>了解详情</span>
 			</a> -->
 			</a> -->
 			<!-- 点击调取拨打电话 -->
 			<!-- 点击调取拨打电话 -->
-			<button class="j-button-confirm" onclick="location.href = 'tel:10086​'" id="j_confirm">
+			<button class="j-button-confirm" @click="telphoneFun(qreobj.phone)" id="j_confirm">
 				<span class="j_telbox">
 				<span class="j_telbox">
 					<i class="icon_phone"></i>
 					<i class="icon_phone"></i>
-					<i class="txt_phone">15136295365</i>
+					<i class="txt_phone">{{qreobj.phone}}</i>
 				</span>
 				</span>
 				<span>拨打</span>
 				<span>拨打</span>
 			</button>
 			</button>
 		</div>
 		</div>
 	</div>
 	</div>
+	<!-- </div> -->
 	<!-- {{include "/common/baiducc.html"}} -->
 	<!-- {{include "/common/baiducc.html"}} -->
 	<script src="https://cdn-ali.jianyu360.com/public-pc/js/baiducc.js?v=24356"></script>
 	<script src="https://cdn-ali.jianyu360.com/public-pc/js/baiducc.js?v=24356"></script>
 </body>
 </body>
 <script src="https://cdn-ali.jianyu360.com/structuredata/mobile/js/jquery.min.js"></script>
 <script src="https://cdn-ali.jianyu360.com/structuredata/mobile/js/jquery.min.js"></script>
 <script src="https://cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js"></script>
 <script src="https://cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js"></script>
 <script src="https://cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js"></script>
 <script src="https://cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js"></script>
+<!-- commin app原生方法验证等 -->
+<!-- <script src="https://cdn-ali4.jianyu360.com/jyapp/js/common.js?v=2593"></script> -->
 <!-- <script src='{{Msg "seo" "cdn"}}/structuredata/mobile/js/jquery.min.js'></script>
 <!-- <script src='{{Msg "seo" "cdn"}}/structuredata/mobile/js/jquery.min.js'></script>
 <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
 <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
 <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js></script> -->
 <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js></script> -->
@@ -189,11 +217,50 @@
 				_hmt.push(['_trackEvent', '广告', 'click', ad_from])
 				_hmt.push(['_trackEvent', '广告', 'click', ad_from])
 			}
 			}
 		}
 		}
+
+		// 判断是否是wx环境
+
+		var isWeiXinBrowser = window.navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
+
+		if (isWeiXinBrowser) {
+			console.log('wx');
+
+			$('.jy-app-header').addClass('hide')
+		} else {
+			// vmSol.header_show = false;
+			// console.log('app or browse ==', vmSol.header_show);
+
+			$('.jy-app-header').removeClass('hide')
+
+		}
+
+		// 监听页面滚动
+		var addEvent = (function () {
+			if (window.addEventListener) {
+				return function (elm, type, handle) {
+					elm.addEventListener(type, handle, false);
+				}
+			}
+			if (window.attachEvent) {
+				return function (elm, type, handle) {
+					elm.attachEvent('on' + type, handle);
+				}
+			}
+		})();
+
+		// app头部效果
+		var div = document.querySelector('.j-main');
+		addEvent(div, 'scroll', function () {
+			var scrollHeight = div.scrollHeight;
+			var scrollTop = div.scrollTop;
+			var height = div.offsetHeight;
+			if (scrollTop >= 80) {
+				$('.jy-app-header').removeClass('header-transparent')
+			} else {
+				$('.jy-app-header').addClass('header-transparent')
+			}
+		});
 	})()
 	})()
-	function learn_more() {
-		window.location.href =
-			'/weixin/frontPage/bigmember/free/perfect_info_solution?source=telecom_solution'
-	}
 	function getParam(name) {
 	function getParam(name) {
 		var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
 		var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
 		var r = window.location.search.substr(1).match(reg) //获取url中"?"符后的字符串并正则匹配
 		var r = window.location.search.substr(1).match(reg) //获取url中"?"符后的字符串并正则匹配
@@ -205,11 +272,14 @@
 			? ''
 			? ''
 			: context
 			: context
 	}
 	}
-	$('#j_cancel').on('click', learn_more)
+
+	// vue
 	var vmSol = new Vue({
 	var vmSol = new Vue({
-		el: '#vueEl',
+		// el: '#vueEl',
+		el: '#app',
 		data: {
 		data: {
-			show: false,
+			header_show: false,
+			isWeiXinBrowser: true,
 			index: 0,
 			index: 0,
 			images: ['/common-module/solution/image/viewImg.png'],
 			images: ['/common-module/solution/image/viewImg.png'],
 			// ISO img队列
 			// ISO img队列
@@ -221,6 +291,7 @@
 					bigtitle: '体系认证',
 					bigtitle: '体系认证',
 					subtitle: '品牌提升,投标加分,提升企业竞争力',
 					subtitle: '品牌提升,投标加分,提升企业竞争力',
 					imgspath: 'ISO_img/ISOimg',
 					imgspath: 'ISO_img/ISOimg',
+					urlpathId: 'jy_ISObutt',
 					ISO_imagesMaps: [
 					ISO_imagesMaps: [
 						{
 						{
 							// IsoImgs: '../../../staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg',
 							// IsoImgs: '../../../staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg',
@@ -270,6 +341,7 @@
 					bigtitle: '信用认证',
 					bigtitle: '信用认证',
 					subtitle: '企业信用名片,招投标必备',
 					subtitle: '企业信用名片,招投标必备',
 					imgspath: 'nessauth_img/nessimg',
 					imgspath: 'nessauth_img/nessimg',
+					urlpathId: 'jy_prossAuth',
 					ISO_imagesMaps: [
 					ISO_imagesMaps: [
 						{
 						{
 							// IsoImgs: '../../../staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg',
 							// IsoImgs: '../../../staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg',
@@ -360,13 +432,84 @@
 					'履约能力评价服务认证',
 					'履约能力评价服务认证',
 				],
 				],
 			},
 			},
+			qreobj: {
+				phone: "18624906090",
+				wxCodeImg: "../../../staticres/common-module/tripartiteAuth/image/qrCodeimg.jpg"
+			},
+		},
+		// 生命周期阶段
+		created: function () {
+			// 再次判断 客户端归属
+			// 判断是否是wx环境
+
+			var isWeiXinBrowser = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
+
+			this.isWeiXinBrowser = isWeiXinBrowser;
+
+			if (isWeiXinBrowser) {
+				console.log('wx');
+				this.header_show = true;
+			} else {
+				this.header_show = false;
+				console.log('app or browse ==', this.header_show);
+
+			}
+
+			this.getqrecode_dataFun()
+
 		},
 		},
 		methods: {
 		methods: {
-			imageView: function (index) {
-				this.show = true
+			//app端调取拨打电话
+			telphoneFun: function (phone) {
+				if (this.isWeiXinBrowser) {
+					window.location.href = `tel:${phone}`
+				} else {
+					// 捕捉错误,以防找不到原生对象
+					try {
+						console.log('手机app 拨打手机==', phone);
+						JyObj.callPhone(phone);
+					} catch (error) {
+						console.log('no bowser,or no tel ===', error);
+						window.location.href = `tel:${phone}`
+					}
+				}
 			},
 			},
+			// 跳转了解详情
+			href_more: function (urlpathId) {
+				var apporwx = this.isWeiXinBrowser ? 'wx' : 'app';
+				window.location.href =
+					`https://wx.jianyu360.cn/weixin/frontPage/bigmember/free/perfect_info_solution?source=certificateServices-${apporwx}-biddingDetailPage-${urlpathId}`
+			},
+			// 咨询客服
+			gocustomer: function (urlpath) {
+				window.location.href =
+					'https://wx.jianyu360.cn/big/wx/page/customer'
+			},// 获取二维码
+			getqrecode_dataFun: function (urlpath) {
+				var vue_that = this
+				$.ajax({
+					type: "get",
+					data: { module: 'tripartiteAuth' },
+					dataType: "json",
+					url: '/commercial/customer/info',
+					success: function (res) {
+						if (res && res.status) {
+							console.log('二维码res=====', res);
+							vue_that.qreobj.wxCodeImg = res.data.wxCodeImg
+							vue_that.qreobj.phone = res.data.phone
+						}
+					},
+					error: function (error) {
+						console.log(error)
+					}
+				})
+			}
+
 		},
 		},
+
 	})
 	})
 </script>
 </script>
+<!--百度统计end-->
+<!-- {{include "/common/baiducc.html"}} -->
 
 
 </html>
 </html>