@{
    Layout = null;
}

<!DOCTYPE html>
<html style="overflow: auto;">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金蝶表格导出日志</title>
    <!-- Vue.js -->
    <script src="~/js/vue2.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- jQuery -->
    <script src="~/js/jquery.min.js"></script>

    <!-- 引入第三方库 -->
    <script src="~/js/echarts.min.js"></script>
    <script src="~/js/xlsx.mini.min.js"></script>
    <script src="~/lib/microsoft/signalr/dist/browser/signalr.min.js"></script>


    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .el-table__empty-block {
            height: auto !important;
        }

        .el-dialog__footer {
            text-align: left;
        }

        .headbox {
            /*margin: 10px;*/
        }

        .seachbox {
            margin: 10px;
            display: inline-block;
        }

        .bodybox {
            margin: 10px;
            text-align: center;
        }

        .dialogbox .el-table .el-table__cell {
            padding: 2px;
        }

        .el-table .el-table__cell {
            padding: 6px 0;
        }

        .iconClass {
            font-size: 20px; /* 加大图标大小 */
            font-weight: bold;
        }

        /* 日志列css */
        .cell .logdata {
            /*  white-space: nowrap; 不换行 */
            overflow: hidden; /* 超出部分隐藏 */
            text-overflow: ellipsis; /* 显示省略号 */
            cursor: pointer;
            font-size: 12px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1;
        }

        /* 表格行颜色设置 */
        .el-table .up-row {
            background: #ECF5FF;
        }

        .el-table .down-row {
            background: #FEF0F0;
        }

        .el-table .error-row {
            background: #F78989;
        }

        .el-select__tags-text {
            max-width: 7em; /* 假设每个汉字宽度大约是1em */
            overflow: hidden; /* 隐藏超出部分 */
            white-space: nowrap; /* 防止文本换行 */
            text-overflow: ellipsis; /* 显示省略号 */
        }

        .logs-list-div {
            color: #888888;
            border: 1px solid #E9E9E960;
            background-color: #80808030;
            transition: all 0.3s ease;
            position: relative;
            width: auto;
            padding: 4px;
            height: 112px;
            border-radius: 3px;
            margin: 4px;
            background-color: #f9f9f9;
        }

            .logs-list-div:hover {
                border-color: #409eff;
                background-color: #80808010;
                /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  可选阴影 */
            }

        .log {
            position: absolute;
            font-size: 12px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        strong {
            color: #444444; /* 示例：将文字颜色设置为红色 */
            font-size: 13px; /* 示例：将字体大小设置为18像素 */
        }
    </style>
</head>
<body>

    <div id="app" v-show="isReady" v-cloak style="width:100%;">

        <div style="align-content: center; text-align: center; font-size: 22px; margin: 10px;">
            <el-button type="primary" v-on:click="logHome" plain circle style="float: left" icon="el-icon-s-home"></el-button>
            <span>文档转换工具</span>
            <span style="font-size:12px;color:gray"> --v1.0.1</span>
        </div>
        <div style="margin:20px">
            <el-button type="success" v-on:click="GenerateFilesDia" plain>临时生成文件</el-button>
            <el-dialog title="请输入密码"
                       :visible.sync="dialogVisible"
                       width="60%"
                       :close-on-click-modal="false"
                       :before-close="handleClose">
                <el-input placeholder="请输入密码" v-model="password" show-password></el-input>
                <span slot="footer" class="dialog-footer">
                    <el-button v-on:click="dialogVisible = false">取 消</el-button>
                    <el-button type="primary" v-on:click="GenerateFiles">确 定</el-button>
                </span>
            </el-dialog>
        </div>
        @* <div id="appleft" style="display: inline-block; float:left; ">
            <!-- 顶部导航栏以及弹窗 -->
            <div class="headbox">
                <div class="seachbox">
                    <span v-if="dialogw != '100%'">
                        <el-date-picker v-model="pickerDate"
                                        type="daterange"
                                        align="right"
                                        unlink-panels
                                        range-separator="至"
                                        start-placeholder="开始日期"
                                        end-placeholder="结束日期"
                                        :picker-options="pickerOptions"
                                        style="width: 230px;">
                        </el-date-picker>
                    </span>
                    <span v-else>
                        <span v-show="mobileSelectedVis">
                            <br />
                            <span class="demonstration" style="margin: 0 10px 0 10px;font-size:13px;">开始日期</span>
                            <el-date-picker v-model="pickerDate[0]"
                                            type="date" style="width: 217px;"
                                            placeholder="开始日期">
                            </el-date-picker>
                            <br />
                            <span class="demonstration" style="margin: 0 10px 0 10px;font-size:13px;">结束日期</span>
                            <el-date-picker v-model="pickerDate[1]"
                                            type="date" style="width: 217px;"
                                            placeholder="结束日期">
                            </el-date-picker>
                        </span>

                        <br />
                        <span>
                            <span style="margin: 0 0 0 26px;"></span>
                            <el-button type="text" v-on:click="dateMobile(1)">今天</el-button>
                            <el-button type="text" v-on:click="dateMobile(3)">3天内</el-button>
                            <el-button type="text" v-on:click="dateMobile(7)">7天内</el-button>
                            <el-button type="text" v-on:click="dateMobile(0)">全部</el-button>
                        </span>
                    </span>
                    <br v-if="dialogw == '100%'" />
                    <span>
                        <span class="demonstration" style="margin: 0 10px 0 10px;font-size:13px;">测试结果</span>
                        <el-select v-model="resultCurrent"
                                   multiple
                                   clearable
                                   placeholder="测试结果">
                            <el-button type="text" v-on:click="allInfoBtn">&nbsp;&nbsp;全选</el-button>
                            <el-option key="0"
                                       label="失败"
                                       value="0">
                            </el-option>
                            <el-option key="1"
                                       label="成功"
                                       value="1">
                            </el-option>
                        </el-select>
                    </span>

                    <div v-if="dialogw == '100%'" style="margin: 6px;"></div>
                    <el-button type="info" class="el-icon-search"
                               v-on:click="showSelectedLogs(1)"
                               :size="40" circle plain></el-button>

                    <span v-if="logs != unll">
                        <span>总数</span>
                        <el-tag type="info">{{ allPageNum }}</el-tag>
                    </span>

                </div>


            </div>
            <!-- 主体内容 -->
            <div class="">
                <div v-for="log in logs" :key="log.ID" class="logs-list-div"
                     style="">

                </div>
            </div>
        </div> *@
    </div>

    <!-- JavaScript引入 -->
    <script src="~/js/logjs/xlsxtool.js"></script>
</body>
</html>
