Bladeren bron

fix:更换跳转路径

· 更换跳转路径
· 二维码不同端展示
郭小北 2 jaren geleden
bovenliggende
commit
11254aa055
2 gewijzigde bestanden met toevoegingen van 176 en 205 verwijderingen
  1. 142 139
      tripartiteAuth/index.html
  2. 34 66
      tripartiteAuth/static/js/tripartiteAuth.js

+ 142 - 139
tripartiteAuth/index.html

@@ -21,178 +21,181 @@
 </head>
 
 <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 class="j-main">
-			<!-- <div class="structured_top"> -->
-			<div class="str_title" v-if="isWeiXinBrowser">
-				<img src="static/image/A_02.jpg" alt="" />
-			</div>
-			<div class="str_title" v-else>
-				<img src="static/image/A_02_app.jpg" />
-			</div>
-			<!-- </div> -->
-			<div class="str_what question" style="margin-top: -0.73rem">
-				<img src="static/image/A_03.png" alt="" />
-			</div>
+	<div id="vueEl">
 
-			<div class="j-button-box">
-				<!-- 立即咨询btn -->
-				<a class="j-button-consult" @click="gocustomer()">
-					<!-- <span class="phone_icon"></span> -->
-					<span>立即咨询</span>
-				</a>
-			</div>
-			<!-- 体系认证 -->
-			<div>
-				<!-- ISO认证图列表 Start -->
-				<div class="j_sysauth_group" v-for="item in sysAuth_dataMaps">
-					<div class="j_sysauth_txt">
-						<h1 v-text="item.bigtitle"></h1>
-						<span v-text="item.subtitle">品牌提升</span>
-					</div>
+		<div class="app-layout-header jy-app-header header-transparent" v-if="!isWeiXinBrowser">
+			<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 class="j-main">
+				<!-- <div class="structured_top"> -->
+				<div class="str_title" v-if="isWeiXinBrowser">
+					<img src="static/image/A_02.jpg" alt="" />
+				</div>
+				<div class="str_title" v-else>
+					<img src="static/image/A_02_app.jpg" />
+				</div>
+				<!-- </div> -->
+				<div class="str_what question" style="margin-top: -0.73rem">
+					<img src="static/image/A_03.png" alt="" />
+				</div>
 
-					<!-- ISO\企业 认证 -->
-					<div class="iso_group_box">
-						<div class="iso_li" v-for="(itemImg,index) in item.ISO_imagesMaps">
-							<div :class="(item.bigtitle ==='体系认证'?'bgs_img':'bgs_img_ness')">
-								<img :src="`${IsoImgspath}${item.imgspath}_${index+1}.jpg`" alt=""
-									v-if="itemImg.authname" />
-							</div>
-							<div class="ft26 authnum" v-text="itemImg.authnum" v-if="itemImg.authnum"></div>
-							<div class="ft24 authname" v-text="itemImg.authname" v-if="itemImg.authname">
-								质量认证
-							</div>
-						</div>
-					</div>
+				<div class="j-button-box">
 					<!-- 立即咨询btn -->
-					<div class="j-button-box">
-						<a class="j-button-consult" @click="href_more(item.urlpathId)">
-							<!-- <span class="phone_icon"></span> -->
-							<span>了解详情</span>
-						</a>
-					</div>
+					<a class="j-button-consult" @click="gocustomer()">
+						<!-- <span class="phone_icon"></span> -->
+						<span>立即咨询</span>
+					</a>
 				</div>
-				<!-- === END ===-->
+				<!-- 体系认证 -->
+				<div>
+					<!-- ISO认证图列表 Start -->
+					<div class="j_sysauth_group" v-for="item in sysAuth_dataMaps">
+						<div class="j_sysauth_txt">
+							<h1 v-text="item.bigtitle"></h1>
+							<span v-text="item.subtitle">品牌提升</span>
+						</div>
 
-				<!-- 服务认证展示txt Start -->
-				<div class="jy_authshow_group">
-					<div class="j_sysauth_txt">
-						<h1 v-text="servAuth_dataMaps.bigtitle"></h1>
-						<span v-text="servAuth_dataMaps.subtitle">品牌提升</span>
-					</div>
-					<!-- 企业 认证选项 -->
-					<div class="iso_group_box center_group_box">
-						<div class="iso_li txtsys_li" v-for="item in servAuth_dataMaps.auth_infoArr">
-							<span class="ft24 authname txtsys_li_name" v-text="item" v-if="item"></span>
+						<!-- ISO\企业 认证 -->
+						<div class="iso_group_box">
+							<div class="iso_li" v-for="(itemImg,index) in item.ISO_imagesMaps">
+								<div :class="(item.bigtitle ==='体系认证'?'bgs_img':'bgs_img_ness')">
+									<img :src="`${IsoImgspath}${item.imgspath}_${index+1}.jpg`" alt=""
+										v-if="itemImg.authname" />
+								</div>
+								<div class="ft26 authnum" v-text="itemImg.authnum" v-if="itemImg.authnum"></div>
+								<div class="ft24 authname" v-text="itemImg.authname" v-if="itemImg.authname">
+									质量认证
+								</div>
+							</div>
+						</div>
+						<!-- 立即咨询btn -->
+						<div class="j-button-box">
+							<a class="j-button-consult" @click="href_more(item.urlpathId)">
+								<!-- <span class="phone_icon"></span> -->
+								<span>了解详情</span>
+							</a>
 						</div>
 					</div>
-					<!-- 立即咨询btn -->
-					<div class="j-button-box">
-						<a class="j-button-consult" @click="href_more('j_sysauth_buttn')">
-							<!-- <span class="phone_icon"></span> -->
-							<span>了解详情</span>
-						</a>
+					<!-- === END ===-->
+
+					<!-- 服务认证展示txt Start -->
+					<div class="jy_authshow_group">
+						<div class="j_sysauth_txt">
+							<h1 v-text="servAuth_dataMaps.bigtitle"></h1>
+							<span v-text="servAuth_dataMaps.subtitle">品牌提升</span>
+						</div>
+						<!-- 企业 认证选项 -->
+						<div class="iso_group_box center_group_box">
+							<div class="iso_li txtsys_li" v-for="item in servAuth_dataMaps.auth_infoArr">
+								<span class="ft24 authname txtsys_li_name" v-text="item" v-if="item"></span>
+							</div>
+						</div>
+						<!-- 立即咨询btn -->
+						<div class="j-button-box">
+							<a class="j-button-consult" @click="href_more('j_sysauth_buttn')">
+								<!-- <span class="phone_icon"></span> -->
+								<span>了解详情</span>
+							</a>
+						</div>
 					</div>
-				</div>
-				<!-- === END ===-->
+					<!-- === END ===-->
 
-				<!-- 招投标文件中加分项目 Start -->
+					<!-- 招投标文件中加分项目 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="static/image/A_04.png" alt="" />
-					</div>
-					<div class="img_group_box">
-						<img src="static/image/A_05.png" alt="" />
+					<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="static/image/A_04.png" alt="" />
+						</div>
+						<div class="img_group_box">
+							<img src="static/image/A_05.png" alt="" />
 
+						</div>
 					</div>
-				</div>
-				<!-- === END ===-->
+					<!-- === END ===-->
 
-				<!-- 服务流程图 Start -->
-				<div class="jy_servicepro_group">
+					<!-- 服务流程图 Start -->
+					<div class="jy_servicepro_group">
 
-					<!-- <img src="static/image/serverimg.png" alt="" /> -->
+						<!-- <img src="static/image/serverimg.png" alt="" /> -->
 
-					<!-- <div class="j_sysauth_txt">
+						<!-- <div class="j_sysauth_txt">
 						<h1>服务流程</h1>
 					</div> -->
-				</div>
-				<!-- === END ===-->
+					</div>
+					<!-- === END ===-->
 
-				<!-- 合作流程 Start -->
+					<!-- 合作流程 Start -->
 
-				<div class="jy_authshow_group jy_cooperprocess_group">
-					<div class="j_sysauth_txt">
-						<h1 class="fwhite">合作入驻</h1>
-						<span class="fwhite70">大平台,新机遇</span>
-					</div>
-					<!-- 企业 认证选项 -->
-					<div class="iso_group_box center_group_box">
-						<div class="cooperprocess_box">
+					<div class="jy_authshow_group jy_cooperprocess_group">
+						<div class="j_sysauth_txt">
+							<h1 class="fwhite">合作入驻</h1>
+							<span class="fwhite70">大平台,新机遇</span>
+						</div>
+						<!-- 企业 认证选项 -->
+						<div class="iso_group_box center_group_box">
+							<div class="cooperprocess_box">
+							</div>
+						</div>
+						<!-- 立即咨询btn -->
+						<div class="j-button-box">
+							<a class="j-button-consult j-button-nowcooper" @click="href_more('jy_cooperprocess')">
+								<span>立即成为合作商</span>
+							</a>
 						</div>
 					</div>
-					<!-- 立即咨询btn -->
-					<div class="j-button-box">
-						<a class="j-button-consult j-button-nowcooper" @click="href_more('jy_cooperprocess')">
-							<span>立即成为合作商</span>
-						</a>
-					</div>
-				</div>
-				<!-- === END ===-->
+					<!-- === END ===-->
 
-				<!-- qrcode Start -->
+					<!-- qrcode Start -->
 
-				<div class="jy_authshow_group jy_qrcode_group">
-					<div class="j_sysauth_txt">
-						<h1 class="">联系我们</h1>
-					</div>
-					<!-- 二维码选项 -->
-					<div class="iso_group_box">
-						<div class="iso_li">
-							<div class="bgs_img_qrcode">
-								<!-- <img :src="`${IsoImgspath}${item.imgspath}_${index+1}.jpg`" v-if="itemImg.authname" /> -->
-								<img :src="qreobj.wxCodeImg" alt="" />
-							</div>
-							<div class="ft28 authnum">
-								<div>长按二维码加客服微信</div>
-							</div>
-							<div class="ft28 authnum">
-								<div>备注认证服务</div>
+					<div class="jy_authshow_group jy_qrcode_group" v-if="isWeiXinBrowser">
+						<div class="j_sysauth_txt">
+							<h1 class="">联系我们</h1>
+						</div>
+						<!-- 二维码选项 -->
+						<div class="iso_group_box">
+							<div class="iso_li">
+								<div class="bgs_img_qrcode">
+									<!-- <img :src="`${IsoImgspath}${item.imgspath}_${index+1}.jpg`" v-if="itemImg.authname" /> -->
+									<img :src="qreobj.wxCodeImg" alt="" />
+								</div>
+								<div class="ft28 authnum">
+									<div>长按二维码加客服微信</div>
+								</div>
+								<div class="ft28 authnum">
+									<div>备注认证服务</div>
+								</div>
 							</div>
 						</div>
-					</div>
 
+					</div>
+					<!-- === END ===-->
 				</div>
-				<!-- === END ===-->
-			</div>
 
-		</div>
-		<div class="j-button-group">
-			<!-- <a class="j-button-cancel" @click="href_more()">
+			</div>
+			<div class="j-button-group">
+				<!-- <a class="j-button-cancel" @click="href_more()">
 				<span class="phone_icon"></span>
 				<span>了解详情</span>
 			</a> -->
-			<!-- 点击调取拨打电话 -->
-			<button class="j-button-confirm" @click="telphoneFun(qreobj.phone)" id="j_confirm">
-				<span class="j_telbox">
-					<i class="icon_phone"></i>
-					<i class="txt_phone">{{qreobj.phone}}</i>
-				</span>
-				<span>拨打</span>
-			</button>
+				<!-- 点击调取拨打电话 -->
+				<button class="j-button-confirm" @click="telphoneFun(qreobj.phone)" id="j_confirm">
+					<span class="j_telbox">
+						<i class="icon_phone"></i>
+						<i class="txt_phone">{{qreobj.phone}}</i>
+					</span>
+					<span>拨打</span>
+				</button>
+			</div>
 		</div>
+		<!-- </div> -->
 	</div>
-	<!-- </div> -->
 	<!-- {{include "/common/baiducc.html"}} -->
 	<script src="https://cdn-ali.jianyu360.com/public-pc/js/baiducc.js?v=24356"></script>
 </body>

+ 34 - 66
tripartiteAuth/static/js/tripartiteAuth.js

@@ -1,72 +1,35 @@
 // js
-;(function () {
-  var ad_from = getParam('adv_from')
-  if (ad_from != '') {
-    if (!localStorage.getItem('ad_from')) {
-      localStorage.setItem('ad_from', ad_from)
-      _hmt.push(['_trackEvent', '广告', 'click', ad_from])
-    }
-  }
-
-  // 判断是否是wx环境
-
-  var isWeiXinBrowser =
-    window.navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1
-
-  if (isWeiXinBrowser) {
-    console.log('wx')
+// 监听页面滚动
+// 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)
+//     }
+//   }
+// })()
 
-    $('.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 getParam(name) {
-  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
-  var r = window.location.search.substr(1).match(reg) //获取url中"?"符后的字符串并正则匹配
-  var context = ''
-  if (r != null) context = r[2]
-  reg = null
-  r = null
-  return context == null || context == '' || context == 'undefined'
-    ? ''
-    : context
-}
+// // 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')
+//   }
+// })
 
 // vue
 var vmSol = new Vue({
-  // el: '#vueEl',
-  el: '#app',
+  el: '#vueEl',
+  // el: '#app',
   data: {
     header_show: false,
     isWeiXinBrowser: true,
@@ -266,11 +229,16 @@ var vmSol = new Vue({
     // 跳转了解详情
     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}`
+      // window.location.href = `https://wx.jianyu360.cn/weixin/frontPage/bigmember/free/perfect_info_solution?source=certificateServices-${apporwx}-biddingDetailPage-${urlpathId}`
+      window.location.href = `${
+        this.isWeiXinBrowser ? '/weixin/frontPage' : '/jyapp/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'
+      window.location.href = this.isWeiXinBrowser
+        ? '/big/wx/page/customer'
+        : '/jyapp/free/customer'
     }, // 获取二维码
     getqrecode_dataFun: function (urlpath) {
       var vue_that = this