/* 自动生成的文本数据头文件 */ /* 源文件: index.css */ /* 文件大小: 10638 字节 */ /* 生成时间: 2025-09-16 05:47:26 */ /* 编码: utf-8 */ #ifndef P_CSS_INDEX_H #define P_CSS_INDEX_H #include // 文本数据（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: 95vh;\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,');\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" "}\n" "/*-----------------*/\n" "header {\n" " text-align: center;\n" " margin-bottom: 30px;\n" " padding: 20px;\n" " background: white;\n" " border-radius: 10px;\n" " box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n" "}\n" "h1 {\n" " color: #2c3e50;\n" " margin-bottom: 10px;\n" "}\n" ".description {\n" " color: #7f8c8d;\n" " font-size: 1.1rem;\n" " max-width: 600px;\n" " margin: 0 auto;\n" "}\n" ".multi-select-container {\n" " background: white;\n" " border-radius: 10px;\n" " box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n" " padding: 20px;\n" " margin-bottom: 30px;\n" "}\n" ".select-header {\n" " display: flex;\n" " justify-content: space-between;\n" " align-items: center;\n" " margin-bottom: 15px;\n" " padding-bottom: 10px;\n" " border-bottom: 1px solid #eee;\n" "}\n" ".select-title {\n" " font-weight: 600;\n" " color: #2c3e50;\n" "}\n" ".select-all {\n" " background: none;\n" " border: none;\n" " color: #3498db;\n" " cursor: pointer;\n" " font-size: 0.9rem;\n" " font-weight: 500;\n" " padding: 5px 10px;\n" " border-radius: 4px;\n" "}\n" ".select-all:hover {\n" " background-color: #f1f8ff;\n" "}\n" "select[multiple] {\n" " width: 100%;\n" " padding: 10px;\n" " border: 1px solid #ddd;\n" " border-radius: 4px;\n" " background-color: #f8f9fa;\n" " height: 200px;\n" " margin-bottom: 15px;\n" "}\n" "select[multiple] option {\n" " padding: 8px;\n" " margin: 4px 0;\n" " border-radius: 4px;\n" "}\n" "select[multiple] option:hover {\n" " background-color: #e3f2fd;\n" "}\n" "select[multiple] option:checked {\n" " background-color: #3498db;\n" " color: white;\n" "}\n" ".selected-count {\n" " margin-top: 15px;\n" " font-size: 0.9rem;\n" " color: #7f8c8d;\n" "}\n" ".selected-items {\n" " /*margin-top: 20px;*/\n" " padding: 15px;\n" " background-color: #f8f9fa;\n" " border-radius: 6px;\n" " border-left: 4px solid #3498db;\n" "}\n" ".selected-items h3 {\n" " margin-bottom: 10px;\n" " color: #2c3e50;\n" " font-size: 1rem;\n" "}\n" ".selected-tags {\n" " display: flex;\n" " flex-wrap: wrap;\n" " gap: 8px;\n" "}\n" ".tag {\n" " background-color: #3498db;\n" " color: white;\n" " padding: 5px 10px;\n" " border-radius: 20px;\n" " font-size: 0.85rem;\n" " display: flex;\n" " align-items: center;\n" "}\n" ".tag button {\n" " background: none;\n" " border: none;\n" " color: white;\n" " margin-left: 5px;\n" " cursor: pointer;\n" " font-weight: bold;\n" "}\n" ".no-selection {\n" " color: #95a5a6;\n" " font-style: italic;\n" "}\n" ".code-example {\n" " background-color: #2d2d2d;\n" " color: #f8f8f2;\n" " padding: 15px;\n" " border-radius: 5px;\n" " margin-top: 20px;\n" " overflow-x: auto;\n" " font-family: 'Fira Code', monospace;\n" "}\n" "footer {\n" " text-align: center;\n" " margin-top: 40px;\n" " color: #7f8c8d;\n" " font-size: 0.9rem;\n" "}\n" ; // 文本数据大小（包括null终止符） const size_t p_css_index_size = 10639; // 文本长度（字符数） const size_t p_css_index_length = 10390; #endif /* P_CSS_INDEX_H */