1
0
Fork 0

fix: vue-table 헤더 고정 및 셀 호버 개선

This commit is contained in:
sychoi 2024-04-30 10:16:24 +09:00
parent 260c00791a
commit 9afc5f8bf8
5 changed files with 20 additions and 7 deletions

View File

@ -255,6 +255,13 @@
} }
.vue-table { .vue-table {
width: 3000px; width: 3000px;
position: relative;
thead{
position: sticky;
left: 0;
top: 0;
}
th{ th{
min-width: auto; min-width: auto;

View File

@ -864,6 +864,12 @@ header .status-menu ul li a {
.vue-table { .vue-table {
width: 3000px; width: 3000px;
position: relative;
}
.vue-table thead {
position: sticky;
left: 0;
top: 0;
} }
.vue-table th { .vue-table th {
min-width: auto; min-width: auto;

File diff suppressed because one or more lines are too long

View File

@ -161,7 +161,7 @@ include_once _SVC_INC_PATH_ . "/header.php";
<td rowspan="5">{{code.DLVY_REQ_DT.date}}</td> <td rowspan="5">{{code.DLVY_REQ_DT.date}}</td>
<td rowspan="5">{{code.WO_SEQ}}</td> <td rowspan="5">{{code.WO_SEQ}}</td>
<td rowspan="5">{{code.완료}}</td> <td rowspan="5">{{code.완료}}</td>
<td colspan="2" v-for="index in 10" :key="`process-${index}`">{{ code.OP_CD?.OP_CD }}</td> <td colspan="2" v-for="index in 10" :key="`process-${index-1}`">{{ code.OP_CD[index-1]?.OP_CD }}</td>
</tr> </tr>
<tr> <tr>
<td v-for="n in 20" :key="`plan-${n}`"> <td v-for="n in 20" :key="`plan-${n}`">
@ -174,7 +174,7 @@ include_once _SVC_INC_PATH_ . "/header.php";
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2" v-for="index in 10" :key="`pre-${index}`">{{ code.OP_CD?.예상종료시간 }}</td> <td colspan="2" v-for="index in 10" :key="`pre-${index}`">{{ code.OP_CD[index-1]?.예상종료시간 }}</td>
</tr> </tr>
<tr> <tr>
<td v-for="n in 20" :key="`fa-${n}`"> <td v-for="n in 20" :key="`fa-${n}`">

View File

@ -149,8 +149,8 @@ include_once _SVC_INC_PATH_ . "/header.php";
<td rowspan="5">{{code.DLVY_REQ_DT}}</td> <td rowspan="5">{{code.DLVY_REQ_DT}}</td>
<td rowspan="5">{{code.WO_SEQ}}</td> <td rowspan="5">{{code.WO_SEQ}}</td>
<td rowspan="5">{{code.완료}}</td> <td rowspan="5">{{code.완료}}</td>
<td colspan="2" v-for="index in 10" :key="`process-${index}`" @click="openPop(code, index)" @mouseenter="isHover[idx][index] = true" @mouseleave="isHover[idx][index] = false" :class="{'on':isHover[idx][index] }"> <td colspan="2" v-for="index in 10" :key="`process-${index-1}`" @click="openPop(code, index-1)" @mouseenter="isHover[idx][index-1] = true" @mouseleave="isHover[idx][index-1] = false" :class="{'on':isHover[idx][index-1] }">
{{ code.OP_CD?.OP_CD }} {{ code.OP_CD[index-1]?.OP_CD }}
</td> </td>
</tr> </tr>
<tr> <tr>
@ -164,8 +164,8 @@ include_once _SVC_INC_PATH_ . "/header.php";
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2" v-for="index in 10" :key="`pre-${index}`" @click="openPop(process)" @mouseenter="isHover[idx][index] = true" @mouseleave="isHover[idx][index] = false" :class="{'on':isHover[idx][index]}"> <td colspan="2" v-for="index in 10" :key="`pre-${index}`" @click="openPop(code, index-1)" @mouseenter="isHover[idx][index-1] = true" @mouseleave="isHover[idx][index-1] = false" :class="{'on':isHover[idx][index-1]}">
{{ code.예상종료시간?.예상종료시간 }} {{ code.OP_CD[index-1]?.예상종료시간 }}
</td> </td>
</tr> </tr>
<tr> <tr>