页面 分页加载图文 微服务架构

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>振奋人心好消息》华莱早知道,400辆豪车,2018,看华莱</title>
	
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection"content="telephone=no, email=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" href="http://7xiobb.com2.z0.glb.clouddn.com/touch-icon-ipad-144.png">
<meta name="renderer" content="webkit"> <!-- 360浏览器指定默认极速模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" > <!-- 优先用Chrome渲染 -->
	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/dycommon/base.css">

	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/common.css?v=4.1.2">
	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/setthemes.css?v=4.1.2">
	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/themes/common/css/swiper.min.css?v=4.1.2">
	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/themes/common/css/map.css?v=4.1.2">
	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/minpageOrder.css?v=4.1.2">

	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/show/implantAd.css?v=4.1.2">
	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/dycommon/dycommon.css?v=4.1.2">
	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/adMaterial/adMaterial.css?v=4.1.2">

	<link rel="stylesheet" type="text/css" href="//staticresources.qiniu.soqi.cn/wdy/201806010000/css/newMinpage.css?v=4.1.2">

	
</head>
<style>
	.fix-makeposter{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:100;}
	@media screen and (min-width:800px){
		.fix-makeposter{width:540px;left:50%;margin-left:-270px;}
	}
	.fix-makeposter a{display:block;width:100%;height:44px;line-height:44px;background: rgba(250,70,70,1);font-size:1.6rem;color:#fff;text-align:center;border-radius:5px;}
	.edit-show-txt pre{padding:10px;}
	.phonestyle .tell i.ic-dyTel:after{ content: '\e60e';  }
</style>
<style>
	.fix-btnbox{position: fixed;left: 0;right: 0;bottom: 0; z-index:100;height: 48px;background-color: #fff;border-top:1px solid #e5e5e5;}
	@media screen and (min-width: 800px) {
		.fix-btnbox{width:540px;left:50%;margin-left:-270px;}
	}
	.fix-btnbox a{display: block;text-align: center;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;height: 48px;line-height: 48px;font-size: 1.5rem;color: #fff;width:50%}
	.fix-btnbox a.enroll{background-color: #fff;color:#424242;}
	.fix-btnbox a.poster{background: rgba(250,70,70,1);}

	.weixinDoc{
		padding: 10px 20px;
	}
	.weixinDoc iframe {
		max-height:280px;
	}
	@media screen and (max-height:480px){
		.weixinDoc iframe {
			max-height:200px;
		}
	}
	#maskbg{
		position: fixed;
		z-index: 99;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.47);
	}
	.pop-implantAd{
		z-index:999;
	}
	.edit-show-phone{z-index:1;}
</style>
<body>
<input type="hidden" id="groomIndex" value="1"> <!--0:表示不公开 1:表示公开 推荐此微单页至名片首页-->
<input type="hidden" id="hidePublisher" value="1"> <!--0:表示显示 1:表示隐藏 设置显示发布人-->
<input type="hidden" id="showpublisherface" value="1"> <!--0:表示显示 1:表示隐藏 分享默认首图-->
<input type="hidden" id="curMicropageId" value="ODM0MDcyNzY4"> <!--当前微单页的ID-->
<input type="hidden" id="MomCardSynchro" value="0"> <!--1:表示已加入母名片 0:未加入 母名片同步-->
<input type="hidden" id="manageFg" value="0"> <!--表示是否是作者本人 1:表示作者 0:表示访问者-->
<input type="hidden" id="userID" value=""> <!--用户ID-->
<div class="wrap">

	<div class="page-a" data-page="pa">
		
		

		
		<div class="con showcon">

			<div class=" itembox">
				




    
        <style>
            .wrap .page-a>.con{margin: 0;}
            .edit-show{background: transparent;}
            .edit-addtool .txt{background: transparent; color: white;}
            .edit-addtool i{width: 25px; height: 25px; overflow: hidden;}
            .info .con{text-align: center;}
            .edit-show-phone .minPagePhone05 .tell{margin-top: 0;}/*电话对齐*/
            .little-info {margin-left: 15px;}
        </style>
    
    


    <div class="theHeader" style="position:relative;margin-bottom:95px;">
        <img src="http://help.soqi.cn/banner109" alt="" width="100%">
        
            <div style="position:absolute;bottom: -75px;left:0;right:0;color:#424242;text-align:center;">
                <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone"
                   style="display:block;width: 60px;height: 60px;border-radius:50%;overflow:hidden;margin:0 auto;border: 2px solid #fff;"><img
                        style="width:100%;border-radius:50%;"
                        src="http://7xitth.com2.z0.glb.qiniucdn.com/c5bed152dec24f189d07c74f9ed50577.jpg?t=1532270708296" alt="头像"
                        onerror="this.src='http://7xiobb.com2.z0.glb.qiniucdn.com/face-demo.jpg'"></a>
                <h1 style="font-size:16px;margin-top: 13px;">
                    <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone" style="color: #4c4c4c;font-size: 16px;">王雨13837440999</a>
                </h1>
                <p style="font-size:1.4rem;margin-top: 10px;">
                    <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone" style="color:#666;margin:0 5px;">华莱</a>
                    <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone" style="color:#666;">优秀领导人</a>
                </p>
            </div>
        
    </div>






				<!--2017-7-29 阅读 点赞--->
				<div class="little-info">
					<span>2018-07-22 </span> <span>阅读<em>109364</em></span>
					
						
					
				</div>
				<!--2017-7-29 阅读 点赞 end--->
				<div id="miniDetail">
					
					




<input type="hidden" id="num" value = "2">

    
        
        
        

        

        

        

        

        
        

        

        
        
        
            
                
                
                    
                        
                            
                            
                            

                            

                            

                            

                            

                            
                            

                            

                            
                            
                            
                                
                                    
                                        <div class="moduleDoc">
                                                <div style="background: url('http://help.soqi.cn/dyModule42-2.png') no-repeat center; background-size: contain;"> 
 <p style="font-size: 17px; line-height: 36px; text-align: center;">《特大好消息》华莱早知道</p>
 <p style="font-size: 17px; line-height: 36px; text-align: center;">2018,看华莱</p> 
</div>
                                        </div>
                                    
                                
                            
                            
                        
                    
                        
                            
                                <div class="edit-show" >
                                    <div class="edit-show-txt">
                                        <pre style="font-weight:400;font-style:normal;font-size:1.8rem;color:rgb(174, 0, 1);text-align:left;background-color:rgb(255,255,255);border-style:dashed;border-width:0px;padding: 10px;border-color:rgb(0,0,0);line-height:180%;">家人们,喜讯7月6日晚上,陶进波《人民日报报社记者》资深荣誉董事告诉大家了好多的华莱喜讯
一:华莱国际二期董事楼开始动工了

二:荣誉董事的收入翻三翻马上要兑现,拿管理奖的家人收入将陆续增长

三:第四节黑茶文化节发放公司特制的红旗牌轿车,车后座和牌照上全部有华莱标志,每位达标的荣誉董事获得的车都是独一无二的

四:五年内公司要打造一万名荣誉董事

五:华莱银行也开始动工修建中

六:华莱医院兴建之中

七:华莱房地产已初见规模

八:华莱公司将改建为集团

家人们华莱已经为我们准备好了一切,信的甩开膀子加油干!加油加油,不信的,你可以继续看,损失的是自己噢,

成功最大的秘诀,就是留下来</pre>
                                    </div>
                                </div>
                            
                            
                            

                            

                            

                            

                            

                            
                            

                            

                            
                            
                            
                            
                        
                    
                        
                            
                            
                                <div class="edit-show">
                                    <div class="edit-show-img">
                                        
                                            
                                            
                                                <img class="shareImg" src="" imgdatasrc="http://7xk5td.com2.z0.glb.qiniucdn.com/MTQzNTIzNjQ2MzE=.jpg?imageMogr2/interlace/1&t=1532270708296">
                                            
                                        
                                    </div>
                                </div>
                            
                            

                            

                            

                            

                            

                            
                            

                            

                            
                            
                            
                            
                        
                    
                        
                            
                                <div class="edit-show" >
                                    <div class="edit-show-txt">
                                        <pre style="font-weight:400;font-style:normal;font-size:1.6rem;color:rgb(0,0,0);text-align:left;background-color:rgb(255,255,255);border-style:dashed;border-width:0px;padding: 10px;border-color:rgb(0,0,0);line-height:180%;">市场价50万的红旗轿车,华莱民族企业用民族品牌车,印有华莱logo,颁发400多辆,200平方精装修的荣誉董事楼,带产权两证齐全,颁发200多套!2018,10月28日,华莱9周年庆典,一起见证激动人心的时刻!</pre>
                                    </div>
                                </div>
                            
                            
                            

                            

                            

                            

                            

                            
                            

                            

                            
                            
                            
                            
                        
                    
                        
                            
                            
                                <div class="edit-show">
                                    <div class="edit-show-img">
                                        
                                            
                                            
                                                <img class="shareImg" src="" imgdatasrc="http://7xk5td.com2.z0.glb.qiniucdn.com/NzQ1MzA5ODk5OQ==.jpg?imageMogr2/interlace/1&t=1532270708296">
                                            
                                        
                                    </div>
                                </div>
                            
                            

                            

                            

                            

                            

                            
                            

                            

                            
                            
                            
                            
                        
                    
                        
                            
                            
                            

                            

                            

                            

                            

                            
                            

                            

                            
                            
                            
                                
                                    
                                        <div class="moduleDoc">
                                                <div style="
                        border: 30px solid transparent;
                        -webkit-border-image: url('http://help.soqi.cn/dyModule42-1.png') 60 repeat;
                        text-align: center;
                        font-size: 17px; line-height: 24px;"> 
 <p>《特大好消息》华莱早知道</p>
 <p>2018,看华莱</p>
 <p><br></p>
 <p>一、2018年8月份华莱公司三期建设装修完毕并投入使用,将会有6500人的豪华会场,四个电子屏全场全景投放,加上二期和万隆会场,接待能力每天将达到一万人。</p>
 <p><br></p>
 <p>二、2018年10月份高速通车,直达华莱公司三期门口,高速收费站叫“华莱”,这在民族企业中是第一家。</p>
 <p><br></p>
 <p>三、中国第四届黑茶文化节暨华莱九周年庆典</p>
 <p>同时在华莱万隆广场召开。</p>
 <p><br></p>
 <p>四、今年荣誉董事豪华游是迪拜。</p>
 <p>加油,华莱人!</p> 
</div>
                                        </div>
                                    
                                
                            
                            
                        
                    
                        
                            
                            
                                <div class="edit-show">
                                    <div class="edit-show-img">
                                        
                                            
                                            
                                                <img class="shareImg" src="" imgdatasrc="http://7xk5td.com2.z0.glb.qiniucdn.com/NDQ2MDk5MzQzNQ==.jpg?imageMogr2/interlace/1&t=1532270708296">
                                            
                                        
                                    </div>
                                </div>
                            
                            

                            

                            

                            

                            

                            
                            

                            

                            
                            
                            
                            
                        
                    
                        
                            
                            
                                <div class="edit-show">
                                    <div class="edit-show-img">
                                        
                                            
                                            
                                                <img class="shareImg" src="" imgdatasrc="http://7xk5td.com2.z0.glb.qiniucdn.com/NDQ2MTY4ODM2Nw==.jpg?imageMogr2/interlace/1&t=1532270708297">
                                            
                                        
                                    </div>
                                </div>
                            
                            

                            

                            

                            

                            

                            
                            

                            

                            
                            
                            
                            
                        
                    
                
            
        
        
        
        
    

    
        
        
        

        

        

        

        

        
        

        

        
        
        
        
        
        
            
                
                    <div class="sysDefault-ad1">
                        <div class="sysDefault-ad1-info">
                            <a href="http://mp.soqi.cn/6475FAD3F6D2BA377CB0BCD31B48A3E7/szone" class="faceImgbox">
                                <img src="//portrait.qiniu.soqi.cn/c5bed152dec24f189d07c74f9ed50577.jpg-img120?t=20171220?t=1532270708297"
                                     onerror="this.src = 'http://help.soqi.cn/qiuzhen-01.jpg'">
                            </a>
                            
                                <h1 class="name">王雨13837440999</h1>
                            
                            
                                <h2 class="company-name mt-10">湖南华莱生物科技</h2>
                            
                            <!--   <h2 class="company-name mt-10 disabled">去设置公司名称</h2>-->
                            <p class="info mt-10">
                                
                                    <span class="department mr-5">华莱</span>
                                
                                
                                    <span class="post">优秀领导人</span>
                                
                            </p>
                            <p class="tellbox flex-center">
                                <a class="tellNum" href="tel:13837440999">13837440999</a>
                                <a href="tel:13837440999" class="tellIcon">
                                    <i class="ic-dypub ic-dyTel"></i>
                                </a>
                            </p>
                            <div class="codeShowbox">
                                <div class="codeImgbox">
                                    <div class="codeImg flex-center">
                                        <img src="http://qrcode.soqi.cn/MP_WEIXIN_MTgwNTE4NTYz.jpg?t=1518169028000?t=1532270708208?t=1532270708297" onerror="$(this).parents('.codeShowbox').remove()">
                                        <a href="http://mp.soqi.cn/acc/editMpBaseInformation.xhtml?type=1">
                                            <i class="ic-admaterial ic-ad-code"></i>
                                            <p>上传二维码</p>
                                        </a>
                                    </div>
                                </div>
                                <p class="codeImgbox-name mt-10">微信二维码</p>
                            </div>
                            <!--自定义二维码-->
                            
                                
                            
                                
                            
                            <!--自定义二维码 end-->
                        </div>

                        

                    </div>
                
                
                
            
        
    

				</div>
				<!-- 组件结束 -->
				
				<!-- 二维码弹出框 -->
				<div class="codepopmask flex-center">
					<div class="loadcode">
						<div class="loadtop flex-top-center">
							<div class="codebox">
								<img src=""  alt="">
							</div>
						</div>
						<p style="color:#999;text-align:center;margin-top:10px;margin-bottom: 15px;">长按保存图片</p>
						<div class="loadbot">
							<i class="icon-minpage" onclick="$('.codepopmask').hide()"></i>
						</div>
					</div>
				</div>
				<!-- 上一篇 下一篇 -->
				<!--原文出处-->
				<div class="ReprintSource mt-20">
					<div class="pub-list">
						
						<a  
							href="/compNotice/ODM0MDcyNzY4" class="complaintxt">投诉</a>
					</div>
				</div>
				<!--原文出处-->
				<div class="bt-borderbox">
					<div>
						<span>已经到底了</span>
					</div>
				</div>
			</div>
			<!-- 音乐 -->
			

			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/zepto.min.js"></script>
			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/zepto.touch.min.js"></script>
			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/compatible.js"></script>
			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/swiper.min.js"></script>
			<script type="text/javascript"  src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/qrcode.js"></script>
			<script type="text/javascript"  src="/js/common/util.js"></script>
			
		</div>


		
<!-- 弹出地图选择 begin-->

<style>
.ui-load-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    }
    .flex-center_loading {
  /*内容水平垂直居中*/
   -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
</style>
<div id="lbs-geo_map" style="display:none"></div>
<div id="loading" class="ui-load-overlay flex-center_loading">
	<div class="ui-load" style="position: absolute;left: 50%;top: 80%;margin-left: -90px;width:auto;height:auto;">
	  <div class="ui-load-txt" style="color: #ccc;text-align: center;margin: 10px;font-size: 18px;">
	   努力定位中,请等待...
	  </div>
	</div>
</div>
<script src="//api.map.baidu.com/components?ak=004298ef0db6c9cc3f53cbe3b969cd0b&v=1.0"></script>
<script src="//map.qq.com/api/js?v=2.exp&key=QGVBZ-PRXR3-SIB3V-3B24M-OQSYE-OOBFX&libraries=convertor"></script> <!-- 腾讯地图坐标转换 -->
<script type="text/javascript">
	var currentPosition = null;
	var lbs_geo_map_end = 'no';
	function lbs_geo_map(){
		var lbsGeo = document.createElement('lbs-geo');
		lbsGeo.addEventListener("geofail",function(evt){ //注册事件
			$('#loading').hide();
			lbs_geo_map_end = 'false';
		});
		lbsGeo.addEventListener("geosuccess",function(evt){ //注册
			$('#loading').hide();
			var addr = evt.detail.coords;
			currentPosition = {lat : addr.lat,lng : addr.lng};
			lbs_geo_map_end = 'true';
		});
		lbsGeo.setAttribute("enable-modified","true");
		lbsGeo.setAttribute("id","geo");
		lbsGeo.setAttribute("display","none");
		document.getElementById('lbs-geo_map').appendChild(lbsGeo);
		$('#loading').show();
	}
</script>

<style>
	.map {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.6);
	}
	.map-ways {
		position: fixed;
		top: 50%;
		z-index: 9999;
		width: 80%;
		left: 10%;
		height: 232px;
		margin-top: -126px;
		background-color: #fff;
		border-radius: 5px;
	}
	.map-ways h3 {
		padding: 20px 0 0 20px;
		margin-bottom: 8px;
		font-size: 18px;
		font-family: 'Mircrosoft YaHei';
		color: #000;
	}
	.map-ways h3 i,.share h3 i {
		float: right;
		margin-right: 15px;
		color: #999999;
	}
	.map-ways ul li {
		padding: 10px 20px;
		border-bottom: 1px solid #f2f2f2;
	}
	.map-ways ul li:last-child {
		border: none;
	}
	.map-ways ul li a {
		display: inline-block;
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
	.map-ways ul li a span {
		float: left;
		display: block;
		width: 40px;
		height: 40px;
		margin-right: 12px;
	}
	.map-ways ul li a span.tencent {
		background: url('http://7xiobb.com2.z0.glb.clouddn.com/ways3.png');
		background-size: 40px;
	}
	.map-ways ul li a span.baidu {
		background: url('http://7xiobb.com2.z0.glb.clouddn.com/ways2.png');
		background-size: 40px;
	}
	.map-ways ul li a span.gaode {
		background: url('http://7xiobb.com2.z0.glb.clouddn.com/ways1.png');
		background-size: 40px;
	}
</style>
<div class="map">
	<div class="map-ways">
		<h3>使用以下方式找到路线 <i class="iconfont" onclick="this.parentNode.parentNode.parentNode.style.display = 'none';"></i> </h3>
		<ul>
			<li><a href="javascript:qqMap();"><span class="tencent"></span>腾讯地图</a></li>
			<li><a href="javascript:baiduMap();"><span class="baidu"></span>百度地图</a></li>
			<li><a href="javascript:gaodeMap();"><span class="gaode"></span>高德地图</a></li>
		</ul>
	</div> 
</div>
<script type="text/javascript" src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/compatible.js"></script>
<script>
$('.map').on('click',function(){
	$(this).hide();
});
$('.goHere').on('click',function(){ //活动地址 点击到这里去
	mapPoint = $(this).parent().find('input');
	if(mapPoint != null && typeof mapPoint != undefined){
		$('.map').show();
	}
});
//地图导航
var mapPoint = null;
function baiduMap(){
	if(mapPoint != null){
		mapPoint.attr('lat',mapPoint.attr('latlng').split(',')[0]);
		mapPoint.attr('lng',mapPoint.attr('latlng').split(',')[1]);
		if(IsPC()){
			encodeUriString('http://api.map.baidu.com/marker?location='+mapPoint.attr('lat') +','+mapPoint.attr('lng') +'&title='+mapPoint.attr('mapname') +'&content='+mapPoint.attr('content')+',联系电话:'+mapPoint.attr('contactNumber')+'&output=html&src=搜企网');
		}else{
			lbs_geo_map();
			var sitl = setInterval(function(){
				if(lbs_geo_map_end != 'no' || IsPC()){
					clearInterval(sitl);
					if(currentPosition == null){
						encodeUriString('http://api.map.baidu.com/marker?location='+mapPoint.attr('lat') +','+mapPoint.attr('lng') +'&title='+mapPoint.attr('mapname') +'&content='+mapPoint.attr('content')+',联系电话:'+mapPoint.attr('contactNumber')+'&output=html&src=搜企网');
					}else{
						//百度地图
						encodeUriString('http://api.map.baidu.com/direction?origin=latlng:'+currentPosition.lat +','+currentPosition.lng +'|name:我的位置&destination=latlng:'+mapPoint.attr('lat') +','+mapPoint.attr('lng')+ '|name:'+mapPoint.attr('mapname')+'&mode=driving&region='+mapPoint.attr('cityname')+'&output=html&src=搜企网');
					}
				}
			},300);
		}
	}
};
function gaodeMap(){
	if(mapPoint != null){
		mapPoint.attr('lat',mapPoint.attr('latlng').split(',')[0]);
		mapPoint.attr('lng',mapPoint.attr('latlng').split(',')[1]);
		if(IsPC()){
			Popup.noticeTis('此功能请在手机上使用');
			return;
		}else{
			//lbs_geo_map();
			lbs_geo_map_end = 'yes';
			var sitl = setInterval(function(){
				if(lbs_geo_map_end != 'no' || IsPC()){
					clearInterval(sitl);
					if (currentPosition == null) {
						$.ajax({ //转换公司导航点
							url: "/notfilter/baiduTogaodeMap.xhtml",
							dataType : "json",
							type : "post",
							cache : false,
							async:false,
							data :{ "lat" :mapPoint.attr('lat'),
									"lng" :mapPoint.attr('lng')},
							success : function(msg){
								var reqinfo = msg.reqmsg;
								var obj = JSON.parse(reqinfo);
								if(obj.info == "ok"){
									encodeUriString('http://m.amap.com/?mk='+obj.locations + ',' + mapPoint.attr('mapname'));
								}
							}
						});	
					}else{
						$.ajax({ //转换公司导航点
							url: "/notfilter/baiduTogaodeMap.xhtml",
							dataType : "json",
							type : "post",
							cache : false,
							async:false,
							data :{ "lat" :mapPoint.attr('lat'),
									"lng" :mapPoint.attr('lng')},
							success : function(msg){
								var reqinfo = msg.reqmsg;
								var obj = JSON.parse(reqinfo);
								if(obj.info == "ok"){
									encodeUriString('http://m.amap.com/?mk='+obj.locations + ',' + mapPoint.attr('mapname'));
								}
							}
						});	
					}
				}
			},300);
		}
	}
};
function qqMap(){
	if(mapPoint != null){
		mapPoint.attr('lat',mapPoint.attr('latlng').split(',')[0]);
		mapPoint.attr('lng',mapPoint.attr('latlng').split(',')[1]);
		qq.maps.convertor.translate(new qq.maps.LatLng(mapPoint.attr('lat'),mapPoint.attr('lng')), 3, function(res){
	        latlng = res[0];
			encodeUriString('http://apis.map.qq.com/uri/v1/routeplan?type=drive&to='+mapPoint.attr('mapname')+'&tocoord='+latlng.lat +','+latlng.lng+'&policy=0&referer=搜企地图导航');
	    });
	}
};
function encodeUriString(uriString){
	uriString = encodeURI(uriString);
	window.location.href = uriString;
};

</script>
<!-- 弹出地图选择 end-->

		
<style>
.ui-load-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    }
    .flex-center_loading {
  /*内容水平垂直居中*/
   -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
</style>
<div id="lbs-geo_map" style="display:none"></div>
<div id="loading" class="ui-load-overlay flex-center_loading">
	<div class="ui-load" style="position: absolute;left: 50%;top: 80%;margin-left: -90px;width:auto;height:auto;">
	  <div class="ui-load-txt" style="color: #ccc;text-align: center;margin: 10px;font-size: 18px;">
	   努力定位中,请等待...
	  </div>
	</div>
</div>
<script src="//api.map.baidu.com/components?ak=004298ef0db6c9cc3f53cbe3b969cd0b&v=1.0"></script>
<script src="//map.qq.com/api/js?v=2.exp&key=QGVBZ-PRXR3-SIB3V-3B24M-OQSYE-OOBFX&libraries=convertor"></script> <!-- 腾讯地图坐标转换 -->
<script type="text/javascript">
	var currentPosition = null;
	var lbs_geo_map_end = 'no';
	function lbs_geo_map(){
		var lbsGeo = document.createElement('lbs-geo');
		lbsGeo.addEventListener("geofail",function(evt){ //注册事件
			$('#loading').hide();
			lbs_geo_map_end = 'false';
		});
		lbsGeo.addEventListener("geosuccess",function(evt){ //注册
			$('#loading').hide();
			var addr = evt.detail.coords;
			currentPosition = {lat : addr.lat,lng : addr.lng};
			lbs_geo_map_end = 'true';
		});
		lbsGeo.setAttribute("enable-modified","true");
		lbsGeo.setAttribute("id","geo");
		lbsGeo.setAttribute("display","none");
		document.getElementById('lbs-geo_map').appendChild(lbsGeo);
		$('#loading').show();
	}
</script>

	</div>
	<!-- 返回顶部 -->
	<div class="back">
		<i class="icon-minpage"></i>
	</div>

	<!--2017-7-29 底部按钮修改-->
	<!--普通单页-->
	
		
		
		
		
			<!--查看其他人的普通单页-->
			<div class="bt-minpageshow-bt-view pub-list flex-center">
				<div class="code" data-action="popCode">
							<span>
								<i class="icon-minpage ic-micro-code"></i>
							</span>
				</div>
				<!--公司管理非平台管理者-->
				<div class="flex" id="companyManager" style="display: none">
                    <a href="javascript:" class="btBtn flex-center btBtn-border" data-action="collectCompany"><span class="article"><i class="icon-minpage icon-minpage-page"></i>采集到公司文库</span></a>
                </div>
				<!--公司管理公司管理非平台管理者-->

				<!--不是公司管理员是平台管理者-->
				<div class="flex" id="platfromManager" style="display: none">
                    <a href="javascript:" class="btBtn flex-center btBtn-border" data-action="collectPlatform"><span class="article"><i class="icon-minpage ic-micro-plat"></i>采集到平台</span></a>
                </div>
				<!--不是公司管理员是平台管理者--->

				<!--公司管理也是平台管理者-->
				<div class="flex" id="companyManagerANDplatfromManager" style="display: none">
					<a href="javascript:" class="btBtn flex-center btBtn-border" data-action="collectBtn"><span class="article"><i class="icon-minpage icon-minpage-page"></i>采集</span></a>
				</div>
				<!--公司管理也是平台管理者 end-->
				<script>
					window.onload = function () {
                        $.post("/mini/show/getUserManagerInfo.xhtml",null,function(res){
                            if(res.SUCCESS){
                                var data = res.data;
                                if(data.companyManager && data.platfromManager){
									$('#companyManagerANDplatfromManager').show();
								}else if(data.companyManager){
                                    $('#companyManager').show();
								}else if(data.platfromManager){
                                    $('#platfromManager').show();
								}
							}else{
                                console.log('未登录')
							}
                        },'json',true);
                    }
				</script>

				
					<div class="flex modifyToMeBtn">
						<a href="https://mp.soqi.cn/acc/isInducstry.xhtml?registerRecId=6475FAD3F6D2BA377CB0BCD31B48A3E7&referralIdEcr=&registerSource=2&source=2"
						   class="btBtn flex-center"><span><i class="icon-minpage ic-micro-reprint"></i>修改成我的</span></a>
					</div>
				
				
			</div>
			<!--查看其他人的普通单页 end-->
		
	
	<!--2017-7-29 底部按钮修改 end-->

</div>
<!-- 二维码弹出框 -->
<div class="codepopmask flex-center">
	<div class="loadcode">
		<div class="loadtop flex-top-center">
			<div class="codebox"><img src="http://7xk39p.com2.z0.glb.qiniucdn.com/qrMyStore_MjQ5MTg1MjI=.png"  alt=""></div>
		</div>
		<p style="color:#999;text-align:center;margin-top:10px;margin-bottom: 15px;">长按保存图片</p>
		<div class="loadbot">
			<i class="icon-minpage" onclick="$('.codepopmask').hide()"></i>
		</div>
	</div>
</div>

</div>
<input type="hidden" id="pgid" class="pgid" value="ODM0MDcyNzY4"/>
<input type="hidden" id="copyright" value="0"/>
<input type="hidden" id="mpUser" value="" />
<input type="hidden" id="pid" value="12727155" />
<input type="hidden" id="miniDetailNum" value="2">
<input type="hidden" id="mcp_sharePortraitShow" value="1">
<input type="hidden" id="porUrl" value="http://7xitth.com2.z0.glb.qiniucdn.com/c5bed152dec24f189d07c74f9ed50577.jpg?t=1532270708297">

<input type="hidden" value="" id="lastMemberFlag" > <!--记录上一次开关状态 0:表示 开关关 1:表示 开关开-->

<script type="text/javascript" src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/mp/minipage/miniPageVoiceShow.js?v=4.1.2"></script>
<script type="text/javascript" src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/mp/newMinpageShow.js?v=4.1.2"></script>


<script type="text/javascript" src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/dycommon/zepto.min.js?v=4.1.2"></script>
<script type="text/javascript" src="/js/dycommon/sea.js?v=4.1.2"></script>
<script type="text/javascript" src="/js/dycommon/common.js?v=4.1.2"></script>
<script type="text/javascript"	src="//staticresources.qiniu.soqi.cn/wdy/201806010000/js/common/newMinpageShow.js?v=4.1.2"></script>


<script>
    $(function(){
        var getloading = 0;
        var miniDeatailNum = parseInt($('#miniDetailNum').val());
        $('.page-a').on('scroll',moreMiniDailShow);
        function moreMiniDailShow(){
            var lastNode = $('#miniDetail .edit-show').last();
            var wrapHeight = $('.wrap').height();
            if($('#miniDetail .edit-show').length == 0 || lastNode.offset().top < wrapHeight + 500 ){
                if(getloading == 1){
                    console.info('后台取数据中。。。');
                }else if(getloading == 2){
                    console.info('全部数据获取完成');
                }else{
                    console.info('后台取数据');
                    getloading = 1;
                    $.ajax({
                        url : '/notfilter/moreMiniDailShow.xhtml',
                        type : 'POST',
                        dataType:'html',
                        data :{'pgid':$('#pgid').val(),
                            'miniDeatailNum':miniDeatailNum
                        },
                        async : true,
                        success : function(msg){
                            var num = $(msg).filter('#num').val();
                            miniDeatailNum += parseInt(num);
                            //$('#miniDetailNum').val(parseInt($('#miniDetailNum').val()) + parseInt(num));
                            $('#miniDetail').append(msg);
                            if(parseInt(num) < 5){
                                console.info('全部数据获取完成');
                                getloading = 2;
                                $('.page-a').off('scroll',moreMiniDailShow);
                            }else{
                                getloading = 0;
                            }
                            console.info('获取完成');
                            moreMiniDailShow();//加载更多组件内容
                            imgonscrollloading();//图片缓加载
                            videoFun();//视频加载
                            artivleImgs();
                        }
                    });
                }
            }
            artivleImgs();
        }
//		moreMiniDailShow();

        $('#shengchenghaibao').on('click',function(){
            location.href = "/notfilter/posterSelect.xhtml?pgid=" + $('#pgid').val();
        });
    })
</script>
<script>
    $(function(){
        seajs.use("share/wxPreview",function(wxPreview){
            $('#miniDetail').on('click','.shareImg:not([data-url="1"]),.moduleDoc img,.weixinDoc img',function () {
                var imgsObj = $('#miniDetail .shareImg,.moduleDoc img,.weixinDoc img').not('[data-url="1"]');
                var imgs = new Array();
                for(var i = 0; i < imgsObj.size(); i++){
                    var src = $.trim(imgsObj.eq(i).attr('imgdatasrc')) == ''?imgsObj.eq(i).attr('src'):imgsObj.eq(i).attr('imgdatasrc');
                    imgs.push(src);
                }
                wxPreview.preview($(this).attr('src'),imgs);
            });
        })
    })
</script>

<script>
    seajs.use("show/implantAd");

    
//	seajs.config({
//        plugins: ['shim'],
//        paths:{
//            "BMap":["http://api.map.baidu.com/api?v=2.0&ak=EAG4E588mYT0cg09WD8Nfy6GWhGOzEGD"]
//        },
//        shim: {
//			'BMap':{
//                deps: ['jquery'],
//                exports: 'BMap'
//			}
//        }
//	});
//    seajs.use("navPoint/navigation");
</script>



<script src="/js/common/shareCommon.js"></script>
<script src="https://staticresources.qiniu.soqi.cn/companyProhibition.js"></script>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b30d39a8b70a2258c8bef068ad14ca2a";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>

  

 

 

振奋人心好消息》400辆豪车,2018 https://wdy.soqi.cn/m/ODM0MDcyNzY4

 

 

 

 

 

 

 

 图文区域内容  篇幅比较长、 边scrool边post请求加载图文区域 ??

 

 

 

 

 

 

 

 

 

 

 

 

 

 

模板页

其他按数据类目:接口

资源静态文件
可能是一个微服务的架构,数据完全走微服务,和前端无关了

 

 

每打开一次页面:后台阅读数加[2,10],记录并返回给微服务

 

 

posted @ 2018-07-22 22:59  papering  阅读(463)  评论(0编辑  收藏  举报