jx-orico-btn-group

说明

基于elementplus 封装的搜索组，适合用Orico后台列表,持续迭代~~

演示

http://template.f2b211.com/

功能

按钮
下拉按钮

安装插件

npm install jx-orico-btn-group
或：yarn add jx-orico-btn-group

引入并注册插件

import Vue from 'vue'
import JxOricoBtnGroup from 'jx-orico-btn-group'
import 'jx-orico-btn-group/lib/jx-orico-btn-group.css'
app.use(JxOricoBtnGroup)

基本用法示例

<JxOricoBtnGroup
    v-model:topBtns="data.topBtns"
    @getClickBtnGroup="getClickBtnGroup"
/>
// 变量
let data = reactive({
    topBtns:[
    {name:'保存',type:'btn_save',style_self:'btn_n_drag',color:true},
    {name:'状态操作',type:'oper_status',style_self:'btn_y_drag',color:true,drag:[{ id: 1, name: '排期',type:'pq' }, { id: 2, name: '转派',type:'zp' }, { id: 3, name: '暂停',type:'zt' }]},
    {name:'提交',type:'oper_commit',style_self:'btn_y_drag',color:true,drag:[{ id: 1, name: '提交',type:'tj' }, { id: 2, name: '撤消',type:'cx' }]},
    {name:'审核',type:'oper_process',style_self:'btn_y_drag',color:true,drag:[{ id: 1, name: '通过',type:'tg' }, { id: 2, name: '驳回',type:'bh' }]},
    {name:'项目资料',type:'btn_info',style_self:'btn_n_drag',color:true,btn_type:'popup'},
    {name:'人员变更',type:'btn_person',style_self:'btn_n_drag',color:true,btn_type:'popup'},
    ]
})
// 顶部点击
const getClickBtnGroup = (item) => {
    console.log(item)
}

Props

| 属性 | 说明 | 类型 | 默认值 | | :---------- | :--------- | :----- | :----- | | topBtns | 定义按钮组 | Array | [] |

Events

| 事件名 | 说明 | 返回值 | | :---------------- | :--------------------------- | :------------------- | | getClickBtnGroup | 返回点击的按钮 | item 按钮信息 |