|
@ -1,5 +1,5 @@ |
|
|
<template> |
|
|
<template> |
|
|
<Dialog v-model="dialogVisible" title="曲线明细" width="800"> |
|
|
<Dialog v-model="dialogVisible" title="曲线明细" width="1200"> |
|
|
<el-row class="mt-5px" :gutter="20" justify="space-between"> |
|
|
<el-row class="mt-5px" :gutter="20" justify="space-between"> |
|
|
<el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24"> |
|
|
<el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24"> |
|
|
<el-card shadow="never"> |
|
|
<el-card shadow="never"> |
|
@ -7,7 +7,7 @@ |
|
|
<el-row :gutter="20" justify="space-between"> |
|
|
<el-row :gutter="20" justify="space-between"> |
|
|
<el-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24"> |
|
|
<el-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24"> |
|
|
<el-skeleton :loading="loading" animated> |
|
|
<el-skeleton :loading="loading" animated> |
|
|
<Echart :options="lineOptionsData" :width="450" :height="400" /> |
|
|
<Echart :options="lineOptionsData" :width="700" :height="400" /> |
|
|
</el-skeleton> |
|
|
</el-skeleton> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
@ -58,6 +58,8 @@ const dialogVisible = ref(false) // 弹窗的是否展示 |
|
|
const lineOptionsData = reactive<EChartsOption>(lineOptions) as EChartsOption |
|
|
const lineOptionsData = reactive<EChartsOption>(lineOptions) as EChartsOption |
|
|
|
|
|
|
|
|
const open = (bhList , vData , title) => { |
|
|
const open = (bhList , vData , title) => { |
|
|
|
|
|
console.log('bhList',bhList); |
|
|
|
|
|
console.log('vData',vData); |
|
|
sybhList.value = bhList |
|
|
sybhList.value = bhList |
|
|
initData(vData , title) |
|
|
initData(vData , title) |
|
|
loading.value = false |
|
|
loading.value = false |
|
@ -85,12 +87,24 @@ const initData = async (datas , title) => { |
|
|
set( |
|
|
set( |
|
|
lineOptionsData, |
|
|
lineOptionsData, |
|
|
'xAxis.data', |
|
|
'xAxis.data', |
|
|
datas.map((v) => t(v.syl)) |
|
|
datas.map((v) => t(v.wy)) |
|
|
|
|
|
) |
|
|
|
|
|
|
|
|
|
|
|
// set( |
|
|
|
|
|
// lineOptionsData, |
|
|
|
|
|
// 'xAxis.name', |
|
|
|
|
|
// '(mm)' |
|
|
|
|
|
// ) |
|
|
|
|
|
|
|
|
|
|
|
set( |
|
|
|
|
|
lineOptionsData, |
|
|
|
|
|
'yAxis.name', |
|
|
|
|
|
'(kN)' |
|
|
) |
|
|
) |
|
|
set(lineOptionsData, 'series', [ |
|
|
set(lineOptionsData, 'series', [ |
|
|
{ |
|
|
{ |
|
|
name: title, |
|
|
name: title, |
|
|
data: datas.map((v) => v.wy), |
|
|
data: datas.map((v) => v.syl/1000), |
|
|
type: 'line' |
|
|
type: 'line' |
|
|
} |
|
|
} |
|
|
]) |
|
|
]) |
|
|