From e20162f7ae414a5679a98de4546b63e7ff6926c5 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期二, 23 四月 2024 17:38:25 +0800
Subject: [PATCH] 考勤管理 前端页面开发+列表的接口联调，字段调试+删除的接口联调+规则设置获取接口联调+保存接口联调
---
src/components/makepager/TableCommonView.vue | 41 ++++++++++++++++++++++++++++++++++++++---
1 files changed, 38 insertions(+), 3 deletions(-)
diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index 50ac390..bc0f088 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -20,7 +20,13 @@
:row-class-name="tableRowClassName"
>
<el-table-column v-if="selectBox" type="selection" width="40" :selectable="selectable"> </el-table-column>
- <el-table-column v-if="tableList.selectIndex" type="index" label="搴忓彿" width="50"></el-table-column>
+ <el-table-column
+ v-if="tableList.selectIndex"
+ type="index"
+ label="搴忓彿"
+ width="50"
+ :fixed="tableList.isFixed"
+ ></el-table-column>
<el-table-column
v-for="(item, i) in tableList.tableColumn"
:key="i"
@@ -30,8 +36,20 @@
:min-width="item.min"
show-overflow-tooltip
:sortable="item.sortable"
+ :fixed="item.fixed"
v-if="item.isShowColumn"
>
+
+ <template slot="header">
+ {{ item.label }}
+ <span v-if="item.iconRight">
+ <i
+ :class="item.iconRight"
+ style="font-size: 16px; margin-left: 5px; cursor: pointer"
+ @click="handleShow(item)"
+ ></i>
+ </span>
+ </template>
<template slot-scope="scope">
<span v-if="item.price">{{ "锟�" + number_format(scope.row[item.prop], 2, ".", ",") }}</span>
<div v-else-if="item.status" :class="scope.row.status">{{ scope.row[item.prop] }}</div>
@@ -78,7 +96,16 @@
v-else-if="item.isCommonClick && scope.row[item.prop]"
class="sel-name"
@click="selCommonClick(scope.row)"
- >{{ scope.row[item.prop] }}</span
+ >
+ <div v-if="item.isCallMethod">
+ <span :class="item.isClass ? item.getClassName(scope.row[item.prop], scope.row) : ''">
+
+ <span v-if="item.isIcon" v-html="item.getCallMethod(scope.row[item.prop], scope.row)"></span>
+ <span v-else>{{ item.getCallMethod(scope.row[item.prop], scope.row) }}</span>
+ </span>
+ </div>
+ <span v-else>{{ scope.row[item.prop] }}</span>
+ </span
>
<div v-else-if="item.isProductName" class="product-view">
<ul v-if="scope.row.products && scope.row.products.length > 0">
@@ -158,6 +185,7 @@
default: () => {
return {
selectIndex: true,
+ isFixed: false,
tableInfomation: [], // 鎺ュ彛杩斿洖鏁版嵁
showcol: [],
allcol: [],
@@ -404,7 +432,11 @@
} else {
return false
}
- }
+ },
+ // 鑷畾涔夎〃澶寸偣鍑讳簨浠�
+ handleShow(item) {
+ this.$emit("handleShow", item);
+ },
}
}
</script>
@@ -456,6 +488,9 @@
font-weight: bold;
}
}
+ .el-table__fixed-body-wrapper{
+ top:37px!important;
+ }
}
::v-deep .el-table .cell {
--
Gitblit v1.8.0