123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="Cache" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache, must-revalidate">
- <meta http-equiv="expires" content="0">
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <title>在线统计</title>
- <link rel="stylesheet" href="../css/index.css">
- <link rel="stylesheet" href="../css/style.css">
- <link rel="stylesheet" href="../css/iconfont.css">
- <script src="../js/vue.min.js"></script>
- <script src="../js/index.js"></script>
- <script src="../js/jquery.min.js"></script>
- <script type="text/javascript">
- document.write('<script src="../assets/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../assets/ajax.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- <script>
- checkLogin();
- </script>
- <style>
- .el-table,.el-table__expanded-cell {
- color: #b4b4b4;
- background-color: rgba(255,255,255,0) !important;
- }
- .el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{
- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
- }
- .el-table--border .el-table__cell{
- border-right: 1px solid rgba(255, 255, 255, 0.2);
- }
- </style>
- </head>
- <body>
- <div id="app" class="padding-xs">
- <el-form :model="queryParem" ref="queryRef" :inline="true" class="margin-bottom-xs">
- <el-form-item style="margin: 0px;" label="类型:">
- <el-select v-model="queryParem.type" clearable placeholder="请选择" size="small" @change="changeType">
- <el-option
- v-for="item in typeOption"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item style="margin: 0px;" label="日期:">
- <el-date-picker
- v-model="queryParem.beginTime"
- type="date"
- size="small"
- value-format="yyyy-MM-dd"
- placeholder="选择日期">
- </el-date-picker>
- </el-form-item>
- <el-form-item style="margin: 0px;">
- <el-button type="primary" icon="el-icon-search" @click="searchQuery" size="small">查询</el-button>
- <el-button size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
- <el-button size="small" icon="el-icon-setting" type="success" plain @click="getHBInfo">配置设置</el-button>
- </el-form-item>
- </el-form>
- <div>
- <el-table :data="onlineData"
- ref="singleTable"
- highlight-current-row
- :row-style="{ background: 'transparent' }"
- :cell-style="{ background: 'transparent' }"
- cell-class-name="text-sm"
- :header-cell-style="{ background: '#4461be',color: 'var(--white)' }"
- header-cell-class-name="text-black text-bold">
- <el-table-column align="center" prop="type" label="上发类型">
- <template #default="scope">
- <span v-if="scope.row.type == 1">心跳</span>
- <span v-if="scope.row.type == 2">掉线</span>
- <span v-if="scope.row.type == 3">重连</span>
- </template>
- </el-table-column>
- <el-table-column align="center" prop="createTime" label="接收时间"></el-table-column>
- </el-table>
- <div class="margin-tb-sm padding-xs">
- <el-pagination
- @current-change="handleCurrentChange"
- :current-page="queryParem.pageNum"
- background
- :page-size="queryParem.pageSize"
- layout="total, prev, pager, next, jumper"
- :total="allTotal">
- </el-pagination>
-
- </div>
- </div>
- <el-dialog
- title="配置设置"
- :visible.sync="dialogVisible"
- width="40%">
- <el-form :model="setupForm" :rules="setupRules" label-width="120px">
- <el-form-item label="心跳接收间隔:" prop="insertInterval">
- <el-input placeholder="请输入" type="number" min="0" v-model="setupForm.insertInterval">
- <template slot="append">秒</template>
- </el-input>
- </el-form-item>
- <el-form-item label="心跳检测间隔:" prop="cheakInterval">
- <el-input placeholder="请输入" type="number" min="0" v-model="setupForm.cheakInterval">
- <template slot="append">秒</template>
- </el-input>
- </el-form-item>
- <el-form-item>
- <el-button size="small" @click="dialogVisible = false">取 消</el-button>
- <el-button size="small" type="primary" @click="updateHBInfo">确 定</el-button>
- </el-form-item>
- </el-form>
- </el-dialog>
- </div>
- <script type="text/javascript">
- document.write('<script src="../assets/fileApi.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../assets/onlineStatistics.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- </body>
- </html>
|