<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head >
        <script th:replace="common/head"></script>
        <link rel="stylesheet" th:href="${'/css/common/import-excel.css'}">
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-form" >
                    <div class="layui-form-item">
                        <label class="layui-form-label">文件名称：</label>
                        <div class="layui-inline">
                            <button id="import" type="button" class="layui-btn layui-btn-primary">
                                <i class="layui-icon layui-icon-upload-drag"></i>上传文件
                            </button>
                            <span id="file_name" class="detail-info" style="display: none"></span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">上传进度：</label>
                        <div class="layui-inline" style="width: 300px;">
                            <div class="layui-form-name"><i class="layui-icon"></i><span></span>
                                <div class="layui-delete"><i id="delete_file"  class="layui-icon layui-icon-close"></i></div>
                            </div>
                            <div class="layui-progress " lay-showpercent="yes" lay-filter="upload_progress">
                                <div class="layui-progress-bar layui-bg-blue" lay-percent="0%" style="width: 100%;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item" style="position: fixed; bottom: 0;right: 0;">
                <div class="layui-card-body">
                    <div class="layui-btn-container">
                                    <button id="start_upload" class="layui-btn layui-btn-normal">开始上传</button>
                        <button id="cancel_upload" class="layui-btn layui-btn-primary">取消上传</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- javascript -->
        <script th:src="@{'/layui/layui.js'}"></script>
        <script>
            layui.config({
                base: '/' //静态资源所在路径
            });
        </script>
        <script th:src="@{'/js/util/import-face-zip.js'}"></script>
    </body>
</html>
