Răsfoiți Sursa

feat:留资页优化、兼容,资源压缩

图片压缩、css优化

布局增加
郭小北 2 ani în urmă
părinte
comite
5f356ebaf3
36 a modificat fișierele cu 279 adăugiri și 87 ștergeri
  1. 98 5
      wx/staticres/common-module/tripartiteAuth/css/tripartiteAuth.css
  2. BIN
      wx/staticres/common-module/tripartiteAuth/image/A_02.jpg
  3. BIN
      wx/staticres/common-module/tripartiteAuth/image/A_03.png
  4. BIN
      wx/staticres/common-module/tripartiteAuth/image/A_04.jpg
  5. BIN
      wx/staticres/common-module/tripartiteAuth/image/A_05.jpg
  6. BIN
      wx/staticres/common-module/tripartiteAuth/image/B_01.jpg
  7. BIN
      wx/staticres/common-module/tripartiteAuth/image/B_02.jpg
  8. BIN
      wx/staticres/common-module/tripartiteAuth/image/B_03.jpg
  9. BIN
      wx/staticres/common-module/tripartiteAuth/image/B_04.jpg
  10. BIN
      wx/staticres/common-module/tripartiteAuth/image/B_05.jpg
  11. BIN
      wx/staticres/common-module/tripartiteAuth/image/B_06.jpg
  12. BIN
      wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_1.jpg
  13. BIN
      wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_2.jpg
  14. BIN
      wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_3.jpg
  15. BIN
      wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_4.jpg
  16. BIN
      wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_5.jpg
  17. BIN
      wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_6.jpg
  18. BIN
      wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_7.jpg
  19. BIN
      wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_8.jpg
  20. BIN
      wx/staticres/common-module/tripartiteAuth/image/cooper_processBg.jpg
  21. BIN
      wx/staticres/common-module/tripartiteAuth/image/cooper_processImg.png
  22. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_1.jpg
  23. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_2.jpg
  24. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_3.jpg
  25. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_4.jpg
  26. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_5.jpg
  27. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_6.jpg
  28. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_7.jpg
  29. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_8.jpg
  30. BIN
      wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_9.jpg
  31. BIN
      wx/staticres/common-module/tripartiteAuth/image/qrCodeBg.png
  32. BIN
      wx/staticres/common-module/tripartiteAuth/image/qrCodeimg.jpg
  33. BIN
      wx/staticres/common-module/tripartiteAuth/image/serverimg.png
  34. BIN
      wx/staticres/common-module/tripartiteAuth/image/titlinebg.png
  35. BIN
      wx/staticres/common-module/tripartiteAuth/image/txauthBg.png
  36. 181 82
      wx/templates/tripartiteAuth/sess/index.html

+ 98 - 5
wx/staticres/common-module/tripartiteAuth/css/tripartiteAuth.css

@@ -38,6 +38,14 @@ body {
   font-size: 0.4rem;
 }
 
+.fwhite {
+  color: #fff !important;
+}
+
+.fwhite70 {
+  color: rgba(255, 255, 255, 0.7) !important;
+}
+
 #app .j-main {
   width: 100%;
   height: 100%;
@@ -149,17 +157,64 @@ body {
   height: 1.5rem;
 }
 
-/* 大小标题title */
-#app .j_sysauth_group {
+/* 大小标题title、容器 */
+#app .j_sysauth_group,
+.jy_authshow_group {
   margin-top: 0.6rem;
 }
 
+#app .jy_authshow_group,
+.jy_servicepro_group,
+.jy_cooperprocess_group,
+.jy_qrcode_group {
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+/* 服务认证展示 */
+#app .jy_authshow_group {
+  background-image: url('../image/txauthBg.png');
+  padding: .67rem 0;
+  width: 100%;
+  background-size: 100% 100%;
+}
+
+/* 服务流程 */
+#app .jy_servicepro_group {
+  background-image: url('../image/serverimg.png');
+  height: 4.84rem;
+}
+
+/* 合作入驻 */
+#app .jy_cooperprocess_group {
+  background-image: url('../image/cooper_processBg.jpg');
+  height: 11.36rem;
+  margin-top: 0;
+}
+
+#app .jy_cooperprocess_group .cooperprocess_box {
+
+  background: url('../image/cooper_processImg.png') no-repeat;
+  background-size: 100% 100%;
+  width: 3.75rem;
+  height: 6.86rem;
+  margin-bottom: 0.26rem;
+}
+
+/* 二维码 信息*/
+#app .jy_qrcode_group {
+  background-image: url('../image/qrCodeBg.png');
+  height: 7.5rem;
+  margin-top: 0;
+}
+
 #app .j_sysauth_txt {
   text-align: center;
 }
 
 #app .j_sysauth_txt h1 {
   font-size: 0.48rem;
+  font-weight: 400;
   color: #1d1d1d;
   height: 0.67rem;
   line-height: 0.67rem;
@@ -181,7 +236,12 @@ body {
   justify-content: space-around;
 }
 
-.iso_group_box .iso_li {
+.center_group_box {
+  justify-content: center;
+}
+
+.iso_group_box .iso_li,
+.iso_group_box .txtsys_li {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -202,6 +262,12 @@ body {
   margin-bottom: 0.16rem;
 }
 
+.iso_group_box .iso_li .bgs_img_qrcode {
+  width: 2.82rem;
+  height: 2.82rem;
+  margin-bottom: 0.22rem;
+}
+
 .iso_group_box .iso_li .authnum,
 .iso_group_box .iso_li .authname {
   height: 0.38rem;
@@ -213,6 +279,23 @@ body {
   color: #505050;
 }
 
+/* 服务认证 */
+.iso_group_box .txtsys_li {
+  height: .64rem;
+  background: #fff;
+  padding: 0 .20rem;
+  margin-bottom: .28rem;
+  border: 1px solid #ECECEC;
+  box-shadow: 0px 8px 12px rgba(148, 153, 165, 0.08);
+  border-radius: 4px;
+  margin-right: .14rem;
+}
+
+.iso_group_box .txtsys_li:nth-last-child(1) {
+  margin-right: 0;
+}
+
+/* .iso_group_box .txtsys_li .jy_txtli_name {} */
 
 /* ==== */
 #app .j-button-group .j-button-cancel {
@@ -242,7 +325,8 @@ body {
 }
 
 #app .j-button-group .j-button-confirm,
-.j-button-consult {
+.j-button-consult,
+.j-button-nowcooper {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -263,7 +347,8 @@ body {
 }
 
 /*  */
-.j-button-consult {
+.j-button-consult,
+.j-button-nowcooper {
   justify-content: center;
   width: 90%;
   color: #fff;
@@ -280,6 +365,14 @@ body {
   border-radius: 0.16rem;
 }
 
+.j-button-nowcooper {
+  /* 设置渐变 */
+  background: linear-gradient(90deg, #EFF8FF -2.53%, #B9E3FE 95.93%);
+  box-shadow: 0px 10px 16px rgba(8, 125, 223, 0.2), inset 2px 2px 2px rgba(255, 255, 255, 0.5);
+  color: #0D4AE7;
+
+}
+
 @keyframes ballRotate {
   0% {
     transform: rotate(0);

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


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


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


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


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


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


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


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


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


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


BIN
wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_1.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_2.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_3.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_4.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_5.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_6.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_7.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg_8.jpg


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


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


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_1.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_2.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_3.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_4.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_5.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_6.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_7.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_8.jpg


BIN
wx/staticres/common-module/tripartiteAuth/image/nessauth_img/nessimg_9.jpg


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


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


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


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


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


+ 181 - 82
wx/templates/tripartiteAuth/sess/index.html

@@ -2,24 +2,24 @@
 <html lang="zh-CN">
 
 <head>
-	<meta charset="UTF-8">
+	<meta charset="UTF-8" />
 	<meta name="viewport"
 		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="apple-mobile-web-app-capable" content="yes" />
 	<meta name="format-detection" content="telephone=yes" />
-	<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 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" />
 	<title>电信行业解决方案</title>
 	<script src="https://wx.jianyu360.cn/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" }}/common-module/solution/css/solution.css?v={{Msg "seo" "version"
 		}}"> -->
-	<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="https://cdn-ali.jianyu360.com/common-module/solution/css/solution.css?v=24356"> -->
-	<link rel="stylesheet" href="../../../staticres/common-module/tripartiteAuth/css/tripartiteAuth.css?v=24356">
+	<link rel="stylesheet" href="../../../staticres/common-module/tripartiteAuth/css/tripartiteAuth.css?v=24356" />
 </head>
 
 <body>
@@ -29,12 +29,11 @@
 				<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="">
-
+					<img src="../../../staticres/common-module/tripartiteAuth/image/A_02.jpg" alt="" />
 				</div>
 			</div>
-			<div class="str_what question" style="margin-top: -.73rem;">
-				<img src='../../../staticres/common-module/tripartiteAuth/image/A_03.png' alt="">
+			<div class="str_what question" style="margin-top: -0.73rem">
+				<img src="../../../staticres/common-module/tripartiteAuth/image/A_03.png" alt="" />
 			</div>
 
 			<div class="j-button-box">
@@ -46,6 +45,7 @@
 			</div>
 			<!-- 体系认证 -->
 			<div id="vueEl">
+				<!-- ISO认证图列表 Start -->
 				<div class="j_sysauth_group" v-for="item in sysAuth_dataMaps">
 					<div class="j_sysauth_txt">
 						<h1 v-text="item.bigtitle"></h1>
@@ -55,45 +55,106 @@
 					<!-- 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="">
+							<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 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" id="j_cancel">
+							<!-- <span class="phone_icon"></span> -->
+							<span>了解详情</span>
+						</a>
+					</div>
+				</div>
+				<!-- === 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" id="j_cancel">
 							<!-- <span class="phone_icon"></span> -->
 							<span>了解详情</span>
 						</a>
 					</div>
 				</div>
-			</div>
-			<!-- 优惠信息 -->
-			<div class="module buy-discount" style="margin-top: -1px;">
-				<img src='../../../staticres/common-module/tripartiteAuth/image/B_01.jpg' alt="">
-				<img src='../../../staticres/common-module/tripartiteAuth/image/B_02.jpg' alt=""
-					style="margin-top: -1px;">
-			</div>
-			<!-- 核心优势 -->
-			<div style="margin-top: -1px;">
-				<img src='../../../staticres/common-module/tripartiteAuth/image/B_03.jpg' alt="">
-			</div>
-			<!-- 已使用结构化招标数据的部分企业 -->
-			<div class="company">
-				<img src='../../../staticres/common-module/tripartiteAuth/image/B_04.jpg' alt="">
+				<!-- === END ===-->
 
+				<!-- 服务流程图 Start -->
+				<div class="jy_servicepro_group">
+
+					<!-- <img src="../../../staticres/common-module/tripartiteAuth/image/serverimg.png" alt="" /> -->
+
+					<!-- <div class="j_sysauth_txt">
+						<h1>服务流程</h1>
+					</div> -->
+				</div>
+				<!-- === END ===-->
+
+				<!-- 合作流程 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>
+					</div>
+					<!-- 立即咨询btn -->
+					<div class="j-button-box">
+						<a class="j-button-consult j-button-nowcooper" id="j_cancel">
+							<span>立即成为合作商</span>
+						</a>
+					</div>
+				</div>
+				<!-- === END ===-->
+
+				<!-- 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="../../../staticres/common-module/tripartiteAuth/image/qrCodeimg.jpg" alt="" />
+							</div>
+							<div class="ft28 authnum">
+								<div>长按二维码加客服微信</div>
+							</div>
+							<div class="ft28 authnum">
+								<div>备注认证服务</div>
+							</div>
+						</div>
+					</div>
+
+				</div>
+				<!-- === END ===-->
 			</div>
-			<!-- 更多定制化数据服务 -->
-			<div style="margin-top: -1px;">
-				<img src='../../../staticres/common-module/tripartiteAuth/image/B_05.jpg' alt="">
-				<img src='../../../staticres/common-module/tripartiteAuth/image/B_06.jpg'
-					style="height: 50px;width: 100%;margin-top: -1px;" alt="">
-			</div>
+
 		</div>
 		<div class="j-button-group">
 			<!-- <a class="j-button-cancel" id="j_cancel">
@@ -111,7 +172,7 @@
 		</div>
 	</div>
 	<!-- {{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>
 <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>
@@ -120,39 +181,40 @@
 <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>
-	(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]);
+	; (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])
 			}
 		}
 	})()
 	function learn_more() {
-		window.location.href = '/weixin/frontPage/bigmember/free/perfect_info_solution?source=telecom_solution'
+		window.location.href =
+			'/weixin/frontPage/bigmember/free/perfect_info_solution?source=telecom_solution'
 	}
 	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;
+		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
 	}
-	$("#j_cancel").on('click', learn_more)
+	$('#j_cancel').on('click', learn_more)
 	var vmSol = new Vue({
 		el: '#vueEl',
 		data: {
 			show: false,
 			index: 0,
-			images: [
-				'/common-module/solution/image/viewImg.png'
-			],
+			images: ['/common-module/solution/image/viewImg.png'],
 			// ISO img队列
 			IsoImgspath: '../../../staticres/common-module/tripartiteAuth/image/',
+			// 图片展示
 			sysAuth_dataMaps: [
 				// ISO
 				{
@@ -200,9 +262,8 @@
 							id: 8,
 							authnum: '更多体系认证服务',
 							authname: '更多认证点击了解详情',
-						}
-
-					]
+						},
+					],
 				},
 				// 企业认证图片
 				{
@@ -213,60 +274,98 @@
 						{
 							// IsoImgs: '../../../staticres/common-module/tripartiteAuth/image/ISO_img/ISOimg',
 							id: 1,
-							authnum: '企业信用等级证书',
-							authname: '',
-
+							authnum: '',
+							authname: '企业信用等级证书',
 						},
 						{
 							id: 2,
-							authnum: '重合同守信用企业',
-							authname: '',
+							authnum: '',
+							authname: '重合同守信用企业',
 						},
 						{
 							id: 3,
-							authnum: '质量服务诚信单位',
-							authname: '',
+							authnum: '',
+							authname: '质量服务诚信单位',
 						},
 						{
 							id: 4,
-							authnum: '重质量守信用单位 ',
-							authname: '',
+							authnum: '',
+							authname: '重质量守信用单位 ',
 						},
 						{
 							id: 5,
-							authnum: '重服务守信用单位',
-							authname: '',
+							authnum: '',
+							authname: '重服务守信用单位',
 						},
 						{
 							id: 6,
-							authnum: '诚信经营示范单位',
-							authname: '',
+							authnum: '',
+							authname: '诚信经营示范单位',
 						},
 						{
 							id: 7,
-							authnum: '资信等级',
-							authname: '',
+							authnum: '',
+							authname: '资信等级',
 						},
 						{
 							id: 8,
-							authnum: '诚信企业家',
-							authname: '',
+							authnum: '',
+							authname: '诚信企业家',
 						},
 						{
 							id: 9,
-							authnum: '诚信供应商',
+							authnum: '',
+							authname: '诚信供应商',
+						},
+						{
+							id: 10,
+							authnum: '',
 							authname: '',
-						}
-
-					]
-				}
+						},
+					],
+				},
 			],
+			// 服务认证文字展示
+			servAuth_dataMaps: {
+				bigtitle: '服务体系认证',
+				subtitle: '实力认证,竞争有优势',
+				auth_infoArr: [
+					'五星售后服务认证',
+					'十星售后服务成熟度认证',
+					'五星品牌认证',
+					'商品经营服务',
+					'批发零售服务',
+					'生活垃圾分类十星',
+					'商业信誉等级',
+					'合格供应商信用等级',
+					'保安服务认证',
+					'餐饮服务认证',
+					'餐饮服务成熟度认证',
+					'家具定制服务',
+					'绿色家具定制服务',
+					'餐饮配送',
+					'餐饮企业现场管理评价',
+					'安全生产标准化',
+					'顾客满意度',
+					'合同能源管理服务认证',
+					'清洁服务认证',
+					'生鲜农产品配送服务认证',
+					'养老服务认证',
+					'生鲜农产品供应商星级认证',
+					'学校热水系统服务',
+					'设备维护保养服务认证',
+					'建筑工程服务认证',
+					'节能技术服务认证',
+					'物业服务认证',
+					'履约能力评价服务认证',
+				],
+			},
 		},
 		methods: {
 			imageView: function (index) {
 				this.show = true
-			}
-		}
+			},
+		},
 	})
 </script>