#!/bin/bash # 定义颜色 GREEN='\033[0;32m' BLUE='\033[0;34m' NC='\033[0m' # No Color # 确认函数 confirm() { read -p "$1 (y/n): " choice case "$choice" in y|Y ) return 0;; * ) return 1;; esac } echo -e "${BLUE}爱智农平台页面修复工具${NC}" echo "-----------------------------------" echo "此脚本将批量修复所有页面的UI按钮遮挡问题" echo "-----------------------------------" # 获取未处理的页面 pages_to_process=() for file in pages/*.html; do # 排除已经创建的content页面 if [[ ! $file == *-content.html ]] && [[ ! -f "${file%.*}-content.html" ]] && [[ ! $file == "field-management.html" ]] && [[ ! $file == "device-management.html" ]] && [[ ! $file == "machine-monitor.html" ]] && [[ ! $file == "device-monitor.html" ]]; then pages_to_process+=("$file") fi done # 显示待处理的页面 echo -e "\n${GREEN}找到以下待处理页面:${NC}" for page in "${pages_to_process[@]}"; do echo "- $page" done if confirm "是否继续处理这些页面？"; then for page in "${pages_to_process[@]}"; do base_name=$(basename "$page" .html) content_file="pages/${base_name}-content.html" echo -e "\n${GREEN}处理页面: $page${NC}" # 1. 复制原始文件为content文件 cp "$page" "$content_file" echo "✓ 已创建内容页面: $content_file" # 2. 为内容页面添加必要的CSS和类 sed -i '' 's///' "$content_file" sed -i '' 's/
/
/' "$content_file" sed -i '' 's/
/
/' "$content_file" sed -i '' 's/
/
/' "$content_file" # 添加CSS样式到内容页面 css_insert='body {\n padding-top: 15px; /* 添加顶部填充以确保内容不被系统元素遮挡 */\n}\n\n.page-container {\n position: relative;\n padding-top: 40px; /* 增加顶部内边距，给按钮腾出空间 */\n}\n\n/* 防止重复菜单 */\nbody > div:not(.page-container):not(.modal-container),\niframe#sidebar, \ndiv.system-menu,\n[id^="system-menu"],\n[class^="system-menu"],\n#admin-sidebar,\n.menu-popup,\n.user-avatar-circle {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n opacity: 0 !important;\n position: absolute !important;\n top: -9999px !important;\n left: -9999px !important;\n z-index: -9999 !important;\n pointer-events: none !important;\n}\n\n/* 防止右侧白圈和浮动元素 */\n.circle-btn,\n.floating-circle,\n.round-button,\n.scroll-top-btn,\n[class*="round"],\n[class*="circle"],\n.help-btn,\n.chat-btn,\nbody > .btn,\nbody > button,\nbody > div:not(.page-container):not(.modal-container) {\n display: none !important;\n visibility: hidden !important;\n opacity: 0 !important;\n pointer-events: none !important;\n}\n\n/* 页面标题和操作按钮容器 */\n.page-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e0e0e0;\n padding-top: 10px;\n position: relative;\n z-index: 10;\n}\n\n/* 添加按钮的特定样式 */\n.button-container {\n position: relative;\n z-index: 20;\n}\n\n.btn {\n position: relative;\n z-index: 5;\n height: 38px;\n visibility: visible !important;\n opacity: 1 !important;\n display: inline-flex !important;\n}' sed -i '' "/ EOF echo "✓ 已创建iframe容器页面: $page" echo "✓ 页面 $page 处理完成!" done echo -e "\n${GREEN}所有页面处理完成!${NC}" echo "共处理了 ${#pages_to_process[@]} 个页面" else echo "已取消操作" fi