<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('演出列表')" />
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 select-table table-bordered" th:object="${perCountResp}">
            <div class="row">
                <div class="col-lg-12">
                    <div>
                        <div th:text="*{performanceTitle}">我用什么把你留住（二）——福禄寿FloruitShow音乐会上海（7月24日）</div>
                    </div>
                </div>
            </div>
            <div class="row"></div>
            <div class="row">

                <div class="col-lg-1">
                    <div>
                        <div>总销售票款(元)</div>
                        <div th:text="*{totalSalePrice}">28700</div>
                    </div>
                </div>
                <div class="col-lg-1">
                    <div>
                        <div>实销总数(张)</div>
                        <div th:text="*{saleGeneral}">55</div>
                    </div>
                </div>
                <div class="col-lg-1">
                    <div>
                        <div>销售库存(张)</div>
                        <div th:text="*{totalGeneral}">80</div>
                    </div>
                </div>
<!--                <div class="col-lg-1">-->
<!--                    <div>-->
<!--                        <div>已兑换总数(张)</div>-->
<!--                        <div th:text="*{totalExchange}">0</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-1">-->
<!--                    <div>-->
<!--                        <div>兑换库存(张)</div>-->
<!--                        <div th:text="*{totalExchange}">0</div>-->
<!--                    </div>-->
<!--                </div>-->
                <div class="col-lg-1">
                    <div>
                        <div>购买人数(人)</div>
                        <div th:text="*{totalBuyUsers}">39</div>
                    </div>
                </div>
                <div class="col-lg-1">
                    <div>
                        <div>小家伙分销(元)</div>
                        <div th:text="*{totalDisPrice}">0</div>
                    </div>
                </div>
                <div class="col-lg-1">
                    <div>
                        <div>退票数量(张)</div>
                        <div th:text="*{totalRefundGeneral}">24</div>
                    </div>
                </div>
            </div>
        </div>
        <table class="col-sm-12 select-table table-bordered table table-stripped small m-t-md">
            <thead>
            <tr>
                <th>
                    <div class="cell">票种名</div>
                </th>
                <th>
                    <div class="cell">单价</div>
                </th>
                <th>
                    <div class="cell">类型</div>
                </th>
                <th>
                    <div class="cell">适用时间</div>
                </th>
                <th>
                    <div class="cell">销售总数量</div>
                </th>
                <th>
                    <div class="cell">会员销售数量</div>
                </th>
                <th>
                    <div class="cell">库存数量</div>
                </th>
                <th>
                    <div class="cell">正在支付数量</div>
                </th>
                <th>
                    <div class="cell">退票数量</div>
                </th>
                <th>
                    <div class="cell">羊毛券数量</div>
                </th>
                <th>
                    <div class="cell">销售额（元）</div>
                </th>
<!--                <th>-->
<!--                    <div class="cell">兑换数量</div>-->
<!--                </th>-->
            </tr>
            </thead>
            <tbody>
            <tr th:each="respBean,respBeanStat:${perOrderStaticList}">
                <td>
                    <div class="cell" th:text="${respBean.title}">180元区</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.price}">180.00</div>
                </td>
                <td>
                    <div class="cell" th:text="${@dict.getLabel('zhengzai_ticket_type',respBean.type)}">0</div>
                </td>
                <td>
                    <div class="cell" >[[${respBean.useStart}]] - [[${respBean.useEnd}]]</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.saleGeneral}">0</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.totalMemberNumber}">0</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.surplusGeneral}">0</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.totalPayingNumber}">0</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.totalRefundGeneral}">0</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.totalVoucherCount}">0</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.totalSalePrice}">0</div>
                </td>
<!--                <td>-->
<!--                    <div class="cell" th:text="${respBean.totalExchange}">0</div>-->
<!--                </td>-->
            </tr>
            </tbody>
        </table>
        <div style="display: none;">
            <button type="button" class="el-button main el-button--primary el-button--medium"><!---->
                <!----><span>查看数据统计图表</span></button> <!---->
            <div class="main" style="display: none;">暂无省份/年龄/性别统计数据</div>
            <div class="chart-main">
                <div>
                    <button type="button" class="el-button el-button--primary el-button--mini"><!---->
                        <!----><span>导出统计数据表格</span></button>
                </div>
                <div id="provinceChart" class="chartProvince"></div>
                <div id="cityChart" class="chartAge"></div>
                <div id="timeChart" class="chartSex"></div>
                <div id="ageChart" class="chartAge"></div>
                <div id="sexChart" class="chartSex"></div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer" />
</body>
</html>
