|
|
@@ -14,105 +14,109 @@
|
|
|
|
|
|
<!-- 我的采美 -->
|
|
|
<div id="dashboard">
|
|
|
- <div class="wrap clear navLayout">
|
|
|
- <p class="zhuti" v-if="isPC">我的交易 > 我的首页 </p>
|
|
|
- <!--左侧面包屑-->
|
|
|
- <template th:replace="supplier-center/components/tableft"></template>
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
- </template>
|
|
|
- <p class="r"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></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>
|
|
|
- </div>
|
|
|
- </span>
|
|
|
+ </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>
|
|
|
- <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 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="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 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>
|
|
|
-<!-- 销售情况统计 -->
|
|
|
- <div class="Statistics">
|
|
|
- <div class="Stati_top">
|
|
|
- <p>销售情况统计</p>
|
|
|
- <span>(统计标准:已确认的订单)</span>
|
|
|
+ <!-- 销售情况统计 -->
|
|
|
+ <div class="Statistics">
|
|
|
+ <div class="Stati_top">
|
|
|
+ <p>销售情况统计</p>
|
|
|
+ <span>(统计标准:已确认的订单)</span>
|
|
|
+ </div>
|
|
|
+ <div id="StatisticsEacths" style="">
|
|
|
+ <!-- echarts表 -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div id="StatisticsEacths" style="">
|
|
|
- <!-- echarts表 -->
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -124,8 +128,4 @@
|
|
|
<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>
|
|
|
- <script type="text/javascript">
|
|
|
-
|
|
|
-
|
|
|
-</script>
|
|
|
</html>
|
