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

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

parent 8970d106
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
<el-card class="alg-item" shadow="hover" > <el-card class="alg-item" shadow="hover" >
<template v-slot:default > <template v-slot:default >
<div style="width: 100%;overflow: hidden;"> <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> </div>
<h2 :style="{color:item.alarmLevelColor}">{{ item.alarmType }}</h2> <h2 :style="{color:item.alarmLevelColor}">{{ item.alarmType }}</h2>
<p style="color: #999999;font-size: 12px;"> <p style="color: #999999;font-size: 12px;">
......
...@@ -27,16 +27,16 @@ ...@@ -27,16 +27,16 @@
default-active="2" default-active="2"
class="el-menu-vertical-demo" class="el-menu-vertical-demo"
> >
<el-menu-item :index="'我的算法'" @click="handMyMenuClick"> <el-menu-item :index="'我的算法'" @click="handMyMenuClick" >
<span><el-icon style="color: #7F8184;"><component :is="'Collection'" /></el-icon>我的算法</span> <span><el-icon ><component :is="'Collection'" /></el-icon>我的算法</span>
</el-menu-item> </el-menu-item>
<el-divider style="margin: 5px 0;"/> <el-divider style="margin: 5px 0;"/>
<el-menu-item :index="''" @click="handMenuAllClick"> <el-menu-item :index="''" @click="handMenuAllClick" >
<span> <el-icon style="color: #7F8184;"><component :is="'Discount'" /></el-icon>全部算法</span> <span> <el-icon ><component :is="'Discount'" /></el-icon>全部算法</span>
</el-menu-item> </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;"> <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>
<span>{{ item.label }}</span> <span>{{ item.label }}</span>
</el-menu-item> </el-menu-item>
...@@ -160,6 +160,7 @@ import { el } from "element-plus/es/locales.mjs"; ...@@ -160,6 +160,7 @@ import { el } from "element-plus/es/locales.mjs";
const listState=ref(false) const listState=ref(false)
const ids = ref([]); const ids = ref([]);
const isActive = ref(''); const isActive = ref('');
const isMenuActive = ref('');
// const iconComponent = ref(''); // const iconComponent = ref('');
// setTimeout(() => { // setTimeout(() => {
// iconComponent.value='CirclePlusFilled' // iconComponent.value='CirclePlusFilled'
...@@ -296,6 +297,12 @@ import { el } from "element-plus/es/locales.mjs"; ...@@ -296,6 +297,12 @@ import { el } from "element-plus/es/locales.mjs";
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.el-menu-item.is-active{
background: #E4F2FF !important;
}
.menu-active{
// background: #E4F2FF !important;
}
.active{ .active{
background-color: #409EFF; background-color: #409EFF;
color: #fff; color: #fff;
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</el-form-item> </el-form-item>
<el-form-item label="摄像头" prop="cameraNo"> <el-form-item label="摄像头" prop="cameraNo">
<el-select v-model="queryParams.cameraNo" placeholder="请选择摄像头" clearable style="width: 200px"> <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-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
......
...@@ -463,6 +463,7 @@ function submit() { ...@@ -463,6 +463,7 @@ function submit() {
}); });
} }
algorithmManage.form.value.algorithms = algorithms; algorithmManage.form.value.algorithms = algorithms;
if(Array.isArray(algorithmManage.form.value.regionalId))algorithmManage.form.value.regionalId=algorithmManage.form.value.regionalId.pop();
algorithmManage.toSubmit(); algorithmManage.toSubmit();
} }
}); });
......
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
shadow="hover" shadow="hover"
> >
<template v-slot:default> <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 :model="form" label-width="100px">
<!-- <el-form-item label="预警设备:">{{ form.title }} </el-form-item> <!-- <el-form-item label="预警设备:">{{ form.title }} </el-form-item>
<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