Hugging Face's logo

Spaces:
benzzi1111
/
ai
Running

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

按照这个版式和样式，在帮我生成一个标书智能生成的模块，包括生成标书大纲和正文，色调还是橙色，中文写

Browse files
Files changed (2) hide show
  1. bidgenerator.html +324 -0
  2. index.html +6 -5
bidgenerator.html ADDED
@@ -0,0 +1,324 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
+ .generator-card {
46
+ transition: all 0.3s;
47
+ }
48
+ .generator-card:hover {
49
+ transform: translateY(-5px);
50
+ box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4);
51
+ }
52
+ </style>
53
+ </head>
54
+ <body class="bg-orange-50 min-h-screen">
55
+ <div class="vanta-bg" id="vanta-bg"></div>
56
+
57
+ <!-- 导航栏 -->
58
+ <nav class="bg-primary-500 shadow-lg">
59
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
60
+ <div class="flex justify-between h-16">
61
+ <div class="flex items-center">
62
+ <div class="flex-shrink-0 flex items-center">
63
+ <i data-feather="file-text" class="text-white h-8 w-8"></i>
64
+ <span class="ml-2 text-white text-xl font-bold">橙智标书解析AI</span>
65
+ </div>
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>
75
+ <div class="-mr-2 flex md:hidden">
76
+ <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">
77
+ <i data-feather="menu"></i>
78
+ </button>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </nav>
83
+
84
+ <!-- 主内容区域 -->
85
+ <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
86
+ <!-- 标题和简介 -->
87
+ <div class="text-center mb-16">
88
+ <h1 class="text-4xl font-bold text-gray-900 mb-4">智能标书生成系统</h1>
89
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
90
+ 基于AI的智能标书生成工具，根据项目需求自动生成标书大纲和内容，
91
+ 大幅提升标书制作效率，确保专业性和合规性！
92
+ </p>
93
+ </div>
94
+
95
+ <!-- 标书生成步骤 -->
96
+ <div class="bg-white rounded-xl shadow-lg p-8 mb-16">
97
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
98
+ <!-- 第一步 -->
99
+ <div class="generator-card bg-white border border-primary-100 rounded-xl p-6">
100
+ <div class="flex items-center mb-4">
101
+ <div class="bg-primary-100 text-primary-600 font-bold rounded-full w-8 h-8 flex items-center justify-center mr-3">1</div>
102
+ <h3 class="text-lg font-medium text-gray-900">填写项目信息</h3>
103
+ </div>
104
+ <form class="space-y-4">
105
+ <div>
106
+ <label class="block text-sm font-medium text-gray-700 mb-1">项目名称</label>
107
+ <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">
108
+ </div>
109
+ <div>
110
+ <label class="block text-sm font-medium text-gray-700 mb-1">项目类型</label>
111
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary-500">
112
+ <option>工程类</option>
113
+ <option>货物类</option>
114
+ <option>服务类</option>
115
+ </select>
116
+ </div>
117
+ <div>
118
+ <label class="block text-sm font-medium text-gray-700 mb-1">项目预算</label>
119
+ <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="单位：万元">
120
+ </div>
121
+ </form>
122
+ </div>
123
+
124
+ <!-- 第二步 -->
125
+ <div class="generator-card bg-white border border-primary-100 rounded-xl p-6">
126
+ <div class="flex items-center mb-4">
127
+ <div class="bg-primary-100 text-primary-600 font-bold rounded-full w-8 h-8 flex items-center justify-center mr-3">2</div>
128
+ <h3 class="text-lg font-medium text-gray-900">选择标书模板</h3>
129
+ </div>
130
+ <div class="space-y-3">
131
+ <div class="flex items-center p-3 border border-gray-200 rounded-md hover:border-primary-300 cursor-pointer">
132
+ <input type="radio" name="template" class="text-primary-600 mr-3" checked>
133
+ <div>
134
+ <h4 class="font-medium">标准工程标书模板</h4>
135
+ <p class="text-sm text-gray-500">包含技术、商务、报价等标准章节</p>
136
+ </div>
137
+ </div>
138
+ <div class="flex items-center p-3 border border-gray-200 rounded-md hover:border-primary-300 cursor-pointer">
139
+ <input type="radio" name="template" class="text-primary-600 mr-3">
140
+ <div>
141
+ <h4 class="font-medium">政府采购标书模板</h4>
142
+ <p class="text-sm text-gray-500">符合政府采购规范要求</p>
143
+ </div>
144
+ </div>
145
+ <div class="flex items-center p-3 border border-gray-200 rounded-md hover:border-primary-300 cursor-pointer">
146
+ <input type="radio" name="template" class="text-primary-600 mr-3">
147
+ <div>
148
+ <h4 class="font-medium">EPC总承包标书模板</h4>
149
+ <p class="text-sm text-gray-500">设计-采购-施工一体化模板</p>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </div>
154
+
155
+ <!-- 第三步 -->
156
+ <div class="generator-card bg-white border border-primary-100 rounded-xl p-6">
157
+ <div class="flex items-center mb-4">
158
+ <div class="bg-primary-100 text-primary-600 font-bold rounded-full w-8 h-8 flex items-center justify-center mr-3">3</div>
159
+ <h3 class="text-lg font-medium text-gray-900">生成标书内容</h3>
160
+ </div>
161
+ <div class="space-y-4">
162
+ <div class="flex items-start">
163
+ <input type="checkbox" class="text-primary-600 mt-1 mr-3" checked>
164
+ <div>
165
+ <h4 class="font-medium">自动生成大纲</h4>
166
+ <p class="text-sm text-gray-500">根据项目类型智能生成标准目录结构</p>
167
+ </div>
168
+ </div>
169
+ <div class="flex items-start">
170
+ <input type="checkbox" class="text-primary-600 mt-1 mr-3" checked>
171
+ <div>
172
+ <h4 class="font-medium">填充基本内容</h4>
173
+ <p class="text-sm text-gray-500">自动生成公司介绍、资质等标准内容</p>
174
+ </div>
175
+ </div>
176
+ <div class="flex items-start">
177
+ <input type="checkbox" class="text-primary-600 mt-1 mr-3">
178
+ <div>
179
+ <h4 class="font-medium">高级内容生成</h4>
180
+ <p class="text-sm text-gray-500">基于AI生成技术方案、实施计划等</p>
181
+ </div>
182
+ </div>
183
+ <button class="w-full bg-primary-500 hover:bg-primary-600 text-white py-3 px-4 rounded-md font-medium mt-4">
184
+ <i data-feather="zap" class="inline mr-2"></i>开始生成标书
185
+ </button>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+
191
+ <!-- 预览区域 -->
192
+ <div class="bg-white rounded-xl shadow-lg p-8">
193
+ <div class="flex justify-between items-center mb-6">
194
+ <h2 class="text-2xl font-bold text-gray-900">标书预览</h2>
195
+ <div class="flex space-x-3">
196
+ <button class="bg-primary-100 text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-200">
197
+ <i data-feather="download" class="inline mr-1"></i>下载Word
198
+ </button>
199
+ <button class="bg-primary-500 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-600">
200
+ <i data-feather="printer" class="inline mr-1"></i>打印标书
201
+ </button>
202
+ </div>
203
+ </div>
204
+
205
+ <div class="border border-gray-200 rounded-lg p-6 min-h-[500px]">
206
+ <div class="text-center mb-8">
207
+ <h1 class="text-3xl font-bold mb-2">某某项目投标文件</h1>
208
+ <p class="text-gray-600">投标编号：TB20230001</p>
209
+ </div>
210
+
211
+ <div class="mb-8">
212
+ <h2 class="text-xl font-bold border-b border-gray-200 pb-2 mb-4">目录</h2>
213
+ <ul class="space-y-2">
214
+ <li>一、投标函及投标函附录</li>
215
+ <li>二、法定代表人身份证明</li>
216
+ <li>三、授权委托书</li>
217
+ <li>四、投标保证金</li>
218
+ <li>五、已标价工程量清单</li>
219
+ <li>六、施工组织设计</li>
220
+ <li>七、项目管理机构</li>
221
+ <li>八、拟分包项目情况表</li>
222
+ <li>九、资格审查资料</li>
223
+ <li>十、其他材料</li>
224
+ </ul>
225
+ </div>
226
+
227
+ <div>
228
+ <h2 class="text-xl font-bold border-b border-gray-200 pb-2 mb-4">一、投标函</h2>
229
+ <p class="mb-4">致：某某招标有限公司</p>
230
+ <p class="mb-4">1. 我方已仔细研究了某某项目招标文件的全部内容，愿意以人民币（大写）壹仟贰佰万元（¥12,000,000.00）的投标总报价，工期180日历天，按合同约定实施和完成承包工程，修补工程中的任何缺陷，工程质量达到优良标准。</p>
231
+ <p class="mb-4">2. 我方承诺在投标有效期内不修改、撤销投标文件。</p>
232
+ <p class="mb-4">3. 随同本投标函提交投标保证金一份，金额为人民币贰拾肆万元整（¥240,000.00）。</p>
233
+ <p>4. 如我方中标：</p>
234
+ <p class="ml-6 mb-4">(1) 我方承诺在收到中标通知书后，在中标通知书规定的期限内与你方签订合同。</p>
235
+ <p class="ml-6">(2) 随同本投标函递交的投标函附录属于合同文件的组成部分。</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="#" 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>
261
+ <ul class="space-y-2">
262
+ <li><a href="#" class="text-primary-200 hover:text-white">文档</a></li>
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
+ </ul>
266
+ </div>
267
+ <div>
268
+ <h3 class="text-lg font-medium mb-4">联系我们</h3>
269
+ <ul class="space-y-2">
270
+ <li class="flex items-center">
271
+ <i data-feather="mail" class="h-4 w-4 mr-2"></i>
272
+ <span class="text-primary-200">contact@aibid.com</span>
273
+ </li>
274
+ <li class="flex items-center">
275
+ <i data-feather="phone" class="h-4 w-4 mr-2"></i>
276
+ <span class="text-primary-200">400-888-8888</span>
277
+ </li>
278
+ </ul>
279
+ </div>
280
+ </div>
281
+ <div class="border-t border-primary-700 mt-8 pt-8 text-center text-primary-300">
282
+ <p>© 2023 橙智标书解析AI 版权所有</p>
283
+ </div>
284
+ </div>
285
+ </footer>
286
+
287
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
288
+ <script>
289
+ VANTA.GLOBE({
290
+ el: "#vanta-bg",
291
+ mouseControls: true,
292
+ touchControls: true,
293
+ gyroControls: false,
294
+ minHeight: 200.00,
295
+ minWidth: 200.00,
296
+ scale: 1.00,
297
+ scaleMobile: 1.00,
298
+ color: 0xF97316,
299
+ backgroundColor: 0xFFF7ED,
300
+ size: 0.8
301
+ });
302
+
303
+ feather.replace();
304
+
305
+ // 交互逻辑
306
+ document.querySelectorAll('input[type="radio"][name="template"]').forEach(radio => {
307
+ radio.addEventListener('change', function() {
308
+ document.querySelectorAll('.flex.items-center.p-3').forEach(item => {
309
+ item.classList.remove('border-primary-300', 'bg-primary-50');
310
+ });
311
+ if (this.checked) {
312
+ this.closest('.flex.items-center.p-3').classList.add('border-primary-300', 'bg-primary-50');
313
+ }
314
+ });
315
+ });
316
+
317
+ // 模拟生成标书
318
+ document.querySelector('button').addEventListener('click', function() {
319
+ alert('标书生成中，请稍候...');
320
+ // 这里可以添加实际的标书生成逻辑
321
+ });
322
+ </script>
323
+ </body>
324
+ </html>
index.html CHANGED
@@ -70,9 +70,10 @@
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>
@@ -206,9 +207,9 @@
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>
 
70
  </div>
71
  </div>
72
  <div class="hidden md:ml-6 md:flex md:items-center space-x-4">
73
+ <a href="index.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">首页</a>
74
+ <a href="bidgenerator.html" 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">历史记录</a>
76
+ <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">API文档</a>
77
  <button class="bg-white text-primary-600 px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-100">
78
  登录/注册
79
  </button>
 
207
  <div>
208
  <h3 class="text-lg font-medium mb-4">产品</h3>
209
  <ul class="space-y-2">
210
+ <li><a href="index.html" class="text-primary-200 hover:text-white">标书解析</a></li>
211
+ <li><a href="bidgenerator.html" class="text-primary-200 hover:text-white">标书生成</a></li>
212
+ <li><a href="#" class="text-primary-200 hover:text-white">API集成</a></li>
213
  </ul>
214
  </div>
215
  <div>