This commit is contained in:
GYYM
2024-12-05 17:30:25 +08:00
parent 11c32ed360
commit 6010cbf20a
7 changed files with 50 additions and 76 deletions

View File

@@ -1,43 +1,37 @@
<template>
<el-dialog title="报告生成" :model-value='visible' @close="handleCancel" width="832px">
<el-dialog title="报告生成" :model-value='visible' @close="handleCancel" width="832px" draggable>
<div class="report-dialog">
<div class="report-title">
<div>
<el-row :gutter="24" >
<el-col :span="12">
<el-form-item label="检测脚本:" >
<div class="report-title form-two">
<el-form-item label="检测脚本" label-width="100px">
<el-input v-model='testScriptName' :disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="误差体系" >
<el-form-item label="误差体系" label-width="100px">
<el-input v-model='errorSysName' :disabled="true"/>
</el-form-item>
</el-col>
</el-row>
</div>
<div>
<el-row :gutter="24" >
<el-col :span="12">
<el-form-item label="数据处理原则" >
<el-input v-model='dataRule' :disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="报告模板" >
<el-input v-model='reportTemplate' :disabled="true"/>
</el-form-item>
</el-col>
</el-row>
</div>
<el-form-item label="数据原则" label-width="100px">
<el-input v-model='dataRule' :disabled="true"/>
</el-form-item>
<el-form-item label="报告模板" label-width="100px">
<el-input v-model='reportTemplate' :disabled="true"/>
</el-form-item>
</div>
<div class="report-content">
<div>
<el-tabs type="border-card">
<el-tab-pane label="报告生成状态表:">
<el-tab-pane label="报告生成进度">
<div class="form-grid">
<div class="tabs-title"><el-button type="primary" loading >已生成2台/共4台</el-button> </div>
<el-table :data="reportData" stripe="" :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" style="width: 100%" border class="custom-table">
<div class="tabs-title ">
<span style=" font-size: 18px;font-weight: 600;">
已生成 <span style="color: #67C23A">2</span> / <span style="color: green">3</span>
</span>
<!-- <el-button type="primary" loading >已生成2台/共3台</el-button> -->
</div>
<div class="table-main">
<el-table :data="reportData" :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" style="width: 100%" border class="custom-table">
<el-table-column prop="id" width="70" label="序号" />
<el-table-column prop="deviceName" width="150" label="设备名称" />
<el-table-column label="生成进度" width="450">
@@ -51,6 +45,8 @@
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
</el-tabs>
@@ -81,9 +77,9 @@ import { CirclePlus, Delete, Download,View } from '@element-plus/icons-vue'
const currentScriptDsc = ref('电压准确度检测频率42.5Hz Ua=46.192V 0° Ub=46.192V -120° Uc=46.192V 120° Ia=1A 0° Ib=1A -120° Ic=1A 120°');
const reportData = ref([
{ id: '1', deviceName: '被检设备1', processValue: '100' , action:'查看' },
{ id: '2', deviceName: '被检设备2', processValue: '100' , action:'查看' },
{ id: '3', deviceName: '被检设备3', processValue: '10', action:'查看' },
{ id: '1', deviceName: '240001', processValue: '100' , action:'查看' },
{ id: '2', deviceName: '240002', processValue: '100' , action:'查看' },
{ id: '3', deviceName: '240003', processValue: '10', action:'查看' },
])
const customColors = [
{ color: "red", percentage: 0 },