zhaichao/education
1
0
Fork 0
forked from liweijie/education
Code Pull Requests Activity

全局操作栏固定修复 和切换学期配色调整

Browse Source
This commit is contained in:
yangbin
2026-08-27 17:02:32 +08:00
parent 06715c0767
commit be7b91ac20
3 changed files with 90 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/classHour/plan/index.vue
+36 -9
View File
@@ -23,7 +23,15 @@
<!-- ==================== 2. 数据表格 ==================== -->
<el-card shadow="never" class="table-card">
<!-- 课时费方案 -->
<el-table v-if="activeTab === 'fee'" v-loading="feeState.loading" :data="feeState.list" border stripe style="width: 100%">
<el-table
v-if="activeTab === 'fee'"
v-loading="feeState.loading"
:data="feeState.list"
border
stripe
class="plan-data-table"
style="width: 100%"
>
<el-table-column type="index" label="序号" width="55" align="center" />
<el-table-column prop="bh" label="编号" width="150" align="center" show-overflow-tooltip />
<el-table-column prop="mc" label="名称" min-width="130" show-overflow-tooltip />
@@ -55,17 +63,27 @@
<template slot-scope="{ row }">{{ fmtValue(row.jxbjgbz) }}</template>
</el-table-column>
<el-table-column prop="sm" label="说明" min-width="120" show-overflow-tooltip />
<el-table-column label="操作" width="160" align="center" fixed="right">
<el-table-column label="操作" width="180" align="center" fixed="right">
<template slot-scope="{ row }">
<el-button type="text" size="small" @click="handleDetail(row)">详情</el-button>
<el-button type="text" size="small" @click="handleEdit(row)">修改</el-button>
<el-button type="text" size="small" class="text-danger" @click="handleDelete(row)">删除</el-button>
<div class="table-actions">
<el-button type="text" size="small" @click="handleDetail(row)">详情</el-button>
<el-button type="text" size="small" @click="handleEdit(row)">修改</el-button>
<el-button type="text" size="small" class="text-danger" @click="handleDelete(row)">删除</el-button>
</div>
</template>
</el-table-column>
</el-table>
<!-- 课时方案 -->
<el-table v-else v-loading="coeffState.loading" :data="coeffState.list" border stripe style="width: 100%">
<el-table
v-else
v-loading="coeffState.loading"
:data="coeffState.list"
border
stripe
class="plan-data-table"
style="width: 100%"
>
<el-table-column type="index" label="序号" width="55" align="center" />
<el-table-column prop="bh" label="编号" width="150" align="center" show-overflow-tooltip />
<el-table-column prop="mc" label="名称" min-width="130" show-overflow-tooltip />
@@ -100,10 +118,12 @@
<template slot-scope="{ row }">{{ fmtValue(row.hbxssx) }}</template>
</el-table-column>
<el-table-column prop="sm" label="说明" min-width="120" show-overflow-tooltip />
<el-table-column label="操作" width="120" align="center" fixed="right">
<el-table-column label="操作" width="140" align="center" fixed="right">
<template slot-scope="{ row }">
<el-button type="text" size="small" @click="handleDetail(row)">详情</el-button>
<el-button type="text" size="small" @click="handleEdit(row)">修改</el-button>
<div class="table-actions">
<el-button type="text" size="small" @click="handleDetail(row)">详情</el-button>
<el-button type="text" size="small" @click="handleEdit(row)">修改</el-button>
</div>
</template>
</el-table-column>
</el-table>
@@ -654,6 +674,13 @@ export default {
// ==================== 2. 数据表格 ====================
.table-card {
.table-actions {
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.pagination {
display: flex;
justify-content: flex-end;