@ -3,12 +3,13 @@ import type { ComponentPublicInstance } from 'vue'
import type { Dayjs } from 'dayjs'
import { debounce } from 'lodash-es'
import dayjs from 'dayjs'
import { computed , defineComponent , onMounted , ref , watch } from 'vue'
import { computed , defineComponent , onMounted , ref , toRaw , watch } from 'vue'
import { useRoute } from 'vue-router'
import {
Button ,
Card ,
Checkbox ,
Col ,
Descriptions ,
Divider ,
Form ,
@ -17,17 +18,27 @@ import {
InputNumber ,
Modal ,
RangePicker ,
Row ,
Spin ,
Steps ,
Tabs ,
Transfer ,
} from 'ant-design-vue'
import VueECharts from 'vue-echarts'
import { func } from 'vue-types'
import { pointTableSchema , sampleInfoTableSchema } from './data'
import { BasicTable , useTable } from '@/components/Table'
import { PageWrapper } from '@/components/Page'
import { modelInfoApi , trainModelApi , updateModelInfo } from '@/api/alert/model/models'
import {
bottomModelApi ,
modelInfoApi ,
testModelApi ,
trainModelApi ,
updateModelInfo ,
} from '@/api/alert/model/models'
import { getExaHistorys } from '@/api/alert/exa/index'
import { useECharts } from '@/hooks/web/useECharts'
import { useMessage } from '@/hooks/web/useMessage'
import { pointListApi } from '@/api/alert/model/select'
export default defineComponent ( {
components : {
@ -50,23 +61,30 @@ export default defineComponent({
ACheckbox : Checkbox ,
AInputNumber : InputNumber ,
AButton : Button ,
ASpin : Spin ,
ATransfer : Transfer ,
ARow : Row ,
ACol : Col ,
} ,
setup ( ) {
const { createMessage } = useMessage ( )
const route = useRoute ( )
const id = route . params . id
const model = ref ( null )
const brushActivated = ref < Set < number > > ( new Set ( ) )
const spinning = ref ( false )
let trainTimeCopy = ''
const fetchModelInfo = async ( ) => {
const modelInfo = await modelInfoApi ( id )
model . value = modelInfo
trainTimeCopy = JSON . stringify ( model . value . trainTime )
getHistory ( )
}
const pointData = computed ( ( ) => model . value ? . pointInfo || [ ] )
const [ pointTable ] = useTable ( {
columns : pointTableSchema ,
pagination : fals e,
pagination : tru e,
dataSource : pointData ,
scroll : { y : 300 } ,
} )
@ -74,7 +92,6 @@ export default defineComponent({
const trainTime = computed ( ( ) => model . value ? . trainTime || [ ] )
const [ trainTimeTable ] = useTable ( {
columns : sampleInfoTableSchema ,
pagination : false ,
dataSource : trainTime ,
scroll : { y : 300 } ,
} )
@ -83,7 +100,10 @@ export default defineComponent({
type RangeValue = [ Dayjs , Dayjs ]
const currentDate : Dayjs = dayjs ( )
const lastMonthDate : Dayjs = currentDate . subtract ( 1 , 'day' )
const rangeValue : RangeValue = [ dayjs ( '2023-10-28 00:00:00' ) , dayjs ( '2023-10-28 23:59:59' ) ]
const rangeValue : RangeValue = [
lastMonthDate ,
currentDate ,
]
const historyTime = ref < RangeValue > ( rangeValue )
const historyList = ref < any [ ] > ( [ ] )
const echartsRefs = ref < any [ ] > ( [ ] )
@ -91,33 +111,103 @@ export default defineComponent({
async function getHistory ( ) {
if ( ! historyTime . value )
return
spinning . value = true
if ( model . value . para ) {
getTestData ( )
}
else {
const params = {
startTime : historyTime . value [ 0 ] . format ( 'YYYY-MM-DD HH:mm:ss' ) ,
endTime : historyTime . value [ 1 ] . format ( 'YYYY-MM-DD HH:mm:ss' ) ,
itemName : model . value ? . pointInfo . map ( item => item . pointId ) . join ( ',' ) ,
itemName : model . value ? . pointInfo
. map ( item => item . pointId )
. join ( ',' ) ,
interval : model . value . sampling ,
}
console . log ( params )
const history = await getExaHistorys ( params )
historyList . value = history . map ( ( item , index ) => {
const point = model . value ? . pointInfo [ index ]
return {
data : item ,
name : ` ${ index } . ${ point ? . description } ( ${ point ? . pointId } ) ` ,
data : [ item ] ,
name : ` ${ index + 1 } . ${ point ? . description } ( ${ point ? . pointId } ) ` ,
}
} )
echartsRefs . value = Array . from ( { length : historyList . value . length } )
console . log ( 'echartsRefs' , echartsRefs . value )
brushActivated . value = new Set ( )
}
function getOption ( item : any ) {
console . log ( 'getOption' , item )
spinning . value = false
}
async function getTestData ( ) {
const params = {
Model_id : 530 ,
version : model . value ? . Cur_Version ? model . value ? . Cur_Version : 'v-test' ,
Test_Data : {
time : historyTime . value
. map ( t => dayjs ( t ) . format ( 'YYYY-MM-DD HH:mm:ss' ) )
. join ( ',' ) ,
points : model . value . pointInfo . map ( t => t . pointId ) . join ( ',' ) ,
interval : model . value . sampling * 1000 ,
} ,
}
const result = await testModelApi ( params )
const sampleData = result . sampleData
const reconData = result . reconData
const xData = generateTimeList (
historyTime . value ,
model . value . sampling * 1000 ,
)
historyList . value = sampleData . map ( ( item , index ) => {
const point = model . value ? . pointInfo [ index ]
return {
data : [
item . map ( ( t , i ) => {
return [ xData [ i ] , t ]
} ) ,
reconData [ index ] . map ( ( t , i ) => {
return [ xData [ i ] , t ]
} ) ,
] ,
name : ` ${ index + 1 } . ${ point ? . description } ( ${ point ? . pointId } ) ` ,
}
} )
brushActivated . value = new Set ( )
}
function generateTimeList ( time : RangeValue , intervalMs : number ) {
const [ t1 , t2 ] = time
const count = Math . floor ( t2 . diff ( t1 , 'millisecond' ) / intervalMs ) + 1
return Array . from ( { length : count } , ( _ , i ) => t1 . add ( i * intervalMs , 'millisecond' ) . valueOf ( ) )
}
function getOption ( item : any ) {
const name = [ '测量值' , '模型值' , '' ]
const color = [ 'blue' , '#ff6f00' , 'red' ]
const yIndex = [ 0 , 0 , 1 ]
const option = {
xAxis : {
type : 'time' ,
axisLabel : {
formatter ( value ) {
const date = new Date ( value )
return date . toLocaleString ( )
} ,
yAxis : { type : 'value' } ,
series : [ { data : item . data , type : 'line' , smooth : true , symbol : 'none' } ] ,
} ,
} ,
yAxis : [ { type : 'value' } , { type : 'value' , max : 10 , show : false } ] ,
series : item . data . map ( ( item , index ) => {
return {
data : item ,
type : 'line' ,
smooth : true ,
symbol : 'none' ,
name : name [ index ] ,
color : color [ index ] ,
yAxisIndex : yIndex [ index ] ,
}
} ) ,
legend : { } ,
dataZoom : [ { } ] ,
brush : {
toolbox : [ 'lineX' ] ,
@ -133,6 +223,7 @@ export default defineComponent({
} ,
] ,
}
return option
}
function setChartRef (
@ -161,7 +252,6 @@ export default defineComponent({
const chart = echartsRefs . value [ index ]
if ( ! chart )
return
console . log ( 'chart' , index , chart )
chart . dispatchAction ( {
type : 'takeGlobalCursor' ,
key : 'brush' ,
@ -173,7 +263,10 @@ export default defineComponent({
const areas = ( model . value ? . trainTime || [ ] ) . map ( row => ( {
brushType : 'lineX' ,
xAxisIndex : 0 ,
coordRange : [ dayjs ( row . st ) . valueOf ( ) , dayjs ( row . et ) . valueOf ( ) ] ,
coordRange : [
dayjs ( row . st ) . format ( 'YYYY-MM-DD HH:mm:ss' ) ,
dayjs ( row . et ) . format ( 'YYYY-MM-DD HH:mm:ss' ) ,
] ,
} ) )
chart . dispatchAction ( {
type : 'brush' ,
@ -191,7 +284,6 @@ export default defineComponent({
isInitBrush . value = false
return
}
console . log ( 'brush selected:' , params . batch )
const selected = params . batch [ 0 ] . selected
if ( selected . length > 0 ) {
const areas = mergeAreas ( params . batch [ 0 ] . areas ) . map ( area => ( {
@ -200,7 +292,10 @@ export default defineComponent({
coordRange : area . coordRange ,
} ) )
const trainTime = areas . map ( ( area ) => {
const [ st , et ] = area . coordRange
const [ stRaw , etRaw ] = area . coordRange
const st = typeof stRaw === 'string' ? dayjs ( stRaw ) . valueOf ( ) : stRaw
const et = typeof etRaw === 'string' ? dayjs ( etRaw ) . valueOf ( ) : etRaw
console . log ( 'Selected area:' , { st , et } , area )
return {
st : dayjs ( st ) . format ( 'YYYY-MM-DD HH:mm:ss' ) ,
et : dayjs ( et ) . format ( 'YYYY-MM-DD HH:mm:ss' ) ,
@ -210,7 +305,11 @@ export default defineComponent({
mode : '' , / / 有 效 样 本 数 （ 如 有 数 据 可 补 充 ）
}
} )
console . log ( 'Selected train time:' , trainTime )
if ( trainTimeCopy === JSON . stringify ( trainTime ) )
return
model . value . trainTime = trainTime
trainTimeCopy = JSON . stringify ( trainTime )
echartsRefs . value . forEach ( ( chart , index ) => {
if ( chart ) {
chart . dispatchAction ( {
@ -220,6 +319,7 @@ export default defineComponent({
isInitBrush . value = true
}
} )
updateModelInfoDebounced ( )
}
} , 300 )
@ -257,23 +357,12 @@ export default defineComponent({
}
/ / 防 抖 更 新
const updateModelInfoDebounced = debounce ( ( val ) => {
const updateModelInfoDebounced = debounce ( ( ) => {
const val = toRaw ( model . value )
if ( val && val . id )
updateModelInfo ( val )
} , 500 )
/ / 监 听 m o d e l 变 化
watch (
model ,
( newVal , oldVal ) => {
console . log ( 'model changed:' , newVal , oldVal )
if ( oldVal === null )
return
updateModelInfoDebounced ( newVal )
} ,
{ deep : true } ,
)
function handleDeleteTrainTime ( index : number ) {
if ( ! model . value ? . trainTime )
return
@ -297,6 +386,12 @@ export default defineComponent({
isInitBrush . value = true
}
} )
updateModelInfoDebounced ( )
}
async function clearModel ( ) {
model . value . para = null
updateModelInfoDebounced ( )
await getHistory ( )
}
async function trainModel ( ) {
@ -311,24 +406,46 @@ export default defineComponent({
return
}
const params = {
conditi on : '1==1' ,
conditon : modelInfo . alarmmodelset ? . alarmcondition || '1==1' ,
Hyper_para : {
percent : modelInfo . rate ,
} ,
Train_Data : {
points : pointInfo . map ( item => item . pointId ) . join ( ',' ) ,
dead : pointInfo . map ( item => item . dead ? '1' : '0' ) . join ( ',' ) ,
limit : pointInfo . map ( item => item . limit ? '1' : '0' ) . join ( ',' ) ,
uplow : pointInfo . map ( item => ` ${ item . Upper } , ${ item . Lower } ` ) . join ( ';' ) ,
dead : pointInfo . map ( item => ( item . dead ? '1' : '0' ) ) . join ( ',' ) ,
limit : pointInfo . map ( item => ( item . limit ? '1' : '0' ) ) . join ( ',' ) ,
uplow : pointInfo
. map (
item =>
` ${ item . Upper ? item . Upper : null } , ${
item . Lower ? item . Lower : null
} ` ,
)
. join ( ';' ) ,
interval : modelInfo . sampling * 1000 ,
time : modelInfo . trainTime . map ( item => ` ${ item . st } , ${ item . et } ` ) . join ( ';' ) ,
time : modelInfo . trainTime
. map ( item => ` ${ item . st } , ${ item . et } ` )
. join ( ';' ) ,
} ,
type : 'PCA' ,
smote_config : '[]' ,
smote_config : [ ] ,
smote : true ,
}
spinning . value = true
try {
const response = await trainModelApi ( params )
console . log ( '模型训练结果:' , response )
model . value . para = response
model . value . principal = response . Model_info . K
updateModelInfoDebounced ( )
getTestData ( )
createMessage . success ( '模型训练成功' )
}
catch ( error ) {
console . error ( '模型训练失败:' , error )
createMessage . error ( '模型训练失败' )
}
spinning . value = false
}
const editForm = ref ( {
index : - 1 ,
@ -336,14 +453,13 @@ export default defineComponent({
Lower : '' ,
lowerBound : '' ,
upperBound : '' ,
dead : fals e,
limit : tru e,
dead : tru e,
limit : fals e,
} )
const openEditPointModal = ref < boolean > ( false )
let pointEditRecord = null
function editPoint ( ) {
/ / 这 里 可 以 添 加 编 辑 点 的 逻 辑
console . log ( '编辑点' )
model . value . pointInfo [ editForm . value . index ] = {
... model . value . pointInfo [ editForm . value . index ] ,
Upper : editForm . value . Upper ,
@ -353,6 +469,7 @@ export default defineComponent({
dead : editForm . value . dead ,
limit : editForm . value . limit ,
}
updateModelInfoDebounced ( )
pointEditRecord . Upper = editForm . value . Upper
pointEditRecord . Lower = editForm . value . Lower
pointEditRecord . lowerBound = editForm . value . lowerBound
@ -363,21 +480,27 @@ export default defineComponent({
}
function openPointModal ( index , record ) {
/ / 当 前 页 i n d e x
const pageIndex = index
/ / 全 局 i n d e x
const globalIndex = model . value . pointInfo . findIndex (
item => item . pointId === record . pointId ,
)
openEditPointModal . value = true
pointEditRecord = record
editForm . value = {
index ,
index : globalIndex ,
Upper : record ? . Upper ? ? '' ,
Lower : record ? . Lower ? ? '' ,
lowerBound : record ? . lowerBound ? ? '' ,
upperBound : record ? . upperBound ? ? '' ,
dead : record ? . dead ? ? false ,
limit : record ? . limit ? ? true ,
dead : ! ! record ? . dead ,
limit : ! ! record ? . limit ,
}
}
const mode = ref ( {
alarmcondition : '1=1' ,
alarmcondition : '1== 1' ,
alarmname : '全工况运行' ,
} )
const openEditModeModal = ref < boolean > ( false )
@ -385,7 +508,7 @@ export default defineComponent({
function openEditMode ( ) {
openEditModeModal . value = true
mode . value = {
alarmcondition : model . value ? . alarmmodelset ? . alarmcondition || '1=1' ,
alarmcondition : model . value ? . alarmmodelset ? . alarmcondition || '1== 1' ,
alarmname : model . value ? . alarmmodelset ? . alarmname || '全工况运行' ,
}
}
@ -394,10 +517,107 @@ export default defineComponent({
}
function handleEditMode ( ) {
/ / 这 里 可 以 添 加 编 辑 模 式 的 逻 辑
console . log ( '编辑模式' )
model . value . alarmmodelset = mode . value
updateModelInfoDebounced ( )
closeEditMode ( )
}
const openEditModelModal = ref ( false )
const editModelForm = ref ( {
sampling : 0 ,
rate : 0 ,
selectedKeys : [ ] ,
} )
/ / 穿 梭 框 数 据 源 示 例
const transferData = ref ( [ ] ) / / 穿 梭 框 数 据 源
/ / 初 始 化 时 获 取 全 部 测 点
async function fetchAllPoints ( keyword = '' ) {
/ / 这 里 调 用 你 的 后 端 接 口 ， 传 递 k e y w o r d
/ / c o n s t r e s = a w a i t f e t c h P o i n t s A p i ( { k e y w o r d } )
/ / 示 例 数 据
const data = await pointListApi ( { keyword } )
console . log ( 'Fetched points:' , data )
transferData . value = transferData . value . filter ( item => editModelForm . value . selectedKeys . includes ( item . key ) )
. concat ( data . map ( item => ( {
key : item . id ,
title : item . name ,
} ) ) )
console . log ( 'Transfer data:' , transferData . value )
}
onMounted ( ( ) => {
fetchAllPoints ( )
} )
function handleTransferSearch ( dir , value ) {
if ( dir === 'left' ) {
/ / 左 侧 ： 后 端 接 口 查 询
fetchAllPoints ( value )
}
else {
/ / 右 侧 ： 前 端 过 滤
transferData . value = ( model . value ? . pointInfo || [ ] )
. filter ( item =>
editModelForm . value . selectedKeys . includes ( ` ${ item . description } | ${ item . pointId } | ${ item . unit } | ${ item . Lower } | ${ item . Upper } ` )
&& ( ` ${ item . description || '' } ( ${ item . pointId } ) ` ) . includes ( value ) ,
)
. map ( item => ( {
key : ` ${ item . description } | ${ item . pointId } | ${ item . unit } | ${ item . Lower } | ${ item . Upper } ` ,
title : ` ${ item . description || '' } ( ${ item . pointId } ) ` ,
} ) )
}
}
function openEditModel ( ) {
editModelForm . value . sampling = model . value ? . sampling || 0
editModelForm . value . rate = model . value ? . rate || 0
editModelForm . value . selectedKeys = ( model . value ? . pointInfo || [ ] ) . map ( item => ` ${ item . description } | ${ item . pointId } | ${ item . unit } | ${ item . Lower } | ${ item . Upper } ` )
transferData . value = ( model . value ? . pointInfo || [ ] ) . map ( item => ( {
key : ` ${ item . description } | ${ item . pointId } | ${ item . unit } | ${ item . Lower } | ${ item . Upper } ` ,
title : ` ${ item . description || '' } ( ${ item . pointId } ) ` ,
} ) )
console . log ( 'transferData:' , transferData . value )
openEditModelModal . value = true
}
function handleEditModelOk ( ) {
model . value . sampling = editModelForm . value . sampling
model . value . rate = editModelForm . value . rate
model . value . pointInfo = editModelForm . value . selectedKeys . map ( ( key ) => {
const [ description , pointId , unit , Lower , Upper ] = key . split ( '|' )
return {
description ,
pointId ,
unit ,
Lower ,
Upper ,
dead : true ,
limit : false ,
}
} )
clearModel ( )
openEditModelModal . value = false
}
function handleEditModelCancel ( ) {
openEditModelModal . value = false
}
async function bottomModel ( ) {
if ( ! model . value . para ) {
createMessage . error ( '模型未训练，无法下装' )
return
}
try {
const response = await bottomModelApi ( model . value . id )
model . value = response
createMessage . success ( '模型下装成功' )
}
catch ( error ) {
console . error ( '底层模型获取失败:' , error )
createMessage . error ( '底层模型获取失败' )
}
}
return {
pointTable ,
model ,
@ -423,6 +643,16 @@ export default defineComponent({
closeEditMode ,
handleEditMode ,
mode ,
spinning ,
clearModel ,
openEditModelModal ,
editModelForm ,
transferData ,
handleTransferSearch ,
openEditModel ,
handleEditModelOk ,
handleEditModelCancel ,
bottomModel ,
}
} ,
} )
@ -432,21 +662,15 @@ export default defineComponent({
< PageWrapper content -background >
< div >
< a -card title = "模型信息" :bordered ="false" >
< template # extra >
< a -button > 下装 < / a - b u t t o n >
< a -button type = "primary" style = "margin-left: 6px" >
修改模型
< / a - b u t t o n >
< / template >
< a -descriptions size = "small" :column ="4" bordered >
< a -descriptions -item label = "模型名称" >
{ { model ? . name } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "描述" >
{ { model ? . description || '暂无描述' } }
{ { model ? . description || "暂无描述" } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "版本" >
{ { model ? . Cur_Version || 'v-test' } }
{ { model ? . Cur_Version || "v-test" } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "评估报告" >
暂无
@ -458,22 +682,22 @@ export default defineComponent({
{ { model ? . creatTime } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "最近修改人" >
{ { model ? . Modifier || '暂无' } }
{ { model ? . Modifier || "暂无" } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "最近修改时间" >
{ { model ? . modifiedTime || '暂无' } }
{ { model ? . modifiedTime || "暂无" } }
< / a - d e s c r i p t i o n s - i t e m >
< / a - d e s c r i p t i o n s >
< a -divider / >
< a -descriptions size = "small" :column ="4" bordered >
< a -descriptions -item label = "算法" >
{ { model ? . algorithm || 'PCA' } }
{ { model ? . algorithm || "PCA" } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "训练采样间隔" >
{ { model ? . sampling } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "参数个数" >
{ { model ? . pointInfo . length || '暂无' } }
{ { model ? . pointInfo . length || "暂无" } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "最小主元贡献率" >
{ { model ? . rate } }
@ -485,14 +709,25 @@ export default defineComponent({
{ { model ? . precision } }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "训练总时长(h)" >
{ { ( model ? . trainTime . reduce ( ( total , item ) => total + item . duration , 0 ) / 3600 ) . toFixed ( 2 ) || '暂无' } }
{ {
(
model ? . trainTime . reduce (
( total , item ) => total + item . duration ,
0 ,
) / 3600
) . toFixed ( 2 ) || "暂无"
} }
< / a - d e s c r i p t i o n s - i t e m >
< a -descriptions -item label = "有效样本数" >
{ { model ? . principal } }
< / a - d e s c r i p t i o n s - i t e m >
< / a - d e s c r i p t i o n s >
< / a - c a r d >
< a -card title = "模式" :bordered ="false" style = "margin-top: 16px;margin-bottom: -20px;" >
< a -card
title = "模式"
: bordered = "false"
style = "margin-top: 16px; margin-bottom: -20px"
>
< a -button size = "large" @click ="openEditMode" >
{ { model ? . alarmmodelset . alarmname } }
< / a - b u t t o n >
@ -503,7 +738,11 @@ export default defineComponent({
< a -tab -pane key = "1" tab = "训练采样时间" >
< BasicTable @register ="trainTimeTable" >
< template # action = "{ record, index }" >
< a -button type = "link" danger @click ="handleDeleteTrainTime(index)" >
< a -button
type = "link"
danger
@ click = "handleDeleteTrainTime(index)"
>
删除
< / a - b u t t o n >
< / template >
@ -522,46 +761,101 @@ export default defineComponent({
< / a - c a r d >
< a -card title = "智能训练" :bordered ="false" >
< div style = "display: flex; align-items: center; " >
< a -form layout = "inline" style = "flex: 1; " >
< div style = "display: flex; align-items: center" >
< a -form layout = "inline" style = "flex: 1" >
< a -form -item label = "模型预览时间范围" >
< a -range -picker v -model :value ="historyTime" show -time @change ="getHistory" / >
< a -range -picker
v - model : value = "historyTime"
show - time
@ change = "getHistory"
/ >
< / a - f o r m - i t e m >
< / a - f o r m >
< a -button type = "primary" style = "margin-left: auto;" @click ="trainModel" >
< a -button
type = "primary"
style = "margin-left: auto"
@ click = "trainModel"
>
模型训练
< / a - b u t t o n >
< a -button
type = "primary"
style = "margin-left: 10px"
@ click = "clearModel"
>
清除训练结果
< / a - b u t t o n >
< a -button type = "primary" style = "margin-left: 6px" @click ="openEditModel" >
修改模型
< / a - b u t t o n >
< a -button
danger
style = "margin-left: 10px"
@ click = "bottomModel"
>
下装
< / a - b u t t o n >
< / div >
< a -divider / >
< div v-for ="(item, index) in historyList" :key="index" class="echart-box" >
< a -card :bordered ="false" style = "margin-bottom: 16px;" >
< a -spin :spinning ="spinning" size = "large" >
< div
v - for = "(item, index) in historyList"
: key = "index"
class = "echart-box"
style = "width: 100%"
>
< a -card :bordered ="false" style = "margin-bottom: 16px" >
< template # title >
< span style = "font-size: 20px;" > { { item . name } } < / span >
< span style = "font-size: 20px" > { { item . name } } < / span >
< / template >
< VueECharts
: ref = "(el) => setEchartsRef(el, index)" : option = "getOption(item)" autoresize
style = "width: 100%; height: 300px" @ finished = "() => onChartFinished(index)"
: ref = "(el) => setEchartsRef(el, index)"
: option = "getOption(item)"
autoresize
style = "width: 100%; height: 200px"
@ finished = "() => onChartFinished(index)"
@ brush - selected = "onBrushSelected"
/ >
< / a - c a r d >
< / div >
< / a - s p i n >
< / a - c a r d >
< / div >
< a -modal v -model :open ="openEditPointModal" title = "更改上下限" @ok ="editPoint" >
< a -form :model ="editForm" : label -col = " { span : 7 } " : wrapper -col = " { span : 15 } " >
< a -modal
v - model : open = "openEditPointModal"
title = "更改上下限"
@ ok = "editPoint"
>
< a -form
: model = "editForm"
: label - col = "{ span: 7 }"
: wrapper - col = "{ span: 15 }"
>
< a -form -item label = "上限" >
< a -input -number v -model :value ="editForm.Upper" placeholder = "请输入上限" / >
< a -input -number
v - model : value = "editForm.Upper"
placeholder = "请输入上限"
/ >
< / a - f o r m - i t e m >
< a -form -item label = "下限" >
< a -input -number v -model :value ="editForm.Lower" placeholder = "请输入下限" / >
< a -input -number
v - model : value = "editForm.Lower"
placeholder = "请输入下限"
/ >
< / a - f o r m - i t e m >
< a -form -item label = "残差上限" >
< a -input -number v -model :value ="editForm.upperBound" placeholder = "请输入残差上限" / >
< a -input -number
v - model : value = "editForm.upperBound"
placeholder = "请输入残差上限"
/ >
< / a - f o r m - i t e m >
< a -form -item label = "残差下限" >
< a -input -number v -model :value ="editForm.lowerBound" placeholder = "请输入残差下限" / >
< a -input -number
v - model : value = "editForm.lowerBound"
placeholder = "请输入残差下限"
/ >
< / a - f o r m - i t e m >
< a -form -item label = "清洗方式" style = "margin-top: 16px;" >
< a -form -item label = "清洗方式" style = "margin-top: 16px" >
< a -checkbox v -model :checked ="editForm.dead" >
死区清洗
< / a - c h e c k b o x >
@ -571,16 +865,83 @@ export default defineComponent({
< / a - f o r m - i t e m >
< / a - f o r m >
< / a - m o d a l >
< a -modal v -model :open ="openEditModeModal" title = "编辑模式" @ok ="handleEditMode" @cancel ="closeEditMode" >
< a -form :model ="mode" : label -col = " { span : 7 } " : wrapper -col = " { span : 15 } " >
< a -modal
v - model : open = "openEditModeModal"
title = "编辑模式"
@ ok = "handleEditMode"
@ cancel = "closeEditMode"
>
< a -form
: model = "mode"
: label - col = "{ span: 7 }"
: wrapper - col = "{ span: 15 }"
>
< a -form -item label = "模式名称" >
< a -input v -model :value ="mode.alarmname" placeholder = "请输入模式名称" / >
< a -input
v - model : value = "mode.alarmname"
placeholder = "请输入模式名称"
/ >
< / a - f o r m - i t e m >
< a -form -item label = "报警条件" >
< a -input v -model :value ="mode.alarmcondition" placeholder = "请输入报警条件" / >
< a -input
v - model : value = "mode.alarmcondition"
placeholder = "请输入报警条件"
/ >
< / a - f o r m - i t e m >
< / a - f o r m >
< / a - m o d a l >
< a -modal
v - model : open = "openEditModelModal"
title = "编辑模型"
width = "1200px"
@ ok = "handleEditModelOk"
@ cancel = "handleEditModelCancel"
>
< a -form
: model = "editModelForm"
: label - col = "{ span: 7 }"
: wrapper - col = "{ span: 15 }"
>
< a -row :gutter ="16" >
< a -col :span ="12" >
< a -form -item label = "训练采样间隔" required >
< a -input -number
v - model : value = "editModelForm.sampling"
placeholder = "请输入训练采样间隔"
style = "width: 100%"
/ >
< / a - f o r m - i t e m >
< / a - c o l >
< a -col :span ="12" >
< a -form -item label = "最小主元贡献率" required >
< a -input -number
v - model : value = "editModelForm.rate"
placeholder = "请输入最小主元贡献率"
style = "width: 100%"
/ >
< / a - f o r m - i t e m >
< / a - c o l >
< / a - r o w >
< div style = "display: flex; justify-content: center; margin-top: 24px;margin-bottom: 10px;" >
< a -transfer
v - model : target - keys = "editModelForm.selectedKeys"
: data - source = "transferData"
: render = "item => item.title"
: row - key = "(item) => item.key"
: pagination = "false"
: show - search = "true"
: filter = "true"
search - placeholder = "搜索测点"
: titles = "['可选测点', '已选测点']"
: list - style = " {
width : '500px' ,
height : '450px' ,
} "
@ search = "handleTransferSearch"
/ >
< / div >
< / a - f o r m >
< / a - m o d a l >
< / PageWrapper >
< / template >
Dreamglade
chenjiale