|
|
|
@ -64,16 +64,16 @@ |
|
|
|
<el-drawer v-model="drawerIshow"> |
|
|
|
<el-drawer v-model="drawerIshow"> |
|
|
|
<template #header><h4>策略导入</h4></template> |
|
|
|
<template #header><h4>策略导入</h4></template> |
|
|
|
<template #default> |
|
|
|
<template #default> |
|
|
|
<el-radio v-for="(item,index) in celueList" :key="index" class="celueBox" v-model="radio" :label="item.sceneName" size="large" @change="selectCeLue(item)"> |
|
|
|
<el-radio v-for="(item,index) in celueList" :key="index" class="celueBox" v-model="radio" :label="item.strategyName" size="large" @change="selectCeLue(item)"> |
|
|
|
<span style="font-weight: bold; display: inline-block; margin-bottom: 20px;">{{ item.sceneName }}</span> |
|
|
|
<span style="font-weight: bold; display: inline-block; margin-bottom: 20px;">{{ item.strategyName }}</span> |
|
|
|
<el-timeline> |
|
|
|
<el-timeline> |
|
|
|
<el-timeline-item v-for="(items,index) in item.flow" :key="index" placement="top" |
|
|
|
<el-timeline-item v-for="(items,index) in item.scenesList" :key="index" placement="top" |
|
|
|
:timestamp="items.timestamp" |
|
|
|
:timestamp="items.title" |
|
|
|
:hollow="items.hollow" |
|
|
|
:hollow="items.hollow" |
|
|
|
:icon="items.icon" |
|
|
|
:icon="items.icon" |
|
|
|
:type="items.type" |
|
|
|
:type="items.type" |
|
|
|
> |
|
|
|
> |
|
|
|
{{items.step}} |
|
|
|
{{items.sceneName}}，{{items.sceneRemark}} |
|
|
|
</el-timeline-item> |
|
|
|
</el-timeline-item> |
|
|
|
</el-timeline> |
|
|
|
</el-timeline> |
|
|
|
|
|
|
|
|
|
|
|
@ -347,13 +347,15 @@ const celueList = ref([ |
|
|
|
]) |
|
|
|
]) |
|
|
|
function getStrategyListFun(){ |
|
|
|
function getStrategyListFun(){ |
|
|
|
getStrategyList().then((res)=>{ |
|
|
|
getStrategyList().then((res)=>{ |
|
|
|
// celueList.value = res.data |
|
|
|
console.log('```````',res) |
|
|
|
|
|
|
|
celueList.value = res.data |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
//选择策略 |
|
|
|
//选择策略 |
|
|
|
const SenceControlArr = ref([]) |
|
|
|
// const SenceControlArr = ref([]) |
|
|
|
let celueItem; |
|
|
|
let celueItem; |
|
|
|
function selectCeLue(item){ |
|
|
|
function selectCeLue(item){ |
|
|
|
|
|
|
|
console.log(item) |
|
|
|
celueItem = item |
|
|
|
celueItem = item |
|
|
|
// //拼数组对象 |
|
|
|
// //拼数组对象 |
|
|
|
// //1、 |
|
|
|
// //1、 |
|
|
|
@ -388,28 +390,27 @@ function selectCeLue(item){ |
|
|
|
//执行另一个策略将所有策略的icon和type清空 |
|
|
|
//执行另一个策略将所有策略的icon和type清空 |
|
|
|
function clearLastCelue(){ |
|
|
|
function clearLastCelue(){ |
|
|
|
celueList.value.forEach((celue) => { |
|
|
|
celueList.value.forEach((celue) => { |
|
|
|
celue.flow.forEach((flow) => { |
|
|
|
celue.scenesList.forEach((scenesList) => { |
|
|
|
flow.icon = '' |
|
|
|
scenesList.icon = '' |
|
|
|
flow.type = '' |
|
|
|
scenesList.type = '' |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
celueItem.flow.forEach((flow) => { |
|
|
|
celueItem.scenesList.forEach((scenesList) => { |
|
|
|
flow.icon = flow.icon || '' |
|
|
|
scenesList.icon = scenesList.icon || '' |
|
|
|
flow.type = flow.type || '' |
|
|
|
scenesList.type = scenesList.type || '' |
|
|
|
}) |
|
|
|
}) |
|
|
|
console.log('qqqqqq',celueItem) |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
// const getIcon = (item) => { return item.icon || '' } |
|
|
|
// const getIcon = (item) => { return item.icon || '' } |
|
|
|
// const getType = (item) => { return item.type || '' } |
|
|
|
// const getType = (item) => { return item.type || '' } |
|
|
|
|
|
|
|
|
|
|
|
//执行 |
|
|
|
//执行 |
|
|
|
function confirmClick() { |
|
|
|
function confirmClick() { |
|
|
|
if(SenceControlArr.value.length != 0){ |
|
|
|
if(celueItem == undefined){ |
|
|
|
ElMessage.warning('请先选择策略') |
|
|
|
ElMessage.warning('请先选择策略') |
|
|
|
}else{ |
|
|
|
}else{ |
|
|
|
ElMessageBox.confirm(`确定执行 ${radio.value} ?`).then(() => { |
|
|
|
ElMessageBox.confirm(`确定执行 ${radio.value} ?`).then(() => { |
|
|
|
// drawerIshow.value = false; |
|
|
|
// console.log('传入的参数',celueItem.commandList) |
|
|
|
console.log('执行的策略：',celueItem.flow) |
|
|
|
// console.log('执行的策略：',celueItem.scenesList) |
|
|
|
|
|
|
|
|
|
|
|
const loading = ElLoading.service({ |
|
|
|
const loading = ElLoading.service({ |
|
|
|
lock: true, |
|
|
|
lock: true, |
|
|
|
@ -418,38 +419,38 @@ function confirmClick() { |
|
|
|
}) |
|
|
|
}) |
|
|
|
setTimeout(() => { |
|
|
|
setTimeout(() => { |
|
|
|
loading.close() |
|
|
|
loading.close() |
|
|
|
}, celueItem.flow.length * 1000) |
|
|
|
}, celueItem.scenesList.length * 1000) |
|
|
|
|
|
|
|
|
|
|
|
getSenceControl(SenceControlArr.value).then((res)=>{ |
|
|
|
getSenceControl(celueItem.commandList).then((res)=>{ |
|
|
|
if(res.code == 200){ |
|
|
|
if(res.code == 200){ |
|
|
|
clearLastCelue() |
|
|
|
clearLastCelue() |
|
|
|
//执行过程 |
|
|
|
//执行过程 |
|
|
|
function setFlowItem(i) { |
|
|
|
function setFlowItem(i) { |
|
|
|
if (i >= celueItem.flow.length) { |
|
|
|
if (i >= celueItem.scenesList.length) { |
|
|
|
return; // 递归终止条件 |
|
|
|
return; //递归终止条件 |
|
|
|
} |
|
|
|
} |
|
|
|
celueItem.flow[i].type = 'success'; |
|
|
|
celueItem.scenesList[i].type = 'success'; |
|
|
|
celueItem.flow[i].icon = 'Check'; |
|
|
|
celueItem.scenesList[i].icon = 'Check'; |
|
|
|
setTimeout(function() { |
|
|
|
setTimeout(function() { |
|
|
|
setFlowItem(i + 1); // 递归调用 |
|
|
|
setFlowItem(i + 1); //递归调用 |
|
|
|
}, 1000); // 延迟1秒执行 |
|
|
|
}, 1000); |
|
|
|
} |
|
|
|
} |
|
|
|
setFlowItem(0); // 调用递归函数，从数组第一个元素开始赋值 |
|
|
|
setFlowItem(0); //调用递归函数，从数组第一个元素开始赋值 |
|
|
|
|
|
|
|
|
|
|
|
setTimeout(()=>{ |
|
|
|
setTimeout(()=>{ |
|
|
|
ElMessage.success('导入成功') |
|
|
|
ElMessage.success('导入成功') |
|
|
|
},celueItem.flow.length * 1000) |
|
|
|
},celueItem.scenesList.length * 1000) |
|
|
|
getControlLogListFun() |
|
|
|
getControlLogListFun() |
|
|
|
}else{ |
|
|
|
}else{ |
|
|
|
for(let i = 0;i < celueItem.flow.length;i++) { |
|
|
|
for(let i = 0;i < celueItem.scenesList.length;i++) { |
|
|
|
setTimeout(() => { |
|
|
|
setTimeout(() => { |
|
|
|
celueItem.flow[i].type = 'warning' |
|
|
|
celueItem.scenesList[i].type = 'warning' |
|
|
|
celueItem.flow[i].icon = 'Close' |
|
|
|
celueItem.scenesList[i].icon = 'Close' |
|
|
|
},celueItem.flow.length * 1000) |
|
|
|
},celueItem.scenesList.length * 1000) |
|
|
|
} |
|
|
|
} |
|
|
|
setTimeout(()=>{ |
|
|
|
setTimeout(()=>{ |
|
|
|
ElMessage.warning('导入失败') |
|
|
|
ElMessage.warning('导入失败') |
|
|
|
},celueItem.flow.length * 1000) |
|
|
|
},celueItem.scenesList.length * 1000) |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
