<!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">
            <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 colspan="1" rowspan="1" class="el-table_5_column_42     is-leaf">-->
<!--                    <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="${respBean.type}">单日票</div>
                </td>
                <td>
                    <div class="cell" th:text="${respBean.useStart}">2021-03-06</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.totalSalePrice}">0</div>
                </td>
<!--                <td>-->
<!--                    <div class="cell" th:text="${respBean.price}">0</div>-->
<!--                </td>-->
            </tr>
<!--            <tr class="el-table__row el-table__row&#45;&#45;striped">-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_32  ">-->
<!--                    <div class="cell">680元区</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_33  ">-->
<!--                    <div class="cell">680.00</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_34  ">-->
<!--                    <div class="cell">单日票</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_35  ">-->
<!--                    <div class="cell">2021-03-06</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_36  ">-->
<!--                    <div class="cell">19</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_37  ">-->
<!--                    <div class="cell">9</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_38  ">-->
<!--                    <div class="cell">1</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_39  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_40  ">-->
<!--                    <div class="cell">10</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_41  ">-->
<!--                    <div class="cell">12920</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_42  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--            </tr>-->
<!--            <tr class="el-table__row">-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_32  ">-->
<!--                    <div class="cell">480元区</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_33  ">-->
<!--                    <div class="cell">480.00</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_34  ">-->
<!--                    <div class="cell">单日票</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_35  ">-->
<!--                    <div class="cell">2021-03-06</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_36  ">-->
<!--                    <div class="cell">21</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_37  ">-->
<!--                    <div class="cell">3</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_38  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_39  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_40  ">-->
<!--                    <div class="cell">9</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_41  ">-->
<!--                    <div class="cell">10080</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_42  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--            </tr>-->
<!--            <tr class="el-table__row el-table__row&#45;&#45;striped">-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_32  ">-->
<!--                    <div class="cell">380元区</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_33  ">-->
<!--                    <div class="cell">380.00</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_34  ">-->
<!--                    <div class="cell">单日票</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_35  ">-->
<!--                    <div class="cell">2021-03-06</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_36  ">-->
<!--                    <div class="cell">15</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_37  ">-->
<!--                    <div class="cell">8</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_38  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_39  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_40  ">-->
<!--                    <div class="cell">5</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_41  ">-->
<!--                    <div class="cell">5700</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_42  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--            </tr>-->
<!--            <tr class="el-table__row">-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_32  ">-->
<!--                    <div class="cell">总计</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_33  ">-->
<!--                    <div class="cell"></div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_34  ">-->
<!--                    <div class="cell"></div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_35  ">-->
<!--                    <div class="cell"></div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_36  ">-->
<!--                    <div class="cell">55</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_37  ">-->
<!--                    <div class="cell">20</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_38  ">-->
<!--                    <div class="cell">25</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_39  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_40  ">-->
<!--                    <div class="cell">24</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_41  ">-->
<!--                    <div class="cell">28700</div>-->
<!--                </td>-->
<!--                <td rowspan="1" colspan="1" class="el-table_5_column_42  ">-->
<!--                    <div class="cell">0</div>-->
<!--                </td>-->
<!--            </tr>&lt;!&ndash;&ndash;&gt;-->
            </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>