基于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)
}
属性 |
说明 |
类型 |
默认值 |
topBtns |
定义按钮组 |
Array |
[] |
事件名 |
说明 |
返回值 |
getClickBtnGroup |
返回点击的按钮 |
item 按钮信息 |