<template>
|
<div>
|
<el-row :gutter="10">
|
<el-col :span="6">
|
<div class="fa-card-a">
|
<div class="mod-taskReliability-simulatAssess">
|
<el-form :model="dataForm" ref="dataForm" :disabled="dataForm.disabled" label-width="80px">
|
<zt-form-item label="产品节点" prop="productId">
|
<zt-select v-model="dataForm.productId" :datas="productList" @change="onProductSelected"/>
|
</zt-form-item>
|
<zt-form-item label="总体任务" prop="task">
|
<zt-select v-model="dataForm.task" :datas="taskList" @change="onTaskSelected"/>
|
</zt-form-item>
|
<zt-form-item label="数据类型" prop="dataType">
|
<zt-dict v-model="dataForm.dataType" dict="dataType"></zt-dict>
|
</zt-form-item>
|
<zt-form-item label="是否可修" prop="isRepair">
|
<zt-dict v-model="dataForm.isRepair" dict="is_or_not"></zt-dict>
|
</zt-form-item>
|
<zt-form-item label="采样周期" prop="samplPeriod">
|
<el-input type="number" :min="1" v-model="dataForm.samplPeriod">
|
<template slot="append">分钟</template>
|
</el-input>
|
</zt-form-item>
|
<zt-form-item label="仿真时长" prop="simulatTime">
|
<el-input type="number" :min="1" v-model="dataForm.simulatTime">
|
<template slot="append">分钟</template>
|
</el-input>
|
</zt-form-item>
|
<zt-form-item label="仿真次数" prop="simulatFrequency">
|
<el-input type="number" :min="1" v-model="dataForm.simulatFrequency">
|
<template slot="append">次数</template>
|
</el-input>
|
</zt-form-item>
|
<zt-form-item>
|
<zt-button @click="analyze()">仿真分析</zt-button>
|
<zt-button>分析结果</zt-button>
|
</zt-form-item>
|
</el-form>
|
</div>
|
</div>
|
</el-col>
|
<el-col :span="18">
|
<div class="fa-card-a">
|
<SimulatCurve ref="SimulatCurve"></SimulatCurve>
|
<SimulatData></SimulatData>
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
import SimulatCurve from "./SimulatCurve";
|
import SimulatData from "./SimulatData";
|
|
|
export default {
|
data() {
|
return {
|
productList: [],
|
taskList: [],
|
dataForm: {
|
id: '',
|
pid: '',
|
productId: '',
|
task: '',
|
dataType: '',
|
isRepair: '',
|
samplPeriod: '',
|
simulatFrequency: '',
|
simulatTime:''
|
}
|
}
|
},
|
mounted() {
|
this.getProductList()
|
},
|
components: {
|
SimulatCurve,
|
SimulatData
|
},
|
|
methods: {
|
// 获取信息
|
onProductSelected(data) {
|
console.log(data, ' onProductSelected(data)')
|
this.dataForm.productId = data.id
|
this.getTaskList()
|
},
|
onTaskSelected(data) {
|
console.log(data, ' onProductSelected(data)')
|
this.dataForm.task = data.id
|
},
|
async getProductList() {
|
let res = await this.$http.get('/basicInfo/XhProductModel/getTaskProductList')
|
this.productList = res.data
|
},
|
async getTaskList() {
|
let params = {
|
productId: this.dataForm.productId
|
}
|
let res = await this.$http.get('/taskReliability/Task/getTaskList', {params: params})
|
console.log(res.data)
|
this.taskList = res.data
|
},
|
async analyze() {
|
let res = await this.$http.post('/taskReliability/SimulatAssess/analyze', this.dataForm)
|
if (res.success) {
|
console.log(res.data, 'analyze')
|
let stopPolling = false
|
if (!stopPolling) {
|
let timer = setInterval(async () => {
|
let res2 = await this.$http.get(`/taskReliability/SimulatAssess/${res.data}`)
|
console.log(res2.data, 'setInterval')
|
if (res2.data) {
|
if (res2.data.code === '0' || res2.data.errorMsg === '0') {
|
stopPolling = true
|
// 中止轮询
|
clearInterval(timer)
|
alert('已获取')
|
this.$refs.SimulatCurve.initEcharts(res2.data.curveData);
|
// 清除定时器
|
} else {
|
stopPolling = true
|
// 中止轮询
|
clearInterval(timer)
|
alert('数据有误，重新输入')
|
}
|
}
|
}, 400)
|
}
|
|
}
|
}
|
}
|
}
|
</script>
|
<style>
|
.mod-taskReliability-simulatAssess {
|
height: calc(100vh - 175px);
|
}
|
|
.mod-taskReliability-simulatAssess .el-form-item__label {
|
line-height: calc((100vh - 175px) / 8);
|
}
|
|
.mod-taskReliability-simulatAssess .el-form-item__content {
|
line-height: calc((100vh - 175px) / 8);
|
}
|
|
.mod-taskReliability-simulatAssess .el-form-item__content > .el-input-group--append {
|
vertical-align: baseline;
|
}
|
|
div.el-col.el-col-17 {
|
background: white;
|
}
|
div.el-select-dropdown.el-popper{
|
/*top: calc((100vh - 155px) / 4) !important;*/
|
}
|
</style>
|
