<!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/head-link"></template>
    <link th:href="@{/css/document/more-content.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 二级页面 -->
<div id="documentList">
    <!-- 引用头部 -->
    <div>
        <div class="header document">
            <div class="wrap-header clear">
                <img class="logo" src="/img/document/document_logo.png" alt="采美 生美/医美采购服务平台"/>
                <span>采美资料库</span>
                <div class="search">
                    <input class="input" v-model="keyWord" type="text" placeholder="请输入商品名/资料库名/资料名">
                    <div class="icon-search" @click="searchKeyWord">
                        <img src="/img/document/icon-search.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" th:value="${spiServer}" id="spiServer">
        <input type="hidden" th:value="${agent}" id="userAgent">
    </div>
    <div class="document-content">
        <div class="inner">
            <div class="document-list">
                <div class="list-item">
                    <div class="list-item-top">
                        <div class="image"><img :src="ossArchive.mainImage" alt=""></div>
                        <div class="main">
                            <h1>供应商:{{ ossArchive.shopName }}</h1>
                            <p>商品名称:{{ ossArchive.productName }}</p>
                            <p>资料库名称:{{ ossArchive.name }}</p>
                        </div>
                    </div>
                    <div class="list-item-bot">
                        <div class="pdf-li" v-for="(pdf,index) in ossArchive.pdfList" :key="index" >
                            <img class="img" src="/img/document/pdf.png" alt="">
                            <p class="name" @click="PdfDetails(pdf.id)">{{ pdf.name }}</p>
                            <p class="time">{{ pdf.uploadTime }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="document-footer">
        <div class="wrap copyright clear">
            <div class="item icon mIcon">
                <p><span>Copyright © 2015-2020 CAIMEI365.com All Rights Reserved.</span><span>深圳市采美信息技术有限公司</span></p>
                <p><span>粤B1-20160129 备案号 粤ICP备14019824号</span><span>中华人民共和国增值电信业务经营许可证</span></p>
            </div>
        </div>
    </div>
</div>
<!-- 引入底部 -->
<template th:replace="components/document-link"></template>
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/document.service.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/document/more-content.js(v=${version})}"></script>
</body>
</html>
