Hugging Face's logo

Spaces:
r2d209
/
ncss1
Running

App Files Community
r2d209 commited on
Commit
c1b37ee
ยท
verified ยท
1 Parent(s): 1a32e3b

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +431 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ncss1
3
- emoji: ๐Ÿ“Š
4
- colorFrom: green
5
- colorTo: gray
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: ncss1
3
+ emoji: ๐Ÿณ
4
+ colorFrom: gray
5
+ colorTo: red
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,431 @@
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="ko">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>OTT ์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ์ •์‚ฐ ์‹œ์Šคํ…œ</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
+ .sidebar {
11
+ transition: all 0.3s ease;
12
+ }
13
+ .dropdown-content {
14
+ display: none;
15
+ transition: all 0.3s ease;
16
+ }
17
+ .dropdown:hover .dropdown-content {
18
+ display: block;
19
+ }
20
+ .checkbox-custom {
21
+ appearance: none;
22
+ -webkit-appearance: none;
23
+ -moz-appearance: none;
24
+ width: 20px;
25
+ height: 20px;
26
+ border: 2px solid #3b82f6;
27
+ border-radius: 4px;
28
+ outline: none;
29
+ cursor: pointer;
30
+ position: relative;
31
+ }
32
+ .checkbox-custom:checked {
33
+ background-color: #3b82f6;
34
+ }
35
+ .checkbox-custom:checked::after {
36
+ content: "\2713";
37
+ font-size: 14px;
38
+ color: white;
39
+ position: absolute;
40
+ top: 50%;
41
+ left: 50%;
42
+ transform: translate(-50%, -50%);
43
+ }
44
+ .service-tab {
45
+ transition: all 0.3s ease;
46
+ }
47
+ .service-tab:hover {
48
+ transform: translateY(-2px);
49
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
50
+ }
51
+ .mapping-highlight {
52
+ animation: pulse 2s infinite;
53
+ }
54
+ @keyframes pulse {
55
+ 0% { background-color: #f0f9ff; }
56
+ 50% { background-color: #e0f2fe; }
57
+ 100% { background-color: #f0f9ff; }
58
+ }
59
+ </style>
60
+ </head>
61
+ <body class="bg-gray-50">
62
+ <!-- ์ƒ๋‹จ ๋„ค๋น„๊ฒŒ์ด์…˜ -->
63
+ <nav class="bg-blue-600 text-white shadow-lg">
64
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
65
+ <div class="flex items-center space-x-4">
66
+ <i class="fas fa-video text-2xl"></i>
67
+ <span class="text-xl font-bold">OTT ์ •์‚ฐ ์‹œ์Šคํ…œ</span>
68
+ </div>
69
+ <div class="flex items-center space-x-6">
70
+ <div class="dropdown relative">
71
+ <button class="flex items-center space-x-2 focus:outline-none">
72
+ <img src="https://ui-avatars.com/api/?name=๊ด€๋ฆฌ์ž" alt="User" class="w-8 h-8 rounded-full">
73
+ <span>๊น€๋‹ด๋‹น์ž</span>
74
+ <i class="fas fa-chevron-down"></i>
75
+ </button>
76
+ <div class="dropdown-content absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50 hidden">
77
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-blue-100">ํ”„๋กœํ•„ ์„ค์ •</a>
78
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-blue-100">๋กœ๊ทธ์•„์›ƒ</a>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </div>
83
+ </nav>
84
+
85
+ <div class="flex">
86
+ <!-- ์‚ฌ์ด๋“œ๋ฐ” -->
87
+ <div class="sidebar bg-white w-64 min-h-screen shadow-md p-4 flex flex-col">
88
+ <div class="mb-8 mt-4">
89
+ <h2 class="text-lg font-semibold text-gray-700">Main Menu</h2>
90
+ </div>
91
+ <ul class="space-y-2">
92
+ <li>
93
+ <a href="#" class="flex items-center p-2 text-gray-600 rounded-lg hover:bg-blue-50 hover:text-blue-600">
94
+ <i class="fas fa-home mr-3"></i>
95
+ <span>๋Œ€์‹œ๋ณด๋“œ</span>
96
+ </a>
97
+ </li>
98
+ <li>
99
+ <a href="#" class="flex items-center p-2 text-blue-600 bg-blue-50 rounded-lg">
100
+ <i class="fas fa-file-invoice-dollar mr-3"></i>
101
+ <span>์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ๊ด€๋ฆฌ</span>
102
+ </a>
103
+ </li>
104
+ <li>
105
+ <a href="#" class="flex items-center p-2 text-gray-600 rounded-lg hover:bg-blue-50 hover:text-blue-600">
106
+ <i class="fas fa-calculator mr-3"></i>
107
+ <span>์ •์‚ฐ ๊ด€๋ฆฌ</span>
108
+ </a>
109
+ </li>
110
+ <li>
111
+ <a href="#" class="flex items-center p-2 text-gray-600 rounded-lg hover:bg-blue-50 hover:text-blue-600">
112
+ <i class="fas fa-file-alt mr-3"></i>
113
+ <span>์ „ํ‘œ ๊ด€๋ฆฌ</span>
114
+ </a>
115
+ </li>
116
+ <li>
117
+ <a href="#" class="flex items-center p-2 text-gray-600 rounded-lg hover:bg-blue-50 hover:text-blue-600">
118
+ <i class="fas fa-chart-bar mr-3"></i>
119
+ <span>๋ถ„์„ ๋ฆฌํฌํŠธ</span>
120
+ </a>
121
+ </li>
122
+ </ul>
123
+ <div class="mt-auto p-4 text-sm text-gray-500">
124
+ <p>ยฉ 2023 OTT ์ •์‚ฐํŒ€</p>
125
+ </div>
126
+ </div>
127
+
128
+ <!-- ๋ฉ”์ธ ์ฝ˜ํ…์ธ  -->
129
+ <div class="flex-1 p-8">
130
+ <div class="mb-6">
131
+ <h1 class="text-2xl font-bold text-gray-800">์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ๊ด€๋ฆฌ</h1>
132
+ <p class="text-gray-600">๋ฐœํ–‰๋œ ์„ธ๊ธˆ๊ณ„์‚ฐ์„œ๋ฅผ ์กฐํšŒํ•˜๊ณ  ์ •์‚ฐ ๊ฒฐ๊ณผ์™€ ๋งคํ•‘ํ•˜์—ฌ ์ „ํ‘œ๋ฅผ ๋ฐœํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.</p>
133
+ </div>
134
+
135
+ <!-- ์ •์‚ฐ ๊ธฐ๊ฐ„ ์„ ํƒ -->
136
+ <div class="bg-white rounded-lg shadow p-6 mb-6">
137
+ <div class="flex justify-between items-center mb-4">
138
+ <h2 class="text-lg font-semibold text-gray-800">์กฐํšŒ ์กฐ๊ฑด ์„ค์ •</h2>
139
+ </div>
140
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
141
+ <div>
142
+ <label class="block text-sm font-medium text-gray-700 mb-1">์ •์‚ฐ ๊ธฐ๊ฐ„</label>
143
+ <select class="w-full border border-gray-300 rounded-md py-2 px-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
144
+ <option>2023๋…„ 10์›”</option>
145
+ <option>2023๋…„ 9์›”</option>
146
+ <option>2023๋…„ 8์›”</option>
147
+ <option>2023๋…„ 7์›”</option>
148
+ </select>
149
+ </div>
150
+ <div>
151
+ <label class="block text-sm font-medium text-gray-700 mb-1">OTT ์„œ๋น„์Šค</label>
152
+ <select class="w-full border border-gray-300 rounded-md py-2 px-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
153
+ <option>์ „์ฒด ์„œ๋น„์Šค</option>
154
+ <option>OTT ์„œ๋น„์Šค A</option>
155
+ <option>OTT ์„œ๋น„์Šค B</option>
156
+ <option>OTT ์„œ๋น„์Šค C</option>
157
+ </select>
158
+ </div>
159
+ <div>
160
+ <label class="block text-sm font-medium text-gray-700 mb-1">CP ์‚ฌ์—…์ž</label>
161
+ <select class="w-full border border-gray-300 rounded-md py-2 px-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
162
+ <option>์ „์ฒด CP</option>
163
+ <option>ABC ์ปจํ…์ธ </option>
164
+ <option>XYZ ๋ฏธ๋””์–ด</option>
165
+ <option>DEF ์—”ํ„ฐํ…Œ์ธ๋จผํŠธ</option>
166
+ </select>
167
+ </div>
168
+ <div class="flex items-end">
169
+ <button class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md transition duration-300">
170
+ ์กฐํšŒํ•˜๊ธฐ
171
+ </button>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <!-- ์„œ๋น„์Šค๋ณ„ ํƒญ -->
177
+ <div class="flex space-x-4 mb-6">
178
+ <div class="service-tab bg-white rounded-lg shadow p-4 cursor-pointer w-1/3 text-center border-b-4 border-blue-500">
179
+ <div class="text-sm font-medium text-gray-500">OTT ์„œ๋น„์Šค A</div>
180
+ <div class="text-2xl font-bold text-blue-600">15๊ฑด</div>
181
+ <div class="text-sm text-green-600">100% ๋งคํ•‘ ์™„๋ฃŒ</div>
182
+ </div>
183
+ <div class="service-tab bg-white rounded-lg shadow p-4 cursor-pointer w-1/3 text-center border-b-4 border-yellow-500">
184
+ <div class="text-sm font-medium text-gray-500">OTT ์„œ๋น„์Šค B</div>
185
+ <div class="text-2xl font-bold text-yellow-600">8๊ฑด</div>
186
+ <div class="text-sm text-red-600">50% ๋งคํ•‘ ํ•„์š”</div>
187
+ </div>
188
+ <div class="service-tab bg-white rounded-lg shadow p-4 cursor-pointer w-1/3 text-center border-b-4 border-purple-500">
189
+ <div class="text-sm font-medium text-gray-500">OTT ์„œ๋น„์Šค C</div>
190
+ <div class="text-2xl font-bold text-purple-600">12๊ฑด</div>
191
+ <div class="text-sm text-green-600">100% ๋งคํ•‘ ์™„๋ฃŒ</div>
192
+ </div>
193
+ </div>
194
+
195
+ <!-- ์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ๋ฆฌ์ŠคํŠธ -->
196
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
197
+ <div class="px-6 py-4 border-b flex justify-between items-center">
198
+ <h2 class="text-lg font-semibold text-gray-800">์„ธ๊ธˆ๏ฟฝ๏ฟฝ๏ฟฝ์‚ฐ์„œ ๋ชฉ๋ก (์ด 35๊ฑด)</h2>
199
+ <div class="flex space-x-2">
200
+ <button class="bg-gray-100 hover:bg-gray-200 text-gray-700 py-1 px-3 rounded-md text-sm">
201
+ <i class="fas fa-download mr-1"></i> ์—‘์…€ ๋‹ค์šด๋กœ๋“œ
202
+ </button>
203
+ <button class="bg-blue-50 hover:bg-blue-100 text-blue-600 py-1 px-3 rounded-md text-sm">
204
+ <i class="fas fa-sync-alt mr-1"></i> ์ƒˆ๋กœ๊ณ ์นจ
205
+ </button>
206
+ </div>
207
+ </div>
208
+ <div class="overflow-x-auto">
209
+ <table class="min-w-full divide-y divide-gray-200">
210
+ <thead class="bg-gray-50">
211
+ <tr>
212
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">์„ ํƒ</th>
213
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">๋ฐœํ–‰์ผ์ž</th>
214
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ๋ฒˆํ˜ธ</th>
215
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">CP ์‚ฌ์—…์ž</th>
216
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">๊ธˆ์•ก (VAT ํฌํ•จ)</th>
217
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">๋ฐฐ์ • ์„œ๋น„์Šค</th>
218
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">์ƒํƒœ</th>
219
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">์•ก์…˜</th>
220
+ </tr>
221
+ </thead>
222
+ <tbody class="bg-white divide-y divide-gray-200">
223
+ <tr class="hover:bg-gray-50">
224
+ <td class="px-6 py-4 whitespace-nowrap">
225
+ <input type="checkbox" class="checkbox-custom">
226
+ </td>
227
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2023-10-15</td>
228
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-blue-600">TAX-20231015-001</td>
229
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">ABC ์ปจํ…์ธ </td>
230
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">12,550,000 ์›</td>
231
+ <td class="px-6 py-4 whitespace-nowrap">
232
+ <div class="flex space-x-1">
233
+ <span class="px-2 py-1 text-xs bg-blue-100 text-blue-800 rounded-full">์„œ๋น„์Šค A</span>
234
+ <span class="px-2 py-1 text-xs bg-yellow-100 text-yellow-800 rounded-full">์„œ๋น„์Šค B</span>
235
+ </div>
236
+ </td>
237
+ <td class="px-6 py-4 whitespace-nowrap">
238
+ <span class="px-2 py-1 text-xs bg-green-100 text-green-800 rounded-full">๋งคํ•‘ ์™„๋ฃŒ</span>
239
+ </td>
240
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
241
+ <button class="text-blue-600 hover:text-blue-800">์ƒ์„ธ๋ณด๊ธฐ</button>
242
+ </td>
243
+ </tr>
244
+ <tr class="hover:bg-gray-50 mapping-highlight">
245
+ <td class="px-6 py-4 whitespace-nowrap">
246
+ <input type="checkbox" class="checkbox-custom">
247
+ </td>
248
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2023-10-14</td>
249
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-blue-600">TAX-20231014-003</td>
250
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">XYZ ๋ฏธ๋””์–ด</td>
251
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">8,750,000 ์›</td>
252
+ <td class="px-6 py-4 whitespace-nowrap">
253
+ <div class="flex space-x-1">
254
+ <span class="px-2 py-1 text-xs bg-blue-100 text-blue-800 rounded-full">์„œ๋น„์Šค A</span>
255
+ <span class="px-2 py-1 text-xs bg-purple-100 text-purple-800 rounded-full">์„œ๋น„์Šค C</span>
256
+ </div>
257
+ </td>
258
+ <td class="px-6 py-4 whitespace-nowrap">
259
+ <span class="px-2 py-1 text-xs bg-yellow-100 text-yellow-800 rounded-full">๋งคํ•‘ ํ•„์š”</span>
260
+ </td>
261
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
262
+ <button class="text-blue-600 hover:text-blue-800">์ƒ์„ธ๋ณด๊ธฐ</button>
263
+ </td>
264
+ </tr>
265
+ <!-- ์ถ”๊ฐ€ ํ–‰๋“ค... -->
266
+ </tbody>
267
+ </table>
268
+ </div>
269
+ <div class="px-6 py-4 border-t border-gray-200 flex items-center justify-between bg-gray-50">
270
+ <div class="text-sm text-gray-500">
271
+ <span>1-10 of 35 items</span>
272
+ </div>
273
+ <div class="flex space-x-2">
274
+ <button class="px-3 py-1 border rounded-md text-sm bg-white text-gray-700 hover:bg-gray-50">
275
+ Previous
276
+ </button>
277
+ <button class="px-3 py-1 border rounded-md text-sm bg-blue-600 text-white">
278
+ 1
279
+ </button>
280
+ <button class="px-3 py-1 border rounded-md text-sm bg-white text-gray-700 hover:bg-gray-50">
281
+ 2
282
+ </button>
283
+ <button class="px-3 py-1 border rounded-md text-sm bg-white text-gray-700 hover:bg-gray-50">
284
+ Next
285
+ </button>
286
+ </div>
287
+ </div>
288
+ </div>
289
+
290
+ <!-- ์ผ๊ด„ ์•ก์…˜ ๋ฒ„ํŠผ -->
291
+ <div class="flex justify-end space-x-3 mb-6">
292
+ <button class="px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200 text-sm">
293
+ <i class="fas fa-file-export mr-2"></i>์ผ๊ด„ ๋‚ด๋ณด๋‚ด๊ธฐ
294
+ </button>
295
+ <button class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 text-sm">
296
+ <i class="fas fa-file-invoice mr-2"></i>SAP ์ „ํ‘œ ๋ฐœํ–‰
297
+ </button>
298
+ </div>
299
+ </div>
300
+ </div>
301
+
302
+ <!-- ์ƒ์„ธ ๋งคํ•‘ ๋ชจ๋‹ฌ -->
303
+ <div id="mappingModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
304
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-4xl">
305
+ <div class="px-6 py-4 border-b flex justify-between items-center">
306
+ <h2 class="text-xl font-semibold text-gray-800">์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ์ƒ์„ธ ๋ฐ ๋งคํ•‘</h2>
307
+ <button onclick="closeModal()" class="text-gray-500 hover:text-gray-700">
308
+ <i class="fas fa-times"></i>
309
+ </button>
310
+ </div>
311
+ <div class="p-6">
312
+ <div class="grid grid-cols-2 gap-6 mb-8">
313
+ <div>
314
+ <h3 class="text-lg font-medium text-gray-900 mb-4">์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ์ •๋ณด</h3>
315
+ <div class="space-y-4">
316
+ <div>
317
+ <label class="block text-sm font-medium text-gray-500">CP ์‚ฌ์—…์ž</label>
318
+ <p class="mt-1 text-sm text-gray-900">XYZ ๋ฏธ๋””์–ด</p>
319
+ </div>
320
+ <div>
321
+ <label class="block text-sm font-medium text-gray-500">์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ๋ฒˆํ˜ธ</label>
322
+ <p class="mt-1 text-sm text-gray-900">TAX-20231014-003</p>
323
+ </div>
324
+ <div>
325
+ <label class="block text-sm font-medium text-gray-500">๋ฐœํ–‰ ๊ธˆ์•ก (VAT ํฌํ•จ)</label>
326
+ <p class="mt-1 text-sm text-gray-900">8,750,000 ์›</p>
327
+ </div>
328
+ <div>
329
+ <label class="block text-sm font-medium text-gray-500">๋ฐœํ–‰ ์ผ์ž</label>
330
+ <p class="mt-1 text-sm text-gray-900">2023-10-14</p>
331
+ </div>
332
+ </div>
333
+ </div>
334
+ <div>
335
+ <h3 class="text-lg font-medium text-gray-900 mb-4">์ •์‚ฐ ์ •๋ณด ๋งคํ•‘</h3>
336
+ <div class="space-y-4">
337
+ <div>
338
+ <label class="block text-sm font-medium text-gray-500 mb-1">์ •์‚ฐ ๊ธฐ๊ฐ„</label>
339
+ <select class="w-full border border-gray-300 rounded-md py-2 px-3 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm">
340
+ <option>2023๋…„ 10์›”</option>
341
+ <option>2023๋…„ 9์›”</option>
342
+ </select>
343
+ </div>
344
+ <div>
345
+ <label class="block text-sm font-medium text-gray-500">์ „์ฒด ์ •์‚ฐ ๊ธˆ์•ก</label>
346
+ <p class="mt-1 text-sm font-bold text-gray-900">8,750,000 ์›</p>
347
+ </div>
348
+ <div class="border-t pt-4">
349
+ <h4 class="text-sm font-medium text-gray-700 mb-3">์„œ๋น„์Šค๋ณ„ ์ •์‚ฐ ๊ธˆ์•ก ๋งคํ•‘</h4>
350
+ <div class="space-y-3">
351
+ <div class="flex items-center">
352
+ <input type="checkbox" id="serviceA" class="checkbox-custom mr-3">
353
+ <label for="serviceA" class="flex-1 text-sm text-gray-900">OTT ์„œ๋น„์Šค A</label>
354
+ <input type="number" class="w-32 border border-gray-300 rounded-md py-1 px-2 focus:outline-none focus:ring-1 focus:ring-blue-500 text-sm" placeholder="๊ธˆ์•ก ์ž…๋ ฅ" value="5,250,000">
355
+ </div>
356
+ <div class="flex items-center">
357
+ <input type="checkbox" id="serviceB" class="checkbox-custom mr-3" checked>
358
+ <label for="serviceB" class="flex-1 text-sm text-gray-900">OTT ์„œ๋น„์Šค B</label>
359
+ <input type="number" class="w-32 border border-gray-300 rounded-md py-1 px-2 focus:outline-none focus:ring-1 focus:ring-blue-500 text-sm" placeholder="๊ธˆ์•ก ์ž…๋ ฅ" value="0">
360
+ </div>
361
+ <div class="flex items-center">
362
+ <input type="checkbox" id="serviceC" class="checkbox-custom mr-3" checked>
363
+ <label for="serviceC" class="flex-1 text-sm text-gray-900">OTT ์„œ๋น„์Šค C</label>
364
+ <input type="number" class="w-32 border border-gray-300 rounded-md py-1 px-2 focus:outline-none focus:ring-1 focus:ring-blue-500 text-sm" placeholder="๊ธˆ์•ก ์ž…๋ ฅ" value="3,500,000">
365
+ </div>
366
+ </div>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ </div>
371
+ <div class="bg-blue-50 p-4 rounded-md mb-6">
372
+ <div class="flex items-start">
373
+ <div class="flex-shrink-0 pt-1">
374
+ <i class="fas fa-info-circle text-blue-500"></i>
375
+ </div>
376
+ <div class="ml-3">
377
+ <h3 class="text-sm font-medium text-blue-800">๋งคํ•‘ ์•ˆ๋‚ด</h3>
378
+ <div class="mt-2 text-sm text-blue-700">
379
+ <p>
380
+ ํ•ด๋‹น ์„ธ๊ธˆ๊ณ„์‚ฐ์„œ๊ฐ€ ์–ด๋–ค OTT ์„œ๋น„์Šค์— ํ•ด๋‹นํ•˜๋Š”์ง€ ์ฒดํฌ๋ฐ•์Šค๋ฅผ ์„ ํƒํ•˜๊ณ  ๊ธˆ์•ก์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
381
+ ์—ฌ๋Ÿฌ ์„œ๋น„์Šค์— ๊ฑธ์ณ ์žˆ๋Š” ๊ฒฝ์šฐ ๊ฐ ์„œ๋น„์Šค๋ณ„ ๊ธˆ์•ก์„ ๋ถ„ํ• ํ•˜์—ฌ ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
382
+ ์ •์‚ฐ ์‹œ์Šคํ…œ์˜ ์ „์ฒด ์ •์‚ฐ ๊ธˆ์•ก๊ณผ ์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ๊ธˆ์•ก์ด ์ผ์น˜ํ•ด์•ผ ์ „ํ‘œ ๋ฐœํ–‰์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
383
+ </p>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ <div class="flex justify-end space-x-3">
389
+ <button onclick="closeModal()" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200">
390
+ ์ทจ์†Œ
391
+ </button>
392
+ <button onclick="verifyAndSubmit()" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">
393
+ ๊ฒ€์ฆ ๋ฐ SAP ์ „ํ‘œ ๋ฐœํ–‰
394
+ </button>
395
+ </div>
396
+ </div>
397
+ </div>
398
+ </div>
399
+
400
+ <script>
401
+ // ๋ชจ๋‹ฌ ์—ด๊ธฐ ํ•จ์ˆ˜
402
+ function openModal() {
403
+ document.getElementById('mappingModal').classList.remove('hidden');
404
+ }
405
+
406
+ // ๋ชจ๋‹ฌ ๋‹ซ๊ธฐ ํ•จ์ˆ˜
407
+ function closeModal() {
408
+ document.getElementById('mappingModal').classList.add('hidden');
409
+ }
410
+
411
+ // ๊ฒ€์ฆ ๋ฐ ์ „ํ‘œ ๋ฐœํ–‰ ํ•จ์ˆ˜
412
+ function verifyAndSubmit() {
413
+ // ๊ฐ„๋‹จํžˆ ํ™•์ธ ๋ฉ”์‹œ์ง€๋งŒ ํ‘œ์‹œ (์‹ค์ œ ๊ตฌํ˜„์—์„œ๋Š” API ํ˜ธ์ถœ ๋“ฑ ์ฒ˜๋ฆฌ)
414
+ alert('์ •์‚ฐ ๊ธˆ์•ก์ด ์ผ์น˜ํ•˜์—ฌ SAP ์ž„์‹œ์ „ํ‘œ๊ฐ€ ๋ฐœํ–‰๋˜์—ˆ์Šต๋‹ˆ๋‹ค.');
415
+ closeModal();
416
+ }
417
+
418
+ // ํŽ˜์ด์ง€ ๋กœ๋“œ ์‹œ ์ดˆ๊ธฐํ™”
419
+ document.addEventListener('DOMContentLoaded', function() {
420
+ // ํ…Œ์ด๋ธ” ํ–‰ ํด๋ฆญ ์ด๋ฒคํŠธ (์ƒ์„ธ ๋ชจ๋‹ฌ ์—ด๊ธฐ)
421
+ document.querySelectorAll('tbody tr').forEach(row => {
422
+ row.addEventListener('click', function(e) {
423
+ if (!e.target.classList.contains('checkbox-custom')) {
424
+ openModal();
425
+ }
426
+ });
427
+ });
428
+ });
429
+ </script>
430
+ <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=r2d209/ncss1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
431
+ </html>
prompts.txt ADDED
File without changes