|
|
@@ -7,121 +7,130 @@
|
|
|
<template th:replace="components/analysis"></template>
|
|
|
</head>
|
|
|
|
|
|
-<body class="home listData">
|
|
|
+<body>
|
|
|
<!--导航栏-->
|
|
|
<template th:replace="article/components/article-header"></template>
|
|
|
|
|
|
- <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" 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-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 class="mainContent">
|
|
|
+ <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" v-for="item in articlerecommendationData">
|
|
|
+ <div class="img-left" @click="handleTramp(item.id)">
|
|
|
+ <img style="width: 100%;height: 100%;" :src="item.image" />
|
|
|
</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 class="item-content">
|
|
|
+ <div>
|
|
|
+ <div class="item-1" v-html="item.title" @click="handleTramp(item.id)"></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="group">
|
|
|
+ <div class="label-icon-1 icon"></div>
|
|
|
+ <div class="label-text">{{ item.pv }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="group">
|
|
|
+ <div class="label-icon-2 icon"></div>
|
|
|
+ <div class="label-text">采美网</div>
|
|
|
+ </div>
|
|
|
+ <div class="group">
|
|
|
+ <div class="label-icon-3 icon"></div>
|
|
|
+ <div class="label-text">{{ item.publishDate | filterDate }}</div>
|
|
|
+ </div>
|
|
|
+ </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 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 && 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>
|
|
|
- <a class="btn" href="javascript:void(0)" @click="changeLink">点击跳转</a>
|
|
|
+ <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>
|
|
|
+ <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>-->
|
|
|
</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 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;" />
|
|
|
- </div>
|
|
|
- <div v-html="item.fileName"></div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <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" />
|
|
|
- <span>页</span>
|
|
|
- <a class="btn" href="javascript:void(0)" @click="changeLink">点击跳转</a>
|
|
|
+ <div class="infomationlist" v-else>
|
|
|
+ <div class="title" v-if="state == 2">
|
|
|
+ <div>所有公告</div>
|
|
|
</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 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 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;" />
|
|
|
+ </div>
|
|
|
+ <div v-html="item.fileName"></div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <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" />
|
|
|
+ <span>页</span>
|
|
|
+ <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="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 && noMore" class="more" @click="handleMore(params.num*1+1)">查看更多</div>
|
|
|
</div>
|
|
|
- <div v-if="!isPC && noMore" class="more" @click="handleMore(params.num*1+1)">查看更多</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!--侧边栏-->
|
|
|
+ <template th:replace="article/components/article-sidebar"></template>
|
|
|
</div>
|
|
|
|
|
|
<template th:replace="article/components/article-drawer"></template>
|
|
|
@@ -130,7 +139,7 @@
|
|
|
<script charset="utf-8" type="text/javascript" src="/lib/datapicker/moment-2.29.min.js"></script>
|
|
|
<script charset="utf-8" type="text/javascript" src="/lib/datapicker/jquery.daterangepicker.js"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/lib/element-ui/element-ui.min.js}"></script>
|
|
|
- <script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>
|
|
|
+ <script type="text/javascript" src="/lib/element-ui/vant.min.js"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/ajax.service.js}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/article/common.js(v=${version})}"></script>
|
xiebaomin