From dd7fe1db0b9ca604664b59a906545fc1e13d55e2 Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期六, 30 三月 2024 10:37:08 +0800
Subject: [PATCH] 入库出库修改列表状态
---
src/components/makepager/TableCommonView.vue | 51 ++++++++++++++++++++++++++++++++++-----------------
1 files changed, 34 insertions(+), 17 deletions(-)
diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index a9b9ff0..9bb4193 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -1,6 +1,6 @@
<!-- eslint-disable vue/no-use-v-if-with-v-for -->
<template>
- <div :class="{ 'table-view': true, table_height: !showSummary }" v-loading="loading">
+ <div class="table-view" v-loading="loading">
<el-table
ref="table"
border
@@ -33,6 +33,7 @@
:min-width="item.min"
show-overflow-tooltip
:sortable="item.sortable"
+ :align="item.textAlign"
v-if="item.isShowColumn"
>
<template slot-scope="scope">
@@ -42,10 +43,10 @@
<span
class="Badge"
:class="{
- greenSlot: scope.row.status == '4'||scope.row.status == '瀹屾垚',
+ greenSlot: scope.row.status == '4' || scope.row.status == '瀹屾垚',
redSlot: scope.row.status == '5',
- blueSlot: scope.row.status == '3'||scope.row.status == '灏辩华',
- graySlot: scope.row.status == '1',
+ blueSlot: scope.row.status == '3' || scope.row.status == '灏辩华',
+ graySlot: scope.row.status == '1'
}"
>{{
item.isCallMethod ? item.getCallMethod(scope.row[item.prop], scope.row) : scope.row[item.prop]
@@ -62,10 +63,10 @@
:style="{
color: new Date().getTime() > new Date(scope.row[item.prop]).getTime() ? '#D23F3A' : '#606266'
}"
- >{{ timeAgo(scope.row[item.prop]) }}</span
+ >{{ scope.row[item.prop] }}</span
>
<div v-else-if="item.conversion">
- <span>{{ item.getStatus(scope.row[item.prop]) }}</span>
+ <p class="exceed_width">{{ item.getStatus(scope.row[item.prop]) }}</p>
</div>
<span
v-else-if="item.isClick && scope.row[item.prop]"
@@ -115,7 +116,7 @@
highlight: false,
tableColumn: [
// table琛ㄥ崟
- { label: "", prop: "", min: 200, tooltip: true }
+ { label: "", prop: "", min: 200, tooltip: true, textAlign: "center" }
]
}
},
@@ -238,11 +239,11 @@
if (!isNaN(value)) {
return prev + curr
} else {
- return prev
+ return prev
}
}, 0)
- let unitIndex = this.tableList.tableColumn.findIndex(obj => obj.label === column.label);
- sums[index]+=this.tableList.tableColumn[unitIndex].unit
+ let unitIndex = this.tableList.tableColumn.findIndex((obj) => obj.label === column.label)
+ sums[index] = this.tableList.tableColumn[unitIndex].unit + sums[index]
} else {
sums[index] = ""
}
@@ -347,6 +348,12 @@
border-top-left-radius: 12px;
border-top-right-radius: 12px;
overflow: auto;
+ .exceed_width {
+ width: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
}
}
@@ -371,14 +378,21 @@
.el-table .cell .el-button--text.el-button--small {
padding: 4px 0;
}
+ .el-table .el-table__cell {
+ padding: 6px 0 !important;
+ height: 35px;
+ text-align: center;
+ }
+ .el-table__body-wrapper {
+ height: unset !important;
+ }
+ .el-table__cell.is-left {
+ text-align: left !important;
+ }
+ .el-table__cell.is-right {
+ text-align: right !important;
+ }
}
-
-::v-deep .el-table .el-table__cell {
- padding: 6px 0 !important;
- height: 35px;
- text-align: center;
-}
-
.overSpread1 {
width: 100%;
height: 100%;
@@ -388,4 +402,7 @@
background: rgba(0, 0, 0, 0);
z-index: 10;
}
+.el-table__cell {
+ text-align: unset !important;
+}
</style>
--
Gitblit v1.8.0