From 5173f8e31d106abd003e123c8679cf53c7940b33 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 30 一月 2023 11:54:12 +0800
Subject: [PATCH] 网格绘制
---
src/components/Table/index.vue | 32 +++++++++++++++++++-------------
1 files changed, 19 insertions(+), 13 deletions(-)
diff --git a/src/components/Table/index.vue b/src/components/Table/index.vue
index ca39951..4a560a0 100644
--- a/src/components/Table/index.vue
+++ b/src/components/Table/index.vue
@@ -1,23 +1,26 @@
<template>
<div class="Table">
<div class="datatable">
- <el-table ref="multipleTable" :data="tableData" style="width: 100%"
- :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable" :data="tableData" style="width: 100%"
+ :header-cell-style="{'background':'#F5F5F5','font-size':'14px','font-weight':'650','line-height':'45px'}"
:row-class-name="tableRowClassName">
- <el-table-column type="selection" :min-width="5">
- </el-table-column>
- <el-table-column v-for="(item,idx) in option.group" :key="item.prop" :label="item.label"
+ <el-table-column v-for="item in option.group" :key="item.prop" :label="item.label"
:prop="item.prop" :min-width="item['min-width'] ? item['item.min-width']:'10'">
<template slot-scope="scope">
<div v-if="item.type === 'text'">
{{scope.row[item.prop]}}
</div>
<slot v-else-if="item.type === 'operation'" name="operation" :info="scope">
-
+
</slot>
<slot name="status" v-else-if="item.type === 'status'" :info="scope">
</slot>
- <div class=""></div>
+ <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope">
+
+ </slot>
</template>
</el-table-column>
</el-table>
@@ -76,6 +79,10 @@
}
},
props: {
+ getTableList: {
+ type: Function,
+ default: () => {}
+ },
// 琛ㄦ牸鏁版嵁
tableData: {
type: Array,
@@ -118,12 +125,11 @@
methods: {
// 璁剧疆琛ㄦ牸鏂戦┈绾�
tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
+ if ((rowIndex + 1) % 2 === 0) {
return 'warning-row';
} else {
return 'success-row';
}
- return '';
},
// 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
changeCurrentPage(page) {
@@ -168,7 +174,7 @@
width: 100%;
.el-table {
- color: #4b9bb7;
+ // color: #4b9bb7;
}
.tools {
@@ -181,7 +187,7 @@
display: flex;
.sp-item {
- border: 1px solid #17324c;
+ // border: 1px solid #17324c;
}
.funsItem {
@@ -203,7 +209,7 @@
&::v-deep .el-input__inner {
border: none;
- background-color: #09152f;
+ // background-color: #09152f;
}
&:hover .el-checkbox {
@@ -252,4 +258,4 @@
background-color: #4b9bb7;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0