From 7944cf7ddaa6af2597cee3ecaf5651e284dc4933 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Wed, 4 Jun 2025 13:57:59 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EB=8C=80=EA=B8=88=EC=B2=AD=EA=B5=AC?=
 =?UTF-8?q?=20=EA=B8=B0=EB=8A=A5=20=EA=B0=9C=EB=B0=9C=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/documentManagementDetail.vue    |  15 +-
 ...vue => documentManagementInsertUpdate.vue} | 509 +++++++++---------
 2 files changed, 267 insertions(+), 257 deletions(-)
 rename src/pages/app/{DocumentManagement.vue => documentManagementInsertUpdate.vue} (50%)

diff --git a/src/pages/app/documentManagementDetail.vue b/src/pages/app/documentManagementDetail.vue
index 584d967..e32e6e9 100644
--- a/src/pages/app/documentManagementDetail.vue
+++ b/src/pages/app/documentManagementDetail.vue
@@ -59,11 +59,10 @@ const params = reactive({
   page: 1,
   row: 10,
   flexColumn: [
-    { key: 'btext', label: '이름', value: {} },
+    //{ key: 'btext', label: '이름', value: {} },
+    { key: 'lineclsf', label: '구분', value: {} },
     { key: 'bname', label: '사원번호', value: {} },
-    { key: 'posit', label: '부서', value: {} },
-    { key: 'lineclsf', label: '담당', value: {} },
-    { key: 'wkfst', label: '결재요청', value: {} },
+    { key: 'abscd', label: '근태관리', value: {} },
   ],
   apprList:[],
   modalColumn: [],
@@ -111,7 +110,13 @@ const createChit = async () => {
       projk : selectCostCode.value,
       trtGubun : '',//어떤 값인지 모름
       txBillSeq : '',//어떤 값인지 모름
-      slipAtts: '' // 파일 업로드
+      slipAtts: [], // 파일 업로드
+      zwf0011t : {
+        belnr: '',
+        wkfid: '',
+        wkftx: '',
+        apprs: params.apprList,
+      }
     }
     notyf.dismissAll()
     res = await saveTempSlip(createParams)
diff --git a/src/pages/app/DocumentManagement.vue b/src/pages/app/documentManagementInsertUpdate.vue
similarity index 50%
rename from src/pages/app/DocumentManagement.vue
rename to src/pages/app/documentManagementInsertUpdate.vue
index 82e9013..bc63954 100644
--- a/src/pages/app/DocumentManagement.vue
+++ b/src/pages/app/documentManagementInsertUpdate.vue
@@ -3,6 +3,7 @@
 import {getBeforeSlipDetail, saveTempSlip} from "/@src/service/slipApi.ts";
 import {formatDatefromStringDate} from "/@src/utils/common/comfunc.ts";
 import {ApprsList} from "/@src/utils/types.ts";
+import {VTabsItem} from "/@src/components/app-vuero/VCustomTabs.vue";
 
 onBeforeMount(async ()=>{
   const result = await getBeforeSlipDetail(history.state.key)
@@ -31,7 +32,7 @@ const getDetailList = (item) => {
   selectCostCode.value = ''//코스트센터 kostl wbs요소코드 projk
 //코드
   //첨부파일
-  params.apprList = item.zwf0011t.apprs[0].value[0]
+  params.apprList = item.zwf0011t.apprs
   console.log("apprsList.value",apprsList.value)
 }
 
@@ -61,11 +62,10 @@ const params = reactive({
   page: 1,
   row: 10,
   flexColumn: [
-    { key: 'btext', label: '이름'},
-    { key: 'bname', label: '사원번호'},
-    { key: 'posit', label: '부서'},
-    { key: 'lineclsf', label: '담당'},
-    { key: 'wkfst', label: '결재요청'},
+      //이름은 안넘어오고 있음
+    { key: 'lineclsf', label: '구분', value: {} },
+    { key: 'bname', label: '사원번호', value: {} },
+    { key: 'abscd', label: '근태관리', value: {} },
   ],
   apprList:[],
   modalColumn: [],
@@ -113,7 +113,8 @@ const createChit = async () => {
       projk : selectCostCode.value,
       trtGubun : '',//어떤 값인지 모름
       txBillSeq : '',//어떤 값인지 모름
-      slipAtts: '' // 파일 업로드
+      slipAtts: '', // 파일 업로드
+      zwf0011t : { params.apprList}
     }
     notyf.dismissAll()
     res = await saveTempSlip(createParams)
@@ -127,6 +128,12 @@ const createChit = async () => {
     loading.value = false
   }
 }
+
+const selectedTab = ref<VTabsItem[]>()
+const addTabFromRow =()=>{
+  console.log("row",row)
+  console.log("row",index)
+}
 </script>
 
 <template>
@@ -147,307 +154,305 @@ const createChit = async () => {
             <col style="width: 10%;">
           </colgroup>
           <tbody>
-            <tr>
-              <td>소속</td>
-              <td colspan="2">
-                <VField>
-                  <VCodeSelect
+          <tr>
+            <td>소속</td>
+            <td colspan="2">
+              <VField>
+                <VCodeSelect
                     v-model="affiliationCode"
                     cd_grp=11 >
-                  </VCodeSelect>
-                </VField>
-              </td>
-              <td colspan="7" />
-            </tr>
-            <tr>
-              <td>계약명</td>
-              <td colspan="9">
-                <VField>
-                  <VControl>
-                    <input
+                </VCodeSelect>
+              </VField>
+            </td>
+            <td colspan="7" />
+          </tr>
+          <tr>
+            <td>계약명</td>
+            <td colspan="9">
+              <VField>
+                <VControl>
+                  <input
                       v-model="params.title"
                       class="input custom-text-filter"
                       placeholder="계약명"
-                    >
-                  </VControl>
-                </VField>
-              </td>
-            </tr>
-            <tr>
-              <td>계약상대자</td>
-              <td colspan="2">
-                <VField>
-                  <VControl>
-                    <input
+                  >
+                </VControl>
+              </VField>
+            </td>
+          </tr>
+          <tr>
+            <td>계약상대자</td>
+            <td colspan="2">
+              <VField>
+                <VControl>
+                  <input
                       v-model="params.regNm"
                       class="input custom-text-filter"
                       placeholder="사업자번호"
-                    >
-                  </VControl>
-                </VField>
-              </td>
-              <td colspan="2">
-                <VField>
-                  <VControl>
-                    <input
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td colspan="2">
+              <VField>
+                <VControl>
+                  <input
                       v-model="params.place"
                       class="input custom-text-filter"
                       placeholder="업체명"
-                    >
-                  </VControl>
-                </VField>
-              </td>
-              <td>
-                <VButton color="danger">
-                  구매처 확인
-                </VButton>
-              </td>
-              <td>
-                <VButton color="success">
-                  정상
-                </VButton>
-              </td>
-              <td colspan="2" />
-            </tr>
-            <tr>
-              <td>공급가액</td>
-              <td colspan="2">
-                <VField>
-                  <VControl>
-                    <input
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td>
+              <VButton color="danger">
+                구매처 확인
+              </VButton>
+            </td>
+            <td>
+              <VButton color="success">
+                정상
+              </VButton>
+            </td>
+            <td colspan="2" />
+          </tr>
+          <tr>
+            <td>공급가액</td>
+            <td colspan="2">
+              <VField>
+                <VControl>
+                  <input
                       :value="formattedNumber"
                       placeholder="금액"
                       @input="onInput"
                       class="input custom-text-filter"
-                    >
-                  </VControl>
-                </VField>
-              </td>
-              <td style="color: black">(부가세 별도)</td>
-              <td style="background-color: var(--primary); text-align: center">
-                <span>세금코드</span>
-              </td>
-              <td colspan="2">
-                <VField>
-                  <VCodeSelect v-model="taxCode" cd_grp="12">
-                    <template #code="{ item }">
-                      {{ item.cd }}
-                    </template>
-                  </VCodeSelect>
-                </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>
-                </VField>
-              </td>
-            </tr>
-            <tr>
-              <td>증빙일</td>
-              <td colspan="2">
-                <div>
-                  <VDatePicker
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td style="color: black">(부가세 별도)</td>
+            <td style="background-color: var(--primary); text-align: center">
+              <span>세금코드</span>
+            </td>
+            <td colspan="2">
+              <VField>
+                <VCodeSelect v-model="taxCode" cd_grp="12">
+                  <template #code="{ item }">
+                    {{ item.cd }}
+                  </template>
+                </VCodeSelect>
+              </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>
+              </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
+                >
+                  <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>
-              <td />
-              <td style="background-color: var(--primary); text-align: center">
-                <span>전기일</span>
-              </td>
-              <td colspan="2">
-                <div>
-                  <VDatePicker
+                        >
+                      </VControl>
+                    </VField>
+                  </template>
+                </VDatePicker>
+              </div>
+            </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
+                >
+                  <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>
-            </tr>
-            <tr>
-              <td>계좌관리</td>
-              <td>
-                <VField>
-                  <VControl>
-                    <input
+                        >
+                      </VControl>
+                    </VField>
+                  </template>
+                </VDatePicker>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>계좌관리</td>
+            <td>
+              <VField>
+                <VControl>
+                  <input
                       v-model="params.bankl"
                       class="input custom-text-filter"
                       placeholder="계약번호"
-                    >
-                  </VControl>
-                </VField>
-              </td>
-              <td colspan="2">
-                <VField>
-                  <VControl>
-                    <input
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td colspan="2">
+              <VField>
+                <VControl>
+                  <input
                       v-model="params.bankn"
                       class="input custom-text-filter"
                       placeholder="계좌번호"
-                    >
-                  </VControl>
-                </VField>
-              </td>
-              <td>
-                <VButton color="info">
-                  계좌조회
-                </VButton>
-              </td>
-              <td>
-                <VButton color="success">
-                  정상
-                </VButton>
-              </td>
-              <td></td>
-              <td style="background-color: var(--primary); text-align: center">
-                <span>세금계산서</span>
-              </td>
-              <td colspan="2">
-                <VField>
-                  <VCodeSelect
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td>
+              <VButton color="info">
+                계좌조회
+              </VButton>
+            </td>
+            <td>
+              <VButton color="success">
+                정상
+              </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>
-                </VField>
-              </td>
-            </tr>
-            <tr>
-              <td>예산관리</td>
-              <td>
-                <VButton
+                </VCodeSelect>
+              </VField>
+            </td>
+          </tr>
+          <tr>
+            <td>예산관리</td>
+            <td>
+              <VButton
                   color="primary"
                   @click="centeredActionsOpen = true"
-                >
-                  G/L계정// 설정필요
-                </VButton>
-              </td>
-              <td colspan="2">
-                <VField>
-                  <VCodeSelect
+              >
+                G/L계정// 설정필요
+              </VButton>
+            </td>
+            <td colspan="2">
+              <VField>
+                <VCodeSelect
                     v-model="accountSubjectCode"
                     cd_grp=12 >
-                  </VCodeSelect>
-                </VField>
-              </td>
-              <td>
-                <VField>
-                  <VSelect v-model="selectCostCode">
-                    <option v-for="opt in selectCostCodeOptions" :key="opt.key">
-                      {{ opt.text }}
-                    </option>
-                  </VSelect>
-                </VField>
-              </td>
-              <td colspan="2">
-                <VField>
-                  <VControl>
-                    <input
+                </VCodeSelect>
+              </VField>
+            </td>
+            <td>
+              <VField>
+                <VSelect v-model="selectCostCode">
+                  <option v-for="opt in selectCostCodeOptions" :key="opt.key">
+                    {{ opt.text }}
+                  </option>
+                </VSelect>
+              </VField>
+            </td>
+            <td colspan="2">
+              <VField>
+                <VControl>
+                  <input
                       v-model="params.title"
                       class="input custom-text-filter"
                       placeholder="코드"
-                    >
-                  </VControl>
-                </VField>
-              </td>
-              <td colspan="4"></td>
-            </tr>
-            <tr>
-              <td>첨부파일</td>
-              <td colspan="1">
-                <VButton color="info">
-                  등록
-                </VButton>
-              </td>
-              <td colspan="5">
-                <div>('준공보고서' 또는 '검수보고서' 등)</div>
-              </td>
-            </tr>
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td colspan="4"></td>
+          </tr>
+          <tr>
+            <td>첨부파일</td>
+            <td colspan="1">
+              <VButton color="info">
+                등록
+              </VButton>
+            </td>
+            <td colspan="5">
+              <div>('준공보고서' 또는 '검수보고서' 등)</div>
+            </td>
+          </tr>
           </tbody>
         </table>
         <div class="bottom-button">
           <VButton @click="createChit">전 표 생 성</VButton>
           <VButton @click="cancel">취 소</VButton>
         </div>
-          <VTabs
-              type="boxed"
-              selected="team"
-              :tabs="[
-                { label: '결재', value:'team' },
-              ]"
-          >
-            <template #tab="{ activeValue }">
-              <p v-if="activeValue === 'team'">
-                <ComVFlexTable
-                    :data="params.apprList"
-                    :columns="params.flexColumn"
-                    :compact="true">
-                  <template #body-cell="{ row, column, index, value }">
-                    <span v-if="column.key=='lineclsf'" class="column">
+        <VCustomTabs
+            type="boxed"
+            v-model:selected="selectedTab"
+            :tabs="params.apprList">
+          <template #tab-link-label="{ tab }">
+            {{ tab.label }}
+          </template>
+          <template #tab="{ activeValue }">
+            <div>
+              <ComVFlexTable
+                  :data="activeValue? activeValue[0] : []"
+                  :columns="params.flexColumn"
+                  :compact="true"
+                  :clickable="true"
+                  @rowClick="addTabFromRow"
+              >
+                <template #body-cell="{row, column}">
+                  <span v-if="column.key=='lineclsf'" class="column">
                       <VField class="pr-1">
                         <VCodeSelect
-                            disabled="true"
                             cd_grp=9
                             v-model="row.lineclsf"
                         />
-                        <!--                   :disabled="index === 0"-->
                       </VField>
                     </span>
-                    <span v-if="column.key=='wkfst'" class="column">
+                  <span v-else-if="column.key=='wkfst'" class="column">
                       <VField class="pr-1">
                         <VCodeSelect
-                            disabled="true"
                             cd_grp=8
                             v-model="row.wkfst"
                         />
-                        <!--                   :disabled="index === 0"-->
                       </VField>
-                    </span>
-                  </template>
-                </ComVFlexTable>
-              </p>
-            </template>
-          </VTabs>
+                  </span>
+                  <span v-else>{{ row[column.key] }}</span>
+                </template>
+              </ComVFlexTable>
+            </div>
+          </template>
+        </VCustomTabs>
       </div>
     </div>
-
   </div>
-
 </template>
 
 <style scoped lang="scss">
@@ -457,12 +462,12 @@ const createChit = async () => {
 }
 
 .datatable-table  {
-                td{
-                  font-family: var(--font),serif;
-                  vertical-align: middle;
-                  padding: 4px 20px;
-                  border-bottom: 1px solid var(--fade-grey);
-                }
+  td{
+    font-family: var(--font),serif;
+    vertical-align: middle;
+    padding: 4px 20px;
+    border-bottom: 1px solid var(--fade-grey);
+  }
 
   td:nth-child(1) {
     background-color: var(--primary);
@@ -506,11 +511,11 @@ button:nth-child(3) {
 }
 
 
- .disabled-button {
-   //opacity: 0.5;
-   background-color: #ccc;
-   cursor: not-allowed;
-   //transition: all 0.2s;
- }
+.disabled-button {
+  //opacity: 0.5;
+  background-color: #ccc;
+  cursor: not-allowed;
+  //transition: all 0.2s;
+}
 
 </style>