Browse Source

默认按钮配置文件

master
陈薪名 1 year ago
parent
commit
ef83e369d9
  1. 204
      src/utils/disposition/defaultButtons.ts

204
src/utils/disposition/defaultButtons.ts

@ -0,0 +1,204 @@
// 页面基础按钮样式
/**
* defaultExportBtn({label:'自定义'})
* @param {*} option
* @returns
*/
// 新增按钮
export function defaultAddBtn(option:any) {
return __defaultBtnOption(option,{
label: '新增',
name: 'add',
hide: false,
type: 'primary',
icon: 'ep:plus',
color: ''
})
}
// 导入按钮
export function defaultImportBtn(option:any) {
return __defaultBtnOption(option,{
label: '导入',
name: 'import',
hide: false,
type: 'warning',
icon: 'ep:upload',
color: ''
})
}
// 导出按钮
export function defaultExportBtn(option:any) {
return __defaultBtnOption(option,{
label: '导出',
name: 'export',
hide: false,
type: 'success',
icon: 'ep:download',
color: ''
})
}
// 字段设置
// export function defaultFieldSettingBtn(option:any) {
// // todo:监听已经配置过的字段按钮更改状态特殊显示
// const routeName = route.name
// let _local = localStorage.getItem('tableColumns_' + this.$store.getters.name.userName + '_' + routeName)
// let _type = ''
// let _num = 0
// if(_local){
// JSON.parse(_local).forEach((item: any) => {
// if(item.istrue == true){
// _num ++
// }
// });
// if(_num >= JSON.parse(_local).length){
// _type = ''
// }else{
// _type= 'warning'
// }
// }
// return __defaultBtnOption(option,{
// type: _type,
// plain: true,
// icon: "el-icon-setting",
// label: "字段设置",
// name: "field",
// size: "small",
// float: 'right',
// class: "rowDropNotHideItem"
// })
// }
// 刷新按钮
export function defaultFreshBtn(option:any) {
return __defaultBtnOption(option,{
label: '刷新',
name: 'refresh',
hide: false,
type: 'primary',
icon: 'ep:refresh',
color: '',
float:'right'
})
}
// 重置按钮
export function defaultResetBtn(option:any) {
return __defaultBtnOption(option,{
label: '重置',
name: 'reset',
hide: false,
type: 'info',
icon: '',
color: '',
float:'right'
})
}
// 筛选按钮
export function defaultFilterBtn(option:any) {
return __defaultBtnOption(option,{
label: '筛选',
name: 'filtrate',
hide: false,
type: 'info',
icon: 'Operation',
color: '',
float:'right'
})
}
// form表单-保存按钮
export function formSaveBtn(option:any) {
return __defaultBtnOption(option,{
label: '保存',
name: 'save',
hide: false,
type: 'primary',
icon: 'ep:select',
color: ''
})
}
// form表单-关闭按钮
export function formCloseBtn(option:any) {
return __defaultBtnOption(option,{
label: '关闭',
name: 'close',
hide: false,
icon: 'ep:closeBold',
color: ''
})
}
// drawer抽屉头部-编辑按钮
export function drawerEditBtn(option:any) {
return __defaultBtnOption(option,{
label: '编辑',
name: 'edit',
hide: false,
type: 'warning',
icon: 'ep:editPen',
color: ''
})
}
// drawer抽屉头部-删除按钮
export function drawerDeleteBtn(option:any) {
return __defaultBtnOption(option,{
label: '删除',
name: 'delete',
hide: false,
type: 'danger',
icon: 'ep:delete',
color: ''
})
}
// 主列表-编辑按钮
export function mainListEditBtn(option:any) {
return __defaultBtnOption(option,{
label: '编辑',
name: 'edit',
hide: false,
type: 'warning',
color: '',
link: true, // 文本展现按钮
})
}
// 主列表-删除按钮
export function mainListDeleteBtn(option:any) {
return __defaultBtnOption(option,{
label: '删除',
name: 'delete',
hide: false,
type: 'danger',
color: '',
link: true, // 文本展现按钮
})
}
// 默认按钮规则
function __defaultBtnOption(option:any,specific:any){
return {
type:option && option.type ? option.type : specific.type,
plain:option && option.plain ? option.plain : specific.plain,
icon:option && option.icon ? option.icon : specific.icon,
label:option && option.label ? option.label : specific.label,
name:option && option.name ? option.name : specific.name,
size:option && option.size ? option.size : specific.size,
float:option && option.float ? option.float : (specific.float || null),
url:option && option.url ? option.url : (specific.url || null),
background:option && option.background ? option.background : (specific.background || null),
class:option && option.class ? option.class : specific.class,
color:option && option.color ? option.color : specific.color,
hide:option && option.hide ? option.hide : specific.hide,
link:option && option.link ? option.link : specific.link,
...option
}
}
Loading…
Cancel
Save