mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 01:22:33 +09:00
fix : 대금청구 기능 개발중
This commit is contained in:
Yesol Choi
@@ -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)
|
||||
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user