File size: 20,353 Bytes
d5492b8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c33d914
d5492b8
c33d914
d5492b8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
<!DOCTYPE html>
<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;
        }
        .knowledge-card {
            transition: all 0.3s;
        }
        .knowledge-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4);
        }
    </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="bidchecker.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">标书查重</a>
                    <a href="bidknowledge.html" class="bg-primary-600 text-white px-3 py-2 rounded-md text-sm font-medium">标书知识库</a>
                    <a href="enterprisekb.html" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600">企业知识库</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="bg-white rounded-xl shadow-lg p-8 mb-12">
            <div class="relative">
                <input type="text" class="w-full px-5 py-4 pr-12 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="搜索标书知识...">
                <button class="absolute right-3 top-1/2 transform -translate-y-1/2 text-primary-500">
                    <i data-feather="search" class="h-5 w-5"></i>
                </button>
            </div>
            <div class="flex flex-wrap gap-3 mt-4">
                <span class="bg-primary-100 text-primary-600 px-3 py-1 rounded-full text-sm cursor-pointer hover:bg-primary-200">招标法规</span>
                <span class="bg-primary-100 text-primary-600 px-3 py-1 rounded-full text-sm cursor-pointer hover:bg-primary-200">工程标书</span>
                <span class="bg-primary-100 text-primary-600 px-3 py-1 rounded-full text-sm cursor-pointer hover:bg-primary-200">服务标书</span>
                <span class="bg-primary-100 text-primary-600 px-3 py-1 rounded-full text-sm cursor-pointer hover:bg-primary-200">政府采购</span>
                <span class="bg-primary-100 text-primary-600 px-3 py-1 rounded-full text-sm cursor-pointer hover:bg-primary-200">投标技巧</span>
            </div>
        </div>

        <!-- 知识分类 -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
            <!-- 政策法规 -->
            <div class="knowledge-card bg-white rounded-xl shadow-md overflow-hidden">
                <div class="bg-primary-500 p-4">
                    <div class="flex items-center">
                        <i data-feather="book" class="text-white h-6 w-6"></i>
                        <h3 class="ml-2 text-white font-bold">政策法规</h3>
                    </div>
                </div>
                <div class="p-5">
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i data-feather="file-text" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">《招标投标法》2023年最新解读</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="file-text" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">政府采购法实施条例</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="file-text" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">工程建设项目招标范围规定</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="file-text" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">投标保证金管理规定</span>
                        </li>
                    </ul>
                    <button class="w-full mt-4 text-primary-500 hover:text-primary-600 text-sm font-medium flex items-center justify-center">
                        查看全部 <i data-feather="chevron-right" class="h-4 w-4 ml-1"></i>
                    </button>
                </div>
            </div>

            <!-- 标书模板 -->
            <div class="knowledge-card bg-white rounded-xl shadow-md overflow-hidden">
                <div class="bg-primary-500 p-4">
                    <div class="flex items-center">
                        <i data-feather="layout" class="text-white h-6 w-6"></i>
                        <h3 class="ml-2 text-white font-bold">标书模板</h3>
                    </div>
                </div>
                <div class="p-5">
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i data-feather="download" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">建筑工程投标文件范本</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="download" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">政府采购服务类标书模板</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="download" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">EPC总承包投标文件范本</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="download" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">设备采购投标文件模板</span>
                        </li>
                    </ul>
                    <button class="w-full mt-4 text-primary-500 hover:text-primary-600 text-sm font-medium flex items-center justify-center">
                        查看全部 <i data-feather="chevron-right" class="h-4 w-4 ml-1"></i>
                    </button>
                </div>
            </div>

            <!-- 案例分析 -->
            <div class="knowledge-card bg-white rounded-xl shadow-md overflow-hidden">
                <div class="bg-primary-500 p-4">
                    <div class="flex items-center">
                        <i data-feather="award" class="text-white h-6 w-6"></i>
                        <h3 class="ml-2 text-white font-bold">案例分析</h3>
                    </div>
                </div>
                <div class="p-5">
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i data-feather="file-text" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">某大型市政工程中标案例分析</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="file-text" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">常见废标原因及避免方法</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="file-text" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">技术方案编写技巧</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="file-text" class="text-primary-500 h-4 w-4 mt-1 mr-2"></i>
                            <span class="text-gray-700 hover:text-primary-600 cursor-pointer">报价策略与技巧</span>
                        </li>
                    </ul>
                    <button class="w-full mt-4 text-primary-500 hover:text-primary-600 text-sm font-medium flex items-center justify-center">
                        查看全部 <i data-feather="chevron-right" class="h-4 w-4 ml-1"></i>
                    </button>
                </div>
            </div>
        </div>

        <!-- 热门知识 -->
        <div class="bg-white rounded-xl shadow-lg p-8 mb-12">
            <h2 class="text-2xl font-bold text-gray-900 mb-6">热门知识</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div class="border border-gray-200 rounded-lg p-5">
                    <div class="flex items-center mb-3">
                        <span class="bg-primary-100 text-primary-600 px-2 py-1 rounded text-xs mr-3">法规解读</span>
                        <span class="text-gray-500 text-sm">2023-05-15</span>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">《招标投标法》2023年修订要点解读</h3>
                    <p class="text-gray-600 text-sm mb-4">本文详细解读了2023年《招标投标法》修订的主要内容,包括电子招标、评标专家管理、投诉处理等方面的变化。</p>
                    <div class="flex justify-between items-center">
                        <span class="text-primary-500 text-sm font-medium cursor-pointer">阅读全文</span>
                        <span class="text-gray-500 text-sm flex items-center">
                            <i data-feather="eye" class="h-4 w-4 mr-1"></i> 1,245
                        </span>
                    </div>
                </div>
                <div class="border border-gray-200 rounded-lg p-5">
                    <div class="flex items-center mb-3">
                        <span class="bg-primary-100 text-primary-600 px-2 py-1 rounded text-xs mr-3">技巧分享</span>
                        <span class="text-gray-500 text-sm">2023-04-28</span>
                    </div>
                    <h3 class="text-lg font-medium text-gray-900 mb-2">提高标书评分的技术方案编写技巧</h3>
                    <p class="text-gray-600 text-sm mb-4">从专家评审角度,分享如何编写技术方案才能获得高分,包括章节安排、重点突出、图表使用等实用技巧。</p>
                    <div class="flex justify-between items-center">
                        <span class="text-primary-500 text-sm font-medium cursor-pointer">阅读全文</span>
                        <span class="text-gray-500 text-sm flex items-center">
                            <i data-feather="eye" class="h-4 w-4 mr-1"></i> 982
                        </span>
                    </div>
                </div>
            </div>
        </div>

        <!-- 知识问答 -->
        <div class="bg-white rounded-xl shadow-lg p-8">
            <div class="flex justify-between items-center mb-6">
                <h2 class="text-2xl font-bold text-gray-900">标书知识问答</h2>
                <button class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium">
                    <i data-feather="plus" class="inline mr-1"></i> 提出问题
                </button>
            </div>
            <div class="space-y-4">
                <div class="border-b border-gray-200 pb-4">
                    <h3 class="text-lg font-medium text-gray-900 mb-2">投标有效期应该设置多长时间合适?</h3>
                    <p class="text-gray-600 text-sm mb-3">根据《招标投标法实施条例》规定,投标有效期从提交投标文件的截止之日起算,最短不得少于90日...</p>
                    <div class="flex justify-between items-center">
                        <span class="text-gray-500 text-sm">2023-05-10 • 12个回答</span>
                        <span class="text-primary-500 text-sm font-medium cursor-pointer">查看详情</span>
                    </div>
                </div>
                <div class="border-b border-gray-200 pb-4">
                    <h3 class="text-lg font-medium text-gray-900 mb-2">技术标和商务标分开装订可以吗?</h3>
                    <p class="text-gray-600 text-sm mb-3">是否分开装订取决于招标文件的具体要求。如无特殊规定,一般建议合并装订以保持标书完整性...</p>
                    <div class="flex justify-between items-center">
                        <span class="text-gray-500 text-sm">2023-05-05 • 8个回答</span>
                        <span class="text-primary-500 text-sm font-medium cursor-pointer">查看详情</span>
                    </div>
                </div>
                <div class="border-b border-gray-200 pb-4">
                    <h3 class="text-lg font-medium text-gray-900 mb-2">投标文件必须胶装吗?订书钉装订可以吗?</h3>
                    <p class="text-gray-600 text-sm mb-3">政府采购项目通常要求胶装,其他项目如无特殊要求可以使用订书钉,但胶装更为正式规范...</p>
                    <div class="flex justify-between items-center">
                        <span class="text-gray-500 text-sm">2023-04-28 • 15个回答</span>
                        <span class="text-primary-500 text-sm font-medium cursor-pointer">查看详情</span>
                    </div>
                </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="bidchecker.html" class="text-primary-200 hover:text-white">标书查重</a></li>
                        <li><a href="bidknowledge.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();
    </script>
</body>
</html>