|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="fa-card-a"> | 
|---|
|  |  |  | <el-row :gutter="5"> | 
|---|
|  |  |  | <div class="mod-taskReliability-simulatAssess"> | 
|---|
|  |  |  | <el-form :inline="true" :model="dataForm" ref="dataForm" :disabled="dataForm.disabled"> | 
|---|
|  |  |  | <el-form :inline="true" :model="dataForm" ref="dataForm" :disabled="dataForm.disabled"> | 
|---|
|  |  |  | <zt-form-item label="产品节点" prop="productId" width="100px"> | 
|---|
|  |  |  | <zt-select v-model="dataForm.productId" :datas="productList" @change="onProductSelected"/> | 
|---|
|  |  |  | </zt-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | <zt-button @click="compair()">方案对比</zt-button> | 
|---|
|  |  |  | </zt-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | <div> | 
|---|
|  |  |  | <el-col :span="4"> | 
|---|
|  |  |  | <div style="margin-right: 5px;height: calc(88vh - 100px)" v-if="isSelect"> | 
|---|
|  |  |  | <div style="margin-right: 5px;height: calc(100vh - 230px)" v-if="isSelect"> | 
|---|
|  |  |  | <product-model-tree @on-selected="onTreeSelected" showXdy="false" | 
|---|
|  |  |  | ref="ProductModelTree" :isShow="false" basic="4" :productId="dataForm.productId"/> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="20"> | 
|---|
|  |  |  | <div style="margin-top: 20px;position: relative;height: 600px"> | 
|---|
|  |  |  | <div class="fa-card-a" style="position: relative;height: calc(100vh - 230px)"> | 
|---|
|  |  |  | <div v-if="isShow"> | 
|---|
|  |  |  | <el-button v-if="isZk" type="info" size="small" icon="el-icon-caret-bottom" | 
|---|
|  |  |  | style="position: absolute;right: 10%;top: 10%;z-index: 1" @click="zk()"></el-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | async onTreeSelected(data) { | 
|---|
|  |  |  | if (this.dataForm.taskModelId) { | 
|---|
|  |  |  | if (this.dataForm.taskModelId.length > 0) { | 
|---|
|  |  |  | console.log(this.dataForm.taskModelId) | 
|---|
|  |  |  | console.log(data, 'onProductSelected') | 
|---|
|  |  |  | this.dataForm.showProductId = data.id | 
|---|
|  |  |  | let params = { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.xDataList = res.data.xdataList | 
|---|
|  |  |  | this.seriesList = res.data.curveList | 
|---|
|  |  |  | this.tableData = res.data.dataList | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 获取信息 | 
|---|
|  |  |  | 
|---|
|  |  |  | this.option = { | 
|---|
|  |  |  | xAxis: { | 
|---|
|  |  |  | data: this.xDataList, | 
|---|
|  |  |  | name: '仿真总时长' | 
|---|
|  |  |  | name: '仿真总时长', | 
|---|
|  |  |  | type: 'category', | 
|---|
|  |  |  | axisLabel: { | 
|---|
|  |  |  | formatter: function(value) { | 
|---|
|  |  |  | // 将 X 轴刻度值格式化为保留两位小数的字符串 | 
|---|
|  |  |  | return parseFloat(value).toFixed(2); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | yAxis: { | 
|---|
|  |  |  | type: 'value', | 
|---|