概述
PC端地区选择基础交互组件
使用方式
npm install --save @beisen-phoenix/school-selector
API说明
参数 | 说明 | 类型 | 默认值 | 必须 |
---|---|---|---|---|
isMulti | 单选/多选 | boolean | false | Yes |
defaultData | 默认选中的值 | Array [id: 学校id, name: 学校显示名称] | 无 | Yes |
getDataUrl | 数据常量请求链接 | String | "/Recruitment/Job/GetJobListQ?r=e122e476-b663-4c6f-bcf7-255f3492e41e&u=114079111&sig=0h4CqYEdJis9rmKn0y2szickJN8%3d&selectedTenantId=100102" | No |
requestHost | 当前请求的location.origin | String | "https://biset.italent.link" | No |
searchDefaultData | 默认搜索的值 | Object | 无 | No |
onSubmit | 确定方法 | Function | 无 | Yes |
onCancel | 取消方法 | Function | 无 | Yes |
translation | 多语言 | 多语言显示文字 | 无 | yes |
多语言支持
translation = {
selectDataEmptyText: "请在左侧选择职位",
cancelText: "取消",
submitText: "确定",
selectDataText: "已选职位",
emptyText: "暂无搜索结果~",
clearText: "清空已选",
searchText: "搜索",
selectAllText: "全选",
statusLabelText: "状态",
statusStop: "已暂停",
statusEnd: "已停止",
statusApprovaling: "审批中",
statusRecruitmenting: "招聘中",
statusCancel: "已取消",
statusRejection: "审批驳回",
timeLabelText: "时间",
timeOneMonth: "一个月内",
timeThreemonth: "三个月内",
timeOneYear: "一年内"
}
onSubmit 回调
onSubmit(data) {
console.log(data);
}
//output
[{id: "100000",name: "工程师"}]
数据格式注意
- getDataUrl 现在是纯中文版本,如果是其他语言版本需要自己拼接链接,数据返回的内容格式如下:
{
code: '200',
data: [{
JobId: "1001",
JobTitle: "北京市"
JobCode: "2222"
}]
}
样式属性
const propsData = {
isMuiti: false,
defaultData: [{
id: "100100",
name: "清华大学"
}]
}