fix : 대금청구 기능 개발중

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)

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>
@@ -404,50 +411,48 @@ const createChit = async () => {
           <VButton @click="createChit">전 표 생 성</VButton>
           <VButton @click="cancel">취 소</VButton>
         </div>
-          <VTabs
+        <VCustomTabs
             type="boxed"
-              selected="team"
-              :tabs="[
-                { label: '결재', value:'team' },
-              ]"
-          >
+            v-model:selected="selectedTab"
+            :tabs="params.apprList">
+          <template #tab-link-label="{ tab }">
+            {{ tab.label }}
+          </template>
           <template #tab="{ activeValue }">
-              <p v-if="activeValue === 'team'">
+            <div>
               <ComVFlexTable
-                    :data="params.apprList"
+                  :data="activeValue? activeValue[0] : []"
                   :columns="params.flexColumn"
-                    :compact="true">
-                  <template #body-cell="{ row, column, index, value }">
+                  :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>
+                  <span v-else>{{ row[column.key] }}</span>
                 </template>
               </ComVFlexTable>
-              </p>
+            </div>
           </template>
-          </VTabs>
+        </VCustomTabs>
       </div>
     </div>
-
   </div>
-
 </template>
 
 <style scoped lang="scss">
@@ -506,11 +511,11 @@ button:nth-child(3) {
 }
 
 
- .disabled-button {
+.disabled-button {
   //opacity: 0.5;
   background-color: #ccc;
   cursor: not-allowed;
   //transition: all 0.2s;
- }
+}
 
 </style>