|
|
@@ -2,6 +2,7 @@
|
|
|
|
|
|
<head>
|
|
|
<title>信息平台</title>
|
|
|
+ <link th:href="@{/css/article/recommendation.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
<template th:replace="article/components/article-link"></template>
|
|
|
<template th:replace="components/analysis"></template>
|
|
|
</head>
|
|
|
@@ -18,30 +19,46 @@
|
|
|
<div>精选推荐</div>
|
|
|
</div>
|
|
|
<div class="select-content">
|
|
|
- <div class="select-content-item" v-for="item in articlerecommendationData.results">
|
|
|
+ <div class="select-content-item" v-for="item in articlerecommendationData">
|
|
|
<div class="img-left">
|
|
|
<img style="width: 100%;height: 100%;" :src="item.image" />
|
|
|
</div>
|
|
|
<div class="item-content">
|
|
|
<div>
|
|
|
<div class="item-1" v-html="item.title"></div>
|
|
|
- <div class="item-2" v-html="item.title"></div>
|
|
|
- <div class="item-3" v-html="item.title"></div>
|
|
|
+ <div class="item-2" v-text="filterTab(item.content)"></div>
|
|
|
+ <div class="item-3">
|
|
|
+ <div class="label-icon icon"></div>
|
|
|
+ <template v-for="(i, o) in filterArr(item.label)">
|
|
|
+ <span class="split" v-if="o !== 0">|</span>
|
|
|
+ <span>{{i}}</span>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-4">
|
|
|
+ <div class="label-icon-1 icon"></div>
|
|
|
+ <div class="label-text">{{ item.pv }}</div>
|
|
|
+ <div class="label-icon-2 icon"></div>
|
|
|
+ <div class="label-text">采美网</div>
|
|
|
+ <div class="label-icon-3 icon"></div>
|
|
|
+ <div class="label-text">{{ item.publishDate | filterDate }}</div>
|
|
|
</div>
|
|
|
- <div class="item-4" v-html="item.title"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div v-if="!isPC && noMore && stateObj.hasNextPage" class="more" @click="handleMore(params.num*1+1)">
|
|
|
+ <div>查看更多</div>
|
|
|
+ <img src="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="pageWrap clear" v-if="isPC && articlerecommendationData.totalRecord > 0">
|
|
|
- <a class="prev" :href="'/info/articlerecommendation-1-' + (articlerecommendationData.pageNum - 1) + '.html?isSelected'" v-if="articlerecommendationData.hasPreviousPage"></a>
|
|
|
- <template v-for="item in articlerecommendationData.totalPage">
|
|
|
- <a :href="'/info/articlerecommendation-1-' + item + '.html?isSelected'" v-text="item"></a>
|
|
|
-<!-- <span th:else>···</span>-->
|
|
|
- </template>
|
|
|
- <a class="next" v-if="articlerecommendationData.hasNextPage" :href="'/info/articlerecommendation-1-' + (articlerecommendationData.pageNum + 1) + '.html?isSelected'"></a>
|
|
|
- <span>共<b v-text="articlerecommendationData.totalPage"></b>页</span>
|
|
|
+ <div class="pageWrap clear" v-if="isPC && stateObj.totalRecord > 0">
|
|
|
+ <a class="prev" :href="'/info/articlerecommendation-1-' + (stateObj.pageNum - 1) + '.html?isSelected'" v-if="stateObj.hasPreviousPage"></a>
|
|
|
+ <template v-for="item in stateObj.totalPage">
|
|
|
+ <a :href="'/info/articlerecommendation-1-' + item + '.html?isSelected'" v-text="item"></a>
|
|
|
+ </template>
|
|
|
+ <a class="next" v-if="stateObj.hasNextPage" :href="'/info/articlerecommendation-1-' + (stateObj.pageNum + 1) + '.html?isSelected'"></a>
|
|
|
+ <span>共<b v-text="stateObj.totalPage"></b>页</span>
|
|
|
<span>跳至</span>
|
|
|
<input v-model="pageInput" />
|
|
|
<span>页</span>
|
|
|
@@ -67,7 +84,7 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul v-else>
|
|
|
- <li v-for="item in listData">
|
|
|
+ <li v-for="item in articlerecommendationData">
|
|
|
<a class="info-item" :href="item.ossUrl">
|
|
|
<div>
|
|
|
<img src="/img/article/PC--pdf.png" style="width: 100%;height: 100%;object-fit: contain;" />
|
|
|
@@ -76,25 +93,25 @@
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <div class="pageWrap clear" v-if="state !== 2">
|
|
|
- <a class="prev" :href="paginationUrl(params.num*1-1)"></a>
|
|
|
- <template v-for="n in showPageBtn">
|
|
|
- <a v-if="n" :class="{'on':(n==params.num)}" :href="paginationUrl(n)" v-text="n"></a>
|
|
|
- <span v-else>···</span>
|
|
|
- </template>
|
|
|
- <a v-if="params.num<pageTotal" class="next" :href="paginationUrl(params.num*1+1)"></a>
|
|
|
- <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
|
|
|
+ <div class="pageWrap clear" v-if="isPC && state !== 2">
|
|
|
+ <a class="prev" :href="'/info/articlerecommendation-0-' + (stateObj.pageNum - 1) + '.html?isDocument'" v-if="stateObj.hasPreviousPage"></a>
|
|
|
+ <template v-for="n in stateObj.totalPage">
|
|
|
+ <a v-if="n" :class="{'on':(n==params.num)}" :href="'/info/articlerecommendation-0-' + n + '.html?isDocument'" v-text="n"></a>
|
|
|
+ <span v-else>···</span>
|
|
|
+ </template>
|
|
|
+ <a v-if="stateObj.hasNextPage" class="next" :href="'/info/articlerecommendation-0-' + (stateObj.pageNum + 1) + '.html?isDocument'"></a>
|
|
|
+ <span>共<b v-text="stateObj.pageNum"></b>页</span>
|
|
|
<span>跳至</span>
|
|
|
- <input v-model="pageInput" @blur="checkNum()" />
|
|
|
+ <input v-model="pageInput" />
|
|
|
<span>页</span>
|
|
|
- <a class="btn" :href="paginationUrl(pageInput)">点击跳转</a>
|
|
|
+ <a class="btn" href="javascript:void(0)" @click="changeLink">点击跳转</a>
|
|
|
</div>
|
|
|
<div v-if="isPC && pageTotal>1 && state == 2" class="pageWrap clear">
|
|
|
<a v-if="params.num>1" class="prev" :href="paginationUrl(params.num*1-1)"></a>
|
|
|
<template v-for="n in showPageBtn">
|
|
|
- <a v-if="n" :class="{'on':(n==params.num)}" :href="paginationUrl(n)" v-text="n"></a>
|
|
|
- <span v-else>···</span>
|
|
|
- </template>
|
|
|
+ <a v-if="n" :class="{'on':(n==params.num)}" :href="paginationUrl(n)" v-text="n"></a>
|
|
|
+ <span v-else>···</span>
|
|
|
+ </template>
|
|
|
<a v-if="params.num<pageTotal" class="next" :href="paginationUrl(params.num*1+1)"></a>
|
|
|
<span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
|
|
|
<span>跳至</span>
|
|
|
@@ -102,14 +119,11 @@
|
|
|
<span>页</span>
|
|
|
<a class="btn" :href="paginationUrl(pageInput)">点击跳转</a>
|
|
|
</div>
|
|
|
- <div v-if="!isPC && params.num < pageTotal" class="more" @click="handleMore(params.num*1+1)">查看更多</div>
|
|
|
+ <div v-if="!isPC && noMore" class="more" @click="handleMore(params.num*1+1)">查看更多</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <script type="text/javascript">
|
|
|
- </script>
|
|
|
-
|
|
|
<template th:replace="article/components/article-drawer"></template>
|
|
|
<template th:replace="article/components/article-footer"></template>
|
|
|
<template th:replace="components/foot-link"></template>
|
|
|
@@ -125,4 +139,4 @@
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/article/recommendation.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
|
|
|
-</html>
|
|
|
+</html>
|
xiebaomin