showPick ^7.8

统一的pick，包括日期，湿度，时间，普通等类型

请求参数

Prop	Type	Required	Default	Comment
type	Number	N	0	picker类型， 0-普通，1-cascade（联动类型，例如：省市区类型，每列滚动会影响其他列）, 2-date（日期类型，格式仅支持年/月/日，比如：2021-01-01）, 3-time（时间类型，时间值需要前端传入）, 4-weness（温湿度/PM2.5类型，单位值和颜色属性会根据滚动值改变，该类型较为特殊）
headTitle	String	N	N/A	标题
titleColor	String	N	N/A	标题颜色
titleBgColor	String	N	N/A	标题背景颜色
subTitle	String	N	N/A	子标题
subTitleColor	String	N	N/A	子标题颜色
subTitleBgColor	String	N	N/A	子标题背景颜色
confirmTxt	String	N	确定	确定文本
cancelTxt	String	N	取消	取消文本
confirmTxtColor	String	N	#000	确定文本颜色
cancelTxtColor	String	N	#000	取消文本颜色
confirmBgColor	String	N	#fff	确定按钮背景颜色
cancleBgColor	String	N	#fff	取消按钮背景颜色
confirmHightColor	String	N	#fff	确定按钮高亮背景颜色
cancleHightColor	String	N	#fff	取消按钮高亮背景颜色
btnLineColor	String	N	#fff	取消和确定按钮之间竖线颜色
columnRatios	Array<Number>	N	[]	所有列的宽度比例，该属性对日期picker类型无效，其他类型生效，格式[3,2,3]
textColor	String	N	#000	当前选中的字体的颜色
backgroundColor	String	N	#fff	picker背景色
dividerColor	String	N	#fff	分割线颜色
value	String	N	``	当前日期，日期picker类型则传该属性，普通类型picker该属性不生效
min	String	N	``	最小日期，日期picker类型则传该属性，普通类型picker该属性不生效
max	String	N	``	最大日期，日期picker类型则传该属性，普通类型picker该属性不生效

接口调用示例

const params = {
  type: 0, // 0普通，1cascade,2date,3time,4weness,
  headTitle: '标题',
  titleColor: '#2a5caa', // '标题颜色',
  titleBgColor: '#ef5b9c', // '标题背景颜色',
  subTitle: '子标题',
  subTitleColor: '', // '子标题颜色',
  subTitleBgColor: '', // '子标题背景颜色',
  cancleBgColor: '#8a5d19', // 取消按钮颜色
  confirmBgColor: '#8c531b', // 确认按钮颜色
  cancleHightColor: '', // 取消按钮高亮颜色
  confirmHightColor: '', // 确认按钮高亮颜色
  btnLineColor: '', // 取消和确定按钮之间竖线颜色
  spaceColor: '', // '间距颜色',
  cancelTxt: '取消文本',
  confirmTxt: '确认文本',
  cancelTxtColor: '', // '取消文本颜色',
  confirmTxtColor: '', // '确认文本颜色',
  // picker 样式---------
  columnRatios: [], //所有列的宽度比例，该属性对日期picker类型无效，其他类型生效，格式[3,2,3],数组类型
  textColor: '#2a5caa', //'选中的字体颜色',
  backgroundColor: 'red', // picker背景色
  dividerColor: '', // 分割线颜色
  value: '2021-03-01', // 如果是日期picker类型则传值，格式:"2021-03-01"，普通类型picker无值
  min: '1900-01-01', //如果是日期picker类型则传值，格式:"1900-01-01"，普通类型picker无值
  max: '2090-03-01', //如果是日期picker类型则传值，格式:"2090-03-01"，普通类型picker无值
  itemMaps: [
    // itemMaps(联动类型) 与 wheelList 取其一，itemMap优先级高
    //注意：//联动类型有值，其他类型无值
    { id: 1, pId: 0, name: '北京' },
    { id: 11, pId: 1, name: '北京2' },
    { id: 21, pId: 11, name: '北京3' },
  ],
  selectedRowBgColor: '#FAFAFA', //当前选中行的背景色
  wheelList: [
    // 普通类型
    {
      index: 0, // 每列默认显示位置
      isLoop: false, // 是否循环显示
      label: '单位名字',
      labelTextColor: '', //单位颜色
      labelTextSize: '', // 单位字体大小
      textSize: '', // 每列字体代销
      //每列单位规则
      ruleList: [
        {
          text: '',
          textColor: '', // 每列单位字体颜色,
          min: '', // 最小值,
          max: '', //最大值
        },
      ],
      itemList: [
        {
          id: '0', // 每行id
          name: '每行内容',
          pid: '0', //每行父id
        },
      ],
    },
    {
      index: 0, // 每列默认显示位置
      isLoop: false, // 是否循环显示
      label: '单位名字',
      labelTextColor: '', //单位颜色
      labelTextSize: '', // 单位字体大小
      textSize: '', // 每列字体代销
      //每列单位规则
      ruleList: [
        {
          text: '',
          textColor: '', // 每列单位字体颜色,
          min: '', // 最小值,
          max: '', //最大值
        },
      ],
      itemList: [
        {
          id: '0', // 每行id
          name: '你好',
          pid: '0', //每行父id
        },
      ],
    },
  ],
}
this.$bridge
  .showPick(params)
  .then(res => {
    this.$alert(res)
  })
  .catch(err => {
    this.$toast(err)
  })

// 省市街道联动选择请求参数示例
const paramsLocation = {
  type: 1,
  headTitle: '请选择地址',
  itemMaps: [
    // 一维数组，通过id与pId 区分不同列（通过pId来判断是否属于同类的数据）
    { id: 1, pId: 0, name: '北京' },
    { id: 2, pId: 0, name: '深圳' },
    { id: 11, pId: 1, name: '朝阳区' },
    { id: 12, pId: 1, name: '海淀区' },
    { id: 111, pId: 11, name: '三里屯街道' },
    { id: 112, pId: 11, name: '八里庄街道' },
    { id: 121, pId: 12, name: '万寿路街道' },
    { id: 122, pId: 12, name: '紫竹院街道' },
    { id: 21, pId: 2, name: '南山区' },
    { id: 22, pId: 2, name: '福田区' },
    { id: 211, pId: 21, name: '粤海街道' },
    { id: 212, pId: 21, name: '南山街道' },
    { id: 221, pId: 22, name: '福田街道' },
    { id: 222, pId: 22, name: '梅林街道' },
  ],
}

返回参数

Prop	Type	Required	Default	Comment
code	Number	Y	N/A	状态值，0-确定，-1-取消
msg	String	N	N/A	状态消息
result	String	Y	N/A	状态内容， 'sucess'-确定， 'cancel'-取消
data	Array	N	N/A	选择的当前行信息

接口返回示例

// 日期选择确定后返回
{
  code: 0,
  data: [],
  result: 'success'
}
// 联动省市街道picker返回
{
  result: 'success',
  code: 0,
  data: [
    {
      id: '1',
      pid: '0',
      name: '北京',
    },
    {
      id: '11',
      pid: '1',
      name: '朝阳区',
    },
    {
      id: '111',
      pid: '11',
      name: '三里屯街道',
    },
  ],
}