1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <!DOCTYPE html>
- <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- xsi:schemaLocation="https://www.thymeleaf.org ">
- <head>
- <title>采美365网-项目列表</title>
- <template th:replace="components/headLink"></template>
- <link th:href="@{/css/instrument/list.css(v=${version})}" rel="stylesheet" type="text/css">
- </head>
- <body>
- <!-- 引用头部 -->
- <template th:replace="components/header"></template>
- <!-- 项目仪器搜索列表 -->
- <div id="instrumentList">
- <!--loading-->
- <div v-if="listLoading" class="loading">
- <img src="/img/base/loading.gif">
- </div>
- <!--数据为空-->
- <div v-else-if="!listLoading && (!listData || listData.length==0)" class="empty">
- <img src="/img/common/empty.png">
- <div class="msg">
- <p>搜索引擎“感冒”了,没有找到你搜索的商品哦!</p>
- <p><a href="/">点这里吧</a>,采美还你一片绿洲~</p>
- </div>
- </div>
- <!--列表-->
- <div v-else class="instrumentList">
- <ul class="clear mfw">
- <li class="instrumentItem" v-for="ins in listData">
- <a :href="'/instrument/detail.html?id='+ins.eid" target="_blank">
- <img :src="ins.equipmentimage">
- <span class="name" v-html="ins.equipmenttitle"></span>
- </a>
- </li>
- </ul>
- </div>
- <!--分页-->
- <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
- <div v-if="isPC && pageTotal>1" class="pageWrap clear">
- <a v-if="params.num>1" class="prev" @click="toPagination(params.num*1-1)" href="javascript:void(0);"></a>
- <template v-for="n in showPageBtn">
- <a v-if="n" :class="{'on':(n==params.num)}" @click="toPagination(n)" href="javascript:void(0);" v-text="n"></a>
- <span v-else>···</span>
- </template>
- <a v-if="params.num<pageTotal" class="next" @click="toPagination(params.num*1+1)" href="javascript:void(0);"></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="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
- </div>
- </div>
- <!-- 引入底部 -->
- <template th:replace="components/footer"></template>
- <template th:replace="components/footLink"></template>
- <script charset="utf-8" type="text/javascript" th:src="@{/js/instrument/list.js(v=${version})}"></script>
- </body>
- </html>
|