Hugging Face's logo

Spaces:
benzzi1111
/
ai
Running

App Files Community
benzzi1111 commited on
Commit
be3334c
·
verified ·
1 Parent(s): e2f5e89

新生成一个界面，整体风格、色调跟之前生成的保持一致，生成标书智能查重和废标项检查模块界面原型，橙色调，中文生成

Browse files
Files changed (3) hide show
  1. bidcheck.html +329 -0
  2. bidgenerator.html +3 -4
  3. index.html +4 -5
bidcheck.html ADDED
@@ -0,0 +1,329 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: {
16
+ 100: '#FFEDD5',
17
+ 200: '#FED7AA',
18
+ 300: '#FDBA74',
19
+ 400: '#FB923C',
20
+ 500: '#F97316',
21
+ 600: '#EA580C',
22
+ 700: '#C2410C',
23
+ 800: '#9A3412',
24
+ 900: '#7C2D12',
25
+ }
26
+ }
27
+ }
28
+ }
29
+ }
30
+ </script>
31
+ <style>
32
+ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
33
+ body {
34
+ font-family: 'Noto Sans SC', sans-serif;
35
+ }
36
+ .vanta-bg {
37
+ position: absolute;
38
+ top: 0;
39
+ left: 0;
40
+ width: 100%;
41
+ height: 100%;
42
+ z-index: -1;
43
+ opacity: 0.3;
44
+ }
45
+ .check-card {
46
+ transition: all 0.3s;
47
+ }
48
+ .check-card:hover {
49
+ transform: translateY(-5px);
50
+ box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4);
51
+ }
52
+ .progress-bar {
53
+ height: 8px;
54
+ border-radius: 4px;
55
+ background-color: #FED7AA;
56
+ }
57
+ .progress-fill {
58
+ height: 100%;
59
+ border-radius: 4px;
60
+ background-color: #F97316;
61
+ transition: width 0.5s ease;
62
+ }
63
+ </style>
64
+ </head>
65
+ <body class="bg-orange-50 min-h-screen">
66
+ <div class="vanta-bg" id="vanta-bg"></div>
67
+
68
+ <!-- 导航栏 -->
69
+ <nav class="bg-primary-500 shadow-lg">
70
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
71
+ <div class="flex justify-between h-16">
72
+ <div class="flex items-center">
73
+ <div class="flex-shrink-0 flex items-center">
74
+ <i data-feather="file-text" class="text-white h-8 w-8"></i>
75
+ <span class="ml-2 text-white text-xl font-bold">橙智标书解析AI</span>
76
+ </div>
77
+ </div>
78
+ <div class="hidden md:ml-6 md:flex md:items-center space-x-4">
79
+ <a href="index.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">首页</a>
80
+ <a href="bidgenerator.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">标书生成</a>
81
+ <a href="bidcheck.html" class="bg-primary-600 text-white px-3 py-2 rounded-md text-sm font-medium">标书查重</a>
82
+ <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">历史记录</a>
83
+ <button class="bg-white text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-100">
84
+ 登录/注册
85
+ </button>
86
+ </div>
87
+ <div class="-mr-2 flex md:hidden">
88
+ <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">
89
+ <i data-feather="menu"></i>
90
+ </button>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </nav>
95
+
96
+ <!-- 主内容区域 -->
97
+ <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
98
+ <!-- 标题和简介 -->
99
+ <div class="text-center mb-16">
100
+ <h1 class="text-4xl font-bold text-gray-900 mb-4">标书智能查重与废标项检查</h1>
101
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
102
+ 基于AI的智能查重系统，快速检测标书重复率与潜在废标风险点，
103
+ 确保标书唯一性和合规性，提高中标概率！
104
+ </p>
105
+ </div>
106
+
107
+ <!-- 文件上传区域 -->
108
+ <div class="bg-white rounded-xl shadow-lg p-8 mb-8">
109
+ <div class="border-2 border-dashed border-primary-300 rounded-lg p-12 text-center">
110
+ <div class="mx-auto w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mb-6">
111
+ <i data-feather="upload" class="text-primary-500 w-8 h-8"></i>
112
+ </div>
113
+ <h3 class="text-lg font-medium text-gray-900 mb-2">上传标书文件</h3>
114
+ <p class="text-gray-500 mb-6">支持Word、PDF格式文件，最大100MB</p>
115
+ <button class="bg-primary-500 hover:bg-primary-600 text-white py-2 px-6 rounded-md font-medium inline-flex items-center">
116
+ <i data-feather="folder" class="mr-2"></i>选择文件
117
+ </button>
118
+ <p class="text-sm text-gray-400 mt-4">或拖放文件到此处</p>
119
+ </div>
120
+ </div>
121
+
122
+ <!-- 查重与检查模块 -->
123
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
124
+ <!-- 查重模块 -->
125
+ <div class="check-card bg-white border border-primary-100 rounded-xl p-6">
126
+ <div class="flex items-center mb-6">
127
+ <div class="bg-primary-100 text-primary-600 rounded-lg p-3 mr-4">
128
+ <i data-feather="copy" class="w-6 h-6"></i>
129
+ </div>
130
+ <h3 class="text-xl font-bold text-gray-900">标书查重分析</h3>
131
+ </div>
132
+
133
+ <div class="space-y-6">
134
+ <div>
135
+ <div class="flex justify-between mb-2">
136
+ <span class="text-sm font-medium text-gray-700">重复率检测</span>
137
+ <span class="text-sm font-medium text-primary-600">待检测</span>
138
+ </div>
139
+ <div class="progress-bar">
140
+ <div class="progress-fill" style="width: 0%"></div>
141
+ </div>
142
+ </div>
143
+
144
+ <div>
145
+ <div class="flex justify-between mb-2">
146
+ <span class="text-sm font-medium text-gray-700">相似标书比对</span>
147
+ <span class="text-sm font-medium text-primary-600">待检测</span>
148
+ </div>
149
+ <div class="progress-bar">
150
+ <div class="progress-fill" style="width: 0%"></div>
151
+ </div>
152
+ </div>
153
+
154
+ <div>
155
+ <div class="flex justify-between items-center mb-2">
156
+ <span class="text-sm font-medium text-gray-700">关键章节原创性</span>
157
+ <span class="text-sm font-medium text-primary-600">待检测</span>
158
+ </div>
159
+ <div class="progress-bar">
160
+ <div class="progress-fill" style="width: 0%"></div>
161
+ </div>
162
+ </div>
163
+
164
+ <button class="w-full bg-primary-500 hover:bg-primary-600 text-white py-3 px-4 rounded-md font-medium mt-4">
165
+ <i data-feather="search" class="inline mr-2"></i>开始查重分析
166
+ </button>
167
+ </div>
168
+ </div>
169
+
170
+ <!-- 废标项检查模块 -->
171
+ <div class="check-card bg-white border border-primary-100 rounded-xl p-6">
172
+ <div class="flex items-center mb-6">
173
+ <div class="bg-primary-100 text-primary-600 rounded-lg p-3 mr-4">
174
+ <i data-feather="alert-triangle" class="w-6 h-6"></i>
175
+ </div>
176
+ <h3 class="text-xl font-bold text-gray-900">废标风险检查</h3>
177
+ </div>
178
+
179
+ <div class="space-y-6">
180
+ <div>
181
+ <div class="flex justify-between mb-2">
182
+ <span class="text-sm font-medium text-gray-700">强制性条款符合性</span>
183
+ <span class="text-sm font-medium text-primary-600">待检查</span>
184
+ </div>
185
+ <div class="progress-bar">
186
+ <div class="progress-fill" style="width: 0%"></div>
187
+ </div>
188
+ </div>
189
+
190
+ <div>
191
+ <div class="flex justify-between mb-2">
192
+ <span class="text-sm font-medium text-gray-700">格式规范检查</span>
193
+ <span class="text-sm font-medium text-primary-600">待检查</span>
194
+ </div>
195
+ <div class="progress-bar">
196
+ <div class="progress-fill" style="width: 0%"></div>
197
+ </div>
198
+ </div>
199
+
200
+ <div>
201
+ <div class="flex justify-between items-center mb-2">
202
+ <span class="text-sm font-medium text-gray-700">潜在废标风险点</span>
203
+ <span class="text-sm font-medium text-primary-600">待检查</span>
204
+ </div>
205
+ <div class="progress-bar">
206
+ <div class="progress-fill" style="width: 0%"></div>
207
+ </div>
208
+ </div>
209
+
210
+ <button class="w-full bg-primary-500 hover:bg-primary-600 text-white py-3 px-4 rounded-md font-medium mt-4">
211
+ <i data-feather="shield" class="inline mr-2"></i>开始废标检查
212
+ </button>
213
+ </div>
214
+ </div>
215
+ </div>
216
+
217
+ <!-- 检查结果区域 -->
218
+ <div class="bg-white rounded-xl shadow-lg p-8">
219
+ <div class="flex justify-between items-center mb-6">
220
+ <h2 class="text-2xl font-bold text-gray-900">检查结果报告</h2>
221
+ <div class="flex space-x-3">
222
+ <button class="bg-primary-100 text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-200">
223
+ <i data-feather="download" class="inline mr-1"></i>下载报告
224
+ </button>
225
+ <button class="bg-primary-500 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-600">
226
+ <i data-feather="printer" class="inline mr-1"></i>打印报告
227
+ </button>
228
+ </div>
229
+ </div>
230
+
231
+ <div class="border border-gray-200 rounded-lg p-6 min-h-[300px]">
232
+ <div class="text-center py-12">
233
+ <i data-feather="file-text" class="mx-auto h-12 w-12 text-gray-400"></i>
234
+ <h3 class="mt-4 text-lg font-medium text-gray-900">尚未生成检查报告</h3>
235
+ <p class="mt-1 text-gray-500">请先上传标书文件并执行查重和废标项检查</p>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </main>
240
+
241
+ <!-- 页脚 -->
242
+ <footer class="bg-primary-800 text-white py-12">
243
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
244
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
245
+ <div>
246
+ <h3 class="text-lg font-medium mb-4">橙智标书解析AI</h3>
247
+ <p class="text-primary-200">
248
+ 领先的AI标书解决方案，助力企业高效投标。
249
+ </p>
250
+ </div>
251
+ <div>
252
+ <h3 class="text-lg font-medium mb-4">产品</h3>
253
+ <ul class="space-y-2">
254
+ <li><a href="index.html" class="text-primary-200 hover:text-white">标书解析</a></li>
255
+ <li><a href="bidgenerator.html" class="text-primary-200 hover:text-white">标书生成</a></li>
256
+ <li><a href="bidcheck.html" class="text-primary-200 hover:text-white">标书查重</a></li>
257
+ <li><a href="#" class="text-primary-200 hover:text-white">API集成</a></li>
258
+ </ul>
259
+ </div>
260
+ <div>
261
+ <h3 class="text-lg font-medium mb-4">资源</h3>
262
+ <ul class="space-y-2">
263
+ <li><a href="#" class="text-primary-200 hover:text-white">文档</a></li>
264
+ <li><a href="#" class="text-primary-200 hover:text-white">博客</a></li>
265
+ <li><a href="#" class="text-primary-200 hover:text-white">帮助中心</a></li>
266
+ </ul>
267
+ </div>
268
+ <div>
269
+ <h3 class="text-lg font-medium mb-4">联系我们</h3>
270
+ <ul class="space-y-2">
271
+ <li class="flex items-center">
272
+ <i data-feather="mail" class="h-4 w-4 mr-2"></i>
273
+ <span class="text-primary-200">contact@aibid.com</span>
274
+ </li>
275
+ <li class="flex items-center">
276
+ <i data-feather="phone" class="h-4 w-4 mr-2"></i>
277
+ <span class="text-primary-200">400-888-8888</span>
278
+ </li>
279
+ </ul>
280
+ </div>
281
+ </div>
282
+ <div class="border-t border-primary-700 mt-8 pt-8 text-center text-primary-300">
283
+ <p>© 2023 橙智标书解析AI 版权所有</p>
284
+ </div>
285
+ </div>
286
+ </footer>
287
+
288
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
289
+ <script>
290
+ VANTA.GLOBE({
291
+ el: "#vanta-bg",
292
+ mouseControls: true,
293
+ touchControls: true,
294
+ gyroControls: false,
295
+ minHeight: 200.00,
296
+ minWidth: 200.00,
297
+ scale: 1.00,
298
+ scaleMobile: 1.00,
299
+ color: 0xF97316,
300
+ backgroundColor: 0xFFF7ED,
301
+ size: 0.8
302
+ });
303
+
304
+ feather.replace();
305
+
306
+ // 模拟查重分析
307
+ document.querySelectorAll('button')[1].addEventListener('click', function() {
308
+ const progressBars = document.querySelectorAll('.check-card:first-child .progress-fill');
309
+ progressBars.forEach((bar, index) => {
310
+ setTimeout(() => {
311
+ bar.style.width = ['85%', '72%', '91%'][index] || '75%';
312
+ bar.nextElementSibling.textContent = ['85%', '72%', '91%'][index] || '75%';
313
+ }, index * 500);
314
+ });
315
+ });
316
+
317
+ // 模拟废标检查
318
+ document.querySelectorAll('button')[2].addEventListener('click', function() {
319
+ const progressBars = document.querySelectorAll('.check-card:last-child .progress-fill');
320
+ progressBars.forEach((bar, index) => {
321
+ setTimeout(() => {
322
+ bar.style.width = ['92%', '88%', '76%'][index] || '80%';
323
+ bar.nextElementSibling.textContent = ['92%', '88%', '76%'][index] || '80%';
324
+ }, index * 500);
325
+ });
326
+ });
327
+ </script>
328
+ </body>
329
+ </html>
bidgenerator.html CHANGED
@@ -67,9 +67,8 @@
67
  <div class="hidden md:ml-6 md:flex md:items-center space-x-4">
68
  <a href="index.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">首页</a>
69
  <a href="bidgenerator.html" class="bg-primary-600 text-white px-3 py-2 rounded-md text-sm font-medium">标书生成</a>
70
- <a href="bidchecker.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">标书查重</a>
71
  <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">历史记录</a>
72
- <button class="bg-white text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-100">
73
  登录/注册
74
  </button>
75
  </div>
@@ -254,8 +253,8 @@
254
  <ul class="space-y-2">
255
  <li><a href="index.html" class="text-primary-200 hover:text-white">标书解析</a></li>
256
  <li><a href="bidgenerator.html" class="text-primary-200 hover:text-white">标书生成</a></li>
257
- <li><a href="bidchecker.html" class="text-primary-200 hover:text-white">标书查重</a></li>
258
- </ul>
259
  </div>
260
  <div>
261
  <h3 class="text-lg font-medium mb-4">资源</h3>
 
67
  <div class="hidden md:ml-6 md:flex md:items-center space-x-4">
68
  <a href="index.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">首页</a>
69
  <a href="bidgenerator.html" class="bg-primary-600 text-white px-3 py-2 rounded-md text-sm font-medium">标书生成</a>
 
70
  <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">历史记录</a>
71
+ <button class="bg-white text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-100">
72
  登录/注册
73
  </button>
74
  </div>
 
253
  <ul class="space-y-2">
254
  <li><a href="index.html" class="text-primary-200 hover:text-white">标书解析</a></li>
255
  <li><a href="bidgenerator.html" class="text-primary-200 hover:text-white">标书生成</a></li>
256
+ <li><a href="#" class="text-primary-200 hover:text-white">API集成</a></li>
257
+ </ul>
258
  </div>
259
  <div>
260
  <h3 class="text-lg font-medium mb-4">资源</h3>
index.html CHANGED
@@ -66,10 +66,9 @@
66
  </div>
67
  <div class="hidden md:ml-6 md:flex md:items-center space-x-4">
68
  <a href="index.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">首页</a>
69
- <a href="bidgenerator.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">标书生成</a>
70
- <a href="bidchecker.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">标书查重</a>
71
  <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">历史记录</a>
72
- <button class="bg-white text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-100">
73
  登录/注册
74
  </button>
75
  </div>
@@ -254,8 +253,8 @@
254
  <ul class="space-y-2">
255
  <li><a href="index.html" class="text-primary-200 hover:text-white">标书解析</a></li>
256
  <li><a href="bidgenerator.html" class="text-primary-200 hover:text-white">标书生成</a></li>
257
- <li><a href="bidchecker.html" class="text-primary-200 hover:text-white">标书查重</a></li>
258
- </ul>
259
  </div>
260
  <div>
261
  <h3 class="text-lg font-medium mb-4">资源</h3>
 
66
  </div>
67
  <div class="hidden md:ml-6 md:flex md:items-center space-x-4">
68
  <a href="index.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">首页</a>
69
+ <a href="bidgenerator.html" class="bg-primary-600 text-white px-3 py-2 rounded-md text-sm font-medium">标书生成</a>
 
70
  <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">历史记录</a>
71
+ <button class="bg-white text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-100">
72
  登录/注册
73
  </button>
74
  </div>
 
253
  <ul class="space-y-2">
254
  <li><a href="index.html" class="text-primary-200 hover:text-white">标书解析</a></li>
255
  <li><a href="bidgenerator.html" class="text-primary-200 hover:text-white">标书生成</a></li>
256
+ <li><a href="#" class="text-primary-200 hover:text-white">API集成</a></li>
257
+ </ul>
258
  </div>
259
  <div>
260
  <h3 class="text-lg font-medium mb-4">资源</h3>