底部样式更改&计划树图标更改

This commit is contained in:
zhujiyan
2024-08-27 20:34:02 +08:00
parent 0a5bef1407
commit f148f9a089
6 changed files with 68 additions and 19 deletions

View File

@@ -5,7 +5,7 @@
placeholder="请输入计划名称"
v-model="searchForm.planName"
></el-input>
<Menu style="width: 26px;height: 26px; margin-left: 8px;cursor: pointer;" @click.stop="detail({})" />
<Menu style="width: 26px;height: 26px; margin-left: 8px;cursor: pointer;color:var(--el-color-primary)" @click.stop="detail({})" />
</div>
<div class="tree_container">
<el-tree
@@ -19,8 +19,8 @@
@node-click="handleNodeClick"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<Platform v-if="!data.pid" style="width:14px;height: 12px;margin-right:8px;" :style="{color:node.label=='未检测'?'#F56C6C':node.label=='检测中'?'#E6A23C':'#67C23A'}"/>
<span class="custom-tree-node" style="display: flex;align-items: center;">
<Platform v-if="!data.pid" style="width:18px;height: 18px;margin-right:8px;" :style="{color:node.label=='未检测'?'#F56C6C':node.label=='检测中'?'#E6A23C':'#67C23A'}"/>
<span>{{ node.label }}</span>
<!-- <Menu v-if="data.pid" @click.stop="detail(data)" style="width: 12px;margin-left: 8px;"/> -->
</span>