658 lines
20 KiB
Vue
658 lines
20 KiB
Vue
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<el-tabs type="border-card">
|
|||
|
|
<el-tab-pane label="预检测项目">
|
|||
|
|
<div class="form-grid">
|
|||
|
|
<el-checkbox v-for="(item, index) in detectionOptions" v-model="item.selected" :key="index"
|
|||
|
|
:label="item.name" disabled></el-checkbox>
|
|||
|
|
</div>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
</el-tabs>
|
|||
|
|
|
|||
|
|
<div class="test-dialog">
|
|||
|
|
<div class="dialog-left">
|
|||
|
|
<el-steps direction="vertical" :active="activeIndex" :process-status="currentStepStatus"
|
|||
|
|
finish-status="success">
|
|||
|
|
<el-step :status="step1" title="设备通讯校验"/>
|
|||
|
|
<el-step :status="step2" title="协议校验"/>
|
|||
|
|
<el-step :status="step3" title="模型一致性校验"/>
|
|||
|
|
<el-step :status="step4" title="实时数据对齐验证"/>
|
|||
|
|
<el-step :status="step5" title="相序校验"/>
|
|||
|
|
<!-- <el-step :status="step6" title="遥控录波功能验证"/> -->
|
|||
|
|
<el-step :status="step6" :title="ts === 'error'? '检测失败':ts === 'process'? '检测中':ts === 'success'? '检测成功':'待检测'"/>
|
|||
|
|
</el-steps>
|
|||
|
|
</div>
|
|||
|
|
<div class="dialog-right">
|
|||
|
|
<el-collapse v-model="collapseActiveName" accordion>
|
|||
|
|
<el-collapse-item title="设备通讯校验" name="1">
|
|||
|
|
<div class="div-log">
|
|||
|
|
<p v-for="(item, index) in step1InitLog" :key="index"
|
|||
|
|
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
|
|||
|
|
{{ item.log }} <br/>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</el-collapse-item>
|
|||
|
|
<el-collapse-item title="协议校验" name="2">
|
|||
|
|
<div class="div-log">
|
|||
|
|
<p v-for="(item, index) in step2InitLog" :key="index"
|
|||
|
|
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
|
|||
|
|
{{ item.log }} <br/>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</el-collapse-item>
|
|||
|
|
<el-collapse-item title="模型一致性校验" name="3">
|
|||
|
|
<div class="div-log">
|
|||
|
|
<p v-for="(item, index) in step3InitLog" :key="index"
|
|||
|
|
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
|
|||
|
|
{{ item.log }} <br/>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</el-collapse-item>
|
|||
|
|
<el-collapse-item name="4">
|
|||
|
|
<template #title>
|
|||
|
|
实时数据对齐验证
|
|||
|
|
<el-icon class="title-icon" @click="openDialog"><InfoFilled/></el-icon>
|
|||
|
|
</template>
|
|||
|
|
<div class="div-log">
|
|||
|
|
<p v-for="(item, index) in step4InitLog" :key="index"
|
|||
|
|
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
|
|||
|
|
{{ item.log }}
|
|||
|
|
<br/>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</el-collapse-item>
|
|||
|
|
<el-collapse-item title="相序校验" name="5">
|
|||
|
|
<div class="div-log">
|
|||
|
|
<p v-for="(item, index) in step5InitLog" :key="index"
|
|||
|
|
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
|
|||
|
|
{{ item.log }} <br/>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</el-collapse-item>
|
|||
|
|
<!-- <el-collapse-item title="遥控录波功能验证" name="3">
|
|||
|
|
<div class="div-log">
|
|||
|
|
<p v-for="(item, index) in step3InitLog" :key="index"
|
|||
|
|
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
|
|||
|
|
{{ item.log.split('&&')[0] }}
|
|||
|
|
<br v-if="item.log.includes('&&')"/>
|
|||
|
|
{{ item.log.split('&&')[1] }}
|
|||
|
|
|
|||
|
|
<br v-if="item.log.includes('&&')"/>
|
|||
|
|
{{ item.log.split('&&')[2] }}
|
|||
|
|
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</el-collapse-item> -->
|
|||
|
|
</el-collapse>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<RealTimeData ref="realTimeDataRef"/>
|
|||
|
|
</template>
|
|||
|
|
<script lang="tsx" setup name="preTest">
|
|||
|
|
import {ElMessage, ElMessageBox, StepProps} from "element-plus";
|
|||
|
|
import {defineExpose, ref, toRef, watch} from 'vue';
|
|||
|
|
import RealTimeData from './realTimeDataAlign.vue'
|
|||
|
|
|
|||
|
|
const realTimeDataRef = ref()
|
|||
|
|
|
|||
|
|
|
|||
|
|
const step1InitLog = ref([
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
])
|
|||
|
|
|
|||
|
|
const step2InitLog = ref([
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
])
|
|||
|
|
|
|||
|
|
const step3InitLog = ref([
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
])
|
|||
|
|
|
|||
|
|
const step4InitLog = ref([
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
])
|
|||
|
|
|
|||
|
|
const step5InitLog = ref([
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
])
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
const collapseActiveName = ref('1')
|
|||
|
|
const activeIndex = ref(0)
|
|||
|
|
const activeTotalNum = ref(5)
|
|||
|
|
const step1 = ref<StepProps['status']>('wait')
|
|||
|
|
const step2 = ref<StepProps['status']>('wait')
|
|||
|
|
const step3 = ref<StepProps['status']>('wait')
|
|||
|
|
const step4 = ref<StepProps['status']>('wait')
|
|||
|
|
const step5 = ref<StepProps['status']>('wait')
|
|||
|
|
const step6 = ref<StepProps['status']>('wait')
|
|||
|
|
|
|||
|
|
//定义与预检测配置数组
|
|||
|
|
const detectionOptions = ref([
|
|||
|
|
{
|
|||
|
|
id: 0,
|
|||
|
|
name: "设备通讯校验",
|
|||
|
|
selected: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 1,
|
|||
|
|
name: "协议校验",
|
|||
|
|
selected: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 2,
|
|||
|
|
name: "模型一致性校验",
|
|||
|
|
selected: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 3,
|
|||
|
|
name: "实时数据对齐验证",
|
|||
|
|
selected: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 4,
|
|||
|
|
name: "相序校验",
|
|||
|
|
selected: true,
|
|||
|
|
},
|
|||
|
|
]);
|
|||
|
|
|
|||
|
|
const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process'>('finish');
|
|||
|
|
|
|||
|
|
const props = defineProps({
|
|||
|
|
testStatus: {
|
|||
|
|
type: String,
|
|||
|
|
default: 'wait'
|
|||
|
|
},
|
|||
|
|
webMsgSend: {
|
|||
|
|
type: Object,
|
|||
|
|
default: () => ({})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
const testStatus = toRef(props, 'testStatus');
|
|||
|
|
const webMsgSend = toRef(props, 'webMsgSend');
|
|||
|
|
const ts = ref('');
|
|||
|
|
|
|||
|
|
watch(webMsgSend, function (newValue, oldValue) {
|
|||
|
|
if (testStatus.value !== 'waiting') {
|
|||
|
|
switch (newValue.requestId) {
|
|||
|
|
case 'yjc_sbtxjy':
|
|||
|
|
|
|||
|
|
switch (newValue.operateCode) {
|
|||
|
|
case 'INIT_GATHER$01':
|
|||
|
|
if (newValue.code == 10200) {
|
|||
|
|
step1InitLog.value.push({
|
|||
|
|
type: 'info',
|
|||
|
|
log: newValue.data + '设备通讯校验成功!',
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
} else if (newValue.code == 10201) {
|
|||
|
|
step1.value = 'process'
|
|||
|
|
step1InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '正在进行设备通讯校验.....',
|
|||
|
|
}];
|
|||
|
|
} else if (newValue.code == 10550) {
|
|||
|
|
step1InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: newValue.data + '设备连接异常!',
|
|||
|
|
})
|
|||
|
|
step1.value = 'error'
|
|||
|
|
// ts.value = 'error'
|
|||
|
|
// step6.value = 'error'
|
|||
|
|
} else if (newValue.code == 10551) {
|
|||
|
|
step1InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: newValue.data + '设备触发报告异常!',
|
|||
|
|
})
|
|||
|
|
step1.value = 'error'
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step6.value = 'error'
|
|||
|
|
} else if (newValue.code == 10552) {
|
|||
|
|
//ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
|
|||
|
|
step2InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
|
|||
|
|
}];
|
|||
|
|
step1.value = 'error'
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step6.value = 'error'
|
|||
|
|
} else if (newValue.code == 25001) {
|
|||
|
|
activeIndex.value = 1
|
|||
|
|
step1.value = 'success'
|
|||
|
|
step3.value = 'process'
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
break;
|
|||
|
|
case 'yjc_xyjy':
|
|||
|
|
switch (newValue.operateCode) {
|
|||
|
|
case 'INIT_GATHER$01':
|
|||
|
|
if (newValue.code == 10200) {
|
|||
|
|
step2InitLog.value.push({
|
|||
|
|
type: 'info',
|
|||
|
|
log: '统计数据协议校验:' + newValue.data + '通讯协议校验成功!',
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
} else if (newValue.code == 10201) {
|
|||
|
|
step2.value = 'process'
|
|||
|
|
step2InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '正在进行通讯协议校验.....',
|
|||
|
|
}];
|
|||
|
|
} else if (newValue.code == 10550) {
|
|||
|
|
step2InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: newValue.data + '设备连接异常!',
|
|||
|
|
})
|
|||
|
|
step2.value = 'error'
|
|||
|
|
// ts.value = 'error'
|
|||
|
|
// step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 10551) {
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: newValue.data + '设备触发报告异常!',
|
|||
|
|
})
|
|||
|
|
step3.value = 'error'
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 10552) {
|
|||
|
|
step3.value = 'error'
|
|||
|
|
//ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
|
|||
|
|
step3InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
|
|||
|
|
}];
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 'INIT_GATHER$02':
|
|||
|
|
if (newValue.code == 10200) {
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'info',
|
|||
|
|
log: '实时数据协议校验:' + newValue.data + '通讯协议校验成功!',
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
} else if (newValue.code == 10201) {
|
|||
|
|
step3.value = 'process'
|
|||
|
|
step3InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '正在进行通讯协议校验.....',
|
|||
|
|
}];
|
|||
|
|
} else if (newValue.code == 10550) {
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: newValue.data + '设备连接异常!',
|
|||
|
|
})
|
|||
|
|
step3.value = 'error'
|
|||
|
|
// ts.value = 'error'
|
|||
|
|
// step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 10551) {
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: newValue.data + '设备触发报告异常!',
|
|||
|
|
})
|
|||
|
|
step3.value = 'error'
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 10552) {
|
|||
|
|
step3.value = 'error'
|
|||
|
|
//ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
|
|||
|
|
step3InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
|
|||
|
|
}];
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 'INIT_GATHER$03':
|
|||
|
|
if (newValue.code == 10200) {
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂态数据协议校验:' + newValue.data + '通讯协议校验成功!',
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
} else if (newValue.code == 10201) {
|
|||
|
|
step3.value = 'process'
|
|||
|
|
} else if (newValue.code == 10550) {
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: newValue.data + '设备连接异常!',
|
|||
|
|
})
|
|||
|
|
step3.value = 'error'
|
|||
|
|
// ts.value = 'error'
|
|||
|
|
// step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 10551) {
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: newValue.data + '设备触发报告异常!',
|
|||
|
|
})
|
|||
|
|
step3.value = 'error'
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 10552) {
|
|||
|
|
//ElMessage.error("当前步骤已经初始化,执行自动关闭,请重新发起检测！")
|
|||
|
|
step3.value = 'error'
|
|||
|
|
step3InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
|
|||
|
|
}];
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 'VERIFY_MAPPING$01':
|
|||
|
|
if (newValue.code == 25001) {
|
|||
|
|
activeIndex.value = 3
|
|||
|
|
step3.value = 'success'
|
|||
|
|
step4.value = 'process'
|
|||
|
|
} else if (newValue.code == 10200) {
|
|||
|
|
let data = JSON.parse(newValue.data)
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: `脚本与icd检验失败! icd名称：${data['icdType']} -> 校验项：${data['dataType']}`,
|
|||
|
|
})
|
|||
|
|
step3.value = 'error'
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 10500) {
|
|||
|
|
step3InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: `装置中未找到该icd！`,
|
|||
|
|
})
|
|||
|
|
step3.value = 'error'
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 'YJC_xujy':
|
|||
|
|
switch (newValue.operateCode) {
|
|||
|
|
case 'OPER_GATHER':
|
|||
|
|
if (newValue.code == 10200) {
|
|||
|
|
step4InitLog.value.push({
|
|||
|
|
type: 'info',
|
|||
|
|
log: '源参数下发成功,等待校验中.....',
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
} else if (newValue.code == 10201) {
|
|||
|
|
step4.value = 'process'
|
|||
|
|
step4InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '源参数下发中.....',
|
|||
|
|
}];
|
|||
|
|
} else if (newValue.code == 10552) {
|
|||
|
|
ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
|
|||
|
|
step4.value = 'error'
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 10520) {
|
|||
|
|
step4.value = 'error'
|
|||
|
|
step4InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: '解析报文异常',
|
|||
|
|
})
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
case 'DATA_REQUEST$02':
|
|||
|
|
if (newValue.code == 10200) {
|
|||
|
|
let type = 'info'
|
|||
|
|
if (newValue.data.includes('不合格')) {
|
|||
|
|
type = 'error'
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
newValue.data.split('<br/>')
|
|||
|
|
step4InitLog.value.push({
|
|||
|
|
type: type,
|
|||
|
|
log: newValue.data,
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
} else if (newValue.code == 10201) {
|
|||
|
|
step4.value = 'process'
|
|||
|
|
step4InitLog.value = [{
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '获取数据相序校验数据!',
|
|||
|
|
}];
|
|||
|
|
} else if (newValue.code == 25003) {
|
|||
|
|
step4.value = 'error'
|
|||
|
|
step4InitLog.value.push({
|
|||
|
|
type: 'error',
|
|||
|
|
log: '相序校验未通过!',
|
|||
|
|
})
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
} else if (newValue.code == 25001) {
|
|||
|
|
step4.value = 'success'
|
|||
|
|
step5.value = 'success'
|
|||
|
|
step4InitLog.value.push({
|
|||
|
|
type: 'wait',
|
|||
|
|
log: '相序校验成功!',
|
|||
|
|
})
|
|||
|
|
ts.value = 'success'
|
|||
|
|
}
|
|||
|
|
activeIndex.value = 5
|
|||
|
|
console.log("@@@@", ts.value)
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
break;
|
|||
|
|
case 'quit':
|
|||
|
|
break;
|
|||
|
|
case 'connect':
|
|||
|
|
switch (newValue.operateCode) {
|
|||
|
|
case "Source":
|
|||
|
|
step1.value = 'error'
|
|||
|
|
step1InitLog.value = [{
|
|||
|
|
type: 'error',
|
|||
|
|
log: '源服务端连接失败!',
|
|||
|
|
}];
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
break;
|
|||
|
|
case "Dev":
|
|||
|
|
step2.value = 'error'
|
|||
|
|
step2InitLog.value = [{
|
|||
|
|
type: 'error',
|
|||
|
|
log: '设备服务端连接失败!',
|
|||
|
|
}];
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 'unknown_operate':
|
|||
|
|
|
|||
|
|
break;
|
|||
|
|
case 'error_flow_end':
|
|||
|
|
ElMessageBox.alert(`设备连接异常，请检查设备连接情况！`, '检测失败', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
type: 'error',
|
|||
|
|
})
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
break;
|
|||
|
|
case 'socket_timeout':
|
|||
|
|
ElMessageBox.alert(`设备连接异常，请检查设备连接情况！`, '检测失败', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
type: 'error',
|
|||
|
|
})
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
break;
|
|||
|
|
case 'server_error':
|
|||
|
|
ElMessageBox.alert('服务端主动关闭连接!', '初始化失败', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
type: 'error',
|
|||
|
|
})
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
break;
|
|||
|
|
case 'device_error':
|
|||
|
|
ElMessageBox.alert('设备主动关闭连接!', '初始化失败', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
type: 'error',
|
|||
|
|
})
|
|||
|
|
ts.value = 'error'
|
|||
|
|
step5.value = 'error'
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
watch(activeIndex, function (newValue, oldValue) {
|
|||
|
|
if (newValue <= activeTotalNum.value - 2) {
|
|||
|
|
collapseActiveName.value = (newValue + 1).toString()
|
|||
|
|
} else {
|
|||
|
|
collapseActiveName.value = (newValue - 1).toString()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//监听goods_sn的变化
|
|||
|
|
watch(testStatus, function (newValue, oldValue) {
|
|||
|
|
ts.value = props.testStatus;
|
|||
|
|
if (ts.value === 'start') {
|
|||
|
|
ts.value = 'process'
|
|||
|
|
} else if (ts.value === 'waiting') {
|
|||
|
|
activeIndex.value = 0
|
|||
|
|
step1InitLog.value = [
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
step1.value = 'finish'
|
|||
|
|
step2.value = 'wait'
|
|||
|
|
step3.value = 'wait'
|
|||
|
|
step4.value = 'wait'
|
|||
|
|
step5.value = 'wait'
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const emit = defineEmits(['update:testStatus']);
|
|||
|
|
//监听sn
|
|||
|
|
watch(ts, function (newValue, oldValue) {
|
|||
|
|
//修改父组件
|
|||
|
|
emit('update:testStatus', ts.value)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 定义一个初始化参数的方法
|
|||
|
|
function initializeParameters() {
|
|||
|
|
activeIndex.value = 0
|
|||
|
|
step1.value = 'process'
|
|||
|
|
step2.value = 'wait'
|
|||
|
|
step3.value = 'wait'
|
|||
|
|
step4.value = 'wait'
|
|||
|
|
step5.value = 'wait'
|
|||
|
|
|
|||
|
|
step1InitLog.value = [
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
step2InitLog.value = [
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
step3InitLog.value = [
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
step4InitLog.value = [
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
step5InitLog.value = [
|
|||
|
|
{
|
|||
|
|
type: 'info',
|
|||
|
|
log: '暂无数据，等待检测开始',
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const openDialog = () => {
|
|||
|
|
realTimeDataRef.value.open()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
defineExpose({
|
|||
|
|
initializeParameters,
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
|
|||
|
|
|
|||
|
|
.title-icon {
|
|||
|
|
margin-left: 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
font-size: 16px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.test-dialog {
|
|||
|
|
height: 350px;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
/* 横向排列 */
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dialog-left {
|
|||
|
|
width: 15%;
|
|||
|
|
margin-left: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dialog-right {
|
|||
|
|
margin-left: 20px;
|
|||
|
|
width: 80%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dialog-right :deep(.el-collapse-item__header) {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.div-log {
|
|||
|
|
height: 145px;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
|
|||
|
|
p {
|
|||
|
|
margin: 5px 0;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</style>
|