Spaces:
Running
Running
| <html lang="zh-CN"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>企业知识库 | 橙智标书解析AI</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: { | |
| 100: '#FFEDD5', | |
| 200: '#FED7AA', | |
| 300: '#FDBA74', | |
| 400: '#FB923C', | |
| 500: '#F97316', | |
| 600: '#EA580C', | |
| 700: '#C2410C', | |
| 800: '#9A3412', | |
| 900: '#7C2D12', | |
| } | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap'); | |
| body { | |
| font-family: 'Noto Sans SC', sans-serif; | |
| } | |
| .vanta-bg { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: -1; | |
| opacity: 0.3; | |
| } | |
| .kb-card { | |
| transition: all 0.3s; | |
| } | |
| .kb-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4); | |
| } | |
| .file-input { | |
| opacity: 0; | |
| width: 0.1px; | |
| height: 0.1px; | |
| position: absolute; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-orange-50 min-h-screen"> | |
| <div class="vanta-bg" id="vanta-bg"></div> | |
| <nav class="bg-primary-500 shadow-lg"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <i data-feather="file-text" class="text-white h-8 w-8"></i> | |
| <span class="ml-2 text-white text-xl font-bold">橙智标书解析AI</span> | |
| </div> | |
| </div> | |
| <div class="hidden md:ml-6 md:flex md:items-center space-x-4"> | |
| <a href="index.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">首页</a> | |
| <a href="bidgenerator.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">标书生成</a> | |
| <a href="bidcheck.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">标书查重</a> | |
| <a href="bidknowledge.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">标书知识库</a> | |
| <a href="enterprisekb.html" class="bg-primary-600 text-white px-3 py-2 rounded-md text-sm font-medium">企业知识库</a> | |
| <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">历史记录</a> | |
| <button class="bg-white text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-100"> | |
| 登录/注册 | |
| </button> | |
| </div> | |
| <div class="-mr-2 flex md:hidden"> | |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-white hover:bg-primary-600 focus:outline-none"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="text-center mb-16"> | |
| <h1 class="text-4xl font-bold text-gray-900 mb-4">企业知识库管理</h1> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto"> | |
| 上传和管理企业自有知识库，用于智能生成符合企业特色的标书内容 | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- 上传区域 --> | |
| <div class="kb-card bg-white border border-primary-100 rounded-xl p-6"> | |
| <div class="flex items-center mb-6"> | |
| <div class="bg-primary-100 text-primary-600 rounded-lg p-3 mr-4"> | |
| <i data-feather="upload" class="w-6 h-6"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900">上传企业文档</h3> | |
| </div> | |
| <div class="space-y-6"> | |
| <form id="uploadForm"> | |
| <label for="file-upload" class="cursor-pointer"> | |
| <div class="border-2 border-dashed border-primary-300 rounded-lg p-8 text-center"> | |
| <i data-feather="folder-plus" class="mx-auto text-primary-500 w-10 h-10 mb-4"></i> | |
| <p class="text-gray-600 mb-2">点击选择文件或拖放文件到此处</p> | |
| <p class="text-sm text-gray-400">支持PDF、Word、Excel、PPT、TXT等格式</p> | |
| </div> | |
| <input id="file-upload" type="file" class="file-input" multiple> | |
| </label> | |
| <div class="mt-4"> | |
| <label class="block text-sm font-medium text-gray-700 mb-1">知识库名称</label> | |
| <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="例如: 企业资质库"> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium text-gray-700 mb-1">分类标签</label> | |
| <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary-500"> | |
| <option>企业资质</option> | |
| <option>技术方案</option> | |
| <option>商务条款</option> | |
| <option>项目案例</option> | |
| <option>其他</option> | |
| </select> | |
| </div> | |
| <button type="submit" class="w-full bg-primary-500 hover:bg-primary-600 text-white py-3 px-4 rounded-md font-medium mt-4"> | |
| <i data-feather="save" class="inline mr-2"></i>上传并保存 | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| <!-- 知识库列表 --> | |
| <div class="kb-card bg-white border border-primary-100 rounded-xl p-6 md:col-span-2"> | |
| <div class="flex items-center justify-between mb-6"> | |
| <div class="flex items-center"> | |
| <div class="bg-primary-100 text-primary-600 rounded-lg p-3 mr-4"> | |
| <i data-feather="database" class="w-6 h-6"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900">企业知识库列表</h3> | |
| </div> | |
| <div class="relative"> | |
| <input type="text" class="pl-10 pr-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="搜索知识库..."> | |
| <i data-feather="search" class="absolute left-3 top-2.5 text-gray-400"></i> | |
| </div> | |
| </div> | |
| <div class="space-y-4"> | |
| <!-- 知识库项目示例 --> | |
| <div class="border border-gray-200 rounded-lg p-4 hover:border-primary-300 transition-colors"> | |
| <div class="flex items-start justify-between"> | |
| <div> | |
| <h4 class="font-medium">企业资质文件库</h4> | |
| <p class="text-sm text-gray-500">包含营业执照、资质证书等核心资质文件</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary-100 text-primary-800">企业资质</span> | |
| <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">已激活</span> | |
| </div> | |
| </div> | |
| <div class="flex space-x-2"> | |
| <button class="p-2 text-gray-500 hover:text-primary-600"> | |
| <i data-feather="edit"></i> | |
| </button> | |
| <button class="p-2 text-gray-500 hover:text-red-600"> | |
| <i data-feather="trash-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="mt-3 text-xs text-gray-500 flex items-center"> | |
| <i data-feather="file" class="w-3 h-3 mr-1"></i> | |
| <span>12个文件 • 最后更新: 2023-05-15</span> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg p-4 hover:border-primary-300 transition-colors"> | |
| <div class="flex items-start justify-between"> | |
| <div> | |
| <h4 class="font-medium">技术方案模板库</h4> | |
| <p class="text-sm text-gray-500">各类项目的技术方案模板和范例</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">技术方案</span> | |
| <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">已激活</span> | |
| </div> | |
| </div> | |
| <div class="flex space-x-2"> | |
| <button class="p-2 text-gray-500 hover:text-primary-600"> | |
| <i data-feather="edit"></i> | |
| </button> | |
| <button class="p-2 text-gray-500 hover:text-red-600"> | |
| <i data-feather="trash-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="mt-3 text-xs text-gray-500 flex items-center"> | |
| <i data-feather="file" class="w-3 h-3 mr-1"></i> | |
| <span>8个文件 • 最后更新: 2023-04-28</span> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg p-4 hover:border-primary-300 transition-colors"> | |
| <div class="flex items-start justify-between"> | |
| <div> | |
| <h4 class="font-medium">成功项目案例集</h4> | |
| <p class="text-sm text-gray-500">企业历年成功项目的完整案例资料</p> | |
| <div class="mt-2 flex flex-wrap gap-2"> | |
| <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">项目案例</span> | |
| <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">未激活</span> | |
| </div> | |
| </div> | |
| <div class="flex space-x-2"> | |
| <button class="p-2 text-gray-500 hover:text-primary-600"> | |
| <i data-feather="edit"></i> | |
| </button> | |
| <button class="p-2 text-gray-500 hover:text-red-600"> | |
| <i data-feather="trash-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="mt-3 text-xs text-gray-500 flex items-center"> | |
| <i data-feather="file" class="w-3 h-3 mr-1"></i> | |
| <span>5个文件 • 最后更新: 2023-03-10</span> | |
| </div> | |
| </div> | |
| <button class="w-full border-2 border-dashed border-gray-300 rounded-lg p-4 text-gray-500 hover:text-primary-600 hover:border-primary-300 transition-colors"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="plus" class="mr-2"></i> | |
| <span>添加新的知识库</span> | |
| </div> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <footer class="bg-primary-800 text-white py-12"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-lg font-medium mb-4">橙智标书解析AI</h3> | |
| <p class="text-primary-200"> | |
| 领先的AI标书解决方案，助力企业高效投标。 | |
| </p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-medium mb-4">产品</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="index.html" class="text-primary-200 hover:text-white">标书解析</a></li> | |
| <li><a href="bidgenerator.html" class="text-primary-200 hover:text-white">标书生成</a></li> | |
| <li><a href="bidcheck.html" class="text-primary-200 hover:text-white">标书查重</a></li> | |
| <li><a href="bidknowledge.html" class="text-primary-200 hover:text-white">标书知识库</a></li> | |
| <li><a href="enterprisekb.html" class="text-primary-200 hover:text-white">企业知识库</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-medium mb-4">资源</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-primary-200 hover:text-white">文档</a></li> | |
| <li><a href="#" class="text-primary-200 hover:text-white">博客</a></li> | |
| <li><a href="#" class="text-primary-200 hover:text-white">帮助中心</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-medium mb-4">联系我们</h3> | |
| <ul class="space-y-2"> | |
| <li class="flex items-center"> | |
| <i data-feather="mail" class="h-4 w-4 mr-2"></i> | |
| <span class="text-primary-200">contact@aibid.com</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="phone" class="h-4 w-4 mr-2"></i> | |
| <span class="text-primary-200">400-888-8888</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-primary-700 mt-8 pt-8 text-center text-primary-300"> | |
| <p>© 2023 橙智标书解析AI 版权所有</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> | |
| <script> | |
| VANTA.GLOBE({ | |
| el: "#vanta-bg", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0xF97316, | |
| backgroundColor: 0xFFF7ED, | |
| size: 0.8 | |
| }); | |
| feather.replace(); | |
| // 文件上传处理 | |
| document.getElementById('file-upload').addEventListener('change', function(e) { | |
| const files = e.target.files; | |
| if (files.length > 0) { | |
| alert(`已选择 ${files.length} 个文件`); | |
| } | |
| }); | |
| // 表单提交 | |
| document.getElementById('uploadForm').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| alert('知识库上传成功，系统正在处理中...'); | |
| // 这里可以添加实际的文件上传逻辑 | |
| }); | |
| </script> | |
| </body> | |
| </html> |