<template>
|
<div>
|
<el-card shadow="never" class="aui-card--fill">
|
<div class="mod-sysPictureBase-sysPictureBase}">
|
<zt-table-wraper defaultNotQuery='false' :paging='false' query-url="" v-slot="{ table }">
|
<el-form :inline="true" :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="taskModelId">
|
<zt-select v-model="dataForm.taskModelId" :datas="taskList" @change="onTaskSelected"/>
|
</zt-form-item>
|
<zt-button type="primary" @click="verify()">计算</zt-button>
|
</el-form>
|
<div style="font-size: 1.3rem">
|
<span v-html="result">{{ result}}</span>
|
</div>
|
</zt-table-wraper>
|
</div>
|
</el-card>
|
</div>
|
</template>
|
|
<script>
|
|
export default {
|
data() {
|
return {
|
name: 'verify',
|
productList: '',
|
taskList: '',
|
dataForm: {
|
productId: '',
|
taskModelId: ''
|
},
|
result: ''
|
}
|
},
|
mounted() {
|
this.getProductList()
|
},
|
components: {},
|
methods: {
|
onProductSelected(data) {
|
console.log(data, ' onProductSelected(data)')
|
this.dataForm.productId = data.id
|
this.getTaskList()
|
this.dataForm.taskModelId = ''
|
},
|
onTaskSelected(data) {
|
console.log(data, ' onProductSelected(data)')
|
this.dataForm.taskModelId = data.id
|
},
|
async getProductList() {
|
let res = await this.$http.get('/basicInfo/XhProductModel/getTaskProductList')
|
this.productList = res.data
|
this.onProductSelected(this.productList[0])
|
},
|
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 verify() {
|
let params = {
|
taskId: this.dataForm.taskModelId
|
}
|
let res = await this.$http.get('/taskReliability/SimulatAssess/verify', {params: params})
|
console.log(res.data)
|
this.result = res.data
|
}
|
}
|
}
|
</script>
|