From ad1656eac162e17c0e5fc102172206b7bb4f413d Mon Sep 17 00:00:00 2001
From: KG <akrmak12@naver.com>
Date: Fri, 30 May 2025 01:24:05 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EC=BD=94=EC=8A=A4=ED=8A=B8=EC=84=BC?=
 =?UTF-8?q?=ED=84=B0/WBS=20=EB=B2=84=ED=8A=BC=20->=20Selectbox=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/DocumentManagement.vue | 37 +++++++++++-----------------
 1 file changed, 15 insertions(+), 22 deletions(-)

diff --git a/src/pages/app/DocumentManagement.vue b/src/pages/app/DocumentManagement.vue
index f2d782b..50dfe6d 100644
--- a/src/pages/app/DocumentManagement.vue
+++ b/src/pages/app/DocumentManagement.vue
@@ -23,7 +23,6 @@ const params = reactive({
   flexColumn: [],
   modalColumn: [],
 })
-const selected = ref('cost')
 const formattedNumber = ref(0)
 
 function onInput(event) {
@@ -31,6 +30,12 @@ function onInput(event) {
   formattedNumber.value = onlyNumber ? Number(onlyNumber).toLocaleString() : ''
 }
 
+const selectCostCode = ref('코스트센터')
+const selectCostCodeOptions = [
+  { text: '코스트센터', value: '코스트센터' },
+  { text: 'WBS', value: 'WBS'}
+]
+
 </script>
 
 <template>
@@ -233,16 +238,12 @@ function onInput(event) {
                   계좌조회
                 </VButton>
               </td>
-              <td >
-                <VButton color="warning">
-                  계좌확인중
-                </VButton>
-              </td>
               <td>
                 <VButton color="success">
                   정상
                 </VButton>
               </td>
+              <td></td>
               <td style="background-color: var(--primary); text-align: center">
                 <span>세금계산서</span>
               </td>
@@ -274,22 +275,13 @@ function onInput(event) {
                 </VField>
               </td>
               <td>
-                <VButton
-                  color="info"
-                  @click="selected = 'cost'"
-                  :class="{ 'disabled-button': selected === 'wbs' }"
-                >
-                  코스트센터
-                </VButton>
-              </td>
-              <td>
-                <VButton
-                  color="info"
-                  @click="selected = 'wbs'"
-                  :class="{ 'disabled-button': selected === 'cost' }"
-                >
-                  WBS
-                </VButton>
+                <VField>
+                  <VSelect v-model="selectCostCode">
+                    <option v-for="opt in selectCostCodeOptions" :key="opt.value" :value="opt.value">
+                      {{ opt.text }}
+                    </option>
+                  </VSelect>
+                </VField>
               </td>
               <td colspan="2">
                 <VField>
@@ -302,6 +294,7 @@ function onInput(event) {
                   </VControl>
                 </VField>
               </td>
+              <td colspan="4"></td>
             </tr>
             <tr>
               <td>첨부파일</td>