Hugging Face's logo

Spaces:
Sephiroth1984
/
test1
Running

App Files Community
Sephiroth1984 commited on
Commit
3bd7a44
·
verified ·
1 Parent(s): 8b60cf9

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +536 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test1
3
- emoji: 🐠
4
- colorFrom: green
5
- colorTo: red
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: test1
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,536 @@
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>入库管理系统</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ /* 自定义样式 */
11
+ .fade-in {
12
+ animation: fadeIn 0.3s ease-in-out;
13
+ }
14
+
15
+ @keyframes fadeIn {
16
+ from { opacity: 0; transform: translateY(10px); }
17
+ to { opacity: 1; transform: translateY(0); }
18
+ }
19
+
20
+ .custom-scrollbar::-webkit-scrollbar {
21
+ width: 6px;
22
+ height: 6px;
23
+ }
24
+
25
+ .custom-scrollbar::-webkit-scrollbar-track {
26
+ background: #f1f1f1;
27
+ }
28
+
29
+ .custom-scrollbar::-webkit-scrollbar-thumb {
30
+ background: #888;
31
+ border-radius: 3px;
32
+ }
33
+
34
+ .custom-scrollbar::-webkit-scrollbar-thumb:hover {
35
+ background: #555;
36
+ }
37
+
38
+ .highlight-row {
39
+ transition: all 0.2s ease;
40
+ }
41
+
42
+ .highlight-row:hover {
43
+ background-color: #f0f9ff;
44
+ transform: scale(1.01);
45
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
46
+ }
47
+ </style>
48
+ </head>
49
+ <body class="bg-gray-50">
50
+ <div class="min-h-screen flex flex-col">
51
+ <!-- 顶部导航栏 -->
52
+ <header class="bg-blue-600 text-white shadow-md">
53
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
54
+ <div class="flex items-center space-x-2">
55
+ <i class="fas fa-boxes text-2xl"></i>
56
+ <h1 class="text-xl font-bold">仓储管理系统</h1>
57
+ </div>
58
+ <div class="flex items-center space-x-4">
59
+ <div class="relative group">
60
+ <button class="flex items-center space-x-1">
61
+ <i class="fas fa-bell"></i>
62
+ <span class="hidden md:inline">通知</span>
63
+ <span class="absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full h-4 w-4 flex items-center justify-center">3</span>
64
+ </button>
65
+ </div>
66
+ <div class="relative group">
67
+ <button class="flex items-center space-x-1">
68
+ <i class="fas fa-user-circle text-xl"></i>
69
+ <span class="hidden md:inline">管理员</span>
70
+ </button>
71
+ <div class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50 hidden group-hover:block">
72
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-blue-100">个人中心</a>
73
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-blue-100">系统设置</a>
74
+ <div class="border-t border-gray-200"></div>
75
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-blue-100">退出登录</a>
76
+ </div>
77
+ </div>
78
+ </div>
79
+ </div>
80
+ </header>
81
+
82
+ <!-- 主内容区 -->
83
+ <div class="flex flex-1">
84
+ <!-- 侧边栏 -->
85
+ <aside class="w-64 bg-white shadow-md hidden md:block">
86
+ <nav class="p-4">
87
+ <div class="mb-6">
88
+ <h2 class="text-gray-500 uppercase text-xs font-semibold tracking-wider">主菜单</h2>
89
+ <ul class="mt-2 space-y-1">
90
+ <li>
91
+ <a href="#" class="flex items-center px-3 py-2 text-gray-600 hover:bg-blue-50 rounded-md">
92
+ <i class="fas fa-tachometer-alt mr-3"></i>
93
+ <span>控制面板</span>
94
+ </a>
95
+ </li>
96
+ <li>
97
+ <a href="#" class="flex items-center px-3 py-2 bg-blue-50 text-blue-600 rounded-md">
98
+ <i class="fas fa-arrow-down mr-3"></i>
99
+ <span>入库管理</span>
100
+ </a>
101
+ </li>
102
+ <li>
103
+ <a href="#" class="flex items-center px-3 py-2 text-gray-600 hover:bg-blue-50 rounded-md">
104
+ <i class="fas fa-arrow-up mr-3"></i>
105
+ <span>出库管理</span>
106
+ </a>
107
+ </li>
108
+ <li>
109
+ <a href="#" class="flex items-center px-3 py-2 text-gray-600 hover:bg-blue-50 rounded-md">
110
+ <i class="fas fa-boxes mr-3"></i>
111
+ <span>库存查询</span>
112
+ </a>
113
+ </li>
114
+ <li>
115
+ <a href="#" class="flex items-center px-3 py-2 text-gray-600 hover:bg-blue-50 rounded-md">
116
+ <i class="fas fa-file-alt mr-3"></i>
117
+ <span>报表统计</span>
118
+ </a>
119
+ </li>
120
+ </ul>
121
+ </div>
122
+ <div>
123
+ <h2 class="text-gray-500 uppercase text-xs font-semibold tracking-wider">系统设置</h2>
124
+ <ul class="mt-2 space-y-1">
125
+ <li>
126
+ <a href="#" class="flex items-center px-3 py-2 text-gray-600 hover:bg-blue-50 rounded-md">
127
+ <i class="fas fa-users mr-3"></i>
128
+ <span>用户管理</span>
129
+ </a>
130
+ </li>
131
+ <li>
132
+ <a href="#" class="flex items-center px-3 py-2 text-gray-600 hover:bg-blue-50 rounded-md">
133
+ <i class="fas fa-cog mr-3"></i>
134
+ <span>系统设置</span>
135
+ </a>
136
+ </li>
137
+ </ul>
138
+ </div>
139
+ </nav>
140
+ </aside>
141
+
142
+ <!-- 主内容 -->
143
+ <main class="flex-1 p-6">
144
+ <div class="bg-white rounded-lg shadow-md p-6 fade-in">
145
+ <!-- 标题和操作按钮 -->
146
+ <div class="flex justify-between items-center mb-6">
147
+ <div>
148
+ <h2 class="text-2xl font-bold text-gray-800">入库管理</h2>
149
+ <p class="text-gray-600">管理商品入库操作</p>
150
+ </div>
151
+ <div class="flex space-x-2">
152
+ <button id="newEntryBtn" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md flex items-center">
153
+ <i class="fas fa-plus mr-2"></i> 新建入库单
154
+ </button>
155
+ <button class="bg-gray-200 hover:bg-gray-300 text-gray-700 px-4 py-2 rounded-md flex items-center">
156
+ <i class="fas fa-print mr-2"></i> 打印
157
+ </button>
158
+ <button class="bg-gray-200 hover:bg-gray-300 text-gray-700 px-4 py-2 rounded-md flex items-center">
159
+ <i class="fas fa-file-export mr-2"></i> 导出
160
+ </button>
161
+ </div>
162
+ </div>
163
+
164
+ <!-- 搜索和筛选 -->
165
+ <div class="mb-6 bg-gray-50 p-4 rounded-lg">
166
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
167
+ <div>
168
+ <label class="block text-sm font-medium text-gray-700 mb-1">入库单号</label>
169
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
170
+ </div>
171
+ <div>
172
+ <label class="block text-sm font-medium text-gray-700 mb-1">供应商</label>
173
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
174
+ <option value="">全部</option>
175
+ <option value="1">供应商A</option>
176
+ <option value="2">供应商B</option>
177
+ <option value="3">供应商C</option>
178
+ </select>
179
+ </div>
180
+ <div>
181
+ <label class="block text-sm font-medium text-gray-700 mb-1">入库日期</label>
182
+ <input type="date" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
183
+ </div>
184
+ <div class="flex items-end">
185
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md w-full">
186
+ <i class="fas fa-search mr-2"></i> 搜索
187
+ </button>
188
+ </div>
189
+ </div>
190
+ </div>
191
+
192
+ <!-- 入库单列表 -->
193
+ <div class="overflow-x-auto custom-scrollbar">
194
+ <table class="min-w-full divide-y divide-gray-200">
195
+ <thead class="bg-gray-50">
196
+ <tr>
197
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">入库单号</th>
198
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">供应商</th>
199
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">入库日期</th>
200
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">商品数量</th>
201
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">总金额</th>
202
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">操作人</th>
203
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">状态</th>
204
+ <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">操作</th>
205
+ </tr>
206
+ </thead>
207
+ <tbody class="bg-white divide-y divide-gray-200">
208
+ <tr class="highlight-row">
209
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-blue-600">RK20230501001</td>
210
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">供应商A</td>
211
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2023-05-01</td>
212
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15</td>
213
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥12,500.00</td>
214
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">张三</td>
215
+ <td class="px-6 py-4 whitespace-nowrap">
216
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">已完成</span>
217
+ </td>
218
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
219
+ <button class="text-blue-600 hover:text-blue-900 mr-3">查看</button>
220
+ <button class="text-gray-600 hover:text-gray-900">打印</button>
221
+ </td>
222
+ </tr>
223
+ <tr class="highlight-row">
224
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-blue-600">RK20230502001</td>
225
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">供应商B</td>
226
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2023-05-02</td>
227
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">8</td>
228
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥8,200.00</td>
229
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">李四</td>
230
+ <td class="px-6 py-4 whitespace-nowrap">
231
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">已完成</span>
232
+ </td>
233
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
234
+ <button class="text-blue-600 hover:text-blue-900 mr-3">查看</button>
235
+ <button class="text-gray-600 hover:text-gray-900">打印</button>
236
+ </td>
237
+ </tr>
238
+ <tr class="highlight-row">
239
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-blue-600">RK20230503001</td>
240
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">供应商C</td>
241
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2023-05-03</td>
242
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">20</td>
243
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥15,800.00</td>
244
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">王五</td>
245
+ <td class="px-6 py-4 whitespace-nowrap">
246
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">处理中</span>
247
+ </td>
248
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
249
+ <button class="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
250
+ <button class="text-red-600 hover:text-red-900">取消</button>
251
+ </td>
252
+ </tr>
253
+ <tr class="highlight-row">
254
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-blue-600">RK20230504001</td>
255
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">供应商A</td>
256
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2023-05-04</td>
257
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">12</td>
258
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥9,600.00</td>
259
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">张三</td>
260
+ <td class="px-6 py-4 whitespace-nowrap">
261
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">已完成</span>
262
+ </td>
263
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
264
+ <button class="text-blue-600 hover:text-blue-900 mr-3">查看</button>
265
+ <button class="text-gray-600 hover:text-gray-900">打印</button>
266
+ </td>
267
+ </tr>
268
+ <tr class="highlight-row">
269
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-blue-600">RK20230505001</td>
270
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">供应商D</td>
271
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2023-05-05</td>
272
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">5</td>
273
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥4,500.00</td>
274
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">赵六</td>
275
+ <td class="px-6 py-4 whitespace-nowrap">
276
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">已取消</span>
277
+ </td>
278
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
279
+ <button class="text-blue-600 hover:text-blue-900 mr-3">查看</button>
280
+ <button class="text-gray-600 hover:text-gray-900">删除</button>
281
+ </td>
282
+ </tr>
283
+ </tbody>
284
+ </table>
285
+ </div>
286
+
287
+ <!-- 分页 -->
288
+ <div class="mt-6 flex items-center justify-between">
289
+ <div class="text-sm text-gray-500">
290
+ 显示 <span class="font-medium">1</span> 到 <span class="font-medium">5</span> 条，共 <span class="font-medium">23</span> 条记录
291
+ </div>
292
+ <div class="flex space-x-1">
293
+ <button class="px-3 py-1 border border-gray-300 rounded-md text-gray-700 bg-white hover:bg-gray-50">
294
+ 上一页
295
+ </button>
296
+ <button class="px-3 py-1 border border-blue-500 rounded-md text-white bg-blue-500">
297
+ 1
298
+ </button>
299
+ <button class="px-3 py-1 border border-gray-300 rounded-md text-gray-700 bg-white hover:bg-gray-50">
300
+ 2
301
+ </button>
302
+ <button class="px-3 py-1 border border-gray-300 rounded-md text-gray-700 bg-white hover:bg-gray-50">
303
+ 3
304
+ </button>
305
+ <span class="px-3 py-1">...</span>
306
+ <button class="px-3 py-1 border border-gray-300 rounded-md text-gray-700 bg-white hover:bg-gray-50">
307
+ 下一页
308
+ </button>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ </main>
313
+ </div>
314
+ </div>
315
+
316
+ <!-- 新建入库单模态框 -->
317
+ <div id="newEntryModal" class="fixed inset-0 z-50 hidden overflow-y-auto">
318
+ <div class="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
319
+ <div class="fixed inset-0 transition-opacity" aria-hidden="true">
320
+ <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
321
+ </div>
322
+ <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
323
+ <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-4xl sm:w-full">
324
+ <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
325
+ <div class="sm:flex sm:items-start">
326
+ <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
327
+ <i class="fas fa-boxes text-blue-600"></i>
328
+ </div>
329
+ <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
330
+ <h3 class="text-lg leading-6 font-medium text-gray-900">新建入库单</h3>
331
+ <div class="mt-2">
332
+ <form class="space-y-4">
333
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
334
+ <div>
335
+ <label class="block text-sm font-medium text-gray-700 mb-1">入库单号</label>
336
+ <input type="text" value="RK20230506001" class="w-full px-3 py-2 border border-gray-300 rounded-md bg-gray-100" readonly>
337
+ </div>
338
+ <div>
339
+ <label class="block text-sm font-medium text-gray-700 mb-1">入库日期</label>
340
+ <input type="date" class="w-full px-3 py-2 border border-gray-300 rounded-md">
341
+ </div>
342
+ <div>
343
+ <label class="block text-sm font-medium text-gray-700 mb-1">供应商</label>
344
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md">
345
+ <option value="">请选择供应商</option>
346
+ <option value="1">供应商A</option>
347
+ <option value="2">供应商B</option>
348
+ <option value="3">供应商C</option>
349
+ <option value="4">供应商D</option>
350
+ </select>
351
+ </div>
352
+ <div>
353
+ <label class="block text-sm font-medium text-gray-700 mb-1">仓库</label>
354
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md">
355
+ <option value="">请选择仓库</option>
356
+ <option value="1">主仓库</option>
357
+ <option value="2">备件仓库</option>
358
+ <option value="3">成品仓库</option>
359
+ </select>
360
+ </div>
361
+ </div>
362
+ <div>
363
+ <label class="block text-sm font-medium text-gray-700 mb-1">备注</label>
364
+ <textarea rows="2" class="w-full px-3 py-2 border border-gray-300 rounded-md"></textarea>
365
+ </div>
366
+ </form>
367
+
368
+ <!-- 商品添加区域 -->
369
+ <div class="mt-6">
370
+ <div class="flex justify-between items-center mb-3">
371
+ <h4 class="text-md font-medium text-gray-900">入库商品</h4>
372
+ <button id="addProductBtn" class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded-md text-sm flex items-center">
373
+ <i class="fas fa-plus mr-1"></i> 添加商品
374
+ </button>
375
+ </div>
376
+
377
+ <div class="overflow-x-auto custom-scrollbar">
378
+ <table class="min-w-full divide-y divide-gray-200">
379
+ <thead class="bg-gray-50">
380
+ <tr>
381
+ <th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">商品编码</th>
382
+ <th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">商品名称</th>
383
+ <th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">规格型号</th>
384
+ <th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">单位</th>
385
+ <th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">数量</th>
386
+ <th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">单价</th>
387
+ <th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">金额</th>
388
+ <th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">操作</th>
389
+ </tr>
390
+ </thead>
391
+ <tbody class="bg-white divide-y divide-gray-200">
392
+ <tr>
393
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
394
+ <input type="text" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="输入编码">
395
+ </td>
396
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
397
+ <input type="text" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="商品名称">
398
+ </td>
399
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
400
+ <input type="text" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="规格型号">
401
+ </td>
402
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
403
+ <select class="w-full px-2 py-1 border border-gray-300 rounded-md">
404
+ <option>个</option>
405
+ <option>箱</option>
406
+ <option>千克</option>
407
+ <option>米</option>
408
+ </select>
409
+ </td>
410
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
411
+ <input type="number" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="数量">
412
+ </td>
413
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
414
+ <input type="number" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="单价">
415
+ </td>
416
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
417
+ ¥0.00
418
+ </td>
419
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
420
+ <button class="text-red-500 hover:text-red-700">
421
+ <i class="fas fa-trash"></i>
422
+ </button>
423
+ </td>
424
+ </tr>
425
+ </tbody>
426
+ </table>
427
+ </div>
428
+ </div>
429
+
430
+ <!-- 汇总信息 -->
431
+ <div class="mt-6 bg-gray-50 p-4 rounded-lg">
432
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
433
+ <div>
434
+ <label class="block text-sm font-medium text-gray-700 mb-1">商品总数</label>
435
+ <input type="text" value="0" class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white" readonly>
436
+ </div>
437
+ <div>
438
+ <label class="block text-sm font-medium text-gray-700 mb-1">总金额</label>
439
+ <input type="text" value="¥0.00" class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white" readonly>
440
+ </div>
441
+ <div>
442
+ <label class="block text-sm font-medium text-gray-700 mb-1">操作人</label>
443
+ <input type="text" value="管理员" class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white" readonly>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ </div>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
452
+ <button type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
453
+ 提交入库
454
+ </button>
455
+ <button type="button" id="cancelModalBtn" class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
456
+ 取消
457
+ </button>
458
+ </div>
459
+ </div>
460
+ </div>
461
+ </div>
462
+
463
+ <script>
464
+ // 模态框控制
465
+ document.getElementById('newEntryBtn').addEventListener('click', function() {
466
+ document.getElementById('newEntryModal').classList.remove('hidden');
467
+ });
468
+
469
+ document.getElementById('cancelModalBtn').addEventListener('click', function() {
470
+ document.getElementById('newEntryModal').classList.add('hidden');
471
+ });
472
+
473
+ // 添加商品行
474
+ document.getElementById('addProductBtn').addEventListener('click', function() {
475
+ const tbody = document.querySelector('#newEntryModal tbody');
476
+ const newRow = document.createElement('tr');
477
+ newRow.innerHTML = `
478
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
479
+ <input type="text" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="输入编码">
480
+ </td>
481
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
482
+ <input type="text" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="商品名称">
483
+ </td>
484
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
485
+ <input type="text" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="规格型号">
486
+ </td>
487
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
488
+ <select class="w-full px-2 py-1 border border-gray-300 rounded-md">
489
+ <option>个</option>
490
+ <option>箱</option>
491
+ <option>千克</option>
492
+ <option>米</option>
493
+ </select>
494
+ </td>
495
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
496
+ <input type="number" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="数量">
497
+ </td>
498
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
499
+ <input type="number" class="w-full px-2 py-1 border border-gray-300 rounded-md" placeholder="单价">
500
+ </td>
501
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
502
+ ¥0.00
503
+ </td>
504
+ <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
505
+ <button class="text-red-500 hover:text-red-700">
506
+ <i class="fas fa-trash"></i>
507
+ </button>
508
+ </td>
509
+ `;
510
+ tbody.appendChild(newRow);
511
+
512
+ // 添加删除行功能
513
+ const deleteBtn = newRow.querySelector('button');
514
+ deleteBtn.addEventListener('click', function() {
515
+ tbody.removeChild(newRow);
516
+ });
517
+ });
518
+
519
+ // 点击模态框外部关闭模态框
520
+ window.addEventListener('click', function(event) {
521
+ const modal = document.getElementById('newEntryModal');
522
+ if (event.target === modal) {
523
+ modal.classList.add('hidden');
524
+ }
525
+ });
526
+
527
+ // 表格行点击效果
528
+ document.querySelectorAll('.highlight-row').forEach(row => {
529
+ row.addEventListener('click', function() {
530
+ // 这里可以添加查看详情的逻辑
531
+ console.log('查看入库单:', this.querySelector('td:first-child').textContent);
532
+ });
533
+ });
534
+ </script>
535
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Sephiroth1984/test1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
536
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 请生成入库管理操作页面