|
@@ -10,99 +10,99 @@
|
|
<template th:replace="article/components/article-header"></template>
|
|
<template th:replace="article/components/article-header"></template>
|
|
|
|
|
|
<div id="Recommendation" v-cloak>
|
|
<div id="Recommendation" v-cloak>
|
|
- <div class="content clearfix" v-if="state == 1">
|
|
|
|
- <div class="mainData">
|
|
|
|
- <div class="selectList">
|
|
|
|
- <div class="select-title">
|
|
|
|
- <div>精选推荐</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="select-content">
|
|
|
|
- <div class="select-content-item" th:each="select: ${pageData.results}">
|
|
|
|
- <div class="img-left">
|
|
|
|
- <img style="width: 100%;height: 100%;" th:src="${select.image}" />
|
|
|
|
- </div>
|
|
|
|
- <div class="item-content">
|
|
|
|
- <div>
|
|
|
|
- <div class="item-1" th:text="${select.title}"></div>
|
|
|
|
- <div class="item-2" th:text="${select.title}"></div>
|
|
|
|
- <div class="item-3" th:text="${select.title}"></div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item-4" th:text="${select.title}"></div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div v-if="isPC" class="pageWrap clear" th:if="${pageData.totalRecord} > 0">
|
|
|
|
- <a class="prev" th:href="'/info/articlerecommendation-1-' + ${pageData.pageNum - 1} + '.html?isSelected'" th:if="${pageData.hasPreviousPage}"></a>
|
|
|
|
- <template th:each="selectInfo: ${pageData.totalPage}">
|
|
|
|
- <a th:href="'/info/articlerecommendation-1-' + ${selectInfo} + '.html?isSelected'" th:text="${selectInfo}"></a>
|
|
|
|
|
|
+<!-- <div class="content clearfix" v-if="state == 1">-->
|
|
|
|
+<!-- <div class="mainData">-->
|
|
|
|
+<!-- <div class="selectList">-->
|
|
|
|
+<!-- <div class="select-title">-->
|
|
|
|
+<!-- <div>精选推荐</div>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <div class="select-content">-->
|
|
|
|
+<!-- <div class="select-content-item" th:each="select: ${pageData.results}">-->
|
|
|
|
+<!-- <div class="img-left">-->
|
|
|
|
+<!-- <img style="width: 100%;height: 100%;" th:src="${select.image}" />-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <div class="item-content">-->
|
|
|
|
+<!-- <div>-->
|
|
|
|
+<!-- <div class="item-1" th:text="${select.title}"></div>-->
|
|
|
|
+<!-- <div class="item-2" th:text="${select.title}"></div>-->
|
|
|
|
+<!-- <div class="item-3" th:text="${select.title}"></div>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <div class="item-4" th:text="${select.title}"></div>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <div v-if="isPC" class="pageWrap clear" th:if="${pageData.totalRecord} > 0">-->
|
|
|
|
+<!-- <a class="prev" th:href="'/info/articlerecommendation-1-' + ${pageData.pageNum - 1} + '.html?isSelected'" th:if="${pageData.hasPreviousPage}"></a>-->
|
|
|
|
+<!-- <template th:each="selectInfo: ${pageData.totalPage}">-->
|
|
|
|
+<!-- <a th:href="'/info/articlerecommendation-1-' + ${selectInfo} + '.html?isSelected'" th:text="${selectInfo}"></a>-->
|
|
<!-- <span th:else>···</span>-->
|
|
<!-- <span th:else>···</span>-->
|
|
- </template>
|
|
|
|
- <a class="next" th:if="${pageData.hasNextPage}" th:href="'/info/articlerecommendation-1-' + ${pageData.pageNum + 1} + '.html?isSelected'"></a>
|
|
|
|
- <span>共<b th:text="${pageData.totalPage}"></b>页</span>
|
|
|
|
- <span>跳至</span>
|
|
|
|
- <input v-model="pageInput"/>
|
|
|
|
- <span>页</span>
|
|
|
|
- <a class="btn" href="javascript:void(0)" @click="changeLink">点击跳转</a>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <!--侧边栏Ross广告图-->
|
|
|
|
- <div v-if="isPC && isRossShow" class="article-right-ross" :class="isRossShow ? 'show' : 'none'">
|
|
|
|
- <a href="/supplier-1378.html" v-if="isPC"><img src="/img/ross/ross-image@1x.jpg" alt="深圳艾斯佰丽生物科技有限公司"></a>
|
|
|
|
- </div>
|
|
|
|
- <!--侧边栏-->
|
|
|
|
- <template th:replace="article/components/article-sidebar"></template>
|
|
|
|
- </div>
|
|
|
|
- <div class="infomationlist" v-else>
|
|
|
|
- <div class="title" v-if="state == 2">
|
|
|
|
- <div>所有公告</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="list-mainData">
|
|
|
|
- <ul v-if="state == 2">
|
|
|
|
- <li class="item" v-for="item in listData" :key="item.id">
|
|
|
|
- <div>{{item.title}}</div>
|
|
|
|
- <div>{{item.creationtime}}</div>
|
|
|
|
- </li>
|
|
|
|
- </ul>
|
|
|
|
- <ul v-else>
|
|
|
|
- <li th:each="file: ${pageData}">
|
|
|
|
- <a class="info-item" th:href="${file.ossUrl}">
|
|
|
|
- <div>
|
|
|
|
- <img src="/img/article/PC--pdf.png" style="width: 100%;height: 100%;object-fit: contain;"/>
|
|
|
|
- </div>
|
|
|
|
- <div th:text="${file.fileName}"></div>
|
|
|
|
- </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>
|
|
|
|
- <span>跳至</span>
|
|
|
|
- <input v-model="pageInput" @blur="checkNum()"/>
|
|
|
|
- <span>页</span>
|
|
|
|
- <a class="btn" :href="paginationUrl(pageInput)">点击跳转</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="params.num<pageTotal" class="next" :href="paginationUrl(params.num*1+1)"></a>
|
|
|
|
- <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
|
|
|
|
- <span>跳至</span>
|
|
|
|
- <input v-model="pageInput" @blur="checkNum()"/>
|
|
|
|
- <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>
|
|
|
|
- </div>
|
|
|
|
|
|
+<!-- </template>-->
|
|
|
|
+<!-- <a class="next" th:if="${pageData.hasNextPage}" th:href="'/info/articlerecommendation-1-' + ${pageData.pageNum + 1} + '.html?isSelected'"></a>-->
|
|
|
|
+<!-- <span>共<b th:text="${pageData.totalPage}"></b>页</span>-->
|
|
|
|
+<!-- <span>跳至</span>-->
|
|
|
|
+<!-- <input v-model="pageInput"/>-->
|
|
|
|
+<!-- <span>页</span> -->
|
|
|
|
+<!-- <a class="btn" href="javascript:void(0)" @click="changeLink">点击跳转</a>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <!–侧边栏Ross广告图–>-->
|
|
|
|
+<!-- <div v-if="isPC && isRossShow" class="article-right-ross" :class="isRossShow ? 'show' : 'none'">-->
|
|
|
|
+<!-- <a href="/supplier-1378.html" v-if="isPC"><img src="/img/ross/ross-image@1x.jpg" alt="深圳艾斯佰丽生物科技有限公司"></a>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <!–侧边栏–>-->
|
|
|
|
+<!-- <template th:replace="article/components/article-sidebar"></template>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <div class="infomationlist" v-else>-->
|
|
|
|
+<!-- <div class="title" v-if="state == 2">-->
|
|
|
|
+<!-- <div>所有公告</div>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <div class="list-mainData">-->
|
|
|
|
+<!-- <ul v-if="state == 2">-->
|
|
|
|
+<!-- <li class="item" v-for="item in listData" :key="item.id">-->
|
|
|
|
+<!-- <div>{{item.title}}</div>-->
|
|
|
|
+<!-- <div>{{item.creationtime}}</div>-->
|
|
|
|
+<!-- </li>-->
|
|
|
|
+<!-- </ul>-->
|
|
|
|
+<!-- <ul v-else>-->
|
|
|
|
+<!-- <li th:each="file: ${pageData}">-->
|
|
|
|
+<!-- <a class="info-item" th:href="${file.ossUrl}">-->
|
|
|
|
+<!-- <div>-->
|
|
|
|
+<!-- <img src="/img/article/PC--pdf.png" style="width: 100%;height: 100%;object-fit: contain;"/>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- <div th:text="${file.fileName}"></div>-->
|
|
|
|
+<!-- </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>-->
|
|
|
|
+<!-- <span>跳至</span>-->
|
|
|
|
+<!-- <input v-model="pageInput" @blur="checkNum()"/>-->
|
|
|
|
+<!-- <span>页</span> -->
|
|
|
|
+<!-- <a class="btn" :href="paginationUrl(pageInput)">点击跳转</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="params.num<pageTotal" class="next" :href="paginationUrl(params.num*1+1)"></a>-->
|
|
|
|
+<!-- <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>-->
|
|
|
|
+<!-- <span>跳至</span>-->
|
|
|
|
+<!-- <input v-model="pageInput" @blur="checkNum()"/>-->
|
|
|
|
+<!-- <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>-->
|
|
|
|
+<!-- </div>-->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|