样式调整

This commit is contained in:
GYYM
2024-12-05 21:33:52 +08:00
parent b1c9375873
commit 9c0b9a7c93
11 changed files with 315 additions and 175 deletions

View File

@@ -25,16 +25,18 @@
<el-tab-pane label="报告生成进度">
<div class="form-grid">
<div class="tabs-title ">
<el-button type="primary" :icon="Download" >报告下载</el-button>
<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 type="selection" width="55" />
<el-table-column prop="id" width="70" label="序号" />
<el-table-column prop="deviceName" width="150" label="设备名称" />
<el-table-column label="生成进度" width="450">
<el-table-column label="生成进度">
<template #default="scope">
<el-progress :color="customColors" :percentage="scope.row.processValue" />
</template>
@@ -142,7 +144,7 @@ const props = defineProps<{
}
.tabs-title{
display: flex;
justify-content: flex-end;
justify-content: space-between;
margin-bottom: 10px;
}