Commit 93db133f authored by 胡占生's avatar 胡占生 🇨🇳

fix: 算法列表中menu显示问题

parent 8970d106
......@@ -76,7 +76,7 @@
<el-card class="alg-item" shadow="hover" >
<template v-slot:default >
<div style="width: 100%;overflow: hidden;">
<ImagePreview style="width: 100%;" :src="item.alarmImg"/>
<ImagePreview style="display: grid; width: 100%; aspect-ratio: 16 / 9;overflow: hidden;" :src="item.alarmImg"/>
</div>
<h2 :style="{color:item.alarmLevelColor}">{{ item.alarmType }}</h2>
<p style="color: #999999;font-size: 12px;">
......
......@@ -27,16 +27,16 @@
default-active="2"
class="el-menu-vertical-demo"
>
<el-menu-item :index="'我的算法'" @click="handMyMenuClick">
<span><el-icon style="color: #7F8184;"><component :is="'Collection'" /></el-icon>我的算法</span>
<el-menu-item :index="'我的算法'" @click="handMyMenuClick" >
<span><el-icon ><component :is="'Collection'" /></el-icon>我的算法</span>
</el-menu-item>
<el-divider style="margin: 5px 0;"/>
<el-menu-item :index="''" @click="handMenuAllClick">
<span> <el-icon style="color: #7F8184;"><component :is="'Discount'" /></el-icon>全部算法</span>
<el-menu-item :index="''" @click="handMenuAllClick" >
<span> <el-icon ><component :is="'Discount'" /></el-icon>全部算法</span>
</el-menu-item>
<el-menu-item v-for="item in algorithm_scen" :key="item.value" :index="item.value" @click="handMenuClick">
<el-menu-item v-for="item in algorithm_scen" :key="item.value" :index="item.value" @click="handMenuClick" >
<span style="display: flex;align-items: center;">
<el-icon style="color: #7F8184;"><component :is="iconComponent(item.remark)"/></el-icon>
<el-icon ><component :is="iconComponent(item.remark)"/></el-icon>
</span>
<span>{{ item.label }}</span>
</el-menu-item>
......@@ -160,6 +160,7 @@ import { el } from "element-plus/es/locales.mjs";
const listState=ref(false)
const ids = ref([]);
const isActive = ref('');
const isMenuActive = ref('');
// const iconComponent = ref('');
// setTimeout(() => {
// iconComponent.value='CirclePlusFilled'
......@@ -296,6 +297,12 @@ import { el } from "element-plus/es/locales.mjs";
</script>
<style scoped lang="scss">
.el-menu-item.is-active{
background: #E4F2FF !important;
}
.menu-active{
// background: #E4F2FF !important;
}
.active{
background-color: #409EFF;
color: #fff;
......
......@@ -13,7 +13,7 @@
</el-form-item>
<el-form-item label="摄像头" prop="cameraNo">
<el-select v-model="queryParams.cameraNo" placeholder="请选择摄像头" clearable style="width: 200px">
<el-option v-for="dict in deviceList" :key="dict.deviceNo" :label="dict.deviceName" :value="dict.deviceNo" />
<el-option v-for="dict in deviceList" :key="dict.deviceNo" :label="dict.deviceName" :value="dict.deviceName" />
</el-select>
</el-form-item>
<el-form-item>
......
......@@ -463,6 +463,7 @@ function submit() {
});
}
algorithmManage.form.value.algorithms = algorithms;
if(Array.isArray(algorithmManage.form.value.regionalId))algorithmManage.form.value.regionalId=algorithmManage.form.value.regionalId.pop();
algorithmManage.toSubmit();
}
});
......
......@@ -86,7 +86,7 @@
shadow="hover"
>
<template v-slot:default>
<ImagePreview :src="item.alarmImg" style="width: 100%" />
<ImagePreview :src="item.alarmImg" style="display: grid; width: 100%; aspect-ratio: 16 / 9;overflow: hidden;" />
<el-form :model="form" label-width="100px">
<!-- <el-form-item label="预警设备:">{{ form.title }} </el-form-item>
<el-form-item label="登录信息:">{{ form.title }}</el-form-item>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment