fix : 코스트센터/WBS 버튼 -> Selectbox로 변경

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
+                <VField>
-                  color="info"
+                  <VSelect v-model="selectCostCode">
-                  @click="selected = 'cost'"
+                    <option v-for="opt in selectCostCodeOptions" :key="opt.value" :value="opt.value">
-                  :class="{ 'disabled-button': selected === 'wbs' }"
+                      {{ opt.text }}
-                >
+                    </option>
-                  코스트센터
+                  </VSelect>
-                </VButton>
+                </VField>
-              </td>
-              <td>
-                <VButton
-                  color="info"
-                  @click="selected = 'wbs'"
-                  :class="{ 'disabled-button': selected === 'cost' }"
-                >
-                  WBS
-                </VButton>
               </td>
               <td colspan="2">
                 <VField>
@@ -302,6 +294,7 @@ function onInput(event) {
                   </VControl>
                 </VField>
               </td>
+              <td colspan="4"></td>
             </tr>
             <tr>
               <td>첨부파일</td>