libingkun/skyeyesystem
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

增加任务选中效果

Browse Source
This commit is contained in:
wxs 2026-02-04 14:32:01 +08:00
parent 05a9aae280
commit c0cea6e5c9
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.scss
View File

@ -57,9 +57,10 @@
box-sizing: border-box; box-sizing: border-box;
border-radius: 6px; border-radius: 6px;
background-color: $--color-black-3-alpha; background-color: $--color-black-3-alpha;
cursor: pointer;
&:hover { &:hover {
background-color: $--color-black-3; background-color: rgba(23, 69, 46, .4);
} }
>p { >p {
@ -98,6 +99,14 @@
} }
} }
} }
.is-active {
width: calc(100% - 10px);
margin-left: 5px;
padding: 8px 15px 8px 10px;
background-color: rgba(23, 69, 46, .7) !important;
box-shadow: 0 0 15px 3px rgba(23, 69, 46, 0.5)
}
} }
.task-list__large { .task-list__large {

9
frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.vue
View File

@ -72,7 +72,10 @@
<div <div
v-for="(item, index) in taskList.data" v-for="(item, index) in taskList.data"
:key="item.id" :key="item.id"
class="task-item" :class="{
'task-item': true,
'is-active': detailUav.id === item.id,
}"
@click="openSarStatusDetail(item)" @click="openSarStatusDetail(item)"
> >
<div class="top-part"> <div class="top-part">
@ -114,12 +117,12 @@
<p>无人机名称: {{ item.uav }}</p> <p>无人机名称: {{ item.uav }}</p>
<p>雷达名称: {{ item.sar }}</p> <p>雷达名称: {{ item.sar }}</p>
<p>开始时间：{{ item.beginTime }}</p> <p>开始时间：{{ item.beginTime }}</p>
<div <!-- <div
class="task-info" class="task-info"
:style="{ color: dealStatusColor(item.statusName) }" :style="{ color: dealStatusColor(item.statusName) }"
> >
{{ item.statusName }} {{ item.statusName }}
</div> </div> -->
</div> </div>
</template> </template>
<div v-else class="task-empty"> <div v-else class="task-empty">