<!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/base/center.css(v=${version})}" rel="stylesheet" type="text/css">
    <link th:if="${pageId==1026}" th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/supplier-center/dashboard.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>

<!-- 我的采美 -->
<div id="dashboard">
    <div class="navLayout" v-cloak>
        <div v-if="isPC" class="crumbs">
            <span>我的采美</span>
        </div>
        <div class="wrap clear">
            <!--左侧导航-->
            <template th:replace="supplier-center/components/tableft"></template>

            <div class="right">
                <div class="information">
                    <div class="head">
                         <i class="icon Image" v-if="goodImage==null"></i>
                         <img :src="goodImage" v-else>
                         <input type="file" ref="goodImage" name="file" class="file_img" @change="uploadGoodsImagesFn" accept="image/png,image/jpeg,image/gif,image/jpg">
                    </div>
                    <div class="info_main">
                        <div class="mainContent">
                            <h3>{{shopinfo.sname}}</h3>
                              <span v-if="promotions!=null" class="priceTag">
                              <i class="tag icon mIcon" @click="toggleThisLadder($event)" v-text="promotions?promotions.name:''"></i>
                              <div class="promotion mFixed">
                                        <div>
                                            <p class="t">
                                                <em v-if="promotions.mode==2">{{promotions.name+'，满 ¥'+toFloat(promotions.touchPrice)+' 减 ¥'+toFloat(promotions.reducedPrice)}}</em>
                                                <em v-if="promotions.mode==3">{{promotions.name+'，满 ¥'+toFloat(promotions.touchPrice)+' 赠送商品'}}</em>
                                            </p>
                                            <p>促销时间：<em >不限时</em><em v-else>{{promotions.beginTime.substr(0,10)+' ~ '+promotions.endTime.substr(0,10)}}</em></p>
                                            <p v-if="promotions.type==2" class="r"><a class="more" :href="'/product/promotions.html?id='+promotions.id">更多凑单商品>>></a></p>
                                            <template v-if="promotions.mode==3">
                                                <p>赠品：</p>
                                                <p>
                                                    <span v-for="g in promotions.giftList" class="p">
                                                        <img :src="g.image">
                                                        <span v-text="g.name"></span>
                                                        <span v-text="'× '+g.number"></span>
                                                    </span>
                                                </p>
                                            </template>
                                            <p class="r"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
                                        </div>
                                    </div>
                              </span>
                        </div>
                        <p class="username">用户名：{{shopinfo.name}}</p>
                        <span class="perfect">立即完善</span>
                        <span class="ziliao">资料完整度：<span>{{homeData.dataIntegrity}}</span></span>
                    </div>
                    <div class="message">
                      <a href="/supplier/message/list.html">
                        <span class="msg_num" v-if="msgFlag">{{homeData.unReadMessageCount}}</span>
                        <span class="icon mIcon msg"></span>
                        </a>
                    </div>
                </div>
                <div class="product">
                    <p>商品数据</p>
                     <ul>
                         <li class="icon confirm mIcon">
                             <a href="">全部商品<span>{{homeData.allNum}}</span></a>
                         </li>
                          <li class="icon other confirm mIcon">
                              <a>已上架<span>{{homeData.upNum}}</span></a>
                         </li>
                         <li class="icon down confirm mIcon">
                             <a>已下架<span>{{homeData.downNum}}</span></a>
                         </li>
                     </ul>
                </div>
                <div class="ranking">
                    <div class="rank_top">
                        <p>单品销售排名</p>
                        <span>（统计标准：已确认的订单）</span>
                    </div>
                    <div class="sales-ranke">
                        <ul>
                            <li>排名</li>
                            <li>商品信息</li>
                            <li>销量</li>
                        </ul>
                    </div>
                    <div class="shop-ranke">
                       <ul v-for="(rk,index) in rankingList" :key="index">
                           <li><i class="icon rank mIcon" :class="'rank'+index"></i></li>
                           <li>
                              <div class="shop-img">
                                 <img :src="rk.image">
                              </div>
                              <p>{{rk.name}}</p>
                            </li>
                            <li class="sales-num"><span>{{rk.total}}</span></li>
                        </ul>
                    </div>
                </div>
                <!-- 销售情况统计  -->
                <div class="Statistics">
                    <div class="Stati_top">
                        <p>销售情况统计</p>
                        <span>(统计标准:已确认的订单)</span>
                    </div>
                     <div id="StatisticsEacths" style="">
                    <!-- echarts表   -->
                     </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" th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/lib/echarts.min.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/supplier-center/dashboard.js(v=${version})}"></script>
</body>
</html>
