<template>
|
<ContentWrap>
|
<el-row :gutter="10" style="margin-top: 20px">
|
<el-col :span="12">
|
<el-card style="height: 22rem" :body-style="{ height: '100%' }">
|
<b>原煤灰分检测</b>
|
<bar-line :option="coalAdCheck"/>
|
</el-card>
|
</el-col>
|
<el-col :span="12">
|
<el-card style="height: 22rem" :body-style="{ height: '100%' }">
|
<b>原煤水分检测</b>
|
<bar-line :option="coalMtCheck"/>
|
</el-card>
|
</el-col>
|
</el-row>
|
<el-row :gutter="10" style="margin-top: 20px">
|
<el-col :span="12">
|
<el-card style="height: 22rem" :body-style="{ height: '100%' }">
|
<b>原煤硫分检测</b>
|
<bar-line :option="coalStCheck"/>
|
</el-card>
|
</el-col>
|
<el-col :span="12">
|
<el-card style="height: 22rem" :body-style="{ height: '100%' }">
|
<b>原煤发热量检测</b>
|
<bar-line :option="coalCalCheck"/>
|
</el-card>
|
</el-col>
|
</el-row>
|
<el-row :gutter="10" style="margin-top: 20px">
|
<el-card style="height: 40rem; width: 102.5rem" :body-style="{ height: '100%' }">
|
<b>可选性曲线</b>
|
<div class="wash-curves">
|
<div style="width: 100%">
|
<el-table
|
ref="table"
|
v-loading="dataListLoading"
|
:data="dataList"
|
border
|
highlight-current-row
|
style="width: 100%; margin-top: 20px"
|
>
|
<el-table-column prop="code" label="流水号" header-align="center" align="center" width="100"/>{{curves.code }}
|
<el-table-column prop="ny" label="年月" header-align="center" align="center" width="100"/>{{ curves.ny }}
|
<el-table-column prop="scxtName" label="生产系统" header-align="center" align="center"/>{{ curves.scxtName }}
|
<el-table-column prop="mzName" label="煤种" header-align="center" align="center"/>{{ curves.mzName }}
|
<el-table-column prop="syypName" label="实验样品" header-align="center" align="center"/>{{ curves.syypName }}
|
<el-table-column prop="fcfaName" label="浮沉方案" header-align="center" align="center"/>{{ curves.fcfaName }}
|
</el-table>
|
<el-table
|
ref="table"
|
v-loading="dataListLoading"
|
:data="detList"
|
border
|
style="width: 100%; margin-top: 20px"
|
>
|
<el-table-column prop="code" label="流水号" header-align="center" align="center" width="100"/>
|
<el-table-column prop="mdjName" label="密度级" header-align="center" align="center"/>
|
<el-table-column label="综合累计" header-align="center">
|
<el-table-column prop="zhljcl" label="产率(%)" header-align="center" align="center"/>
|
<el-table-column prop="zhljhf" label="灰分(%)" header-align="center" align="center"/>
|
</el-table-column>
|
<el-table-column label="浮物累计" header-align="center">
|
<el-table-column prop="fwljcl" label="产率(%)" header-align="center" align="center"/>
|
<el-table-column prop="fwljhf" label="灰分(%)" header-align="center" align="center"/>
|
</el-table-column>
|
<el-table-column label="沉物累计" header-align="center">
|
<el-table-column prop="cwljcl" label="产率(%)" header-align="center" align="center"/>
|
<el-table-column prop="cwljhf" label="灰分(%)" header-align="center" align="center"/>
|
</el-table-column>
|
<el-table-column prop="md" label="密度" header-align="center" align="center"/>
|
<el-table-column prop="hl" label="±0.1含量" header-align="center" align="center"/>
|
<el-table-column prop="lf" label="硫分(%)" header-align="center" align="center"/>
|
</el-table>
|
</div>
|
<div style="width: 40%; padding-left: 20px; margin-top: 20px">
|
<div
|
id="wash"
|
ref="wash"
|
v-loading="chartLoading"
|
style="width: 500px; height: 500px; text-align: center"
|
></div>
|
</div>
|
</div>
|
</el-card>
|
</el-row>
|
</ContentWrap>
|
</template>
|
|
<script lang="ts" setup>
|
const curves = reactive({})
|
|
</script>
|
|
<style scoped>
|
.text {
|
margin-top: 10px;
|
font-size: 15px;
|
color: black;
|
}
|
|
.amountText {
|
margin-top: 20px;
|
font-size: 15px;
|
color: black;
|
}
|
|
.item {
|
padding: 10px 0;
|
}
|
|
.box-card-task-statistics {
|
height: 100px;
|
text-align: left;
|
}
|
|
.order-chart {
|
height: 160px;
|
}
|
|
.order-type-chart {
|
height: 300px;
|
}
|
|
.img {
|
height: 60px;
|
width: 60px;
|
}
|
|
.right-table {
|
width: 90px;
|
color: #99a9bf;
|
}
|
|
th,
|
td {
|
padding: 8px;
|
text-align: left;
|
}
|
.wash-curves {
|
/*display: flex;*/
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-content: center;
|
align-content: center;
|
}
|
</style>
|
