概述

PC端地区选择基础交互组件

使用方式

    npm install --save @beisen-phoenix/school-selector

API说明

| 参数 | 说明 | 类型 | 默认值 | 必须 | | --- | --- | --- | --- | --- | | isMulti | 单选/多选 | boolean | false | Yes | | defaultData | 默认选中的值 | Array [id: 学校id, name: 学校显示名称] | 无 | Yes | | getDataUrl | 数据常量请求链接 | String | "//const.italent.cn/api/compatible/SchoolsValueFormat/100102/78" | No | | translation | 多语言处理 | Object | | Yes | | useDefaultAreaData | 是否使用默认数据 | Boolean | true | No | | schoolData | 地区的值 | Object | 无 | No | | onSubmit | 确定方法 | Function | 无 | Yes | | onHide | 取消方法 | Function | 无 | Yes |

多语言处理

translation = {
    selectAllText: "全选",
    allAreaText: "全部地区",
    selectDataEmptyText: "请在左侧选择学校",
    cancelText: "取消",
    submitText: "确定",
    selectDataText: "已选学校",
    emptyText: "暂无搜索结果~",
    clearText: "清空已选",
    searchText: "搜索",
}

onSubmit 回调

onSubmit(data) {
    console.log(data);
}
//output
[{id: "100001",name: "清华大学"}]

数据格式注意

• getDataUrl 现在是纯中文版本，如果是其他语言版本需要自己拼接链接，数据返回的内容格式如下：

{
    id: "1001",
    distinct: "北京市"
    schools:[{
        id: "10001",
        name: "清华大学"
    }]
}

样式属性

const propsData = {
    isMuiti: false,
    defaultData: [{
        id: "100100",
        name: "清华大学"
    }]
}