陈薪名
1 year ago
1 changed files with 204 additions and 0 deletions
@ -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…
Reference in new issue