sfms3.0-ui/src/utils/disposition/defaultButtons.ts

// 页面基础按钮样式
/**
 * 如果需要更改配置，格式如：defaultExportBtn({label:'自定义'})
 * @param {*} option 
 * @returns 
 */

// 新增按钮
export function defaultAddBtn(option:any) {
    return __defaultBtnOption(option,{
      label: '新增',
      name: 'add',
      hide: false,
      type: 'primary',
      icon: 'ep:plus',
      color: '',
      hasPermi: ''
    })
}

// 导入按钮
export function defaultImportBtn(option:any) {
  return __defaultBtnOption(option,{
    label: '导入',
    name: 'import',
    hide: false,
    type: 'warning',
    icon: 'ep:upload',
    color: '',
    hasPermi: ''
  })
}

// 导出按钮
export function defaultExportBtn(option:any) {
  return __defaultBtnOption(option,{
    label: '导出',
    name: 'export',
    hide: false,
    type: 'success',
    icon: 'ep:download',
    color: '',
    hasPermi: ''
  })
}

// 字段设置
// 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',
    hasPermi: ''
  })
}

// 重置按钮
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: '',
    float:'right'
  })
}

// form表单-关闭按钮
export function formCloseBtn(option:any) {
  return __defaultBtnOption(option,{
    label: '关闭',
    name: 'close',
    hide: false,
    icon: 'ep:closeBold',
    color: '',
    float:'right'
  })
}

// 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 mainListDetailBtn(option:any) {
  return __defaultBtnOption(option,{
    label: '详情',
    name: 'detail',
    hide: false,
    type: 'primary',
    color: '',
    link: true, // 文本展现按钮
    hasPermi: ''
  })
}

// 主列表-编辑按钮
export function mainListEditBtn(option:any) {
  return __defaultBtnOption(option,{
    label: '编辑',
    name: 'edit',
    hide: false,
    type: 'warning',
    color: '',
    link: true, // 文本展现按钮
    hasPermi: ''
  })
}

// 主列表-删除按钮
export function mainListDeleteBtn(option:any) {
  return __defaultBtnOption(option,{
    label: '删除',
    name: 'delete',
    hide: false,
    type: 'danger',
    color: '',
    link: true, // 文本展现按钮
    hasPermi: ''
  })
}

// 默认按钮规则
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,
      hasPermi:option && option.hasPermi ? option.hasPermi : specific.hasPermi,
      ...option
  }
}