Hugging Face's logo

Spaces:
benzzi1111
/
ai
Running

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

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

Browse files
Files changed (3) hide show
  1. bidchecker.html +112 -126
  2. bidgenerator.html +0 -1
  3. index.html +0 -1
bidchecker.html CHANGED
@@ -49,11 +49,16 @@
49
  transform: translateY(-5px);
50
  box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4);
51
  }
52
- .result-item {
53
- transition: all 0.2s;
 
 
54
  }
55
- .result-item:hover {
56
- background-color: #FFEDD5;
 
 
 
57
  }
58
  </style>
59
  </head>
@@ -92,147 +97,111 @@
92
  <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
93
  <!-- 标题和简介 -->
94
  <div class="text-center mb-16">
95
- <h1 class="text-4xl font-bold text-gray-900 mb-4">标书智能查重与废标检查</h1>
96
  <p class="text-xl text-gray-600 max-w-3xl mx-auto">
97
- 基于AI的智能标书检查工具，快速发现重复内容和潜在废标项，
98
- 提高标书质量和中标率！
99
  </p>
100
  </div>
101
 
102
  <!-- 文件上传区域 -->
103
- <div class="bg-white rounded-xl shadow-lg p-8 mb-16">
104
- <div class="flex flex-col md:flex-row items-center">
105
- <div class="w-full md:w-1/2 mb-6 md:mb-0 md:pr-6">
106
- <h2 class="text-2xl font-bold text-gray-900 mb-4">上传标书文件</h2>
107
- <div class="border-2 border-dashed border-primary-300 rounded-lg p-8 text-center">
108
- <i data-feather="upload-cloud" class="h-12 w-12 text-primary-500 mx-auto"></i>
109
- <p class="text-gray-600 mt-3">拖拽标书文件到此处或</p>
110
- <button class="mt-4 bg-primary-500 hover:bg-primary-600 text-white py-2 px-6 rounded-md font-medium">
111
- 选择文件
112
- </button>
113
- <p class="text-xs text-gray-500 mt-3">支持Word、PDF格式，最大50MB</p>
 
 
 
 
 
 
 
 
114
  </div>
 
115
  </div>
116
- <div class="w-full md:w-1/2 md:pl-6">
117
- <h2 class="text-2xl font-bold text-gray-900 mb-4">检查设置</h2>
118
- <div class="space-y-4">
119
- <div class="flex items-start">
120
- <input type="checkbox" class="text-primary-600 mt-1 mr-3" checked>
121
- <div>
122
- <h4 class="font-medium">内容查重检查</h4>
123
- <p class="text-sm text-gray-500">检查标书中是否存在重复内容</p>
124
- </div>
125
  </div>
126
- <div class="flex items-start">
127
- <input type="checkbox" class="text-primary-600 mt-1 mr-3" checked>
128
- <div>
129
- <h4 class="font-medium">废标项检查</h4>
130
- <p class="text-sm text-gray-500">检查可能导致废标的关键问题</p>
131
- </div>
132
  </div>
133
- <div class="flex items-start">
134
- <input type="checkbox" class="text-primary-600 mt-1 mr-3">
135
- <div>
136
- <h4 class="font-medium">格式合规检查</h4>
137
- <p class="text-sm text-gray-500">检查标书格式是否符合招标要求</p>
138
- </div>
139
  </div>
140
- <div class="flex items-start">
141
- <input type="checkbox" class="text-primary-600 mt-1 mr-3">
142
- <div>
143
- <h4 class="font-medium">资质完整性检查</h4>
144
- <p class="text-sm text-gray-500">检查必要资质文件是否齐全</p>
145
- </div>
146
  </div>
147
- <button class="w-full bg-primary-500 hover:bg-primary-600 text-white py-3 px-4 rounded-md font-medium mt-6">
148
- <i data-feather="search" class="inline mr-2"></i>开始检查标书
149
- </button>
150
  </div>
 
 
 
151
  </div>
152
  </div>
153
- </div>
154
 
155
- <!-- 检查结果区域 -->
156
- <div class="bg-white rounded-xl shadow-lg p-8">
157
- <div class="flex justify-between items-center mb-6">
158
- <h2 class="text-2xl font-bold text-gray-900">检查结果报告</h2>
159
- <div class="flex space-x-3">
160
- <button class="bg-primary-100 text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-200">
161
- <i data-feather="download" class="inline mr-1"></i>下载报告
162
- </button>
163
- <button class="bg-primary-500 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-600">
164
- <i data-feather="printer" class="inline mr-1"></i>打印报告
165
- </button>
166
  </div>
167
- </div>
168
-
169
- <div class="border border-gray-200 rounded-lg p-6">
170
- <div class="mb-8">
171
- <h3 class="text-lg font-medium text-primary-700 mb-3 flex items-center">
172
- <i data-feather="alert-circle" class="h-5 w-5 mr-2"></i>
173
- 废标风险项 (3)
174
- </h3>
175
- <div class="space-y-4">
176
- <div class="result-item border-l-4 border-red-500 pl-4 py-2">
177
- <h4 class="font-medium">缺少法定代表人签字</h4>
178
- <p class="text-sm text-gray-600">投标函第3页需要法定代表人签字盖章</p>
179
- <p class="text-xs text-red-600 mt-1">高风险 - 可能导致废标</p>
180
- </div>
181
- <div class="result-item border-l-4 border-orange-500 pl-4 py-2">
182
- <h4 class="font-medium">投标保证金不足</h4>
183
- <p class="text-sm text-gray-600">招标文件要求2%保证金，实际提交1.5%</p>
184
- <p class="text-xs text-orange-600 mt-1">中风险 - 可能导致废标</p>
185
- </div>
186
- <div class="result-item border-l-4 border-yellow-500 pl-4 py-2">
187
- <h4 class="font-medium">资质证书过期</h4>
188
- <p class="text-sm text-gray-600">安全生产许可证已过期</p>
189
- <p class="text-xs text-yellow-600 mt-1">低风险 - 可能被扣分</p>
190
  </div>
191
  </div>
192
- </div>
193
-
194
- <div class="mb-8">
195
- <h3 class="text-lg font-medium text-primary-700 mb-3 flex items-center">
196
- <i data-feather="copy" class="h-5 w-5 mr-2"></i>
197
- 重复内容 (5处)
198
- </h3>
199
- <div class="space-y-4">
200
- <div class="result-item border-l-4 border-blue-500 pl-4 py-2">
201
- <h4 class="font-medium">技术方案重复</h4>
202
- <p class="text-sm text-gray-600">第12-15页与第35-38页技术方案内容高度相似</p>
203
- <p class="text-xs text-blue-600 mt-1">相似度82%</p>
204
  </div>
205
- <div class="result-item border-l-4 border-blue-500 pl-4 py-2">
206
- <h4 class="font-medium">公司简介重复</h4>
207
- <p class="text-sm text-gray-600">商务部分与资信部分公司简介内容重复</p>
208
- <p class="text-xs text-blue-600 mt-1">相似度91%</p>
 
 
209
  </div>
210
  </div>
 
 
 
211
  </div>
 
 
212
 
213
- <div>
214
- <h3 class="text-lg font-medium text-primary-700 mb-3 flex items-center">
215
- <i data-feather="check-circle" class="h-5 w-5 mr-2"></i>
216
- 合规检查
217
- </h3>
218
- <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
219
- <div class="bg-green-50 p-3 rounded-md">
220
- <p class="text-sm font-medium">封面格式</p>
221
- <p class="text-xs text-green-600">符合要求</p>
222
- </div>
223
- <div class="bg-green-50 p-3 rounded-md">
224
- <p class="text-sm font-medium">目录结构</p>
225
- <p class="text-xs text-green-600">符合要求</p>
226
- </div>
227
- <div class="bg-green-50 p-3 rounded-md">
228
- <p class="text-sm font-medium">签字盖章</p>
229
- <p class="text-xs text-green-600">符合要求</p>
230
- </div>
231
- <div class="bg-red-50 p-3 rounded-md">
232
- <p class="text-sm font-medium">装订方式</p>
233
- <p class="text-xs text-red-600">需胶装，当前为订书钉</p>
234
- </div>
235
- </div>
236
  </div>
237
  </div>
238
  </div>
@@ -302,10 +271,27 @@
302
 
303
  feather.replace();
304
 
305
- // 模拟检查过程
306
- document.querySelector('button').addEventListener('click', function() {
307
- alert('标书检查中，请稍候...');
308
- // 这里可以添加实际的检查逻辑
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
309
  });
310
  </script>
311
  </body>
 
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-value {
58
+ height: 100%;
59
+ border-radius: 4px;
60
+ background-color: #F97316;
61
+ transition: width 0.5s ease-in-out;
62
  }
63
  </style>
64
  </head>
 
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-8 text-center">
110
+ <i data-feather="upload-cloud" class="h-12 w-12 text-primary-500 mx-auto mb-4"></i>
111
+ <h3 class="text-lg font-medium text-gray-900 mb-2">上传标书文件</h3>
112
+ <p class="text-gray-600 mb-4">支持DOC、DOCX、PDF格式，最大100MB</p>
113
+ <button class="bg-primary-500 hover:bg-primary-600 text-white py-2 px-6 rounded-md font-medium">
114
+ 选择文件
115
+ </button>
116
+ <input type="file" class="hidden">
117
+ </div>
118
+ </div>
119
+
120
+ <!-- 查重和检查模块 -->
121
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8">
122
+ <!-- 查重模块 -->
123
+ <div class="checker-card bg-white border border-primary-100 rounded-xl p-6">
124
+ <div class="flex items-center mb-6">
125
+ <div class="bg-primary-100 p-2 rounded-lg mr-4">
126
+ <i data-feather="copy" class="h-6 w-6 text-primary-600"></i>
127
  </div>
128
+ <h3 class="text-xl font-bold text-gray-900">标书查重</h3>
129
  </div>
130
+ <div class="space-y-4">
131
+ <div>
132
+ <div class="flex justify-between mb-1">
133
+ <span class="text-sm font-medium text-gray-700">相似度检测</span>
134
+ <span class="text-sm font-medium text-primary-600">待检测</span>
 
 
 
 
135
  </div>
136
+ <div class="progress-bar">
137
+ <div class="progress-value" style="width: 0%"></div>
 
 
 
 
138
  </div>
139
+ </div>
140
+ <div>
141
+ <div class="flex justify-between mb-1">
142
+ <span class="text-sm font-medium text-gray-700">模板匹配度</span>
143
+ <span class="text-sm font-medium text-primary-600">待检测</span>
 
144
  </div>
145
+ <div class="progress-bar">
146
+ <div class="progress-value" style="width: 0%"></div>
 
 
 
 
147
  </div>
 
 
 
148
  </div>
149
+ <button class="w-full bg-primary-500 hover:bg-primary-600 text-white py-3 px-4 rounded-md font-medium mt-4">
150
+ <i data-feather="search" class="inline mr-2"></i>开始查重分析
151
+ </button>
152
  </div>
153
  </div>
 
154
 
155
+ <!-- 废标项检查模块 -->
156
+ <div class="checker-card bg-white border border-primary-100 rounded-xl p-6">
157
+ <div class="flex items-center mb-6">
158
+ <div class="bg-primary-100 p-2 rounded-lg mr-4">
159
+ <i data-feather="alert-triangle" class="h-6 w-6 text-primary-600"></i>
160
+ </div>
161
+ <h3 class="text-xl font-bold text-gray-900">废标项检查</h3>
 
 
 
 
162
  </div>
163
+ <div class="space-y-4">
164
+ <div class="border-b border-gray-200 pb-4">
165
+ <h4 class="font-medium mb-2">关键条款检查</h4>
166
+ <div class="flex items-center text-sm text-gray-600">
167
+ <i data-feather="alert-circle" class="h-4 w-4 text-yellow-500 mr-2"></i>
168
+ <span>待检测</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
169
  </div>
170
  </div>
171
+ <div class="border-b border-gray-200 pb-4">
172
+ <h4 class="font-medium mb-2">格式规范检查</h4>
173
+ <div class="flex items-center text-sm text-gray-600">
174
+ <i data-feather="alert-circle" class="h-4 w-4 text-yellow-500 mr-2"></i>
175
+ <span>待检测</span>
 
 
 
 
 
 
 
176
  </div>
177
+ </div>
178
+ <div>
179
+ <h4 class="font-medium mb-2">资质要求检查</h4>
180
+ <div class="flex items-center text-sm text-gray-600">
181
+ <i data-feather="alert-circle" class="h-4 w-4 text-yellow-500 mr-2"></i>
182
+ <span>待检测</span>
183
  </div>
184
  </div>
185
+ <button class="w-full bg-primary-500 hover:bg-primary-600 text-white py-3 px-4 rounded-md font-medium mt-4">
186
+ <i data-feather="shield" class="inline mr-2"></i>开始废标项检查
187
+ </button>
188
  </div>
189
+ </div>
190
+ </div>
191
 
192
+ <!-- 结果展示区域 -->
193
+ <div class="bg-white rounded-xl shadow-lg p-8">
194
+ <div class="flex justify-between items-center mb-6">
195
+ <h2 class="text-2xl font-bold text-gray-900">检测结果</h2>
196
+ <button class="bg-primary-500 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-600">
197
+ <i data-feather="download" class="inline mr-1"></i>下载完整报告
198
+ </button>
199
+ </div>
200
+
201
+ <div class="border border-gray-200 rounded-lg p-6 min-h-[300px]">
202
+ <div class="text-center py-16 text-gray-500">
203
+ <i data-feather="file-text" class="h-12 w-12 mx-auto mb-4"></i>
204
+ <p>上传标书文件后，点击上方按钮开始查重和废标项检查</p>
 
 
 
 
 
 
 
 
 
 
205
  </div>
206
  </div>
207
  </div>
 
271
 
272
  feather.replace();
273
 
274
+ // 模拟查重分析
275
+ document.querySelectorAll('button')[1].addEventListener('click', function() {
276
+ const progressBars = document.querySelectorAll('.progress-value');
277
+ progressBars[0].style.width = '75%';
278
+ progressBars[1].style.width = '85%';
279
+
280
+ setTimeout(() => {
281
+ document.querySelectorAll('.progress-bar + span')[0].textContent = '75%';
282
+ document.querySelectorAll('.progress-bar + span')[1].textContent = '85%';
283
+ }, 500);
284
+ });
285
+
286
+ // 模拟废标项检查
287
+ document.querySelectorAll('button')[2].addEventListener('click', function() {
288
+ const statusElements = document.querySelectorAll('.flex.items-center.text-sm.text-gray-600');
289
+ statusElements.forEach(el => {
290
+ const icon = el.querySelector('i');
291
+ icon.classList.remove('text-yellow-500');
292
+ icon.classList.add('text-green-500');
293
+ el.querySelector('span').textContent = '检测通过';
294
+ });
295
  });
296
  </script>
297
  </body>
bidgenerator.html CHANGED
@@ -255,7 +255,6 @@
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
- <li><a href="#" class="text-primary-200 hover:text-white">API集成</a></li>
259
  </ul>
260
  </div>
261
  <div>
 
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>
index.html CHANGED
@@ -255,7 +255,6 @@
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
- <li><a href="#" class="text-primary-200 hover:text-white">API集成</a></li>
259
  </ul>
260
  </div>
261
  <div>
 
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>