Hugging Face's logo

Spaces:
benzzi1111
/
ai
Running

App Files Community
benzzi1111 commited on
Commit
f674c06
·
verified ·
1 Parent(s): db91357

生成一个AI智能标书解析模块原型，整体界面色调采用橙色，中文生成

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +309 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Ai
3
- emoji: 🐨
4
- colorFrom: yellow
5
- colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
+ title: 橙智标书解析AI 🍊
3
+ colorFrom: gray
4
+ colorTo: gray
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,310 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>橙智标书解析AI</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ primary: {
17
+ 100: '#FFEDD5',
18
+ 200: '#FED7AA',
19
+ 300: '#FDBA74',
20
+ 400: '#FB923C',
21
+ 500: '#F97316',
22
+ 600: '#EA580C',
23
+ 700: '#C2410C',
24
+ 800: '#9A3412',
25
+ 900: '#7C2D12',
26
+ }
27
+ }
28
+ }
29
+ }
30
+ }
31
+ </script>
32
+ <style>
33
+ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
34
+ body {
35
+ font-family: 'Noto Sans SC', sans-serif;
36
+ }
37
+ .vanta-bg {
38
+ position: absolute;
39
+ top: 0;
40
+ left: 0;
41
+ width: 100%;
42
+ height: 100%;
43
+ z-index: -1;
44
+ opacity: 0.3;
45
+ }
46
+ .file-drop-area {
47
+ border: 2px dashed #F97316;
48
+ transition: all 0.3s;
49
+ }
50
+ .file-drop-area:hover {
51
+ background-color: #FFEDD5;
52
+ }
53
+ .analysis-card:hover {
54
+ transform: translateY(-5px);
55
+ box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4);
56
+ }
57
+ </style>
58
+ </head>
59
+ <body class="bg-orange-50 min-h-screen">
60
+ <div class="vanta-bg" id="vanta-bg"></div>
61
+
62
+ <!-- 导航栏 -->
63
+ <nav class="bg-primary-500 shadow-lg">
64
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
65
+ <div class="flex justify-between h-16">
66
+ <div class="flex items-center">
67
+ <div class="flex-shrink-0 flex items-center">
68
+ <i data-feather="file-text" class="text-white h-8 w-8"></i>
69
+ <span class="ml-2 text-white text-xl font-bold">橙智标书解析AI</span>
70
+ </div>
71
+ </div>
72
+ <div class="hidden md:ml-6 md:flex md:items-center space-x-4">
73
+ <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">首页</a>
74
+ <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">历史记录</a>
75
+ <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">API文档</a>
76
+ <button class="bg-white text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-100">
77
+ 登录/注册
78
+ </button>
79
+ </div>
80
+ <div class="-mr-2 flex md:hidden">
81
+ <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">
82
+ <i data-feather="menu"></i>
83
+ </button>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ </nav>
88
+
89
+ <!-- 主内容区域 -->
90
+ <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
91
+ <!-- 标题和简介 -->
92
+ <div class="text-center mb-16">
93
+ <h1 class="text-4xl font-bold text-gray-900 mb-4">智能标书解析解决方案</h1>
94
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
95
+ 基于AI的智能标书解析系统，自动提取关键信息，生成分析报告，
96
+ 帮助您快速理解投标要求，提高标书制作效率！
97
+ </p>
98
+ </div>
99
+
100
+ <!-- 文件上传区域 -->
101
+ <div class="bg-white rounded-xl shadow-lg p-8 mb-16">
102
+ <div class="file-drop-area rounded-lg p-12 text-center cursor-pointer">
103
+ <div class="flex flex-col items-center justify-center">
104
+ <i data-feather="upload-cloud" class="text-primary-500 h-12 w-12 mb-4"></i>
105
+ <h3 class="text-lg font-medium text-gray-900 mb-2">拖放标书文件到此处</h3>
106
+ <p class="text-gray-500 mb-4">支持PDF, Word, Excel格式</p>
107
+ <button class="bg-primary-500 hover:bg-primary-600 text-white px-6 py-2 rounded-md font-medium">
108
+ 选择文件
109
+ </button>
110
+ </div>
111
+ <input type="file" class="hidden" accept=".pdf,.doc,.docx,.xls,.xlsx">
112
+ </div>
113
+ </div>
114
+
115
+ <!-- 功能特点展示 -->
116
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
117
+ <div class="analysis-card bg-white rounded-xl shadow-md p-6 transition-all duration-300">
118
+ <div class="bg-primary-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4">
119
+ <i data-feather="search" class="text-primary-600"></i>
120
+ </div>
121
+ <h3 class="text-lg font-medium text-gray-900 mb-2">关键信息提取</h3>
122
+ <p class="text-gray-600">
123
+ 自动识别并提取标书中的关键条款、技术参数、商务要求等重要信息。
124
+ </p>
125
+ </div>
126
+ <div class="analysis-card bg-white rounded-xl shadow-md p-6 transition-all duration-300">
127
+ <div class="bg-primary-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4">
128
+ <i data-feather="check-circle" class="text-primary-600"></i>
129
+ </div>
130
+ <h3 class="text-lg font-medium text-gray-900 mb-2">合规性检查</h3>
131
+ <p class="text-gray-600">
132
+ 智能检查标书是否符合招标要求，识别潜在风险点并提供改进建议。
133
+ </p>
134
+ </div>
135
+ <div class="analysis-card bg-white rounded-xl shadow-md p-6 transition-all duration-300">
136
+ <div class="bg-primary-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4">
137
+ <i data-feather="bar-chart-2" class="text-primary-600"></i>
138
+ </div>
139
+ <h3 class="text-lg font-medium text-gray-900 mb-2">智能分析报告</h3>
140
+ <p class="text-gray-600">
141
+ 生成详细的标书分析报告，包含评分点、竞争对手分析和投标策略建议。
142
+ </p>
143
+ </div>
144
+ </div>
145
+
146
+ <!-- 示例分析结果 -->
147
+ <div class="bg-white rounded-xl shadow-lg p-8">
148
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">示例分析结果</h2>
149
+ <div class="overflow-x-auto">
150
+ <table class="min-w-full divide-y divide-gray-200">
151
+ <thead class="bg-primary-50">
152
+ <tr>
153
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-primary-600 uppercase tracking-wider">关键项</th>
154
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-primary-600 uppercase tracking-wider">提取值</th>
155
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-primary-600 uppercase tracking-wider">重要度</th>
156
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-primary-600 uppercase tracking-wider">建议</th>
157
+ </tr>
158
+ </thead>
159
+ <tbody class="bg-white divide-y divide-gray-200">
160
+ <tr>
161
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">投标截止日期</td>
162
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2023-12-31</td>
163
+ <td class="px-6 py-4 whitespace-nowrap">
164
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
165
+ 高
166
+ </span>
167
+ </td>
168
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">建议提前7天完成标书制作</td>
169
+ </tr>
170
+ <tr>
171
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">项目预算</td>
172
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥5,000,000</td>
173
+ <td class="px-6 py-4 whitespace-nowrap">
174
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
175
+ 中
176
+ </span>
177
+ </td>
178
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">建议报价在预算的85%-95%之间</td>
179
+ </tr>
180
+ <tr>
181
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">技术得分占比</td>
182
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">60%</td>
183
+ <td class="px-6 py-4 whitespace-nowrap">
184
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
185
+ 低
186
+ </span>
187
+ </td>
188
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">应着重准备技术方案部分</td>
189
+ </tr>
190
+ </tbody>
191
+ </table>
192
+ </div>
193
+ </div>
194
+ </main>
195
+
196
+ <!-- 页脚 -->
197
+ <footer class="bg-primary-800 text-white py-12">
198
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
199
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
200
+ <div>
201
+ <h3 class="text-lg font-medium mb-4">橙智标书解析AI</h3>
202
+ <p class="text-primary-200">
203
+ 领先的AI标书解析解决方案，助力企业高效投标。
204
+ </p>
205
+ </div>
206
+ <div>
207
+ <h3 class="text-lg font-medium mb-4">产品</h3>
208
+ <ul class="space-y-2">
209
+ <li><a href="#" class="text-primary-200 hover:text-white">功能特点</a></li>
210
+ <li><a href="#" class="text-primary-200 hover:text-white">定价</a></li>
211
+ <li><a href="#" class="text-primary-200 hover:text-white">API集成</a></li>
212
+ </ul>
213
+ </div>
214
+ <div>
215
+ <h3 class="text-lg font-medium mb-4">资源</h3>
216
+ <ul class="space-y-2">
217
+ <li><a href="#" class="text-primary-200 hover:text-white">文档</a></li>
218
+ <li><a href="#" class="text-primary-200 hover:text-white">博客</a></li>
219
+ <li><a href="#" class="text-primary-200 hover:text-white">帮助中心</a></li>
220
+ </ul>
221
+ </div>
222
+ <div>
223
+ <h3 class="text-lg font-medium mb-4">联系我们</h3>
224
+ <ul class="space-y-2">
225
+ <li class="flex items-center">
226
+ <i data-feather="mail" class="h-4 w-4 mr-2"></i>
227
+ <span class="text-primary-200">contact@aibid.com</span>
228
+ </li>
229
+ <li class="flex items-center">
230
+ <i data-feather="phone" class="h-4 w-4 mr-2"></i>
231
+ <span class="text-primary-200">400-888-8888</span>
232
+ </li>
233
+ </ul>
234
+ </div>
235
+ </div>
236
+ <div class="border-t border-primary-700 mt-8 pt-8 text-center text-primary-300">
237
+ <p>© 2023 橙智标书解析AI 版权所有</p>
238
+ </div>
239
+ </div>
240
+ </footer>
241
+
242
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
243
+ <script>
244
+ VANTA.GLOBE({
245
+ el: "#vanta-bg",
246
+ mouseControls: true,
247
+ touchControls: true,
248
+ gyroControls: false,
249
+ minHeight: 200.00,
250
+ minWidth: 200.00,
251
+ scale: 1.00,
252
+ scaleMobile: 1.00,
253
+ color: 0xF97316,
254
+ backgroundColor: 0xFFF7ED,
255
+ size: 0.8
256
+ });
257
+
258
+ feather.replace();
259
+
260
+ // 文件上传交互
261
+ const fileDropArea = document.querySelector('.file-drop-area');
262
+ const fileInput = document.querySelector('input[type="file"]');
263
+
264
+ fileDropArea.addEventListener('click', () => fileInput.click());
265
+
266
+ ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
267
+ fileDropArea.addEventListener(eventName, preventDefaults, false);
268
+ });
269
+
270
+ function preventDefaults(e) {
271
+ e.preventDefault();
272
+ e.stopPropagation();
273
+ }
274
+
275
+ ['dragenter', 'dragover'].forEach(eventName => {
276
+ fileDropArea.addEventListener(eventName, highlight, false);
277
+ });
278
+
279
+ ['dragleave', 'drop'].forEach(eventName => {
280
+ fileDropArea.addEventListener(eventName, unhighlight, false);
281
+ });
282
+
283
+ function highlight() {
284
+ fileDropArea.classList.add('bg-primary-100');
285
+ }
286
+
287
+ function unhighlight() {
288
+ fileDropArea.classList.remove('bg-primary-100');
289
+ }
290
+
291
+ fileDropArea.addEventListener('drop', handleDrop, false);
292
+
293
+ function handleDrop(e) {
294
+ const dt = e.dataTransfer;
295
+ const files = dt.files;
296
+ handleFiles(files);
297
+ }
298
+
299
+ fileInput.addEventListener('change', function() {
300
+ handleFiles(this.files);
301
+ });
302
+
303
+ function handleFiles(files) {
304
+ // 这里可以处理上传的文件
305
+ console.log(files);
306
+ alert(`已选择文件: ${files[0].name}`);
307
+ }
308
+ </script>
309
+ </body>
310
  </html>