joylink/rts-sim-testing-client
6
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

merage
All checks were successful
CI / Docker-Build (push) Successful in 2m45s
Details

Browse Source
This commit is contained in:
joylink_fanyuhong 2024-07-01 14:07:22 +08:00
commit 14d348be07
3 changed files with 88 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/draw-app/dialogs/CiCjList.vue
View File

@ -7,7 +7,12 @@
resizableWidth
resizableHeight
>
<div class="row no-wrap" v-for="row in showSetCellMessage.rows" :key="row">
<div
class="row no-wrap"
v-for="row in showSetCellMessage.rows"
:key="row"
:class="{ stickyRow: row == 1 }"
>
<div
class="ceil"
:class="{
@ -221,8 +226,18 @@ function onMouseOver(e: MouseEvent) {
word-break: break-all;
overflow: hidden;
}
.stickyRow {
position: sticky;
top: 0;
z-index: 11;
background-color: #fff;
}
.changeCellSize {
width: 40px;
position: sticky;
left: 0;
z-index: 10;
background-color: #fff;
}
.heightLight {
background-color: orange;

29
src/components/draw-app/dialogs/CiCjQdListStateDialog.vue
View File

@ -24,10 +24,12 @@
<q-tab-panels v-model="tab" animated keep-alive>
<template v-for="tabInfo in tabList" :key="tabInfo.label">
<q-tab-panel :name="tabInfo.value">
<q-scroll-area :style="`width: ${dialogWidth - 32}px;height: 430px`">
<div
class="row no-wrap"
v-for="row in showSetCellMessage.rows"
:key="row"
:class="{ stickyRow: row == 1 }"
>
<div
class="ceil"
@ -67,6 +69,7 @@
</div>
</div>
</div>
</q-scroll-area>
</q-tab-panel>
</template>
</q-tab-panels>
@ -117,7 +120,11 @@ let ciCjList = sceneCiCjQdListMap.get(
let ciQdList = sceneCiCjQdListMap.get(
`${lineStore.sceneName}+ciQdList`
) as relayCabinetGraphicData.CiQd;
setCellMessage.value.rows = Math.max(ciCjList.dsCount, ciQdList.dsCount);
setCellMessage.value.cols = Math.max(
ciCjList.cjList.length,
ciQdList.qdList.length
);
const dialogWidth = computed(() => {
if (setCellMessage.value.cols * 134 + 85 <= 1157) {
return setCellMessage.value.cols * 134 + 85;
@ -146,11 +153,6 @@ watch(
);
onMounted(() => {
setCellMessage.value.rows = Math.max(ciCjList.dsCount, ciQdList.dsCount);
setCellMessage.value.cols = Math.max(
ciCjList.cjList.length,
ciQdList.qdList.length
);
tabList.value[0].ListMap = updateCiCjListMap();
tabList.value[1].ListMap = updateCiQdListMap();
});
@ -233,7 +235,8 @@ function onMouseOver(e: MouseEvent) {
<style scoped>
.ceil {
width: 120px;
min-width: 120px;
max-width: 120px;
height: 30px;
border: solid 1px red;
margin: 7px;
@ -243,8 +246,18 @@ function onMouseOver(e: MouseEvent) {
word-break: break-all;
overflow: hidden;
}
.stickyRow {
position: sticky;
top: 0;
z-index: 11;
background-color: #fff;
}
.changeCellSize {
width: 40px;
min-width: 40px;
position: sticky;
left: 0;
z-index: 10;
background-color: #fff;
}
.CellGreen {
border: solid 1px green;

21
src/components/draw-app/dialogs/CiQdList.vue
View File

@ -7,7 +7,12 @@
resizableWidth
resizableHeight
>
<div class="row no-wrap" v-for="row in showSetCellMessage.rows" :key="row">
<div
class="row no-wrap"
v-for="row in showSetCellMessage.rows"
:key="row"
:class="{ stickyRow: row == 1 }"
>
<div
class="ceil"
:class="{
@ -17,10 +22,6 @@
col > 1 &&
ciQdList?.qdList[col - 2].bitList[row - 2].refRelays.length,
changeCellSize: col == 1,
clickHeightLight:
relayCabinetStore.editCiCjConfigIndex &&
relayCabinetStore.editCiCjConfigIndex.row == row - 1 &&
relayCabinetStore.editCiCjConfigIndex.col == col - 1,
}"
v-for="col in showSetCellMessage.cols"
:key="col"
@ -217,8 +218,18 @@ function onMouseOver(e: MouseEvent) {
word-break: break-all;
overflow: hidden;
}
.stickyRow {
position: sticky;
top: 0;
z-index: 11;
background-color: #fff;
}
.changeCellSize {
width: 40px;
position: sticky;
left: 0;
z-index: 10;
background-color: #fff;
}
.heightLight {
background-color: orange;