📖 File Reader
<?php /*a:5:{s:72:"/www/wwwroot/htrl.googoll.cn/app/home/view/article/article_list_lie.html";i:1742462934;s:59:"/www/wwwroot/htrl.googoll.cn/app/home/view/public/page.html";i:1742462934;s:58:"/www/wwwroot/htrl.googoll.cn/app/home/view/public/vue.html";i:1742462934;s:59:"/www/wwwroot/htrl.googoll.cn/app/home/view/public/head.html";i:1742462934;s:61:"/www/wwwroot/htrl.googoll.cn/app/home/view/public/footer.html";i:1742517928;}*/ ?>
<!DOCTYPE html>
<html>
<head>
<meta content="true">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title><?php echo htmlentities($config['name']); ?></title>
<script src="/public/layui-v2.9.14/layui/layui.js"></script>
<link href="/public/layui-v2.9.14/layui/css/layui.css" rel="stylesheet">
<link rel="stylesheet" href="/public/home/css/base.css">
<link rel="stylesheet" href="/public/home/css/swiper-bundle.min.css">
<link rel="stylesheet" href="/public/home/css/iconfont.css"/>
<link rel="stylesheet" href="/public/home/css/css.css">
<link rel="stylesheet" href="/public/home/css/media.css"/>
<script src="/public/home/js/jquery-1.11.3.min.js"></script>
<script src="/public/home/js/swiper-bundle.min.js"></script>
</head>
<body>
<style>
.page {
font-weight: 900;
height: 40px;
text-align: center;
color: #888;
margin: 20px auto 0;
background: #f2f2f2;
}
.pagelist {
font-size: 0;
background: #fff;
height: 50px;
line-height: 50px;
}
.pagelist span {
font-size: 14px;
}
.pagelist .jump {
border: 1px solid #ccc;
padding: 5px 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
margin-left: 5px;
}
.pagelist .bgprimary {
cursor: default;
color: #fff;
background: #0561ac;
border-color: #0561ac;
}
.jumpinp input {
width: 55px;
height: 26px;
font-size: 13px;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
}
.ellipsis {
padding: 0px 8px;
}
.jumppoint {
margin-left: 30px;
}
.pagelist .gobtn {
font-size: 12px;
}
.bgprimary {
cursor: default;
color: #fff;
background: #0561ac;
border-color: #0561ac;
}
.pagelist .jump.disabled {
pointer-events: none;
background: #ddd;
}
</style>
<script src="/public/vue/vue.js"></script>
<script src="/public/vue/axios.min.js"></script>
<script src="/public/vue/vue-resource.min.js"></script>
<script src="/public/vue/request.js"></script>
<header>
<div class="head">
<div class="headbox box conf conc">
<div class="logo">
<a href="/"><img src="/public/home/img/logo.png"></a>
</div>
<nav>
<div class="nav-box">
<div class="nav-item">
<div class="first-nav <?php if($source == ''): ?>on<?php endif; ?>"><a href="/">首页<em></em></a></div>
</div>
<div class="nav-item">
<div class="first-nav <?php if($source == 'AboutUs'): ?>on<?php endif; ?>">
<a href="/home/Article/article_info?article_id=17&source=AboutUs">关于我们<em></em></a>
</div>
</div>
<div class="nav-item">
<div class="first-nav <?php if($source == 'journalism'): ?>on<?php endif; ?>">
<a href="/home/Article/article_list_lie?act_id=1&source=journalism">新闻动态<em></em></a>
</div>
</div>
<div class="nav-item">
<div class="m-c"></div>
<div class="first-nav show-nav <?php if($source == 'honor'): ?>on<?php endif; ?>">
<a href="/home/Article/article_list_hang?source=honor">资质荣誉<em></em><i class="iconfont"></i></a>
</div>
<div class="second-nav">
<a href="/home/Article/article_list_hang?act_id_default=2&source=honor">公司荣誉</a>
<a href="/home/Article/article_list_hang?act_id_default=3&source=honor">公司资质</a>
</div>
</div>
<div class="nav-item">
<div class="m-c"></div>
<div class="first-nav show-nav <?php if($source == 'engineering'): ?>on<?php endif; ?>">
<a href="/home/Article/article_list_hang?source=engineering">工程业绩<em></em><i class="iconfont"></i></a>
</div>
<div class="second-nav">
<a href="/home/Article/article_list_hang?act_id_default=4&source=engineering">工程咨询</a>
<a href="/home/Article/article_list_hang?act_id_default=5&source=engineering">工程设计</a>
</div>
</div>
<div class="nav-item">
<div class="first-nav <?php if($source == 'talents'): ?>on<?php endif; ?>">
<a href="/home/Article/article_info?article_id=16&source=talents">人才招聘<em></em></a>
</div>
</div>
<div class="nav-item">
<div class="first-nav <?php if($source == 'contact'): ?>on<?php endif; ?>">
<a href="/home/Article/contact?source=contact">联系我们<em></em></a>
</div>
</div>
</div>
</nav>
<div class="topri conc">
<div class="djss conc topsou">
<img src="/public/home/img/sou.png">搜索
</div>
<div class="mBtn">
<span>
<i></i>
<i></i>
<i></i>
</span>
</div>
</div>
</div>
</div>
<!-- 搜索弹窗 -->
<div class="tkceng"></div>
<div class="tkbox ssbox">
<div class="sousou">
<form class="conf">
<input class="souk" type="text" id="keyword" placeholder="请输入要搜索的内容">
<span class="sous" onclick="SubmitForm()"><img src="/public/home/img/sous.png"></span>
</form>
<img class="guanbi gb" src="/public/home/img/gb.png">
</div>
</div>
<script>
function SubmitForm() {
var keyword = $('#keyword').val();
if (keyword) {
window.location.href = "/home/Article/article_list_lie?keyword=" + keyword+'&source=keyword';
} else {
parent.layer.msg('请输入要搜索的内容', {shift: 2});
}
}
</script>
</header>
<div id="vue">
<div class="erbanner" style=" background: url(/public/home/img/erbanner.jpg) center center no-repeat; background-size: cover;">
<img src="/public/home/img/erbanner.jpg">
</div>
<section class="erbox">
<main>
<div class="title conf conc">
<div class="titex"><h2><?php echo htmlentities($act_info['name']); ?><i></i></h2></div>
</div>
<div class="tulistbox mtop20">
<a class="tulist conf tu" :href="'/home/Article/article_info?article_id='+item.id+'&source=<?php echo htmlentities($source); ?>'" v-for="item in list">
<h1><img :src="item.img"></h1>
<span>
<h4>{{item.add_time}}</h4>
<h2 class="ziov">{{item.title}}</h2>
<p class="ziov2">{{item.describe}}</p>
<h3>了解更多 ></h3>
</span>
</a>
</div>
<!--分页-->
<div class="page" v-show="show">
<div class="pagelist">
<span class="jump" :class="{disabled:pstart}" @click="{current_page--}">上一页</span>
<!--<span v-show="current_page>5" class="jump" @click="jumpPage(1)">1</span>-->
<span class="ellipsis" v-show="efont">...</span>
<span class="jump" v-for="num in indexs" :class="{bgprimary:current_page==num}"
@click="jumpPage(num)">{{num}}</span>
<span class="ellipsis" v-show="ebehind">...</span>
<span :class="{disabled:pend}" class="jump" @click="{current_page++}">下一页</span>
<!--<span v-show="current_page<pages-4" class="jump"-->
<!--@click="jumpPage(pages)">{{pages}}</span>-->
<!--<span class="jumppoint">跳转到：</span>-->
<!--<span class="jumpinp"><input type="text" v-model="changePage"></span>-->
<!--<span class="jump gobtn" @click="jumpPage(changePage)">GO</span>-->
</div>
</div>
</main>
</section>
<footer>
<div class="foot box">
<div class="ftcon conf">
<div class="ft1">
<div class="erweima">
<img src="<?php echo htmlentities($config['platform_erweima']); ?>">
</div>
<div class="ft1box">
<img src="/public/home/img/ft1.png">
<p>客服电话</p>
<h3><?php echo htmlentities($config['platform_phone']); ?></h3>
</div>
<div class="ft1box">
<img src="/public/home/img/ft2.png">
<p>公司地址</p>
<p><?php echo htmlentities($config['platform_address']); ?></p>
</div>
</div>
<div class="ft2 conf">
<div>
<h2><a href="/">首页</a></h2>
</div>
<div>
<h2><a href="/home/Article/article_info?article_id=17&source=AboutUs">关于我们</a></h2>
</div>
<div>
<h2><a href="/home/Article/article_list_lie?act_id=1&source=journalism">新闻动态</a></h2>
</div>
<div>
<h2><a href="/home/Article/article_list_hang?source=honor">资质荣誉</a></h2>
<span>
<p><a href="/home/Article/article_list_hang?act_id_default=2&source=honor">公司荣誉</a></p>
<p><a href="/home/Article/article_list_hang?act_id_default=3&source=honor">公司资质</a></p>
</span>
</div>
<div>
<h2><a href="/home/Article/article_list_hang?source=engineering">工程业绩</a></h2>
<span>
<p><a href="/home/Article/article_list_hang?act_id_default=4&source=engineering">工程咨询</a></p>
<p><a href="/home/Article/article_list_hang?act_id_default=5&source=engineering">工程设计</a></p>
</span>
</div>
<div>
<h2><a href="/home/Article/article_info?article_id=16&source=talents">人才招聘</a></h2>
</div>
<div>
<h2><a href="/home/Article/contact?source=contact">联系我们</a></h2>
</div>
</div>
</div>
<div class="ftdi conf">
<p>Copyright @ 2009-2025 黑龙江豪特热力设计有限公司 版权所有，并保留所有权利</p>
<p><a href="http://www.hongfu.net.cn/" target="_blank">技术支持：鸿孚科技</a><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"> 黑ICP备15009181号-1</a></p>
</div>
</div>
</footer>
</div>
<script>
var vm = new Vue({
el: '#vue',
data: {
act_id:0,
keyword:'',
list:[],//列表数据
//分页参数
current_page: 1, //当前页
pages: 1, //总页数
changePage: '', //跳转页
},
computed: {
show: function () {
return this.pages && this.pages != 1
},
pstart: function () {
return this.current_page == 1;
},
pend: function () {
return this.current_page == this.pages;
},
efont: function () {
if (this.pages <= 7) return false;
return this.current_page > 5
},
ebehind: function () {
if (this.pages <= 7) return false;
var nowAy = this.indexs;
return nowAy[nowAy.length - 1] != this.pages;
},
indexs: function () {
var left = 1,
right = this.pages,
ar = [];
if (this.pages >= 7) {
if (this.current_page > 5 && this.current_page < this.pages - 4) {
left = Number(this.current_page) - 3;
right = Number(this.current_page) + 3;
} else {
if (this.current_page <= 5) {
left = 1;
right = 7;
} else {
right = this.pages;
left = this.pages - 6;
}
}
}
while (left <= right) {
ar.push(left);
left++;
}
return ar;
},
},
methods: {
jumpPage:function(e){
this.current_page = e;
},
/*文章列表*/
ArticleList(){
var that = this;
req_post('/api/Index/article_list', {'act_id':that.act_id,'keyword':that.keyword,'page':that.current_page,'limit':5}).then(res => {
if (res.code == 200){
that.list = res.data.list;
that.pages = res.data.pages;
}
});
},
},
created() {
var that = this;
that.act_id = "<?php echo htmlentities($act_id); ?>";
that.keyword = "<?php echo htmlentities($keyword); ?>";
that.ArticleList();
}
})
//监听并触发分页
vm.$watch('current_page', function (nval, oval) {
this.ArticleList();
});
</script>
<script>
var swiper = new Swiper(".bannerSwiper", {
slidesPerView: 1,
spaceBetween: 0,
speed:1000,
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
navigation: {
nextEl: ".banner .swiper-button-next",
prevEl: ".banner .swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + '0' + (index + 1) + "</span>";
},
},
});
</script>
<script src="/public/home/js/jquery.waypoints.min.js"></script>
<script src="/public/home/js/jquery.countup.min.js"></script>
<script type="text/javascript">
$('.shu').countUp();
</script>
<script>
$(".mBtn").click(function(){
$(this).toggleClass('active');
$("nav").toggleClass('active');
$('.tkceng').removeClass('active');
$('.tkbox').removeClass('active');
});
$(".second-nav").css({"top":$(".headbox").height()})//经过二级菜单跟随
$(".m-c").click(function(){
$(this).parent('div').find('.first-nav').toggleClass('focus').parent('div').siblings().find('.first-nav').removeClass('focus');
$(this).parent('div').find('.second-nav').stop().slideToggle(200).parent('div').siblings().find('.second-nav').stop().slideUp(200);
});
$('.djss').click(function(){
$('.tkceng').toggleClass('active');
$('.tkbox').toggleClass('active');
$("nav").removeClass('active');
$(".mBtn").removeClass('active');
});
$('.guanbi').click(function(){
$('.tkceng').removeClass('active');
$('.tkbox').removeClass('active');
});
</script>
</body>
</html>