svcm/dmz
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/dmz.git synced 2026-03-20 04:42:32 +09:00
Code Issues Packages Projects Releases Wiki Activity

디자인 변경

Browse Source
This commit is contained in:
bangae1
2025-05-28 08:58:34 +00:00
parent ccf45a1946
commit d8c9711568
15 changed files with 243 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/base/VAvatar.vue
View File

@@ -147,11 +147,11 @@ const { onceError } = useImageError()
}
.avatar {
width: 40px;
min-width: 40px;
height: 40px;
width: 35px;
min-width: 30px;
height: 35px;
object-fit: cover;
border: 2px solid var(--white);
//border: 2px solid var(--white);
&.is-squared {
border-radius: 10px !important;

8
src/components/layouts/navbar/Navbar.vue
View File

@@ -18,8 +18,8 @@ const isScrolling = computed(() => {
theme === 'colored' && 'is-colored',
]"
>
<div class="navbar-navbar-inner">
<div class="left">
<div class="navbar-navbar-inner" style="padding:0 !important;">
<div class="left" style="padding-left: 20px;">
<slot name="title" />
</div>
<div class="center">
@@ -365,7 +365,9 @@ const isScrolling = computed(() => {
display: flex;
align-items: center;
justify-content: flex-end;
width: 25%;
width: 15%;
padding-right: 33px;
background-color: var(--primary);
.icon-link {
display: flex;

2
src/components/layouts/navbar/NavbarItem.vue
View File

@@ -70,7 +70,7 @@ const { activeSubnavId, toggleSubnav } = useNavbarLayoutContext()
.router-link-active {
//border-color: var(--primary) !important;
//background-color: var(--primary) !important;
border-bottom: 3px solid var(--primary) !important;
border-bottom: 3px solid var(--primary-active) !important;
//.iconify {
// color: white !important;
//}

129
src/components/pages/contract/ContractSave.vue
View File

@@ -156,31 +156,24 @@ watch(pbAtts.value, (newValue) => {
<div class="column is-12">
<VField>
<VLabel>첨부파일</VLabel>
<VControl>
<div
<div
v-for="f in props.prcs.prcsAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<!-- <div>-->
<!-- <i class="fa fa-file-pdf estimate-file-img" style="font-size:40px;" />-->
<!-- </div>-->
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
</div>
>
<!-- <div>-->
<!-- <i class="fa fa-file-pdf estimate-file-img" style="font-size:40px;" />-->
<!-- </div>-->
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
</VControl>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
</div>
</div>
</VField>
</div>
</div>
</div>
</div>
<!--Fieldset-->
<div class="form-fieldset">
<div class="form-outer">
<div class="fieldset-heading">
<h4>상세 규격</h4>
</div>
@@ -200,65 +193,65 @@ watch(pbAtts.value, (newValue) => {
<span>파일업로드</span>
</VButton>
</VLabel>
<VControl>
<div
<div v-if="pbAtts.length == 0" style="width:100%; height:10px;"></div>
<div
v-for="(f, i) in pbAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<!-- <div>-->
<!-- <i class="fa fa-file-pdf estimate-file-img" style="font-size:40px;" />-->
<!-- </div>-->
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
<div>
<i class="fa fa-trash estimate-file-delete" @click="onFilDelete(i)" />
</div>
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
</VControl>
<div>
<i class="fa fa-trash estimate-file-delete" @click="onFilDelete(i)" />
</div>
</div>
</VField>
</div>
<div class="column is-12">
<VField>
<VLabel>
규격
</VLabel>
<VControl>
<div class="datatable-wrapper">
<div class="table-container">
<table class="table datatable-table is-fullwidth">
<thead>
<th>순번</th>
<th>품명</th>
<th>규격</th>
<th>수량</th>
<th>단위</th>
<th>단가</th>
<th>금액</th>
</thead>
<tbody v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo">
<tr>
<td>{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td>
<td>{{ dtl.qty }}</td>
<td>{{ dtl.unit }}</td>
<td>
<input
v-model="estimates[index].unitPrc"
type="number"
class="input custom-text-filter"
placeholder="10,000"
>
</td>
<td>{{ totPrc[index] || 0 }}</td>
</tr>
</tbody>
</table>
</div>
<div class="datatable-wrapper">
<div class="table-container dtl-spec-table">
<table class="table datatable-table is-fullwidth">
<colgroup>
<col width="50px"/>
<col/>
<col/>
<col width="50px"/>
<col width="50px"/>
<col width="120px"/>
<col width="100px"/>
</colgroup>
<thead>
<th>순번</th>
<th>품명</th>
<th>규격</th>
<th>수량</th>
<th>단위</th>
<th>단가</th>
<th>금액</th>
</thead>
<tbody>
<tr v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo">
<td class="text-center">{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td>
<td>{{ dtl.qty }}</td>
<td>{{ dtl.unit }}</td>
<td>
<input
v-model="estimates[index].unitPrc"
type="number"
class="input custom-text-filter"
placeholder="10,000"
>
</td>
<td>{{ totPrc[index] || 0 }}</td>
</tr>
</tbody>
</table>
</div>
</VControl>
</div>
</VField>
</div>
</div>

84
src/components/pages/contract/ContractView.vue
View File

@@ -197,68 +197,56 @@ watch(pbAtts.value, (newValue) => {
<div class="column is-12">
<VField>
<VLabel>첨부파일</VLabel>
<VControl>
<div
v-for="f in props.prcs.prcsAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div
v-for="f in props.prcs.prcsAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<!-- <div>-->
<!-- <i class="fa fa-file-pdf estimate-file-img" style="font-size:40px;" />-->
<!-- </div>-->
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
</div>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
</VControl>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
</div>
</div>
</VField>
</div>
</div>
</div>
</div>
<!--Fieldset-->
<div class="form-fieldset">
<div class="form-outer">
<div class="fieldset-heading">
<h4>상세 규격</h4>
</div>
<div class="columns is-multiline">
<div class="column is-12">
<VField>
<VLabel>
규격
</VLabel>
<VControl>
<div class="datatable-wrapper">
<div class="table-container">
<table class="table datatable-table is-fullwidth">
<thead>
<th>순번</th>
<th>품명</th>
<th>규격</th>
<th>수량</th>
<th>단위</th>
<th>단가</th>
<th>금액</th>
</thead>
<tbody v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo">
<tr>
<td>{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td>
<td>{{ dtl.qty }}</td>
<td>{{ dtl.unit }}</td>
<td>0</td>
<td>{{ totPrc[index] || 0 }}</td>
</tr>
</tbody>
</table>
</div>
<div class="datatable-wrapper">
<div class="table-container">
<table class="table datatable-table is-fullwidth">
<thead>
<th>순번</th>
<th>품명</th>
<th>규격</th>
<th>수량</th>
<th>단위</th>
<th>단가</th>
<th>금액</th>
</thead>
<tbody v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo">
<tr>
<td>{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td>
<td>{{ dtl.qty }}</td>
<td>{{ dtl.unit }}</td>
<td>0</td>
<td>{{ totPrc[index] || 0 }}</td>
</tr>
</tbody>
</table>
</div>
</VControl>
</div>
</VField>
</div>
</div>

2
src/components/pages/dashboards/Dashboard.vue
View File

@@ -21,7 +21,7 @@ onMounted(() => {
<div class="column is-12">
<div class="dashboard-header">
<VAvatar
picture="/images/avatars/svg/person-2.svg"
picture="/images/avatars/svg/person-1.svg"
size="xl"
/>
<div class="user-meta is-dark-bordered-12">

124
src/components/pages/estimate/EstimateUpdate.vue
View File

@@ -224,28 +224,21 @@ watch(pbAtts.value, (newValue) => {
<div class="column is-12">
<VField>
<VLabel>첨부파일</VLabel>
<VControl>
<div
v-for="f in props.estimate.prcsAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
</div>
<div
v-for="f in props.estimate.prcsAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
</VControl>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
</div>
</div>
</VField>
</div>
</div>
</div>
</div>
<!--Fieldset-->
<div class="form-fieldset">
<div class="form-outer">
<div class="fieldset-heading">
<h4>상세 규격</h4>
</div>
@@ -264,63 +257,56 @@ watch(pbAtts.value, (newValue) => {
<span>파일업로드</span>
</VButton>
</VLabel>
<VControl>
<div
v-for="(f, i) in pbAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
<div>
<i class="fa fa-download estimate-file-download" @click="onPbAttDownload(f.prcsNo, f.bizNo, f.fileOrd, f.logiFnm)" />
<i class="fa fa-trash estimate-file-delete" @click="onFilDelete(f.bizNo, i, f.fileOrd)" />
</div>
<div
v-for="(f, i) in pbAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
</VControl>
<div>
<i class="fa fa-download estimate-file-download" @click="onPbAttDownload(f.prcsNo, f.bizNo, f.fileOrd, f.logiFnm)" />
<i class="fa fa-trash estimate-file-delete" @click="onFilDelete(f.bizNo, i, f.fileOrd)" />
</div>
</div>
</VField>
</div>
<div class="column is-12">
<VField>
<VLabel>
규격
</VLabel>
<VControl>
<div class="datatable-wrapper">
<div class="table-container">
<table class="table datatable-table is-fullwidth">
<thead>
<th>순번</th>
<th>품명</th>
<th>규격</th>
<th>수량</th>
<th>단위</th>
<th>단가</th>
<th>금액</th>
</thead>
<tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo">
<tr>
<td>{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td>
<td>{{ dtl.qty }}</td>
<td>{{ dtl.unit }}</td>
<td>
<input
v-model="estimates[index].unitPrc"
type="number"
class="input custom-text-filter"
placeholder="10,000"
>
</td>
<td>{{ totPrc[index] || 0 }}</td>
</tr>
</tbody>
</table>
</div>
<div class="datatable-wrapper">
<div class="table-container">
<table class="table datatable-table is-fullwidth">
<thead>
<th>순번</th>
<th>품명</th>
<th>규격</th>
<th>수량</th>
<th>단위</th>
<th>단가</th>
<th>금액</th>
</thead>
<tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo">
<tr>
<td>{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td>
<td>{{ dtl.qty }}</td>
<td>{{ dtl.unit }}</td>
<td>
<input
v-model="estimates[index].unitPrc"
type="number"
class="input custom-text-filter"
placeholder="10,000"
>
</td>
<td>{{ totPrc[index] || 0 }}</td>
</tr>
</tbody>
</table>
</div>
</VControl>
</div>
</VField>
</div>
</div>

108
src/components/pages/estimate/EstimateView.vue
View File

@@ -179,28 +179,21 @@ const totPrc = computed(() => {
<div class="column is-12">
<VField>
<VLabel>첨부파일</VLabel>
<VControl>
<div
v-for="f in props.estimate.prcsAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
</div>
<div
v-for="f in props.estimate.prcsAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
</VControl>
<div>
<i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
</div>
</div>
</VField>
</div>
</div>
</div>
</div>
<!--Fieldset-->
<div class="form-fieldset">
<div class="form-outer">
<div class="fieldset-heading">
<h4>상세 규격</h4>
</div>
@@ -210,55 +203,48 @@ const totPrc = computed(() => {
<VLabel>
견적서
</VLabel>
<VControl>
<div
v-for="(f, i) in pbAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
<div>
<i class="fa fa-download estimate-file-download" @click="onPbAttDownload(f.prcsNo, f.bizNo, f.fileOrd, f.logiFnm)" />
</div>
<div
v-for="(f, i) in pbAtts"
:key="f.logiFnm"
class="content estimate-file-wrapper"
>
<div class="estimate-file-name">
{{ f.logiFnm }} ({{ Math.ceil(f.size / 1024) }}kb)
</div>
</VControl>
<div>
<i class="fa fa-download estimate-file-download" @click="onPbAttDownload(f.prcsNo, f.bizNo, f.fileOrd, f.logiFnm)" />
</div>
</div>
</VField>
</div>
<div class="column is-12">
<VField>
<VLabel>
규격
</VLabel>
<VControl>
<div class="datatable-wrapper">
<div class="table-container">
<table class="table datatable-table is-fullwidth">
<thead>
<th>순번</th>
<th>품명</th>
<th>규격</th>
<th>수량</th>
<th>단위</th>
<th class="text-right">단가</th>
<th>금액</th>
</thead>
<tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo">
<tr>
<td>{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td>
<td>{{ dtl.qty }}</td>
<td>{{ dtl.unit }}</td>
<td class="text-right">{{ String(estimates[index].unitPrc).replace(regex.currency, ',') }}</td>
<td>{{ String(totPrc[index]).replace(regex.currency, ',') || 0 }}</td>
</tr>
</tbody>
</table>
</div>
<div class="datatable-wrapper">
<div class="table-container">
<table class="table datatable-table is-fullwidth">
<thead>
<th>순번</th>
<th>품명</th>
<th>규격</th>
<th>수량</th>
<th>단위</th>
<th class="text-right">단가</th>
<th>금액</th>
</thead>
<tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo">
<tr>
<td>{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td>
<td>{{ dtl.qty }}</td>
<td>{{ dtl.unit }}</td>
<td class="text-right">{{ String(estimates[index].unitPrc).replace(regex.currency, ',') }}</td>
<td>{{ String(totPrc[index]).replace(regex.currency, ',') || 0 }}</td>
</tr>
</tbody>
</table>
</div>
</VControl>
</div>
</VField>
</div>
</div>

8
src/components/partials/layout/toolbar/ToolbarUserProfile.vue
View File

@@ -109,7 +109,7 @@ function onRePassword() {
<VAvatar picture="/images/avatars/svg/person-2.svg" />
</a>
</div>
<div class="company-nm">{{ biz.compNm }}</div>
<div class="company-nm" style="color:var(--modal-text-reverse)">{{ biz.compNm }}</div>
</div>
</template>
@@ -117,7 +117,7 @@ function onRePassword() {
<div class="dropdown-head">
<VAvatar
size="large"
picture="/images/avatars/svg/person-2.svg"
picture="/images/avatars/svg/person-1.svg"
/>
<div class="meta">
@@ -917,8 +917,8 @@ function onRePassword() {
}
.company-nm {
padding-left: 20px;
line-height:42px;
padding-left: 30px;
line-height: 35px;
font-weight: 600;
color: var(--modal-text)
}

25
src/scss/components/_custom-contract.scss
View File

@@ -45,8 +45,10 @@ input {
.datatable-wrapper {
margin-top: 10px !important;
padding: 0 10px 10px 10px;
}
.datatable-table {
th {
padding: 10px !important;
@@ -66,6 +68,17 @@ input {
}
}
.dtl-spec-table {
thead{
background-color: var(--light-grey) !important;
th {
color: #000;
border: 1px solid #ccc;
}
}
}
ul {
list-style-type: none;
}
@@ -127,16 +140,15 @@ a.mouse-pointer {
}
}
.estimate-file-wrapper {
display:flex;
justify-content: space-between;
border:1px solid #ccc;
//border:1px solid #ccc;
background-color: #ededed;
border-radius:5px;
padding:0px 20px;
margin-bottom:10px;
&:first-child {
margin-top: 5px;
}
padding:0 20px;
margin: 10px;
.estimate-file-download, .estimate-file-delete {
font-size: 17px;
line-height: 40px;
@@ -150,6 +162,7 @@ a.mouse-pointer {
.estimate-file-name {
width: 400px;
line-height: 40px;
color: var(--modal-text-reverse)
}
.estimate-file-size {
width: 150px;

2
src/scss/css-variables/_colors.scss
View File

@@ -15,6 +15,8 @@
--primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
--primary--light-color: color-mix(in oklab, var(--primary), white 90%);
--primary-active: #dc5638;
--link: #485fc7;
--link--color-invert: color-mix(in oklab, var(--link), white 85%);
--link--dark-color: color-mix(in oklab, var(--link), black 5%);

2
src/scss/css-variables/_fonts.scss
View File

@@ -3,6 +3,6 @@
:root {
--font: 'Noto Sans KR', sans-serif;
--font-alt: 'Noto Sans KR', sans-serif;
--font-monospace: 'Fira Code Variable', monospace;
--font-monospace: 'Noto Sans KR', monospace;
--font-size: 14px;
}

7
src/scss/layout/_layout.scss
View File

@@ -15,6 +15,7 @@
body {
background: var(--background-grey);
font-family: var(--font);
&.opened {
background: var(--white);
@@ -231,10 +232,10 @@ body {
display: flex;
justify-content: center;
align-items: center;
height: 34px;
width: 34px;
height: 37px;
width: 37px;
border-radius: var(--radius-rounded);
margin: 0 4px;
margin: 0 27px;
transition: all 0.3s; // transition-all test
&:hover {