@beisen/ocean-set-display-field

概述

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: "清华大学"
    }]
}