Commit ae074865 authored by 胡占生's avatar 胡占生 🇨🇳

fix: 算法列表展示兼容问题,修复点位管理展示问题

parent 93db133f
...@@ -54,10 +54,13 @@ ...@@ -54,10 +54,13 @@
<span>算法试用</span> <span>算法试用</span>
</div> </div>
<div style="background-color: #E6F3FF;display: grid;grid-template-columns: 1fr 2fr 2fr; gap: 16px;padding: 16px;min-height: 650px;position: relative;"> <div style="background-color: #E6F3FF;display: grid;grid-template-columns: 1fr 2fr 2fr; gap: 16px;padding: 16px;min-height: 650px;position: relative;">
<el-card style="position: relative;max-height: 555px;"> <el-card style="position: relative;height: 100%;">
<div class="text-style" style="margin: 10px 0;">
试用图片与视频:
</div>
<div class="upload-box"> <div class="upload-box">
<div class="img-box" v-if="imgVideoData.length==0"> <div class="img-box" v-if="imgVideoData.length==0">
<img src="@/assets/images/default/Image.png" width="100%" height="520px"/> <img src="@/assets/images/default/Image.png" width="100%" height="480px"/>
</div> </div>
<div v-else style="height: 120px;width: 100%; margin: 5px; overflow: hidden;cursor: pointer;border-radius: 10px;" <div v-else style="height: 120px;width: 100%; margin: 5px; overflow: hidden;cursor: pointer;border-radius: 10px;"
v-for="item in imgVideoData" :key="item.id" v-for="item in imgVideoData" :key="item.id"
...@@ -68,11 +71,9 @@ ...@@ -68,11 +71,9 @@
<source :src="'http://192.168.3.82'+item.caseFile" type="video/mp4" /> <source :src="'http://192.168.3.82'+item.caseFile" type="video/mp4" />
</video> </video>
</div> </div>
</div> </div>
</el-card>
<ImgVideoUpload <ImgVideoUpload
style="position: absolute;bottom: 23px;left: 6%;width: 135px;" style="position: absolute;bottom: 15px;left: 20px;width: 135px;"
:modelValue="uploadUrl" :modelValue="uploadUrl"
:fileType="['png', 'jpg', 'mp4']" :fileType="['png', 'jpg', 'mp4']"
:isImgLayout="false" :isImgLayout="false"
...@@ -80,12 +81,14 @@ ...@@ -80,12 +81,14 @@
:isShowTip="false" :isShowTip="false"
@update:modelObj="getImgObj" @update:modelObj="getImgObj"
/> />
</el-card>
<el-card style="position: relative;"> <el-card style="position: relative;">
<div class="text-style" style="margin: 10px 0;"> <div class="text-style" style="margin: 10px 0;">
原始数据:支持自定义上传 原始数据:支持自定义上传
</div> </div>
<div class="img-box" v-if="nowImg.length==0"> <div class="img-box" v-if="nowImg.length==0">
<img src="@/assets/images/default/Image-1.png" width="100%" /> <img src="@/assets/images/default/Image-1.png" width="100%" height="480px"/>
</div> </div>
<div class="img-box" v-else style="max-height: 366px;overflow: hidden;"> <div class="img-box" v-else style="max-height: 366px;overflow: hidden;">
<ImagePreview v-if="getFileType(nowImg)=='0'" :src="nowImg" width="100%"/> <ImagePreview v-if="getFileType(nowImg)=='0'" :src="nowImg" width="100%"/>
...@@ -93,7 +96,7 @@ ...@@ -93,7 +96,7 @@
<source :src="'http://192.168.3.82'+nowImg" type="video/mp4" /> <source :src="'http://192.168.3.82'+nowImg" type="video/mp4" />
</video> </video>
</div> </div>
<el-button type="primary" plain @click="openIdentify" style="position: absolute;bottom: 5px;" :loading="identify">开始识别</el-button> <el-button type="primary" plain @click="openIdentify" style="position: absolute;bottom: 15px;" :loading="identify">开始识别</el-button>
</el-card> </el-card>
<el-card style="position: relative;" element-loading-text="正在识别中请稍后..."> <el-card style="position: relative;" element-loading-text="正在识别中请稍后...">
<div class="text-style" style="margin: 10px 0;"> <div class="text-style" style="margin: 10px 0;">
...@@ -102,7 +105,7 @@ ...@@ -102,7 +105,7 @@
<div v-if="!identify"> <div v-if="!identify">
<div class="img-box" v-if="outFilePath.length==0"> <div class="img-box" v-if="outFilePath.length==0">
<div>{{ resultStr }}</div> <div>{{ resultStr }}</div>
<img src="@/assets/images/default/Image-1.png" width="100%" /> <img src="@/assets/images/default/Image-1.png" width="100%" height="480px" />
</div> </div>
<div class="img-box" v-else style="max-height: 366px;overflow: hidden;"> <div class="img-box" v-else style="max-height: 366px;overflow: hidden;">
<ImagePreview v-if="getFileType(outFilePath)=='0'" :src="outFilePath" width="100%"/> <ImagePreview v-if="getFileType(outFilePath)=='0'" :src="outFilePath" width="100%"/>
...@@ -117,11 +120,10 @@ ...@@ -117,11 +120,10 @@
<el-progress :percentage="progressValue" /> <el-progress :percentage="progressValue" />
正在识别中请稍后... 正在识别中请稍后...
</div> </div>
<div style="display: flex;justify-content: space-between;margin: 10px 0;position: absolute;bottom: 5px;"> <div style="display: flex;justify-content: space-between;position: absolute;bottom: 15px;">
<!-- <el-button type="primary" plain>重置区域</el-button> --> <!-- <el-button type="primary" plain>重置区域</el-button> -->
<div></div>
<!-- <el-button type="primary" plain @click="downVideo">下载识别视频</el-button> --> <!-- <el-button type="primary" plain @click="downVideo">下载识别视频</el-button> -->
<!-- <el-button v-if="getFileType(outFilePath)=='1'" type="primary" plain @click="downVideo">下载识别视频</el-button> --> <el-button type="primary" plain @click="downVideo(outFilePath)">下载识别视频</el-button>
</div> </div>
</el-card> </el-card>
</div> </div>
...@@ -288,8 +290,8 @@ function getFileType(fileName) { ...@@ -288,8 +290,8 @@ function getFileType(fileName) {
} }
} }
function downVideo(){ function downVideo(url){
window.open(baseUrl+'/algorithm/images/ResDir/2024/9/2/1830503463524630529/Safety helmet wearing detection/1725261009531_1.mp4') if(url) window.open(baseUrl+url)
} }
// 进度条 // 进度条
...@@ -322,7 +324,7 @@ getDetials() ...@@ -322,7 +324,7 @@ getDetials()
<style scoped lang="scss"> <style scoped lang="scss">
.upload-box{ .upload-box{
// width: 500px; width: 100%;
border-radius: 5px; border-radius: 5px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -330,6 +332,7 @@ getDetials() ...@@ -330,6 +332,7 @@ getDetials()
} }
.img-box{ .img-box{
// width: 500px; // width: 500px;
width: 100%;
min-height: 200px; min-height: 200px;
// border: 1px solid #d8dce5; // border: 1px solid #d8dce5;
border-radius: 5px; border-radius: 5px;
......
...@@ -5,10 +5,11 @@ ...@@ -5,10 +5,11 @@
<div class="add-but"> <div class="add-but">
<div class="search-input"> <div class="search-input">
<el-input <el-input
v-model="queryParams.searchValue" v-model="queryParams.algorithmName"
style="max-width: 400px" style="max-width: 400px"
placeholder="请输入场景关键字" placeholder="请输入关键字"
class="input-with-select" class="input-with-select"
clearable
> >
<template #append> <template #append>
<div @click="searchList" class="cursor: pointer;"> <div @click="searchList" class="cursor: pointer;">
...@@ -22,7 +23,8 @@ ...@@ -22,7 +23,8 @@
</div> </div>
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :xs="0" :sm="2" :md="3" :lg="4"> <el-col :xs="0" :sm="2" :md="3" :lg="4">
<el-card class="left-list" style="height: 100%;"> <el-scrollbar :height="globalScreenHeight+'px'">
<el-card class="left-list" :style="{height:globalScreenHeight+'px'}">
<el-menu <el-menu
default-active="2" default-active="2"
class="el-menu-vertical-demo" class="el-menu-vertical-demo"
...@@ -42,10 +44,11 @@ ...@@ -42,10 +44,11 @@
</el-menu-item> </el-menu-item>
</el-menu> </el-menu>
</el-card> </el-card>
</el-scrollbar>
</el-col> </el-col>
<el-col :xs="24" :sm="20" :md="20" :lg="20"> <el-col :xs="24" :sm="20" :md="20" :lg="20">
<el-scrollbar :height="globalScreenHeight+'px'"> <el-scrollbar :height="globalScreenHeight+'px'">
<el-card class="right-list"> <el-card class="right-list" >
<template v-slot:header> <template v-slot:header>
<div class="cleartitle" style="justify-content: flex-start"> <div class="cleartitle" style="justify-content: flex-start">
<img src="@/assets/images/logo_video.png" width="25px" alt=""> <span>{{nowTopTitle}}</span> <img src="@/assets/images/logo_video.png" width="25px" alt=""> <span>{{nowTopTitle}}</span>
...@@ -185,7 +188,7 @@ import { el } from "element-plus/es/locales.mjs"; ...@@ -185,7 +188,7 @@ import { el } from "element-plus/es/locales.mjs";
const { queryParams, form, rules } = toRefs(data); const { queryParams, form, rules } = toRefs(data);
function searchList(){ function searchList(){
if(nowTopTitle.value='我的算法'){ if(nowTopTitle.value=='我的算法'){
getMyList() getMyList()
}else{ }else{
getList() getList()
...@@ -245,7 +248,7 @@ import { el } from "element-plus/es/locales.mjs"; ...@@ -245,7 +248,7 @@ import { el } from "element-plus/es/locales.mjs";
function handMyMenuClick(row) { function handMyMenuClick(row) {
queryParams.value.algorithmStatus='' queryParams.value.algorithmStatus=''
queryParams.value.applicationScenarios='' queryParams.value.applicationScenarios=''
nowTopTitle.value=row.index nowTopTitle.value='我的算法'
getMyList() getMyList()
} }
......
...@@ -630,6 +630,6 @@ function submitForm() { ...@@ -630,6 +630,6 @@ function submitForm() {
}); });
}; };
getDeptTree(); // getDeptTree();
getList(); getList();
</script> </script>
...@@ -109,7 +109,16 @@ ...@@ -109,7 +109,16 @@
label="关联算法" label="关联算法"
align="center" align="center"
prop="algorithmCount" prop="algorithmCount"
/> >
<template #default="scope">
<el-tooltip
:content="scope.row.algorithmName"
placement="top-start"
>
<el-button>{{ scope.row.algorithmCount }}</el-button>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="时段配置" align="center" prop="postSort"> <el-table-column label="时段配置" align="center" prop="postSort">
<template #default="scope"> <template #default="scope">
<el-button <el-button
......
...@@ -180,7 +180,6 @@ function getVideos(str){ ...@@ -180,7 +180,6 @@ function getVideos(str){
} }
player.value = new JSMpeg.Player("ws://192.168.4.232:9999/rtsp?url="+btoa(url), {canvas: canvas}) player.value = new JSMpeg.Player("ws://192.168.4.232:9999/rtsp?url="+btoa(url), {canvas: canvas})
player.value.play() player.value.play()
} }
function handleNodeClick(row) { function handleNodeClick(row) {
......
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