| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>行情校验工具</title>
- <!-- 引入外部 CSS 文件 -->
- <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
- <!-- 引入 flatpickr 的 CSS 和 JavaScript 文件 -->
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
- <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
- </head>
- <body>
- <div class="form-container">
- <h1>行情校验工具</h1>
- <form method="POST">
- <!-- 第一行:三个查询条件 -->
- <div class="form-row">
- <div class="form-group">
- <label for="host">主机:</label>
- <input type="text" id="host" name="host" value="{{ defaults['host'] }}" required>
- </div>
- <div class="form-group">
- <label for="port">端口:</label>
- <input type="text" id="port" name="port" value="{{ defaults['port'] }}" required>
- </div>
- <div class="form-group">
- <label for="username">用户名:</label>
- <input type="text" id="username" name="username" value="{{ defaults['username'] }}" required>
- </div>
- </div>
- <!-- 第二行:三个查询条件 -->
- <div class="form-row">
- <div class="form-group">
- <label for="password">密码:</label>
- <input type="text" id="password" name="password" value="{{ defaults['password'] }}" required>
- </div>
- <div class="form-group">
- <label for="db_name">数据库名:</label>
- <input type="text" id="db_name" name="db_name" value="{{ defaults['db_name'] }}" required>
- </div>
- <div class="form-group">
- <label for="col_name">集合名称:</label>
- <input type="text" id="col_name" name="col_name" value="{{ defaults['col_name'] }}" required>
- </div>
- </div>
- <!-- 第三行:三个查询条件 -->
- <div class="form-row">
- <div class="form-group">
- <label for="goods_code">商品代码:</label>
- <input type="text" id="goods_code" name="goods_code" value="{{ defaults['goods_code'] }}" required>
- </div>
- <div class="form-group">
- <label for="query_type">校验类型:</label>
- <select id="query_type" name="query_type" required>
- <option value="1" {% if defaults['query_type'] == '1' %}selected{% endif %}>按价格点差(买价)</option>
- <option value="2" {% if defaults['query_type'] == '2' %}selected{% endif %}>按行情时间(s)</option>
- </select>
- </div>
- <div class="form-group">
- <label for="diff_value">差值:</label>
- <input type="text" id="diff_value" name="diff_value" value="{{ defaults['diff_value'] }}" required>
- </div>
- </div>
- <!-- 第四行:三个查询条件 -->
- <div class="form-row">
- <div class="form-group">
- <label for="record_num">最新记录数:</label>
- <input type="text" id="record_num" name="record_num" value="{{ defaults['record_num'] }}" required>
- </div>
- <div class="form-group">
- <label for="start_time">开始时间:</label>
- <input type="text" id="start_time" name="start_time" value="{{ defaults['start_time'] }}" >
- </div>
- <div class="form-group">
- <label for="end_time">结束时间:</label>
- <input type="text" id="end_time" name="end_time" value="{{ defaults['end_time'] }}" >
- </div>
- </div>
- <div class="form-row">
- <div class="form-group">
- <label for="files_num">显示文件数:</label>
- <input type="text" id="files_num" name="files_num" value="{{ defaults['files_num'] }}" required>
- </div>
- <!-- 提交按钮 -->
- <div class="form-group">
- <button type="submit">查询</button>
- </div>
- <div class="form-group">
- </div>
- </div>
- </form>
- {% if file_list %}
- <div class="file-list">
- <h2>查询结果:</h2>
- <ul>
- {% for file in file_list %}
- <li>
- <a href="{{ url_for('open_file', filename=file['filename']) }}" target="_blank">{{ file['filename'] }} - {{ file['created_time'] }}</a>
- </li>
- {% endfor %}
- </ul>
- </div>
- {% endif %}
- </div>
- </body>
- </html>
- <script>
- document.addEventListener("DOMContentLoaded", function() {
- // 使用 flatpickr 初始化日期时间选择器,支持秒级别
- flatpickr("#start_time", {
- enableTime: true, // 启用时间选择
- enableSeconds: true, // 在时间选择器中是否可以选择秒
- noCalendar: false, // 显示日历
- dateFormat: "Y-m-d H:i:S", // 设置格式为 yyyy-mm-dd HH:MM:SS(包括秒)
- time_24hr: true, // 使用 24 小时制
- minuteIncrement: 1, // 分钟增量设置为 1
- secondIncrement: 1 // 秒增量设置为 1(确保秒数可编辑)
- });
- flatpickr("#end_time", {
- enableTime: true, // 启用时间选择
- enableSeconds: true, // 在时间选择器中是否可以选择秒
- noCalendar: false, // 显示日历
- dateFormat: "Y-m-d H:i:S", // 设置格式为 yyyy-mm-dd HH:MM:SS(包括秒)
- time_24hr: true, // 使用 24 小时制
- minuteIncrement: 1, // 分钟增量设置为 1
- secondIncrement: 1 // 秒增量设置为 1(确保秒数可编辑)
- });
- });
- </script>
|