more-content.html 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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>采美资料库-更多资料</title>
  6. <template th:replace="components/head-link"></template>
  7. <link th:href="@{/css/document/more-content.css(v=${version})}" rel="stylesheet" type="text/css">
  8. </head>
  9. <body>
  10. <!-- 二级页面 -->
  11. <div id="documentList" v-cloak>
  12. <!-- 引用头部 -->
  13. <div>
  14. <div class="header document">
  15. <div class="wrap-header clear">
  16. <img class="logo" src="/img/document/document_logo.png" alt="采美 生美/医美采购服务平台" @click="goPathList"/>
  17. <span @click="goPathList">采美资料库</span>
  18. <div class="search">
  19. <input class="input" v-model="keyWord" type="text" placeholder="商品名/资料库名/资料名">
  20. <div class="icon-search" @click="searchKeyWord">
  21. <img src="/img/document/icon-search.png" alt="">
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. <input type="hidden" th:value="${spiServer}" id="spiServer">
  27. <input type="hidden" th:value="${agent}" id="userAgent">
  28. </div>
  29. <div class="document-content">
  30. <div class="inner">
  31. <div class="document-list">
  32. <div class="list-item">
  33. <div class="list-item-top">
  34. <div class="image"><img :src="ossArchive.mainImage" alt=""></div>
  35. <div class="main">
  36. <h1><span>供应商:</span>{{ ossArchive.shopName }}</h1>
  37. <p><span>商品名称:</span> {{ ossArchive.productName }}</p>
  38. <p><span>资料库名称:</span>{{ ossArchive.name }}</p>
  39. </div>
  40. </div>
  41. <div class="list-item-bot">
  42. <div class="pdf-li" v-for="(pdf,index) in ossArchive.pdfList" :key="index" >
  43. <img v-if="isPC" class="img" src="/img/document/pdf.png" alt="">
  44. <img v-else class="img" src="/img/document/icon-pdfh5.png" alt="">
  45. <p class="name" @click="PdfDetails(pdf.id)">{{ pdf.name }}</p>
  46. <p class="down" v-if="pdf.isDownload == '1'"><a @click="download(pdf)">下载</a></p>
  47. <p class="time">{{ pdf.uploadTime }}</p>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="document-footer">
  55. <div class="wrap copyright clear">
  56. <div class="item icon mIcon">
  57. <p><span>Copyright © 2015-2020 CAIMEI365.com All Rights Reserved.</span><span>深圳市采美信息技术有限公司</span></p>
  58. <p><span>粤B1-20160129 备案号 <a href="https://beian.miit.gov.cn" target="_blank" style="color:#FFF;text-decoration:underline;">粤ICP备14019824号</a></span><span>中华人民共和国增值电信业务经营许可证</span></p>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="document-download" v-if="isWechatShowToest" @click="HideWechatShowToest">
  63. <div class="toest">
  64. <p v-if="!isPC">点击右上角···按钮,切换至手机浏览器打开本页面进行下载~</p>
  65. <p v-else>点击上方浏览器按钮,使用电脑浏览器打开本页面进行下载~</p>
  66. </div>
  67. </div>
  68. </div>
  69. <!-- 引入底部 -->
  70. <template th:replace="document/components/document-link"></template>
  71. <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/document.service.js(v=${version})}"></script>
  72. <script charset="utf-8" type="text/javascript" th:src="@{/js/document/more-content.js(v=${version})}"></script>
  73. </body>
  74. </html>