API接口
搜索联系人: kuasheng.ksBookVersion.contactSearch
搜索记录-记录列表: kuasheng.ksSearchRecord.listV2
上报搜索记录: kuasheng.ksSearchRecord.changeV2
删除所有记录: kuasheng.ksSearchRecord.deleteAll
参数
| value | 如果是弹出层组件,则是 Boolean,表示显示隐藏(可使用 v-model 绑定), 如果是员工搜索组件,则是 Array, 表示默认值可使用 v-model 绑定) | _disabledItem: 设置为 true 禁用列表某项 |
| popAttr | 弹出层组件属性 | {} |
| defaultValue | 弹出层组件默认值 | [] |
| multiple | 多选 | false |
| menuId | 轻应用菜单id (3.0.37版本必填) | '' |
| showCancel | 是否展示取消按钮 | true |
| showHistory | 是否显示历史搜索 | true |
| placeholder | 输入框的提示语 | 请搜索人名/工号 |
| clearable | 是否展示输入框的清除按钮 | true |
| repeatText | 多选重复添加的提示文案 | 请勿重复添加 |
| title | 弹出层的 title 文案(ks-employee-popup组件的属性) | 选择成员 |
| searchParams | 人员搜索自定义参数 | |
| safeAreaTop | 已选人员列表ios头部安全距离 | true |
| selected | 选择事件前的钩子函数(item:当前选中值)return true 阻止当前选择 | function(item) |
| historyListHandler | 历史记录列表显示前的数据处理(list:历史记录列表数据)return list | function(list) |
| searchListHandler | 搜索查询列表显示前的数据处理(list:搜索查询列表数据)return list | function(list) |
| disabledItemClick | 点击查询列表和历史记录列表中被禁用的(属性_disabledItem 为 true)item 事件处理 return item | function(item) |
searchParams(自定义查询参数)
| searchParams | 示例: {filterOffice: 2,deptCodeList: ['1,066,000,000,0000,0000,0000,0000,0000']} | |
| filterOffice | 过滤在职状态:1:全部,2:在职,3:离职;默认1 | 1 |
| deptCodeList | 组织code集合,限制5个 | [] |
事件
| input | 选中人员事件(v-model 绑定不用监听) |
| focus | 输入框的聚焦事件回调 |
| blur | 输入框的失焦事件回调 |
| clear | 输入框的删除按钮事件回调 |
| cancel | 取消事件回调 |
| confirm | 确认事件回调 返回当前选中人员数组 |
插槽
| 插槽名称 | 说明 | 参数
| -----------|--------|------------
| employeeListInfo | 搜索查询列表内容展示信息 | {item} |
| historyListInfo | 历史记录列表内容展示信息 | {item} |
用法
<template>
<ks-button @click="show4 != show4">弹出层场景</ks-button>
<ks-employee-popup :style="{ height: '100%', width: '100%' }" v-model="show4" placeholder="测试" :multiple="multiple" @confirm="confirm"></ks-employee-popup>
</template>
<script>
export default {
data() {
return {
show4: false,
multiple: true
}
},
methods: {
confirm(list) {
console.log('popup选中的值', list)
}
}
}
</script>