xlb-main-login
Version:
``` yarn install ```
48 lines (38 loc) • 1.78 kB
Markdown
标签卡+选人弹框
引入组件 import memberGroup from 'xxxxxxxx/member/memberGroup.vue'
注册 memberGroup
<member-group ="addmember" staffType ref="memberGroup"></member-group>
传入初始数据 // 使用此方式 是避免双向绑定后 导致原始数据发生改变 无法判断原始数据于已选择数据的交集
this.$refs.memberGroup.setData(list) // list初始数据列表 添加的时候要置空setData([]) 不然页面缓存会显示之前的
返回数据示例
返回 Object ==> data {drList:'带dr参数的数组 包括了删除的数据',list:'当前选中的数组不带dr'}
data:{
drList:[{dr:1,id:'adasdasd',name:'aaa'}],
list:[{name:'aaa'}]
}
addmember(data) {
console.log(data)
}
staffType==true 接口type==1 staffType==false 接口无type
搜索框展示形式+选人弹框
import memberSelect from 'xxxxxxxx/member/memberSelect'
注册 memberSelect
<member-select placeholder="请选择成员" ref="memberSelect" ="searchMember"></member-select>
方法
内容发生改变或点击搜索图标时触发
返回 {idList:已选中的成员id数组,idString:已选中的成员id字符串}
api
placeholder 组件占位符 组件无内容时显示占位符 默认值‘请选择成员’
重置搜索框数据 无参数
this.$refs.memberSelect.refresh()
选人弹框
import memberSelection from 'xxxxxxxx/member/memberSelection.vue'
注册 memberSelection
<member-selection ref="memberSelection" ="okBtn" :staffTemp="memberslist"></member-selection>
打开弹框 无参数
this.$refs.memberSelection.selectionShow()
memberslist 初始数据 == 回显数据
返回 已选数组 list ==> [{name:'aaa'}]
okBtn(data) {
this.memberslist = data
}