From 068bab4e0f8f772ba40a6a509f133d9f3e1a21b9 Mon Sep 17 00:00:00 2001
From: Kasi <zkfwls12@gmail.com>
Date: Thu, 5 Jun 2025 14:21:29 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=9E=85?=
 =?UTF-8?q?=EB=A0=A5=20=ED=83=9C=EA=B7=B8=EB=B3=80=EA=B2=BD=20(input=20->?=
 =?UTF-8?q?=20span)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/documentManagementDetail.vue | 171 ++++-----------------
 1 file changed, 32 insertions(+), 139 deletions(-)

diff --git a/src/pages/app/documentManagementDetail.vue b/src/pages/app/documentManagementDetail.vue
index cf636fa..01eae45 100644
--- a/src/pages/app/documentManagementDetail.vue
+++ b/src/pages/app/documentManagementDetail.vue
@@ -129,10 +129,7 @@ const addTabFromRow = (row,index) => {
               <td>소속</td>
               <td colspan="2">
                 <VField>
-                  <VCodeSelect
-                    v-model="affiliationCode"
-                    cd_grp=11 >
-                  </VCodeSelect>
+                  <span>{{affiliationCode}}</span>
                 </VField>
               </td>
               <td colspan="7" />
@@ -141,47 +138,30 @@ const addTabFromRow = (row,index) => {
               <td>계약명</td>
               <td colspan="9">
                 <VField>
-                  <VControl>
-                    <input
-                      v-model="params.title"
-                      class="input custom-text-filter"
-                      placeholder="계약명"
-                    >
-                  </VControl>
+                  <span>{{params.title}}</span>
                 </VField>
               </td>
             </tr>
             <tr>
               <td>계약상대자</td>
-              <td colspan="2">
+              <td colspan="1" style="text-align: left">
                 <VField>
-                  <VControl>
-                    <input
-                      v-model="params.regNm"
-                      class="input custom-text-filter"
-                      placeholder="사업자번호"
-                    >
-                  </VControl>
+                  <span>{{params.regNm}}</span>
                 </VField>
               </td>
               <td colspan="2">
                 <VField>
-                  <VControl>
-                    <input
-                      v-model="params.place"
-                      class="input custom-text-filter"
-                      placeholder="업체명"
-                    >
-                  </VControl>
+                  <span>업체명 : {{params.place}}</span>
                 </VField>
               </td>
-              <td>
-                <VButton color="danger">
+              <td></td>
+              <td colspan="2">
+                <VButton color="danger" disabled>
                   구매처 확인
                 </VButton>
               </td>
               <td>
-                <VButton color="success">
+                <VButton color="success" disabled>
                   정상
                 </VButton>
               </td>
@@ -191,14 +171,7 @@ const addTabFromRow = (row,index) => {
               <td>공급가액</td>
               <td colspan="2">
                 <VField>
-                  <VControl>
-                    <input
-                      :value="formattedNumber"
-                      placeholder="금액"
-                      @input="onInput"
-                      class="input custom-text-filter"
-                    >
-                  </VControl>
+                  <span>{{formattedNumber}}</span>
                 </VField>
               </td>
               <td style="color: black">(부가세 별도)</td>
@@ -207,121 +180,61 @@ const addTabFromRow = (row,index) => {
               </td>
               <td colspan="2">
                 <VField>
-                  <VCodeSelect v-model="taxCode" cd_grp="12">
-                    <template #code="{ item }">
-                      {{ item.cd }}
-                    </template>
-                  </VCodeSelect>
+                  <span>{{taxCode}}</span>
                 </VField>
               </td>
               <td style="background-color: var(--primary); text-align: center">통화</td>
               <td colspan="2">
                 <VField>
-                  <VCodeSelect v-model="currencyCode" cd_grp="13">
-                    <template #code="{ item }">
-                      {{ item.cd }}
-                    </template>
-                  </VCodeSelect>
+                  <span>{{currencyCode}}</span>
                 </VField>
               </td>
             </tr>
             <tr>
               <td>증빙일</td>
               <td colspan="2">
-                <div>
-                  <VDatePicker
-                    v-model="params.regSdt"
-                    color="green"
-                    trim-weeks
-                  >
-                    <template #default="{ inputValue, inputEvents }">
-                      <VField>
-                        <VControl icon="lucide:calendar">
-                          <input
-                            class="input v-input"
-                            type="text"
-                            :value="inputValue"
-                            placeholder="증빙일"
-                            v-on="inputEvents"
-                          >
-                        </VControl>
-                      </VField>
-                    </template>
-                  </VDatePicker>
-                </div>
+                <VField>
+                  <span>{{ params.regSdt }}</span>
+                </VField>
               </td>
               <td />
               <td style="background-color: var(--primary); text-align: center">
                 <span>전기일</span>
               </td>
-              <td colspan="2">
-                <div>
-                  <VDatePicker
-                    v-model="params.regSdt2"
-                    color="green"
-                    trim-weeks
-                  >
-                    <template #default="{ inputValue, inputEvents }">
-                      <VField>
-                        <VControl icon="lucide:calendar">
-                          <input
-                            class="input v-input"
-                            type="text"
-                            :value="inputValue"
-                            placeholder="전기일"
-                            v-on="inputEvents"
-                          >
-                        </VControl>
-                      </VField>
-                    </template>
-                  </VDatePicker>
-                </div>
+              <td colspan="5">
+                <VField>
+                  <span>{{ params.regSdt2 }}</span>
+                </VField>
               </td>
             </tr>
             <tr>
               <td>계좌관리</td>
               <td>
                 <VField>
-                  <VControl>
-                    <input
-                      v-model="params.bankl"
-                      class="input custom-text-filter"
-                      placeholder="계약번호"
-                    >
-                  </VControl>
+                  <span>{{params.bankl}}</span>
                 </VField>
               </td>
               <td colspan="2">
                 <VField>
-                  <VControl>
-                    <input
-                      v-model="params.bankn"
-                      class="input custom-text-filter"
-                      placeholder="계좌번호"
-                    >
-                  </VControl>
+                  <span>{{params.bankn}}</span>
                 </VField>
               </td>
-              <td>
-                <VButton color="info">
+              <td colspan="2">
+                <VButton color="info" disabled>
                   계좌조회
                 </VButton>
               </td>
               <td>
-                <VButton color="success">
+                <VButton color="success" disabled>
                   정상
                 </VButton>
               </td>
-              <td></td>
               <td style="background-color: var(--primary); text-align: center">
                 <span>세금계산서</span>
               </td>
               <td colspan="2">
                 <VField>
-                  <VCodeSelect
-                    v-model="taxInvoiceCode"
-                    cd_grp=12 >
-                  </VCodeSelect>
+                  <span>{{taxInvoiceCode}}</span>
                 </VField>
               </td>
             </tr>
@@ -331,36 +244,24 @@ const addTabFromRow = (row,index) => {
                 <VButton
                   color="primary"
                   @click="centeredActionsOpen = true"
+                  disabled
                 >
                   G/L계정// 설정필요
                 </VButton>
               </td>
               <td colspan="2">
                 <VField>
-                  <VCodeSelect
-                    v-model="accountSubjectCode"
-                    cd_grp=12 >
-                  </VCodeSelect>
+                  <span>{{accountSubjectCode}}</span>
                 </VField>
               </td>
               <td>
                 <VField>
-                  <VSelect v-model="selectCostCode">
-                    <option v-for="opt in selectCostCodeOptions" :key="opt.key">
-                      {{ opt.text }}
-                    </option>
-                  </VSelect>
+                  <span>코스트센터/WBS{{selectCostCode}}</span>
                 </VField>
               </td>
               <td colspan="2">
                 <VField>
-                  <VControl>
-                    <input
-                      v-model="params.title"
-                      class="input custom-text-filter"
-                      placeholder="코드"
-                    >
-                  </VControl>
+                  <span>코스트센터/WBS코드예정</span>
                 </VField>
               </td>
               <td colspan="4"></td>
@@ -427,9 +328,6 @@ const addTabFromRow = (row,index) => {
     text-align: center;
   }
 
-  tr:nth-child(3) {
-    text-align: center;
-  }
 
   tr td button{
     width: 100%;
@@ -462,13 +360,8 @@ button:nth-child(3) {
 .field {
   margin: 0px 0px;
 }
-
-
- .disabled-button {
-   //opacity: 0.5;
-   background-color: #ccc;
-   cursor: not-allowed;
-   //transition: all 0.2s;
- }
+.button[disabled], fieldset[disabled] .button {
+  opacity: 1.0;
+}
 
 </style>