199 lines
7.0 KiB
HTML
199 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>清除缓存并刷新</title>
|
||
<style>
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
||
max-width: 800px;
|
||
margin: 50px auto;
|
||
padding: 20px;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
min-height: 100vh;
|
||
}
|
||
.container {
|
||
background: white;
|
||
border-radius: 12px;
|
||
padding: 40px;
|
||
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
|
||
}
|
||
h1 {
|
||
color: #667eea;
|
||
margin-top: 0;
|
||
font-size: 32px;
|
||
}
|
||
h2 {
|
||
color: #764ba2;
|
||
margin-top: 30px;
|
||
font-size: 24px;
|
||
}
|
||
.warning {
|
||
background: #fff3cd;
|
||
border-left: 4px solid #ffc107;
|
||
padding: 20px;
|
||
margin: 20px 0;
|
||
border-radius: 4px;
|
||
}
|
||
.success {
|
||
background: #d4edda;
|
||
border-left: 4px solid #28a745;
|
||
padding: 20px;
|
||
margin: 20px 0;
|
||
border-radius: 4px;
|
||
}
|
||
.step {
|
||
background: #f8f9fa;
|
||
border-radius: 8px;
|
||
padding: 20px;
|
||
margin: 15px 0;
|
||
border-left: 4px solid #667eea;
|
||
}
|
||
.step-number {
|
||
display: inline-block;
|
||
width: 32px;
|
||
height: 32px;
|
||
background: #667eea;
|
||
color: white;
|
||
border-radius: 50%;
|
||
text-align: center;
|
||
line-height: 32px;
|
||
font-weight: bold;
|
||
margin-right: 10px;
|
||
}
|
||
code {
|
||
background: #f4f4f4;
|
||
padding: 3px 8px;
|
||
border-radius: 4px;
|
||
font-family: 'Courier New', monospace;
|
||
color: #e83e8c;
|
||
}
|
||
.button {
|
||
display: inline-block;
|
||
background: #667eea;
|
||
color: white;
|
||
padding: 12px 24px;
|
||
border-radius: 6px;
|
||
text-decoration: none;
|
||
font-weight: bold;
|
||
margin: 10px 5px;
|
||
transition: background 0.3s;
|
||
}
|
||
.button:hover {
|
||
background: #764ba2;
|
||
}
|
||
.button-secondary {
|
||
background: #6c757d;
|
||
}
|
||
.button-secondary:hover {
|
||
background: #5a6268;
|
||
}
|
||
ul {
|
||
line-height: 1.8;
|
||
}
|
||
li {
|
||
margin: 10px 0;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>🔄 需要清除浏览器缓存</h1>
|
||
|
||
<div class="warning">
|
||
<strong>⚠️ 问题说明：</strong><br>
|
||
<code>Copy</code> 图标引用错误是由于浏览器缓存了旧版本的JavaScript代码。代码文件已经更新，但浏览器仍在使用缓存的旧版本。
|
||
</div>
|
||
|
||
<div class="success">
|
||
<strong>✅ 修复确认：</strong><br>
|
||
所有 <code>Copy</code> 图标的引用已从 <code>/components/operation/OperationPlanning.tsx</code> 文件中完全移除。<br>
|
||
已替换为 <code>FileText</code> 和 <code>Layers</code> 图标。
|
||
</div>
|
||
|
||
<h2>立即解决方案（选择一种）</h2>
|
||
|
||
<div class="step">
|
||
<span class="step-number">1</span>
|
||
<strong>方法一：硬刷新（最快）</strong><br>
|
||
按以下键盘快捷键强制刷新页面：
|
||
<ul>
|
||
<li><strong>Windows/Linux:</strong> <code>Ctrl + Shift + R</code> 或 <code>Ctrl + F5</code></li>
|
||
<li><strong>Mac:</strong> <code>Cmd + Shift + R</code> 或 <code>Cmd + Option + R</code></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<span class="step-number">2</span>
|
||
<strong>方法二：清除缓存并刷新</strong><br>
|
||
<ul>
|
||
<li><strong>Chrome/Edge:</strong> 按 <code>F12</code> 打开开发者工具 → 右键点击刷新按钮 → 选择"清空缓存并硬性重新加载"</li>
|
||
<li><strong>Firefox:</strong> 按 <code>Ctrl + Shift + Delete</code> (Mac: <code>Cmd + Shift + Delete</code>) → 选择"缓存" → 点击"立即清除"</li>
|
||
<li><strong>Safari:</strong> 按 <code>Cmd + Option + E</code> 清空缓存，然后按 <code>Cmd + R</code> 刷新</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<span class="step-number">3</span>
|
||
<strong>方法三：隐私模式/无痕模式</strong><br>
|
||
在隐私浏览模式下打开页面（不使用缓存）：
|
||
<ul>
|
||
<li><strong>Chrome/Edge:</strong> <code>Ctrl + Shift + N</code> (Mac: <code>Cmd + Shift + N</code>)</li>
|
||
<li><strong>Firefox:</strong> <code>Ctrl + Shift + P</code> (Mac: <code>Cmd + Shift + P</code>)</li>
|
||
<li><strong>Safari:</strong> <code>Cmd + Shift + N</code></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<h2>验证修复</h2>
|
||
<div class="step">
|
||
刷新后，如果不再看到 <code>Copy is not defined</code> 错误，说明问题已解决。
|
||
您应该能够正常使用：
|
||
<ul>
|
||
<li>✅ 农事计划-计划制定功能</li>
|
||
<li>✅ 甘特图/时间轴视图</li>
|
||
<li>✅ 复制往年计划模板功能（使用 FileText 图标）</li>
|
||
<li>✅ 草稿状态计划的发布功能</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div style="text-align: center; margin-top: 40px;">
|
||
<a href="#" onclick="location.reload(true); return false;" class="button">
|
||
🔄 点击此处强制刷新
|
||
</a>
|
||
<a href="#" onclick="window.location.href = window.location.href + '?cache=' + new Date().getTime(); return false;" class="button button-secondary">
|
||
🆕 使用时间戳刷新
|
||
</a>
|
||
</div>
|
||
|
||
<div style="margin-top: 40px; padding: 20px; background: #e7f3ff; border-radius: 8px;">
|
||
<strong>💡 开发提示：</strong><br>
|
||
在开发过程中，建议：
|
||
<ol>
|
||
<li>打开浏览器开发者工具</li>
|
||
<li>在 Network 标签中勾选 "Disable cache"（禁用缓存）</li>
|
||
<li>这样每次刷新都会加载最新的代码</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 自动尝试清除缓存
|
||
if ('caches' in window) {
|
||
caches.keys().then(function(names) {
|
||
names.forEach(function(name) {
|
||
caches.delete(name);
|
||
});
|
||
});
|
||
}
|
||
|
||
// 5秒后自动刷新
|
||
setTimeout(function() {
|
||
if (confirm('是否自动刷新页面以应用更新？')) {
|
||
window.location.href = window.location.href + '?t=' + new Date().getTime();
|
||
}
|
||
}, 5000);
|
||
</script>
|
||
</body>
|
||
</html>
|