more-content.html 4.0 KB

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