<!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/supplier-center/order/saleslist.css(v=${version})}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/supplier-center/order/saleslist.css(v=${version})}" rel="stylesheet" type="text/css" @media="print">
</head>
<body>
<!-- 引用头部 -->
<div>
    <input type="hidden" th:value="${spiServer}" id="spiServer">
    <input type="hidden" th:value="${agent}" id="userAgent">
</div>
<!-- 我的采美 -->
<div id="saleslist">
    <div class="sales-list">
            <div class="sales-list-title">售货清单</div>
                <div class="sales-list-cantent" >
                <div class="number-time">
                <div class="colour">订单编号</div>
                <div>{{shopOrder.orderNo}}</div>
                <div class="colour">下单时间</div>
                <div>{{shopOrder.orderTime}}</div>
            </div>
            <div class="buyer-supplier">
                <div class="colour">买        家</div>
            <div >{{userInfo.name}}</div>
            <div class="colour">供 应 商</div>
            <div>{{shopOrder.shopName}}</div>
            </div>
            <div class="delivery-info">
                <div class="colour">收货信息</div>
                <div>{{userInfo.province}} {{userInfo.city}} {{userInfo.town}} {{userInfo.address}}    {{userInfo.shouHuoRen}}     {{userInfo.mobile}}</div>
            </div>
            <div class="goods-info">
                <div class="colour">商品信息</div>
                <div class="goods-info-conent" v-for="(item,index) in shopOrder.orderProductList">
                <p>{{(index*1+1)}}.{{item.name}}</p>
                <p>数量（赠品数）x{{item.num}}（{{item.presentNum}}）     单价 ￥{{item.discountPrice}}      总价 ￥{{item.totalFee}}</p>
            </div>
            </div>
            <div class="total-amount">
                <p class="print-time-1 colour" ><label>打印时间：</label><span>{{currentTime}}</span></p>
                <p class="colour" ><label>总金额：</label><span>￥{{shopOrder.totalAmount}}</span></p>
            </div>
            </div>
            <div class="print-time">
                <button type="button" class="print" >打印</button>
            </div>

    </div>
</div>

<!-- 引入底部 -->
<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="@{/js/supplier-center/order/saleslist.js(v=${version})}"></script>
</body>
</html>
