com: VCustomTabs value 데이터 형식 변경하기 -> 대금청구중에서 결재선 데이터 확인, 협조 기능 구현중

src/pages/app/documentManagementDetail.vue

@@ -27,7 +27,8 @@ const getDetailList = (item) => {
   selectCostCode.value = ''//코스트센터 kostl wbs요소코드 projk
 //코드
   //첨부파일
-  params.apprList = item.zwf0011t.apprs[0].value[0]
+  params.apprList = item.zwf0011t.apprs
+  console.log(params.apprList)
 }
 
 const affiliationCode = ref()
@@ -123,6 +124,12 @@ const createChit = async () => {
     loading.value = false
   }
 }
+
+const selectedTab = ref<string>()
+
+function addTabFromRow(){
+  console.log("arguments",arguments)
+}
 </script>
 
 <template>
@@ -400,50 +407,31 @@ const createChit = async () => {
           <VButton @click="createChit">대금지급중</VButton>
           <VButton @click="cancel">취 소</VButton>
         </div>
-        <VTabs
+        <VCustomTabs
             type="boxed"
-            selected="team"
-            :tabs="[
-                { label: '결재', value:'team' }, //todo 이 데이터를 동적으로 들고와야 한다..
-              ]"
-        >
+            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[0]"
                   :columns="params.flexColumn"
-                  :compact="true">
-                <template #body-cell="{ row, column, index, value }">
-                    <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">
-                      <VField class="pr-1">
-                        <VCodeSelect
-                            disabled="true"
-                            cd_grp=8
-                            v-model="row.wkfst"
-                        />
-                        <!--                   :disabled="index === 0"-->
-                      </VField>
-                    </span>
+                  :compact="true"
+                  @rowClick="addTabFromRow"
+              >
+                <template #body-cell="{row, column}">
+                  {{ row[column.key] }}
                 </template>
               </ComVFlexTable>
-            </p>
+            </div>
           </template>
-        </VTabs>
+        </VCustomTabs>
       </div>
     </div>
-
   </div>
-
 </template>
 
 <style scoped lang="scss">