225 lines
7.9 KiB
HTML
225 lines
7.9 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>强制刷新 - Save图标错误修复</title>
|
||
<style>
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||
max-width: 800px;
|
||
margin: 50px auto;
|
||
padding: 20px;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
min-height: 100vh;
|
||
}
|
||
.container {
|
||
background: white;
|
||
padding: 40px;
|
||
border-radius: 12px;
|
||
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
|
||
}
|
||
h1 {
|
||
color: #2d3748;
|
||
margin-bottom: 10px;
|
||
font-size: 28px;
|
||
}
|
||
.status {
|
||
background: #48bb78;
|
||
color: white;
|
||
padding: 12px 20px;
|
||
border-radius: 8px;
|
||
margin: 20px 0;
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
}
|
||
.steps {
|
||
background: #f7fafc;
|
||
padding: 25px;
|
||
border-radius: 8px;
|
||
border-left: 4px solid #4299e1;
|
||
margin: 20px 0;
|
||
}
|
||
.step {
|
||
margin: 15px 0;
|
||
padding-left: 30px;
|
||
position: relative;
|
||
font-size: 15px;
|
||
line-height: 1.8;
|
||
}
|
||
.step:before {
|
||
content: "✓";
|
||
position: absolute;
|
||
left: 0;
|
||
color: #48bb78;
|
||
font-weight: bold;
|
||
font-size: 18px;
|
||
}
|
||
.code {
|
||
background: #2d3748;
|
||
color: #68d391;
|
||
padding: 15px;
|
||
border-radius: 6px;
|
||
font-family: 'Courier New', monospace;
|
||
margin: 15px 0;
|
||
font-size: 13px;
|
||
overflow-x: auto;
|
||
}
|
||
.warning {
|
||
background: #fff5f5;
|
||
border-left: 4px solid #f56565;
|
||
padding: 15px;
|
||
margin: 20px 0;
|
||
border-radius: 4px;
|
||
}
|
||
.success {
|
||
background: #f0fff4;
|
||
border-left: 4px solid #48bb78;
|
||
padding: 15px;
|
||
margin: 20px 0;
|
||
border-radius: 4px;
|
||
}
|
||
kbd {
|
||
background: #edf2f7;
|
||
border: 1px solid #cbd5e0;
|
||
border-radius: 3px;
|
||
padding: 2px 6px;
|
||
font-family: monospace;
|
||
font-size: 13px;
|
||
}
|
||
button {
|
||
background: #4299e1;
|
||
color: white;
|
||
border: none;
|
||
padding: 12px 24px;
|
||
border-radius: 6px;
|
||
cursor: pointer;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
margin: 10px 5px;
|
||
transition: all 0.3s;
|
||
}
|
||
button:hover {
|
||
background: #3182ce;
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 4px 12px rgba(66, 153, 225, 0.4);
|
||
}
|
||
.fix-info {
|
||
background: #ebf8ff;
|
||
border-left: 4px solid #4299e1;
|
||
padding: 15px;
|
||
margin: 20px 0;
|
||
border-radius: 4px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>🔧 Save图标错误已修复</h1>
|
||
|
||
<div class="status">
|
||
✅ AssetRequisition.tsx 已更新 - Save图标已添加到导入列表
|
||
</div>
|
||
|
||
<div class="fix-info">
|
||
<h3 style="margin-top: 0; color: #2c5282;">修复内容：</h3>
|
||
<p>已在 <code>/components/asset/AssetRequisition.tsx</code> 的第46行添加了 <strong>Save</strong> 图标导入。</p>
|
||
<div class="code">import {<br>
|
||
FileText, Plus, Search, Filter, Download,<br>
|
||
CheckCircle, XCircle, Clock, User, Package,<br>
|
||
Calendar, MapPin, Tag, Eye, Edit, Send,<br>
|
||
Upload, Paperclip, AlertCircle, TrendingUp,<br>
|
||
Activity, BarChart3, Scan, CheckSquare,<br>
|
||
History, FileCheck, ArrowRight, ShoppingCart,<br>
|
||
UserCheck, Warehouse, PieChart as PieChartIcon,<br>
|
||
RefreshCw,<br>
|
||
<strong style="color: #fbbf24;">Save, ← 新增</strong><br>
|
||
} from 'lucide-react';</div>
|
||
</div>
|
||
|
||
<div class="warning">
|
||
<h3 style="margin-top: 0; color: #c53030;">⚠️ 需要清除浏览器缓存</h3>
|
||
<p>错误信息显示仍在使用旧版本的代码。请按照以下步骤强制刷新：</p>
|
||
</div>
|
||
|
||
<div class="steps">
|
||
<h3 style="margin-top: 0; color: #2d3748;">清除缓存步骤：</h3>
|
||
|
||
<div class="step">
|
||
<strong>Chrome/Edge：</strong>按 <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Delete</kbd>
|
||
<br>或按 <kbd>F12</kbd> 打开开发者工具 → 右键刷新按钮 → 选择"清空缓存并硬性重新加载"
|
||
</div>
|
||
|
||
<div class="step">
|
||
<strong>Firefox：</strong>按 <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Delete</kbd>
|
||
<br>或按 <kbd>Ctrl</kbd> + <kbd>F5</kbd> 强制刷新
|
||
</div>
|
||
|
||
<div class="step">
|
||
<strong>Safari：</strong>按 <kbd>Command</kbd> + <kbd>Option</kbd> + <kbd>E</kbd> 清空缓存
|
||
<br>然后按 <kbd>Command</kbd> + <kbd>R</kbd> 刷新
|
||
</div>
|
||
|
||
<div class="step">
|
||
<strong>最简单方法：</strong>按住 <kbd>Shift</kbd> 键，然后点击浏览器的刷新按钮
|
||
</div>
|
||
</div>
|
||
|
||
<div class="success">
|
||
<h3 style="margin-top: 0; color: #2f855a;">✅ 功能说明</h3>
|
||
<p>修复后，以下功能将正常工作：</p>
|
||
<ul style="margin: 10px 0; padding-left: 20px;">
|
||
<li><strong>新建领用申请</strong>：弹窗中显示"保存草稿"按钮（带Save图标）</li>
|
||
<li><strong>草稿状态</strong>：可以点击"提交审批"按钮</li>
|
||
<li><strong>待审批状态</strong>：可以点击"撤回"按钮，撤回后变为草稿</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div style="text-align: center; margin-top: 30px;">
|
||
<button onclick="clearCacheAndReload()">🔄 立即清除缓存并刷新</button>
|
||
<button onclick="justReload()" style="background: #48bb78;">↻ 仅刷新页面</button>
|
||
</div>
|
||
|
||
<div class="fix-info" style="margin-top: 30px;">
|
||
<h3 style="margin-top: 0; color: #2c5282;">🔍 验证修复：</h3>
|
||
<p>刷新后，请测试以下功能：</p>
|
||
<ol style="margin: 10px 0; padding-left: 25px; line-height: 2;">
|
||
<li>打开"采购管理" → "物资领用" → "领用申请"</li>
|
||
<li>点击"新建申请"按钮</li>
|
||
<li>填写申请信息后，应该能看到"保存草稿"按钮（带磁盘图标）</li>
|
||
<li>点击"保存草稿"应该正常工作，不再报错</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
function clearCacheAndReload() {
|
||
// 尝试清除缓存
|
||
if ('caches' in window) {
|
||
caches.keys().then(function(names) {
|
||
for (let name of names) {
|
||
caches.delete(name);
|
||
}
|
||
});
|
||
}
|
||
|
||
// 添加时间戳强制重新加载
|
||
const url = new URL(window.location);
|
||
url.searchParams.set('nocache', Date.now());
|
||
window.location.href = url.toString();
|
||
}
|
||
|
||
function justReload() {
|
||
// 强制重新加载
|
||
window.location.reload(true);
|
||
}
|
||
|
||
// 页面加载时提示
|
||
window.onload = function() {
|
||
console.log('%c✅ Save 图标已添加到导入列表', 'color: #48bb78; font-size: 16px; font-weight: bold;');
|
||
console.log('%c请清除浏览器缓存并刷新页面', 'color: #f56565; font-size: 14px;');
|
||
};
|
||
</script>
|
||
</body>
|
||
</html>
|