修改前端样式修改

This commit is contained in:
limengnan 2026-03-19 13:58:28 +08:00
parent 68656b1d70
commit 176c767137
5 changed files with 52 additions and 15 deletions

View File

@ -328,14 +328,24 @@ function closeChangeDialogsettings(e:any){ // 变动公式值设置关闭
<div class="materialmodel-title-line"></div> <div class="materialmodel-title-line"></div>
<div>延时设置</div> <div>延时设置</div>
</div> </div>
<div style="display: flex;align-items: center;"> <div v-for="(item, index) in formulaInfo.delayList" :key="index"
style="padding: 10px 0;display: flex;align-items: center;margin-bottom: 10px;">
<div>{{"(" + item.parentName +'.'+ item.name+")"}}</div>
<el-input v-model="item.delay" style="width: 200px" placeholder="" disabled="true">
<template #append>
s
</template>
</el-input>
</div>
<!-- <div style="display: flex;align-items: center;">
<el-form-item label="关联设备" > <el-form-item label="关联设备" >
<el-input v-model="formulaInfo.correlation" style="width: 100%" placeholder=""></el-input> <el-input v-model="formulaInfo.correlation" style="width: 100%" placeholder=""></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="延时时间" > <el-form-item label="延时时间" >
<el-input v-model="formulaInfo.delay" style="width: 100%" placeholder=""></el-input> <el-input v-model="formulaInfo.delay" style="width: 100%" placeholder=""></el-input>
</el-form-item> --> </el-form-item>
</div> </div> -->
</el-form> </el-form>
<span class="dialog-footer" <span class="dialog-footer"
style="display: flex;display: -webkit-flex; justify-content: flex-end;-webkit-justify-content: flex-end;"> style="display: flex;display: -webkit-flex; justify-content: flex-end;-webkit-justify-content: flex-end;">

View File

@ -497,7 +497,7 @@ const objectSpanMethod = ({
</div> </div>
<el-dialog v-model="dialogVisibles" :close-on-click-modal="false" <el-dialog v-model="dialogVisibles" :close-on-click-modal="false"
:modal="false" draggable :before-close="handleClose" :title="title" :modal="false" draggable :before-close="handleClose" :title="title"
append-to-body width="1145px" height="600px"> append-to-body width="1145px" height="600px" class="modelTrainTask-dialog">
<el-form ref="infoForm" :model="info" :rules="rules" label-width="100px" <el-form ref="infoForm" :model="info" :rules="rules" label-width="100px"
style="margin-top: 20px;"> style="margin-top: 20px;">
<div style="height: calc(100vh - 260px);overflow: auto;"> <div style="height: calc(100vh - 260px);overflow: auto;">
@ -553,9 +553,9 @@ const objectSpanMethod = ({
</div> </div>
</div> --> </div> -->
</el-form-item> </el-form-item>
<el-form-item label="特征映射快照" style="width: 100%;" > <!-- <el-form-item label="特征映射快照" style="width: 100%;" >
<el-input type="textarea" v-model="info.featureMapSnapshot" style="width: 100%" placeholder="输入特征映射快照"></el-input> <el-input type="textarea" v-model="info.featureMapSnapshot" style="width: 100%" placeholder="输入特征映射快照"></el-input>
</el-form-item> </el-form-item> -->
</div> </div>
<span class="dialog-footer" <span class="dialog-footer"
@ -754,7 +754,7 @@ const objectSpanMethod = ({
height: 40px; height: 40px;
} }
.adddevice_navigation_left{ .modelTrainTask-dialog .adddevice_navigation_left{
width: 110px; width: 110px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
@ -767,14 +767,14 @@ const objectSpanMethod = ({
color: #363636; color: #363636;
background-image: url('@/assets/x6/navleft.png'); background-image: url('@/assets/x6/navleft.png');
} }
.adddevice_navigation_left:hover{ .modelTrainTask-dialog .adddevice_navigation_left:hover{
color: #266fff ; color: #266fff ;
} }
.adddevice_navigation_activeleft{ .modelTrainTask-dialog .adddevice_navigation_activeleft{
background-image: url('@/assets/x6/navleft_active.png'); background-image: url('@/assets/x6/navleft_active.png');
color: #fff !important; color: #fff !important;
} }
.adddevice_navigation_right{ .modelTrainTask-dialog .adddevice_navigation_right{
width: 110px; width: 110px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;

View File

@ -10,9 +10,9 @@ import { ElForm, ElMessage, ElMessageBox } from "element-plus";
import Page from '@/components/Pagination/page.vue' import Page from '@/components/Pagination/page.vue'
import { getDictItemById } from '@/api/dict'; import { getDictItemById } from '@/api/dict';
import { topologyDevicesLsit } from '@/api/business/project'; import { topologyDevicesLsit } from '@/api/business/project';
import { getToken } from '@/utils/auth';
import { searchEventsByScenarioId } from '@/api/business/event'; import { searchEventsByScenarioId } from '@/api/business/event';
const url = import.meta.env.VITE_APP_BASE_API;
const conditionData:any = ref([{ // const conditionData:any = ref([{ //
}]) }])
@ -275,6 +275,22 @@ function getDeviceInfo(e:any){ // 获取设备信息
} }
const upload:any = ref(null)
function handleSuccess(file: any) {
if(file.code =="0"){
file.data.forEach((item:any) => {
menuList.value[menuIndex.value].segments[segmentationIndex.value].timeline.push(item)
})
ElMessage({
message: "导入成功!",
type: "success",
});
upload.value.clearFiles()
}
}
</script> </script>
<template> <template>
@ -332,6 +348,17 @@ function getDeviceInfo(e:any){ // 获取设备信息
<el-input v-model="menuList[menuIndex].segments[segmentationIndex].end" style="width: 160px" placeholder=""> <el-input v-model="menuList[menuIndex].segments[segmentationIndex].end" style="width: 160px" placeholder="">
<template #append>s</template> <template #append>s</template>
</el-input> </el-input>
<el-upload
ref="upload"
class="upload-demo"
accept=".xlsx"
:action=" url + '/events/upload-excel'"
:show-file-list="false"
:on-success="handleSuccess">
<el-button type="primary" style="margin: 0 10px;" v-if="isEdit == true">
导入数据</el-button>
</el-upload>
</div> </div>
<div class="segmentation_custom_attrs_box"> <div class="segmentation_custom_attrs_box">

View File

@ -188,7 +188,7 @@ onMounted(() => {
<el-form-item label="事故情景名称:" prop="name"> <el-form-item label="事故情景名称:" prop="name">
<el-input v-model="info.name" style="width: 100%" placeholder="输入事故情景名称" ></el-input> <el-input v-model="info.name" style="width: 100%" placeholder="输入事故情景名称" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="算法类型:" prop="algorithmType"> <el-form-item label="算法类型:">
<el-select v-model="info.algorithmType" placeholder="请选择" style="width:100%;" clearable> <el-select v-model="info.algorithmType" placeholder="请选择" style="width:100%;" clearable>
<el-option v-for="item in algorithmTypeData" :key="item.algorithmType" :label="item.name" :value="item.algorithmType" /> <el-option v-for="item in algorithmTypeData" :key="item.algorithmType" :label="item.name" :value="item.algorithmType" />
</el-select> </el-select>

View File

@ -466,7 +466,7 @@ function initDeviceData(){
<el-form-item label="事故情景名称:" prop="name"> <el-form-item label="事故情景名称:" prop="name">
<el-input v-model="info.name" style="width: 100%" placeholder="输入事故情景名称" :disabled="title == '查看事故情景'"></el-input> <el-input v-model="info.name" style="width: 100%" placeholder="输入事故情景名称" :disabled="title == '查看事故情景'"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="算法类型:" prop="algorithmType" :disabled="title == '查看事故情景'"> <el-form-item label="算法类型:" :disabled="title == '查看事故情景'">
<el-select v-model="info.algorithmType" placeholder="请选择" style="width:100%;" clearable :disabled="title == '查看事故情景'"> <el-select v-model="info.algorithmType" placeholder="请选择" style="width:100%;" clearable :disabled="title == '查看事故情景'">
<el-option v-for="item in algorithmTypeData" :key="item.algorithmType" :label="item.name" :value="item.algorithmType" /> <el-option v-for="item in algorithmTypeData" :key="item.algorithmType" :label="item.name" :value="item.algorithmType" />
</el-select> </el-select>