<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>导入展期申请</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    <link rel="stylesheet" href="./css/style.css"> 
    <script src="./../../lib/vue/vue.min.js"></script>
    <script src="./../../lib/vue/axios.min.js"></script>
    <script src="./../../lib/jquery-1.11.3.min.js"></script>
    <script src="./js/xlsx.core.min.js"></script>


    <script src="./../../_common/lts_result.js"></script>
    <script src="./../../_common/service_fcfg.js"></script>
    <script src="./../../_common/fy_client.js"></script>
    <script src="./../../_common/service.js"></script>
    <script src="./../../_common/service_exports.js"></script>
</head>
<style>
    [v-cloak]{
        display: none;
    }
</style>
<body>
    <div id="app" v-cloak>
        <div class="content">
            <div class="step1" v-if="step==1">
                <a id="mylink" download="展期申请模板.xls" href="downloadFile/展期申请模板.xls">
                    <div>下载展期申请模板</div>
                </a>
                <div class="flex-content">
                    <div class="upload-content">
                        <img v-if="warning" src="./img/warning.png" />
                        <img v-else src="./img/export_icon.png" />
                        <div class="tip-msg" v-html="tip">{{tip}}</div>
                        <div class="upload">
                            导入
                            <input type="file" accept=".xls" name="" id="uploadBtn" @change="uploadFile($event)"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="step2" v-if="step==2">
                <p>确认提交以下展期申请？</p>
                <div class="scroll">
                    <table id="data-table" >
                        <thead>
                            <tr>
                                <th :key="item.title" v-for="(item,index) in tableTabArr">{{item.title}}</th>
                            </tr>
                        </thead>
                        <tbody id="data-table-body">
                            <tr :key="index" v-for="(tritem,index) in resultArr">
                                <td :key="tditem.key" v-for="tditem in tableTabArr">
                                    {{tritem[tditem.key]}}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="bottom-btn">
                    共 {{resultArr.length}} 条
                    <div v-if="uploadbtn">
                        <button class="confirm" @click="sureSubmit">确认</button>
                        <button class="cancel" @click="calcel">取消</button>
                    </div>
                    <div v-else>
                        <button class="confirm" @click="calcel">重新导入</button>
                    </div>
                </div>
            </div>
        </div>
        <div v-show="dialogInfo.show">
            <div class="confirm-mask"></div>
            <div class="confirm-content">
            <div class="dialog-top">
                <span class="dialog-title">富易</span>
                <span class="close-icon" @click="dialogInfo.show = false"><i class="el-icon-close"></i></span>
            </div>
            <div class="dialog-con">
                <div>
                    <img src="../../lib/common-style/images/successico.png" alt="" v-if="dialogInfo.success_fail">
                    <img src="../../lib/common-style/images/warning.png" alt="" v-else>
                </div>
                <div class="tip-txt">
                    <div v-html="dialogInfo.tip">{{dialogInfo.tip}}</div>
                </div>
            </div>
            <div class="dialog-sure">
                <el-button type="primary" class="known-btn" @click="dialogInfo.show = false">我知道了</el-button>
            </div>
            </div>
        </div>
        <div class="progress-con" v-show="progressFlag">
            <div class="modalBg"></div>
            <div id="myProgress">
                <div id="myBar">{{progressPercent}}</div>
            </div>
        </div>
    </div>
    
</body>
<script src="./js/index.js"></script>
</html>
