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

테이블 툴팁 추가

Browse Source
This commit is contained in:
bangae1
2025-05-29 06:17:03 +00:00
parent 6fac886075
commit e31fbc126f
7 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/pages/contract/ContractList.vue
View File

@@ -197,17 +197,11 @@ watch(changePage, (newParams) => {
@mouseover="onTabOver" @mouseover="onTabOver"
@mouseleave="onTabLeave" @mouseleave="onTabLeave"
> >
<td>{{ prcs.prcsNo }}</td> <td :title="prcs.prcsNo">{{ prcs.prcsNo }}</td>
<td> <td :title="prcs.title">{{ prcs.title }}</td>
<div class="flex-media"> <td :title="`${prcs.regSdat} ~ ${prcs.regEdat}`" class="text-center">{{ prcs.regSdat }} ~ {{ prcs.regEdat }}</td>
<div class="meta"> <td :title="prcs.regNm" class="text-center">{{ prcs.regNm }}</td>
<h3>{{ prcs.title }}</h3> <td :title="prcs.regDt">{{ dateFormat.converterDate(prcs.regDt) }}</td>
</div>
</div>
</td>
<td class="text-center">{{ prcs.regSdat }} ~ {{ prcs.regEdat }}</td>
<td class="text-center">{{ prcs.regNm }}</td>
<td>{{ dateFormat.converterDate(prcs.regDt) }}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -260,6 +254,8 @@ watch(changePage, (newParams) => {
background-color: var(--primary) !important; background-color: var(--primary) !important;
th { th {
color: #fff; color: #fff;
text-align:center !important;
border: 1px solid #ededed;
} }
} }
} }
@@ -361,6 +357,7 @@ watch(changePage, (newParams) => {
border-collapse: collapse; border-collapse: collapse;
border-radius: 0.75rem; border-radius: 0.75rem;
border-style: hidden; border-style: hidden;
table-layout:fixed;
th { th {
padding: 16px 20px; padding: 16px 20px;
@@ -381,7 +378,9 @@ watch(changePage, (newParams) => {
vertical-align: middle; vertical-align: middle;
padding: 12px 20px; padding: 12px 20px;
border-bottom: 1px solid var(--fade-grey); border-bottom: 1px solid var(--fade-grey);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
&:last-child { &:last-child {
text-align: right; text-align: right;
} }

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

@@ -235,10 +235,10 @@ watch(pbAtts.value, (newValue) => {
<tbody> <tbody>
<tr v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo"> <tr v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo">
<td class="text-center">{{ index + 1 }}</td> <td class="text-center">{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td> <td :title="dtl.itemNm">{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td> <td :title="dtl.spec">{{ dtl.spec }}</td>
<td class="text-center">{{ dtl.qty }}</td> <td :title="dtl.qty" class="text-center">{{ dtl.qty }}</td>
<td class="text-center">{{ dtl.unit }}</td> <td :title="dtl.unit" class="text-center">{{ dtl.unit }}</td>
<td> <td>
<input <input
v-model="estimates[index].unitPrc" v-model="estimates[index].unitPrc"

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

@@ -205,10 +205,10 @@ watch(pbAtts.value, (newValue) => {
<tbody v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo"> <tbody v-for="(dtl, index) in props.prcs.dtlSpecs" :key="dtl.dtlSpNo">
<tr> <tr>
<td class="text-center">{{ index + 1 }}</td> <td class="text-center">{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td> <td :title="dtl.itemNm">{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td> <td :title="dtl.spec">{{ dtl.spec }}</td>
<td class="text-center">{{ dtl.qty }}</td> <td :title="dtl.qty" class="text-center">{{ dtl.qty }}</td>
<td class="text-center">{{ dtl.unit }}</td> <td :title="dtl.unit" class="text-center">{{ dtl.unit }}</td>
<td class="text-right">0</td> <td class="text-right">0</td>
<td class="text-right">{{ totPrc[index] || 0 }}</td> <td class="text-right">{{ totPrc[index] || 0 }}</td>
</tr> </tr>

24
src/components/pages/estimate/EstimateList.vue
View File

@@ -131,7 +131,7 @@ watch(changePage, (newParams) => {
<col width="130px"/> <col width="130px"/>
<col width="110px"/> <col width="110px"/>
<col width="150px"/> <col width="150px"/>
<col width="130px"/> <col width="180px"/>
</colgroup> </colgroup>
<thead> <thead>
<th>가격조사번호</th> <th>가격조사번호</th>
@@ -150,18 +150,12 @@ watch(changePage, (newParams) => {
@mouseover="onTabOver" @mouseover="onTabOver"
@mouseleave="onTabLeave" @mouseleave="onTabLeave"
> >
<td>{{ estimate.prcsNo }}</td> <td :title="estimate.prcsNo">{{ estimate.prcsNo }}</td>
<td> <td :title="estimate.title">{{ estimate.title }}</td>
<div class="flex-media"> <td :title="estimate.totAmt.toString().replace(regex.currency, ',')" class="text-right">{{ estimate.totAmt.toString().replace(regex.currency, ',') }}</td>
<div class="meta"> <td :title="estimate.mngNm" class="text-center">{{ estimate.mngNm }}</td>
<h3>{{ estimate.title }}</h3> <td :title="estimate.estDt" class="text-center">{{ dateFormat.millisecondsRemove(estimate.estDt) }}</td>
</div> <td :title="estimate.estStat">{{ estimate.estStat }} <span v-if="estimate.estStatCd === '0300' || estimate.estStatCd === '0400'">({{ dateFormat.converterDate(estimate.svyDt) }})</span></td>
</div>
</td>
<td class="text-right">{{ estimate.totAmt.toString().replace(regex.currency, ',') }}</td>
<td class="text-center">{{ estimate.mngNm }}</td>
<td class="text-center">{{ dateFormat.millisecondsRemove(estimate.estDt) }}</td>
<td>{{ estimate.estStat }} <span v-if="estimate.estStatCd === '0300' || estimate.estStatCd === '0400'">({{ dateFormat.converterDate(estimate.svyDt) }})</span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -319,6 +313,7 @@ watch(changePage, (newParams) => {
border-collapse: collapse; border-collapse: collapse;
border-radius: 0.75rem; border-radius: 0.75rem;
border-style: hidden; border-style: hidden;
table-layout: fixed;
th { th {
padding: 16px 20px; padding: 16px 20px;
@@ -340,6 +335,9 @@ watch(changePage, (newParams) => {
padding: 12px 20px; padding: 12px 20px;
border-bottom: 1px solid var(--fade-grey); border-bottom: 1px solid var(--fade-grey);
//border: 1px solid var(--fade-grey); //border: 1px solid var(--fade-grey);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
&:last-child { &:last-child {
text-align: right; text-align: right;
} }

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

@@ -258,10 +258,10 @@ watch(pbAtts.value, (newValue) => {
<tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo"> <tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo">
<tr> <tr>
<td class="text-center">{{ index + 1 }}</td> <td class="text-center">{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td> <td :title="dtl.itemNm">{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td> <td :title="dtl.spec">{{ dtl.spec }}</td>
<td class="text-center">{{ dtl.qty }}</td> <td :title="dtl.qty" class="text-center">{{ dtl.qty }}</td>
<td class="text-center">{{ dtl.unit }}</td> <td :title="dtl.unit" class="text-center">{{ dtl.unit }}</td>
<td> <td>
<input <input
v-model="estimates[index].unitPrc" v-model="estimates[index].unitPrc"

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

@@ -202,10 +202,10 @@ const totPrc = computed(() => {
<tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo"> <tbody v-for="(dtl, index) in props.estimate.dtlSpecs" :key="dtl.dtlSpNo">
<tr> <tr>
<td class="text-center">{{ index + 1 }}</td> <td class="text-center">{{ index + 1 }}</td>
<td>{{ dtl.itemNm }}</td> <td :title="dtl.itemNm">{{ dtl.itemNm }}</td>
<td>{{ dtl.spec }}</td> <td :title="dtl.spec">{{ dtl.spec }}</td>
<td class="text-center">{{ dtl.qty }}</td> <td :title="dtl.qty" class="text-center">{{ dtl.qty }}</td>
<td class="text-center">{{ dtl.unit }}</td> <td :title="dtl.unit" class="text-center">{{ dtl.unit }}</td>
<td class="text-right">{{ String(estimates[index].unitPrc).replace(regex.currency, ',') }}</td> <td class="text-right">{{ String(estimates[index].unitPrc).replace(regex.currency, ',') }}</td>
<td>{{ String(totPrc[index]).replace(regex.currency, ',') || 0 }}</td> <td>{{ String(totPrc[index]).replace(regex.currency, ',') || 0 }}</td>
</tr> </tr>

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

@@ -50,6 +50,7 @@ input {
.datatable-table { .datatable-table {
table-layout:fixed;
th { th {
padding: 10px !important; padding: 10px !important;
border: 1px solid #ededed; border: 1px solid #ededed;
@@ -59,9 +60,11 @@ input {
border: 1px solid var(--fade-grey); border: 1px solid var(--fade-grey);
td { td {
word-break: break-word;
padding: 5px 10px !important; padding: 5px 10px !important;
border: 1px solid #ededed; border: 1px solid #ededed;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
input { input {
height: 2.5em; height: 2.5em;
} }