svcm/oa
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-19 21:15:11 +09:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Kasi
2025-06-05 14:21:29 +09:00
parent e61f42350c
commit 068bab4e0f
1 changed files with 32 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

171
src/pages/app/documentManagementDetail.vue
View File

@@ -129,10 +129,7 @@ const addTabFromRow = (row,index) => {
<td>소속</td> <td>소속</td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VCodeSelect <span>{{affiliationCode}}</span>
v-model="affiliationCode"
cd_grp=11 >
</VCodeSelect>
</VField> </VField>
</td> </td>
<td colspan="7" /> <td colspan="7" />
@@ -141,47 +138,30 @@ const addTabFromRow = (row,index) => {
<td>계약명</td> <td>계약명</td>
<td colspan="9"> <td colspan="9">
<VField> <VField>
<VControl> <span>{{params.title}}</span>
<input
v-model="params.title"
class="input custom-text-filter"
placeholder="계약명"
>
</VControl>
</VField> </VField>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>계약상대자</td> <td>계약상대자</td>
<td colspan="2"> <td colspan="1" style="text-align: left">
<VField> <VField>
<VControl> <span>{{params.regNm}}</span>
<input
v-model="params.regNm"
class="input custom-text-filter"
placeholder="사업자번호"
>
</VControl>
</VField> </VField>
</td> </td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VControl> <span>업체명 : {{params.place}}</span>
<input
v-model="params.place"
class="input custom-text-filter"
placeholder="업체명"
>
</VControl>
</VField> </VField>
</td> </td>
<td> <td></td>
<VButton color="danger"> <td colspan="2">
<VButton color="danger" disabled>
구매처 확인 구매처 확인
</VButton> </VButton>
</td> </td>
<td> <td>
<VButton color="success"> <VButton color="success" disabled>
정상 정상
</VButton> </VButton>
</td> </td>
@@ -191,14 +171,7 @@ const addTabFromRow = (row,index) => {
<td>공급가액</td> <td>공급가액</td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VControl> <span>{{formattedNumber}}</span>
<input
:value="formattedNumber"
placeholder="금액"
@input="onInput"
class="input custom-text-filter"
>
</VControl>
</VField> </VField>
</td> </td>
<td style="color: black">(부가세 별도)</td> <td style="color: black">(부가세 별도)</td>
@@ -207,121 +180,61 @@ const addTabFromRow = (row,index) => {
</td> </td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VCodeSelect v-model="taxCode" cd_grp="12"> <span>{{taxCode}}</span>
<template #code="{ item }">
{{ item.cd }}
</template>
</VCodeSelect>
</VField> </VField>
</td> </td>
<td style="background-color: var(--primary); text-align: center">통화</td> <td style="background-color: var(--primary); text-align: center">통화</td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VCodeSelect v-model="currencyCode" cd_grp="13"> <span>{{currencyCode}}</span>
<template #code="{ item }">
{{ item.cd }}
</template>
</VCodeSelect>
</VField> </VField>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>증빙일</td> <td>증빙일</td>
<td colspan="2"> <td colspan="2">
<div> <VField>
<VDatePicker <span>{{ params.regSdt }}</span>
v-model="params.regSdt" </VField>
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> </td>
<td /> <td />
<td style="background-color: var(--primary); text-align: center"> <td style="background-color: var(--primary); text-align: center">
<span>전기일</span> <span>전기일</span>
</td> </td>
<td colspan="2"> <td colspan="5">
<div> <VField>
<VDatePicker <span>{{ params.regSdt2 }}</span>
v-model="params.regSdt2" </VField>
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> </td>
</tr> </tr>
<tr> <tr>
<td>계좌관리</td> <td>계좌관리</td>
<td> <td>
<VField> <VField>
<VControl> <span>{{params.bankl}}</span>
<input
v-model="params.bankl"
class="input custom-text-filter"
placeholder="계약번호"
>
</VControl>
</VField> </VField>
</td> </td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VControl> <span>{{params.bankn}}</span>
<input
v-model="params.bankn"
class="input custom-text-filter"
placeholder="계좌번호"
>
</VControl>
</VField> </VField>
</td> </td>
<td> <td colspan="2">
<VButton color="info"> <VButton color="info" disabled>
계좌조회 계좌조회
</VButton> </VButton>
</td> </td>
<td> <td>
<VButton color="success"> <VButton color="success" disabled>
정상 정상
</VButton> </VButton>
</td> </td>
<td></td>
<td style="background-color: var(--primary); text-align: center"> <td style="background-color: var(--primary); text-align: center">
<span>세금계산서</span> <span>세금계산서</span>
</td> </td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VCodeSelect <span>{{taxInvoiceCode}}</span>
v-model="taxInvoiceCode"
cd_grp=12 >
</VCodeSelect>
</VField> </VField>
</td> </td>
</tr> </tr>
@@ -331,36 +244,24 @@ const addTabFromRow = (row,index) => {
<VButton <VButton
color="primary" color="primary"
@click="centeredActionsOpen = true" @click="centeredActionsOpen = true"
disabled
> >
G/L계정// 설정필요 G/L계정// 설정필요
</VButton> </VButton>
</td> </td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VCodeSelect <span>{{accountSubjectCode}}</span>
v-model="accountSubjectCode"
cd_grp=12 >
</VCodeSelect>
</VField> </VField>
</td> </td>
<td> <td>
<VField> <VField>
<VSelect v-model="selectCostCode"> <span>코스트센터/WBS{{selectCostCode}}</span>
<option v-for="opt in selectCostCodeOptions" :key="opt.key">
{{ opt.text }}
</option>
</VSelect>
</VField> </VField>
</td> </td>
<td colspan="2"> <td colspan="2">
<VField> <VField>
<VControl> <span>코스트센터/WBS코드예정</span>
<input
v-model="params.title"
class="input custom-text-filter"
placeholder="코드"
>
</VControl>
</VField> </VField>
</td> </td>
<td colspan="4"></td> <td colspan="4"></td>
@@ -427,9 +328,6 @@ const addTabFromRow = (row,index) => {
text-align: center; text-align: center;
} }
tr:nth-child(3) {
text-align: center;
}
tr td button{ tr td button{
width: 100%; width: 100%;
@@ -462,13 +360,8 @@ button:nth-child(3) {
.field { .field {
margin: 0px 0px; margin: 0px 0px;
} }
.button[disabled], fieldset[disabled] .button {
opacity: 1.0;
.disabled-button { }
//opacity: 0.5;
background-color: #ccc;
cursor: not-allowed;
//transition: all 0.2s;
}
</style> </style>