<!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/flea-market/secondDetail.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>

<!-- 二手商品详情 -->
<div class="preview-container" id="fleaMarket" >
    <input type="hidden" th:value="${productId}" id="productId">
    <div class="inner-container">
        <div class="preview-header clearfix">
            <div class="preview-banner clearfix" id="imgShown" >
                <div class="preview-banner-big bigImage" v-if="isPC">
                    <img class="preview-img" :src="previewBigimage" >
                    <span class="mask"></span>
                </div>
<!--                  <div class="iconLogo"  v-if="detail.brandName==null||detail.brandName==''" ></div>-->
<!--                  <div class="iconLogo"  v-else-if="detail.brandID==161&&detail.brandName"  style="background:rgba(225,86,22,0.5)" >{{detail.brandName}}</div>-->
<!--                  <div class="iconLogo"  v-else style="background: rgba(22,116,225,0.5);">{{detail.brandName}}</div>-->
                <div class="preview-banner-small" id="CM____pic_thumb" v-if="isPC">
                    <ul class="preview-thumb-ul">
                        <li class="item" v-for="(item, index) in previewThumb"  :class="current==index?'addImg':''" :key="index" :data-src="item" @click="ImgList(item,index)">
                            <img :src="item">
                        </li>
                    </ul>
                </div>
                    <div id="swiperImage" class="CM____pic_thumb swiper-container" v-if="(!isPC)">
                        <ul class="swiper-wrapper clear preview-thumb-ul">
                            <li class="swiper-slide mfc"v-for="(item, index) in previewThumb" :class="current==index?'addImg':''" :key="index" :data-src="item" @click="ImgList(item,index)">
                                <img :src="item">
                            </li>
                        </ul>
                        <div class="swiper-pagination mfc"></div>
                  </div>


                <div class="preview-box" id="mag" v-if="isPC">
                    <div class="bigitem">
                        <img id="magnifierImg" :src="previewBigimage"/>
                    </div>
                </div>
            </div>
            <div class="preview-info clearfix" v-show="isRequest" :class="isRequest?'active' : ''">
                <div class="preview-info-title">
                    <span class="hoverBrand"  >
                    <p class="info-p brandName" v-show="bnameShow" style="color: #999999">品牌：{{detail.brandName}}</p>
                    <span class="Brand" style="padding: 15px" v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)" v-show="Showlogo"><img src="/img/flea-market/logo.png"/> </span>
                    </span>
                     <p class="info-p name">{{detail.name}}</p>
                    <div class="brandMain" v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)" v-show="isShow" v-if="detail.brandInfo!=null||detail.brandInfo !=''"><div class="zheng-graphics"></div>{{detail.brandInfo}}</div>
                    <img src="/img/flea-market/yishou.png" class="yishou_img" v-if="soldImage" :class="soldImage?'show':''">
                </div>
                <div class="preview-info-main clearfix">
                    <div class="info price" style="width: 100%" >
                        <span class="label">交&nbsp;&nbsp;易&nbsp;&nbsp;价：</span>
                        <p>
                            <span v-if="detail.detailTalkFlag==2&&userID==null" class="fave-text">价格详聊</span></span>
                            <span v-else-if="userID==null"><a class="member-detail ladder-a loginWithParam" >登录查看价格></a></span>
                            <span v-else-if="userID!=null&&detail.detailTalkFlag==2" class="fave-text">价格详聊</span></span>
                            <span v-else class="fave-text">￥<span class="big">{{detail.price1Str}}</span></span>

                        </p>
                        <div class="tag">
                           <span class="infotag news" v-if="detail.sold==0&&detail.newAdded==1">最新</span>
                           <span class="infotag brand" v-if="detail.brandName==null&&detail.brandName==''">{{detail.brandName}}</span>
                           <span class="infotag sold" v-if="detail.sold==1&&detail.newAdded==1||detail.sold==1&&detail.newAdded==0">已售</span>
                           <span class="infotag other" v-if="detail.brandID==161&&detail.brandName!=''">{{detail.brandName}}</span>
                         </div>
                    </div>
                     <div class="info " v-if="HandType">
                        <span class="label">市&nbsp;&nbsp;场&nbsp;&nbsp;价：</span>
                        <p>{{detail.normalPriceStr}}</p>
                    </div>
                    <div class="info " v-if="HandType">
                       <span class="label" style="width: 90px">采购价/原价：</span>
                        <p>{{detail.originalPriceStr}}</p>
                    </div>
                    <div class="info " v-if="HandType">
                       <span class="label" style="width: 84px">产品到期日：</span>
                        <p>{{detail.maturityYears}}</p>
                    </div>
                    <div class="info bind">
                       <span class="label">分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;类：</span>
                        <p>{{detail.typeStr}}</p>
                    </div>
                    <div class="info ">
                       <span class="label">所&nbsp;&nbsp;在&nbsp;&nbsp;地：</span>
                        <p>{{detail.provinceCityDistrict}}</p>
                    </div>
                    <div class="info ">
                       <span class="label">商品成色：</span>
                        <p>{{detail.productQuality}}</p>
                    </div>
                     <div class="info " v-if="detail.showContactFlag==2">
                       <span class="label">联&nbsp;&nbsp;系&nbsp;&nbsp;人：</span>
                        <p>{{detail.contactName}}</p>
                    </div>
                    <div class="info unit" v-if="detail.fixedYears!='' && detail.fixedYears!=null">
                        <span class="label">出厂日期：</span>
                        <p>{{detail.fixedYears}}</p>
                    </div>
                    <div class="info unit" v-if="detail.showContactFlag==2">
                        <span class="label">联系方式：</span>
                        <p>{{detail.contactMobile}}</p>
                    </div>
                    <div class="info price" style="width: 100%" v-if="HandType">
                        <span class="label">库&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;存：</span>
                        <p>{{detail.stock}}</p>
                    </div>
                    <div class="info price" v-if="detail.productType!=null && detail.productType!=''">
                        <span class="label">商品类型：</span>
                        <p v-if="detail.productType==1">医美</p>
                        <p v-else>非医美</p>
                    </div>
                </div>
                <div class="ercode" v-if="ShowImage" ><img :class="ShowImage?'show':''" src="/img/flea-market/er.png"/></div>
            </div>
        </div>
            <!--  相关推荐 -->
     <div class="recommendBox" v-if="recommde">
            <div class="hd">相关推荐</div>
            <div id="productRecommend" class="swiper-container">
                <ul class="swiper-wrapper" v-cloak>
                    <li class="swiper-slide" v-for="p in recommdeImage">
                        <div class="item">
                            <a class="image" :href="'/product-'+p.id+'.html'" target="_blank">
                                <img :src="p.image" :alt="p.name">
                                <span v-html="p.name"></span>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide  defaulImg" v-for="(item,index) in recommdeindex">
                       <div class="item">
                            <a href="javascript:0" class="image">
                                <img src="/img/base/placeholder.png" alt="">
                            </a>
                     </div>
                </li>
                </ul>
<!--                <div v-show="recommendPage>1" class="swiper-pagination mfc"><span v-if="isPC" v-for="i in recommendPage"></span></div>-->
            </div>
        </div>

     <div class="main">
        <div class="title">商品详情</div>
        <div class="mainContent">
            <div class="mainContentLeft">
                <div class="Disclaimer">
                    <span >免责声明</span>
                    <p>
                        鉴于本网站提供的二手版块信息包括但不限于公司名称，商品的简介、性能、描述与说明，相关图片、视频等均由卖家自行提供，由卖家对其提供的信息承担相应法律责任。买家应自行甄别商品信息并查验商品性状。本网站对二手版块中买卖双方的交易不提供任何形式的担保与保证，特此声明！
                    </p>
                </div>
                <div class="contentHtml">
                    {{detail.productDetails}}
                       <div v-for="(item, index) in previewThumb" :key="index" :data-src="item">
                           <img :src="item"/>
                       </div>
                </div>
            </div>
        </div>
      </div>

    </div>
</div>

<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" src="/lib/magnifier.js"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/second.service.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/flea-market/secondDetail.js(v=${version})}"></script>
</body>
</html>
