From 907d0ba6b7442ef9f4fb976633d0b51d36ea6570 Mon Sep 17 00:00:00 2001
From: zhaowei <zhaowei>
Date: 星期二, 15 七月 2025 11:49:19 +0800
Subject: [PATCH] 数据报表页面数据列设置固定宽度
---
src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue | 57 ++++++++++++++++++++++++++++++++-------------------------
1 files changed, 32 insertions(+), 25 deletions(-)
diff --git a/src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue b/src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue
index a5ab8df..5439aea 100644
--- a/src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue
+++ b/src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue
@@ -82,7 +82,7 @@
<a-col :md="24" :sm="24" :xs="24"
style="display: flex;justify-content: space-between;align-items: flex-start">
<div>
- <a-space style="margin-right: 20px">
+ <a-space style="margin-right: 20px;margin-bottom: 20px">
<a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button>
<a-button type="primary" @click="searchReset" icon="reload">閲嶇疆</a-button>
<a-button type="primary" @click="exportExcel" icon="download">瀵煎嚭</a-button>
@@ -137,12 +137,14 @@
<template v-for="(tableHead, index) in tableHeads">
<th v-if="checkedList.indexOf('lyl') > -1">鍒╃敤鐜�(%)</th>
<th v-if="checkedList.indexOf('kjl') > -1">寮�鏈虹巼(%)</th>
+ <th v-if="checkedList.indexOf('gzl') > -1">鏁呴殰鐜�(%)</th>
<th v-if="checkedList.indexOf('kjsj') > -1">寮�鏈烘椂闂�(灏忔椂)</th>
<th v-if="checkedList.indexOf('jgsj') > -1">鍔犲伐鏃堕棿(灏忔椂)</th>
+ <th v-if="checkedList.indexOf('qcgz') > -1">鍔犲伐鏃堕棿(灏忔椂)锛堝幓闄ゆ晠闅滄椂闂达級</th>
<th v-if="checkedList.indexOf('djsj') > -1">寰呮満鏃堕棿(灏忔椂)</th>
<th v-if="checkedList.indexOf('gjsj') > -1">鍏虫満鏃堕棿(灏忔椂)</th>
+ <th v-if="checkedList.indexOf('gzsj') > -1">鏁呴殰鏃堕棿(灏忔椂)</th>
</template>
-
</tr>
</thead>
<tbody>
@@ -180,23 +182,41 @@
</template>
<template v-for="(tableHead, index) in item.dataList">
- <td :style="{background:tableHead.color }" v-if="checkedList.indexOf('lyl') > -1">
+ <td :style="{background:tableHead.color,minWidth:'100px',width:'100px'}"
+ v-if="checkedList.indexOf('lyl') > -1">
{{tableHead.utilizationRate | numFilter}}
</td>
- <td :style="{background:tableHead.color }" v-if="checkedList.indexOf('kjl') > -1">
+ <td :style="{background:tableHead.color,minWidth:'100px',width:'100px' }"
+ v-if="checkedList.indexOf('kjl') > -1">
{{tableHead.openRate | numFilter}}
</td>
- <td :style="{background:tableHead.color }" v-if="checkedList.indexOf('kjsj') > -1">
+ <td :style="{background:tableHead.color ,minWidth:'100px',width:'100px'}"
+ v-if="checkedList.indexOf('gzl') > -1">
+ {{tableHead.faultRate }}
+ </td>
+ <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
+ v-if="checkedList.indexOf('kjsj') > -1">
{{tableHead.openLong | getFormattedTime}}
</td>
- <td :style="{background:tableHead.color }" v-if="checkedList.indexOf('jgsj') > -1">
+ <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
+ v-if="checkedList.indexOf('jgsj') > -1">
{{tableHead.processLong | getFormattedTime}}
</td>
- <td :style="{background:tableHead.color }" v-if="checkedList.indexOf('djsj') > -1">
+ <td :style="{background:tableHead.color,minWidth:'220px',width:'220px' }"
+ v-if="checkedList.indexOf('qcgz') > -1">
+ {{tableHead.removeFaultRunLong | getFormattedTime}}
+ </td>
+ <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
+ v-if="checkedList.indexOf('djsj') > -1">
{{tableHead.waitLong | getFormattedTime}}
</td>
- <td :style="{background:tableHead.color }" v-if="checkedList.indexOf('gjsj') > -1">
+ <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
+ v-if="checkedList.indexOf('gjsj') > -1">
{{tableHead.closeLong | getFormattedTime}}
+ </td>
+ <td :style="{background:tableHead.color,minWidth:'110px' ,width:'110px'}"
+ v-if="checkedList.indexOf('gzsj') > -1">
+ {{tableHead.faultLong | getFormattedTime}}
</td>
</template>
@@ -204,7 +224,6 @@
</tbody>
</table>
-
</div>
</div>
</a-spin>
@@ -228,8 +247,6 @@
typeTree: '',
typeParent: 1,
typeEquipment: 1,
- TreeIDOne: 1,
- TreeIDTwo: 2,
deviceTypeDict: '',
dates: [],
equipmentTypeList: [],
@@ -249,10 +266,13 @@
efficiencyOptions: [
{ label: '鍒╃敤鐜�', value: 'lyl' },
{ label: '寮�鏈虹巼', value: 'kjl' },
+ { label: '鏁呴殰鐜�', value: 'gzl' },
{ label: '寮�鏈烘椂闂�', value: 'kjsj' },
{ label: '鍔犲伐鏃堕棿', value: 'jgsj' },
+ { label: '鍔犲伐鏃堕棿锛堝幓闄ゆ晠闅滄椂闂达級', value: 'qcgz' },
{ label: '寰呮満鏃堕棿', value: 'djsj' },
- { label: '鍏虫満鏃堕棿', value: 'gjsj' }
+ { label: '鍏虫満鏃堕棿', value: 'gjsj' },
+ { label: '鏁呴殰鏃堕棿', value: 'gzsj' }
],
checkedList: ['lyl'],
dataList: [],
@@ -263,12 +283,6 @@
},
tableHeads: [],
distinguishColorList: [],
- utilizationRateRowAverage: '',
- openRateRowAverage: '',
- openLongRowAverage: '',
- processLongRowAverage: '',
- waitLongRowAverage: '',
- closeLongRowAverage: '',
spinning: false
}
},
@@ -728,17 +742,10 @@
.dataContent {
white-space: nowrap;
- /*margin: 0;*/
- /*border: none;*/
border-collapse: separate;
border-spacing: 0;
- /*table-layout: fixed;*/
border: 1px solid #ccc;
- /*border: 1px solid #ccc;*/
width: 100%;
- /*height: 100%;*/
- /*overflow: hidden;*/
- /*overflow-y: auto;*/
text-align: center;
}
--
Gitblit v1.9.3