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

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

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