fix: 텍스트 입력 태그변경 (input -> span)

This commit is contained in:
Kasi
2025-06-05 14:21:29 +09:00
parent e61f42350c
commit 068bab4e0f

View File

@@ -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>