|
|
@@ -0,0 +1,479 @@
|
|
|
+/* 自动生成的文本数据头文件 */
|
|
|
+/* 源文件: index.css */
|
|
|
+/* 文件大小: 8112 字节 */
|
|
|
+/* 生成时间: 2025-09-12 05:42:15 */
|
|
|
+/* 编码: utf-8 */
|
|
|
+#ifndef P_CSS_INDEX_H
|
|
|
+#define P_CSS_INDEX_H
|
|
|
+
|
|
|
+#include <stddef.h>
|
|
|
+
|
|
|
+// 文本数据(UTF-8编码)
|
|
|
+const char *p_css_index =
|
|
|
+
|
|
|
+ "/* 或者针对特定按钮 */\n"
|
|
|
+ ".swal2-confirm:hover {\n"
|
|
|
+ " background-color: #d33 !important; /* 保持与正常状态相同 */\n"
|
|
|
+ "}\n"
|
|
|
+ ".swal2-cancel:hover {\n"
|
|
|
+ " background-color: #3085d6 !important; /* 保持与正常状态相同 */\n"
|
|
|
+ "}\n"
|
|
|
+ "* {\n"
|
|
|
+ " box-sizing: border-box;\n"
|
|
|
+ "}\n"
|
|
|
+ "body {\n"
|
|
|
+ " font-family: Arial, sans-serif;\n"
|
|
|
+ " margin: 0;\n"
|
|
|
+ " padding: 20px;\n"
|
|
|
+ " min-width: 1200px;\n"
|
|
|
+ " overflow-x: auto;\n"
|
|
|
+ "}\n"
|
|
|
+ ".container {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " flex-direction: column;\n"
|
|
|
+ " height: 95vh;\n"
|
|
|
+ " gap: 20px;\n"
|
|
|
+ "}\n"
|
|
|
+ ".summary-section {\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " padding: 15px;\n"
|
|
|
+ " border-radius: 5px;\n"
|
|
|
+ " background-color: #f9f9f9;\n"
|
|
|
+ "}\n"
|
|
|
+ ".summary-table {\n"
|
|
|
+ " width: 100%;\n"
|
|
|
+ " border-collapse: collapse;\n"
|
|
|
+ "}\n"
|
|
|
+ ".summary-table th, .summary-table td {\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " padding: 12px;\n"
|
|
|
+ " text-align: center;\n"
|
|
|
+ "}\n"
|
|
|
+ ".summary-table th {\n"
|
|
|
+ " background-color: #f2f2f2;\n"
|
|
|
+ "}\n"
|
|
|
+ ".summary-actions {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " justify-content: space-between;\n"
|
|
|
+ " gap: 10px;\n"
|
|
|
+ " margin-top: 10px;\n"
|
|
|
+ "}\n"
|
|
|
+ ".device-section {\n"
|
|
|
+ " flex: 1;\n"
|
|
|
+ " height: 100px; /* 固定高度 */\n"
|
|
|
+ " overflow: auto;\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " border-radius: 5px;\n"
|
|
|
+ "}\n"
|
|
|
+ ".device-table {\n"
|
|
|
+ " height: 50px; /* 容器高度 */\n"
|
|
|
+ " overflow-y: auto; /* 垂直滚动条 */\n"
|
|
|
+ " width: 100%;\n"
|
|
|
+ " border-collapse: collapse;\n"
|
|
|
+ "}\n"
|
|
|
+ ".device-table th, .device-table td {\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " padding: 8px;\n"
|
|
|
+ " text-align: center;\n"
|
|
|
+ " white-space: nowrap;\n"
|
|
|
+ "}\n"
|
|
|
+ ".device-table th {\n"
|
|
|
+ " background-color: #f2f2f2;\n"
|
|
|
+ " position: sticky;\n"
|
|
|
+ " top: 0;\n"
|
|
|
+ "}\n"
|
|
|
+ ".status-section {\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " padding: 15px;\n"
|
|
|
+ " border-radius: 5px;\n"
|
|
|
+ " background-color: #f9f9f9;\n"
|
|
|
+ "}\n"
|
|
|
+ ".status-boxes {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " flex-wrap: wrap;\n"
|
|
|
+ " gap: 15px;\n"
|
|
|
+ "}\n"
|
|
|
+ ".status-box {\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " padding: 15px;\n"
|
|
|
+ " min-width: 150px;\n"
|
|
|
+ " text-align: center;\n"
|
|
|
+ " background-color: white;\n"
|
|
|
+ " border-radius: 5px;\n"
|
|
|
+ " flex: 1;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".status-active {\n"
|
|
|
+ " color: #4CAF50;\n"
|
|
|
+ " font-weight: bold;\n"
|
|
|
+ "}\n"
|
|
|
+ ".status-inactive {\n"
|
|
|
+ " color: #f44336;\n"
|
|
|
+ " font-weight: bold;\n"
|
|
|
+ "}\n"
|
|
|
+ ".left-buttons {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " gap: 10px;\n"
|
|
|
+ "}\n"
|
|
|
+ ".right-buttons {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " gap: 10px;\n"
|
|
|
+ "}\n"
|
|
|
+ ".button-container {\n"
|
|
|
+ " /*display: flex;*/\n"
|
|
|
+ " /*justify-content: center;*/\n"
|
|
|
+ " /*gap: 15px;*/\n"
|
|
|
+ " /*margin-top: 20px;*/\n"
|
|
|
+ " margin-bottom: 10px; display: flex;\n"
|
|
|
+ " justify-content: space-between; /* 左右分开 */\n"
|
|
|
+ " align-items: center;\n"
|
|
|
+ " padding: 15px;\n"
|
|
|
+ " background-color: #f5f5f5;\n"
|
|
|
+ " border-radius: 8px;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn {\n"
|
|
|
+ " padding: 8px 16px;\n"
|
|
|
+ " background-color: #4CAF50;\n"
|
|
|
+ " color: white;\n"
|
|
|
+ " border: none;\n"
|
|
|
+ " border-radius: 4px;\n"
|
|
|
+ " cursor: pointer;\n"
|
|
|
+ " font-weight: bold;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-energy {\n"
|
|
|
+ " background-color: #2196F3;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-close{\n"
|
|
|
+ " background-color: rgb(101, 107, 139);\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-threshold {\n"
|
|
|
+ " background-color: #ff9800;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-delay {\n"
|
|
|
+ " background-color: #9c27b0;\n"
|
|
|
+ "}\n"
|
|
|
+ ".scrollable-table {\n"
|
|
|
+ " flex: 1;\n"
|
|
|
+ " overflow-y: auto;\n"
|
|
|
+ "}\n"
|
|
|
+ ".button-footer {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " justify-content: center;\n"
|
|
|
+ " gap: 15px;\n"
|
|
|
+ " padding: 15px;\n"
|
|
|
+ " background-color: #f9f9f9;\n"
|
|
|
+ " border-top: 1px solid #ddd;\n"
|
|
|
+ "}\n"
|
|
|
+ ".table-container {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " flex-direction: column;\n"
|
|
|
+ " height: 80vh; /* 视口高度百分比 */\n"
|
|
|
+ " max-height: 500px;\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " border-radius: 5px;\n"
|
|
|
+ " min-width: 1000px; /* 最小宽度防止压缩 */\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ ".selectStyle{\n"
|
|
|
+ " width: 200px;\n"
|
|
|
+ " height: 40px;\n"
|
|
|
+ " border-radius: 4px\n"
|
|
|
+ "}\n"
|
|
|
+ "/* 重置样式 */\n"
|
|
|
+ "* {\n"
|
|
|
+ " margin: 0;\n"
|
|
|
+ " padding: 0;\n"
|
|
|
+ " box-sizing: border-box;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ ".tab-container {\n"
|
|
|
+ " width: 100%;\n"
|
|
|
+ " height: 100%;\n"
|
|
|
+ " margin: 0 auto;\n"
|
|
|
+ " background: white;\n"
|
|
|
+ " border-radius: 8px;\n"
|
|
|
+ " box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n"
|
|
|
+ " overflow: hidden;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".tab-header {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " background-color: #f1f1f1;\n"
|
|
|
+ " border-bottom: 1px solid #ddd;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".tab-btn {\n"
|
|
|
+ " border-radius: 10px;\n"
|
|
|
+ " padding: 12px 20px;\n"
|
|
|
+ " background: none;\n"
|
|
|
+ " border: none;\n"
|
|
|
+ " cursor: pointer;\n"
|
|
|
+ " font-size: 16px;\n"
|
|
|
+ " transition: all 0.3s;\n"
|
|
|
+ " position: relative;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".tab-btn:hover {\n"
|
|
|
+ " background-color: #ddd;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".tab-btn.active {\n"
|
|
|
+ " background-color: #4CAF50;\n"
|
|
|
+ " color: white;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".tab-content {\n"
|
|
|
+ " height: 100%;\n"
|
|
|
+ " padding: 20px;\n"
|
|
|
+ " display: none;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".tab-content.active {\n"
|
|
|
+ " display: block;\n"
|
|
|
+ " animation: fadeIn 0.5s;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ "@keyframes fadeIn {\n"
|
|
|
+ " from { opacity: 0; }\n"
|
|
|
+ " to { opacity: 1; }\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".tab-iframe {\n"
|
|
|
+ " width: 100%;\n"
|
|
|
+ " height: 100%;\n"
|
|
|
+ " border: none;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+ "html, body {\n"
|
|
|
+ " height: 100%;\n"
|
|
|
+ " font-family: 'Arial', sans-serif;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".modal-content {\n"
|
|
|
+ " background: white;\n"
|
|
|
+ " padding: 20px;\n"
|
|
|
+ " border-radius: 8px;\n"
|
|
|
+ " max-width: 500px;\n"
|
|
|
+ " width: 80%;\n"
|
|
|
+ " max-height: 80vh;\n"
|
|
|
+ " overflow-y: auto;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+ ".form-group {\n"
|
|
|
+ " margin-bottom: 15px;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".form-group label {\n"
|
|
|
+ " display: block;\n"
|
|
|
+ " margin-bottom: 5px;\n"
|
|
|
+ " font-weight: bold;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".form-group input[type=\"text\"],\n"
|
|
|
+ ".form-group input[type=\"date\"],\n"
|
|
|
+ ".form-group select,\n"
|
|
|
+ ".form-group textarea {\n"
|
|
|
+ " width: 100%;\n"
|
|
|
+ " padding: 8px;\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " border-radius: 4px;\n"
|
|
|
+ "}\n"
|
|
|
+ ".form-actions {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " justify-content: flex-end;\n"
|
|
|
+ " gap: 10px;\n"
|
|
|
+ " margin-top: 20px;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".btn-on {\n"
|
|
|
+ " background-color: #4CAF50;\n"
|
|
|
+ " color: white;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-off {\n"
|
|
|
+ " background-color: #f44336;\n"
|
|
|
+ " color: white;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-all {\n"
|
|
|
+ " background-color: #2196F3;\n"
|
|
|
+ " color: white;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-energy {\n"
|
|
|
+ " background-color: #2196F3;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-close{\n"
|
|
|
+ " background-color: rgb(101, 107, 139);\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-threshold {\n"
|
|
|
+ " background-color: #ff9800;\n"
|
|
|
+ "}\n"
|
|
|
+ ".btn-delay {\n"
|
|
|
+ " background-color: #9c27b0;\n"
|
|
|
+ "}\n"
|
|
|
+ ".modal-overlay2 {\n"
|
|
|
+ " position: fixed;\n"
|
|
|
+ " top: 0;\n"
|
|
|
+ " left: 0;\n"
|
|
|
+ " right: 0;\n"
|
|
|
+ " bottom: 0;\n"
|
|
|
+ " background: rgba(0,0,0,0.5);\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " justify-content: center;\n"
|
|
|
+ " align-items: center;\n"
|
|
|
+ " z-index: 1000;\n"
|
|
|
+ "}\n"
|
|
|
+ ".upload-container {\n"
|
|
|
+ " padding: 25px;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".upload-area {\n"
|
|
|
+ " border: 2px dashed #cbd5e1;\n"
|
|
|
+ " padding: 40px;\n"
|
|
|
+ " text-align: center;\n"
|
|
|
+ " background: #f8fafc;\n"
|
|
|
+ " cursor: pointer;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+ ".file-input {\n"
|
|
|
+ " display: none;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".files-list {\n"
|
|
|
+ " margin-top: 30px;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".files-list h3 {\n"
|
|
|
+ " color: #334155;\n"
|
|
|
+ " margin-bottom: 15px;\n"
|
|
|
+ " padding-bottom: 10px;\n"
|
|
|
+ " border-bottom: 1px solid #e2e8f0;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".file-item {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " align-items: center;\n"
|
|
|
+ " padding: 15px;\n"
|
|
|
+ " background: #f8fafc;\n"
|
|
|
+ " border-radius: 8px;\n"
|
|
|
+ " margin-bottom: 10px;\n"
|
|
|
+ " transition: all 0.3s ease;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".file-info {\n"
|
|
|
+ " flex-grow: 1;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".file-action-btn {\n"
|
|
|
+ " width: 36px;\n"
|
|
|
+ " height: 36px;\n"
|
|
|
+ " border-radius: 50%;\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " cursor: pointer;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".progress-bar {\n"
|
|
|
+ " height: 6px;\n"
|
|
|
+ " background: #e2e8f0;\n"
|
|
|
+ " border-radius: 3px;\n"
|
|
|
+ " margin-top: 8px;\n"
|
|
|
+ " overflow: hidden;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".modal-overlay {\n"
|
|
|
+ " position: fixed;\n"
|
|
|
+ " top: 0;\n"
|
|
|
+ " left: 0;\n"
|
|
|
+ " right: 0;\n"
|
|
|
+ " bottom: 0;\n"
|
|
|
+ " background: rgba(0,0,0,0.5);\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " justify-content: center;\n"
|
|
|
+ " align-items: center;\n"
|
|
|
+ " z-index: 999;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ ".radio-group,\n"
|
|
|
+ ".checkbox-group {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " flex-wrap: wrap;\n"
|
|
|
+ " gap: 10px;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ ".radio-group label,\n"
|
|
|
+ ".checkbox-group label {\n"
|
|
|
+ " display: flex;\n"
|
|
|
+ " align-items: center;\n"
|
|
|
+ " gap: 5px;\n"
|
|
|
+ " font-weight: normal;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+ "button[type=\"submit\"] {\n"
|
|
|
+ " background: #4CAF50;\n"
|
|
|
+ " color: white;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ "button[type=\"submit\"]:disabled {\n"
|
|
|
+ " background: #ccc;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+ "select.custom-select {\n"
|
|
|
+ " padding: 12px;\n"
|
|
|
+ " border: 1px solid #ddd;\n"
|
|
|
+ " border-radius: 6px;\n"
|
|
|
+ " background-color: white;\n"
|
|
|
+ " font-size: 16px;\n"
|
|
|
+ " color: #333;\n"
|
|
|
+ " appearance: none;\n"
|
|
|
+ " -webkit-appearance: none;\n"
|
|
|
+ " background-image: url('data:image/svg+xml;utf8,<svg fill=\"%23333\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>');\n"
|
|
|
+ " background-repeat: no-repeat;\n"
|
|
|
+ " background-position: right 10px center;\n"
|
|
|
+ " background-size: 16px;\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ "/* 尝试设置option样式(效果有限) */\n"
|
|
|
+ "select.custom-select option {\n"
|
|
|
+ " height: 40px; /* 可能在某些浏览器中有效 */\n"
|
|
|
+ " padding: 12px; /* 可能在某些浏览器中有效 */\n"
|
|
|
+ " font-size: 16px; /* 通常有效 */\n"
|
|
|
+ " line-height: 2; /* 可能有效 */\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+ "thead {\n"
|
|
|
+ " position: sticky; /* 固定表头 */\n"
|
|
|
+ " top: 0; /* 固定在容器顶部 */\n"
|
|
|
+ " z-index: 10; /* 确保表头在内容之上 */\n"
|
|
|
+ "}\n"
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ ".divAll{\n"
|
|
|
+ " width: 100%;\n"
|
|
|
+ " height: 100%;\n"
|
|
|
+ " margin: 0 auto;\n"
|
|
|
+ " background: white;\n"
|
|
|
+ " border-radius: 8px;\n"
|
|
|
+ " box-shadow: 0 2px 10px rgb(0 0 0 / 10%);\n"
|
|
|
+ " overflow: hidden;\n"
|
|
|
+ "}"
|
|
|
+;
|
|
|
+
|
|
|
+// 文本数据大小(包括null终止符)
|
|
|
+const size_t p_css_index_size = 8113;
|
|
|
+
|
|
|
+// 文本长度(字符数)
|
|
|
+const size_t p_css_index_length = 7864;
|
|
|
+
|
|
|
+#endif /* P_CSS_INDEX_H */
|