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>