list.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="https://www.thymeleaf.org ">
  4. <head>
  5. <title>采美365网-项目列表</title>
  6. <template th:replace="components/headLink"></template>
  7. <link th:href="@{/css/instrument/list.css(v=${version})}" rel="stylesheet" type="text/css">
  8. </head>
  9. <body>
  10. <!-- 引用头部 -->
  11. <template th:replace="components/header"></template>
  12. <!-- 项目仪器搜索列表 -->
  13. <div id="instrumentList">
  14. <!--loading-->
  15. <div v-if="listLoading" class="loading">
  16. <img src="/img/base/loading.gif">
  17. </div>
  18. <!--数据为空-->
  19. <div v-else-if="!listLoading && (!listData || listData.length==0)" class="empty">
  20. <img src="/img/common/empty.png">
  21. <div class="msg">
  22. <p>搜索引擎“感冒”了,没有找到你搜索的商品哦!</p>
  23. <p><a href="/">点这里吧</a>,采美还你一片绿洲~</p>
  24. </div>
  25. </div>
  26. <!--列表-->
  27. <div v-else class="instrumentList">
  28. <ul class="clear mfw">
  29. <li class="instrumentItem" v-for="ins in listData">
  30. <a :href="'/instrument/detail.html?id='+ins.eid" target="_blank">
  31. <img :src="ins.equipmentimage">
  32. <span class="name" v-html="ins.equipmenttitle"></span>
  33. </a>
  34. </li>
  35. </ul>
  36. </div>
  37. <!--分页-->
  38. <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
  39. <div v-if="isPC && pageTotal>1" class="pageWrap clear">
  40. <a v-if="params.num>1" class="prev" @click="toPagination(params.num*1-1)" href="javascript:void(0);"></a>
  41. <template v-for="n in showPageBtn">
  42. <a v-if="n" :class="{'on':(n==params.num)}" @click="toPagination(n)" href="javascript:void(0);" v-text="n"></a>
  43. <span v-else>···</span>
  44. </template>
  45. <a v-if="params.num<pageTotal" class="next" @click="toPagination(params.num*1+1)" href="javascript:void(0);"></a>
  46. <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
  47. <span>跳至</span>
  48. <input v-model="pageInput" @blur="checkNum()"/>
  49. <span>页</span>&nbsp;
  50. <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
  51. </div>
  52. </div>
  53. <!-- 引入底部 -->
  54. <template th:replace="components/footer"></template>
  55. <template th:replace="components/footLink"></template>
  56. <script charset="utf-8" type="text/javascript" th:src="@{/js/instrument/list.js(v=${version})}"></script>
  57. </body>
  58. </html>