red-future/admin-ui
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

统一操作按钮样式,新增固定颜色类并应用到所有操作按钮

Browse Source
This commit is contained in:
WUSIJIAN
2025-12-11 17:47:57 +08:00
parent eba0f1d093
commit 58be602770
13 changed files with 66 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/theme/other.scss
View File

@@ -18,11 +18,37 @@
} }
} }
// 操作按钮固定颜色（不随主题色变化）
.op-btn-add {
color: #67c23a !important;
}
.op-btn-edit {
color: #409eff !important;
}
.op-btn-del {
color: #f56c6c !important;
}
[data-theme='dark'] { [data-theme='dark'] {
// textarea - css vars // textarea - css vars
--w-e-textarea-bg-color: var(--el-color-white) !important; --w-e-textarea-bg-color: var(--el-color-white) !important;
--w-e-textarea-color: var(--el-text-color-primary) !important; --w-e-textarea-color: var(--el-text-color-primary) !important;
// 操作按钮固定颜色（不随主题色变化）
.op-btn-add {
color: #67c23a !important; // 新增 绿色
}
.op-btn-edit {
color: #409eff !important; // 修改 蓝色
}
.op-btn-del {
color: #f56c6c !important; // 删除 红色
}
// toolbar - css vars // toolbar - css vars
--w-e-toolbar-color: var(--el-text-color-primary) !important; --w-e-toolbar-color: var(--el-text-color-primary) !important;
--w-e-toolbar-bg-color: var(--el-color-white) !important; --w-e-toolbar-bg-color: var(--el-color-white) !important;

4
src/views/customerService/account/index.vue
View File

@@ -27,7 +27,7 @@
</el-icon> </el-icon>
查询 查询
</el-button> </el-button>
<el-button size="default" type="success" class="ml10" @click="onOpenAddRole"> <el-button size="default" type="success" class="ml10 op-btn-add" @click="onOpenAddRole">
<el-icon> <el-icon>
<ele-FolderAdd /> <ele-FolderAdd />
</el-icon> </el-icon>
@@ -72,7 +72,7 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" width="220"> <el-table-column label="操作" width="220">
<template #default="scope"> <template #default="scope">
<el-button style="color: deepskyblue" size="small" text type="primary" @click="onOpenEditRole(scope.row)"> <el-button style="color: deepskyblue" size="small" text type="primary" class="op-btn-edit" @click="onOpenEditRole(scope.row)">
<el-icon><ele-EditPen /></el-icon>修改 <el-icon><ele-EditPen /></el-icon>修改
</el-button> </el-button>
</template> </template>

6
src/views/customerService/product/index.vue
View File

@@ -62,13 +62,13 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" width="220"> <el-table-column label="操作" width="220">
<template #default="scope"> <template #default="scope">
<el-button style="color: #67c23a" size="small" text type="primary" @click="onTrainProduct(scope.row)"> <el-button size="small" text type="primary" class="op-btn-add" @click="onTrainProduct(scope.row)">
<el-icon><Mic /></el-icon>上传 <el-icon><Mic /></el-icon>上传
</el-button> </el-button>
<el-button style="color: deepskyblue" size="small" text type="primary" @click="onOpenEditRole(scope.row)"> <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditRole(scope.row)">
<el-icon><EditPen /></el-icon>修改 <el-icon><EditPen /></el-icon>修改
</el-button> </el-button>
<el-button size="small" text type="primary" @click="onRowDel(scope.row)"> <el-button size="small" text type="primary" class="op-btn-del" @click="onRowDel(scope.row)">
<el-icon><Delete /></el-icon>删除 <el-icon><Delete /></el-icon>删除
</el-button> </el-button>
</template> </template>

6
src/views/customerService/script/index.vue
View File

@@ -20,7 +20,7 @@
</el-icon> </el-icon>
重置 重置
</el-button> </el-button>
<el-button size="default" type="success" @click="handleAdd"> <el-button size="default" type="success" class="op-btn-add" @click="handleAdd">
<el-icon><FolderAdd /></el-icon> <el-icon><FolderAdd /></el-icon>
新增话术 新增话术
</el-button> </el-button>
@@ -46,10 +46,10 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" width="200" align="center" fixed="right"> <el-table-column label="操作" width="200" align="center" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button style="color: deepskyblue" size="small" text type="primary" @click="handleEdit(row)"> <el-button size="small" text type="primary" class="op-btn-edit" @click="handleEdit(row)">
<el-icon><EditPen /></el-icon>修改 <el-icon><EditPen /></el-icon>修改
</el-button> </el-button>
<el-button size="small" text type="danger" @click="handleDelete(row)"> <el-button size="small" text type="danger" class="op-btn-del" @click="handleDelete(row)">
<el-icon><DeleteFilled /></el-icon>删除 <el-icon><DeleteFilled /></el-icon>删除
</el-button> </el-button>
</template> </template>

12
src/views/system/config/index.vue
View File

@@ -60,13 +60,13 @@
</el-icon> </el-icon>
重置 重置
</el-button> </el-button>
<el-button size="default" type="success" class="ml10" @click="onOpenAddDic"> <el-button size="default" type="success" class="ml10 op-btn-add" @click="onOpenAddDic">
<el-icon> <el-icon>
<ele-FolderAdd /> <ele-FolderAdd />
</el-icon> </el-icon>
新增参数 新增参数
</el-button> </el-button>
<el-button size="default" type="danger" class="ml10" @click="onRowDel(null)"> <el-button size="default" type="danger" class="ml10 op-btn-del" @click="onRowDel(null)">
<el-icon> <el-icon>
<ele-Delete /> <ele-Delete />
</el-icon> </el-icon>
@@ -86,8 +86,8 @@
<el-table-column label="创建时间" align="center" prop="createdAt" width="180" /> <el-table-column label="创建时间" align="center" prop="createdAt" width="180" />
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onOpenEditDic(scope.row)">修改</el-button> <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditDic(scope.row)">修改</el-button>
<el-button size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button> <el-button size="small" text type="primary" class="op-btn-del" @click="onRowDel(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -179,8 +179,8 @@ export default defineComponent({
const onOpenEditDic = (row: TableDataRow) => { const onOpenEditDic = (row: TableDataRow) => {
editDicRef.value.openDialog(row); editDicRef.value.openDialog(row);
}; };
// 删除字典 // 删除参数（row 为空表示批量删除）
const onRowDel = (row: TableDataRow) => { const onRowDel = (row?: TableDataRow | null) => {
let msg = '你确定要删除所选数据？'; let msg = '你确定要删除所选数据？';
let ids:number[] = [] ; let ids:number[] = [] ;
if(row){ if(row){

6
src/views/system/dept/index.vue
View File

@@ -46,9 +46,9 @@
<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onOpenAddDept(scope.row)">新增</el-button> <el-button size="small" text type="primary" class="op-btn-add" @click="onOpenAddDept(scope.row)">新增</el-button>
<el-button size="small" text type="primary" @click="onOpenEditDept(scope.row)">修改</el-button> <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditDept(scope.row)">修改</el-button>
<el-button size="small" text type="primary" @click="onTabelRowDel(scope.row)">删除</el-button> <el-button size="small" text type="primary" class="op-btn-del" @click="onTabelRowDel(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

8
src/views/system/dict/dataList.vue
View File

@@ -46,13 +46,13 @@
</el-icon> </el-icon>
重置 重置
</el-button> </el-button>
<el-button size="default" type="success" class="ml10" @click="onOpenAddDic"> <el-button size="default" type="success" class="ml10 op-btn-add" @click="onOpenAddDic">
<el-icon> <el-icon>
<ele-FolderAdd /> <ele-FolderAdd />
</el-icon> </el-icon>
新增字典 新增字典
</el-button> </el-button>
<el-button size="default" type="danger" class="ml10" @click="onRowDel(null)"> <el-button size="default" type="danger" class="ml10 op-btn-del" @click="onRowDel(null)">
<el-icon> <el-icon>
<ele-Delete /> <ele-Delete />
</el-icon> </el-icon>
@@ -77,8 +77,8 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onOpenEditDic(scope.row)">修改</el-button> <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditDic(scope.row)">修改</el-button>
<el-button size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button> <el-button size="small" text type="primary" class="op-btn-del" @click="onRowDel(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

14
src/views/system/dict/index.vue
View File

@@ -48,7 +48,7 @@
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button size="default" type="primary" class="ml10" @click="typeList"> <el-button size="default" type="primary" class="ml10 op-btn-search" @click="typeList">
<el-icon> <el-icon>
<ele-Search /> <ele-Search />
</el-icon> </el-icon>
@@ -60,13 +60,13 @@
</el-icon> </el-icon>
重置 重置
</el-button> </el-button>
<el-button size="default" type="success" class="ml10" @click="onOpenAddDic"> <el-button size="default" type="success" class="ml10 op-btn-add" @click="onOpenAddDic">
<el-icon> <el-icon>
<ele-FolderAdd /> <ele-FolderAdd />
</el-icon> </el-icon>
新增字典 新增字典
</el-button> </el-button>
<el-button size="default" type="danger" class="ml10" @click="onRowDel(null)"> <el-button size="default" type="danger" class="ml10 op-btn-del" @click="onRowDel(null)">
<el-icon> <el-icon>
<ele-Delete /> <ele-Delete />
</el-icon> </el-icon>
@@ -96,8 +96,8 @@
<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip width="180"></el-table-column> <el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip width="180"></el-table-column>
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onOpenEditDic(scope.row)">修改</el-button> <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditDic(scope.row)">修改</el-button>
<el-button size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button> <el-button size="small" text type="primary" class="op-btn-del" @click="onRowDel(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -187,8 +187,8 @@ export default defineComponent({
const onOpenEditDic = (row: TableDataRow) => { const onOpenEditDic = (row: TableDataRow) => {
editDicRef.value.openDialog(row); editDicRef.value.openDialog(row);
}; };
// 删除字典 // 删除字典（row 为空表示批量删除）
const onRowDel = (row: TableDataRow) => { const onRowDel = (row?: TableDataRow | null) => {
let msg = '你确定要删除所选数据？'; let msg = '你确定要删除所选数据？';
let ids:number[] = [] ; let ids:number[] = [] ;
if(row){ if(row){

6
src/views/system/menu/index.vue
View File

@@ -69,9 +69,9 @@
<el-table-column prop="isHide" label="显示状态" :formatter="formatIsHide" width="120"></el-table-column> <el-table-column prop="isHide" label="显示状态" :formatter="formatIsHide" width="120"></el-table-column>
<el-table-column label="操作" width="240"> <el-table-column label="操作" width="240">
<template #default="scope"> <template #default="scope">
<el-button v-if="scope.row.menuType!==2" size="small" text type="primary" @click="onOpenAddMenu(scope.row)" v-auth="'api/v1/system/menu/add'">新增</el-button> <el-button v-if="scope.row.menuType!==2" size="small" text type="primary" class="op-btn-add" @click="onOpenAddMenu(scope.row)" v-auth="'api/v1/system/menu/add'">新增</el-button>
<el-button size="small" text type="primary" @click="onOpenEditMenu(scope.row)" v-auth="'api/v1/system/menu/update'">修改</el-button> <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditMenu(scope.row)" v-auth="'api/v1/system/menu/update'">修改</el-button>
<el-button size="small" text type="primary" @click="onTabelRowDel(scope.row)" v-auth="'api/v1/system/menu/delete'">删除</el-button> <el-button size="small" text type="primary" class="op-btn-del" @click="onTabelRowDel(scope.row)" v-auth="'api/v1/system/menu/delete'">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

6
src/views/system/monitor/userOnline/index.vue
View File

@@ -22,7 +22,7 @@
</el-icon> </el-icon>
重置 重置
</el-button> </el-button>
<el-button size="default" type="danger" class="ml10" @click="onRowDel(null)"> <el-button size="default" type="danger" class="ml10 op-btn-del" @click="onRowDel(null)">
<el-icon> <el-icon>
<ele-Delete /> <ele-Delete />
</el-icon> </el-icon>
@@ -42,7 +42,7 @@
<el-table-column prop="createTime" label="创建时间"></el-table-column> <el-table-column prop="createTime" label="创建时间"></el-table-column>
<el-table-column label="操作" width="100"> <el-table-column label="操作" width="100">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onRowDel(scope.row)">强退</el-button> <el-button size="small" text type="primary" class="op-btn-del" @click="onRowDel(scope.row)">强退</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -122,7 +122,7 @@ export default defineComponent({
getList() getList()
}; };
// 删除岗位 // 删除岗位
const onRowDel = (row: TableData) => { const onRowDel = (row?: TableData | null) => {
let msg = '你确定要强制退出用户登录？'; let msg = '你确定要强制退出用户登录？';
let ids:number[] = [] ; let ids:number[] = [] ;
if(row){ if(row){

4
src/views/system/post/index.vue
View File

@@ -53,8 +53,8 @@
<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onOpenEditPost(scope.row)">修改</el-button> <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditPost(scope.row)">修改</el-button>
<el-button size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button> <el-button size="small" text type="primary" class="op-btn-del" @click="onRowDel(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

4
src/views/system/role/index.vue
View File

@@ -42,10 +42,10 @@
<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" width="220"> <el-table-column label="操作" width="220">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onOpenEditRole(scope.row)" <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditRole(scope.row)"
><el-icon><ele-EditPen /></el-icon>修改</el-button ><el-icon><ele-EditPen /></el-icon>修改</el-button
> >
<el-button size="small" text type="primary" @click="onRowDel(scope.row)" <el-button size="small" text type="primary" class="op-btn-del" @click="onRowDel(scope.row)"
><el-icon><ele-DeleteFilled /></el-icon>删除</el-button ><el-icon><ele-DeleteFilled /></el-icon>删除</el-button
> >
</template> </template>

4
src/views/system/user/index.vue
View File

@@ -119,8 +119,8 @@
<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onOpenEditUser(scope.row)">修改</el-button> <el-button size="small" text type="primary" class="op-btn-edit" @click="onOpenEditUser(scope.row)">修改</el-button>
<el-button size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button> <el-button size="small" text type="primary" class="op-btn-del" @click="onRowDel(scope.row)">删除</el-button>
<el-button size="small" text type="primary" @click="handleResetPwd(scope.row)">重置</el-button> <el-button size="small" text type="primary" @click="handleResetPwd(scope.row)">重置</el-button>
</template> </template>
</el-table-column> </el-table-column>