面板

用于页面头部的一些面板信息展示,配置到wau_body.body里面
panel有两种配置模式,分别为配置class_name和不配置class_name

新增异步请求配置,可以通过异步方式拉取数据,并且支持自动刷新配置(配置方式见options)

panel第一种形态效果预览

结构配置

panel: 
  content: 
    - {title: '微信会员', number: '36054', unit: '人', new_number: '233'}
    - {title: '交易订单', number: '36054', unit: '单', new_number: '233'}
    - {title: '预约保养', number: '36054', unit: '单', new_number: '233'}

字段说明

panel 面板配置

字段 类型 含义 默认值
content Array 面板内容合集
content.title String 面板名称 -
content.number String or Number 面板数额 -
content.unit String 单位 -
content.new_number String or Number 面板新增数额 -

panel第二种形态效果预览

结构配置(普通同步方式)

panel: 
  options:
    class_name: 'no-border'
    max_one_line: 6 #值可以为1、2、3、4、6、12
  content: 
    - title: '微信会员'
      number: '36054'
      sub_list: 
        - label: '日'
          label_class: ''
          content: '{%number_1%}%'
          content_class: 'green'
        - label: '周'
          label_class: ''
          content: '+17.5%'
          content_class: 'green'
        - label: '月'
          label_class: ''
          content: '-17.5%'
          content_class: 'red'
    - title: '交易订单'
      number: '36054'
      sub_list: 
        - label: '日'
          label_class: ''
          content: '+17.5%'
          content_class: 'green'
        - label: '周'
          label_class: ''
          content: '+17.5%'
          content_class: 'green'
        - label: '月'
          label_class: ''
          content: '-17.5%'
          content_class: 'red'
    - title: '预约保养'
      number: '36054'
      sub_list: 
        - label: '日'
          label_class: ''
          content: '+17.5%'
          content_class: 'green'
        - label: '周'
          label_class: ''
          content: '+17.5%'
          content_class: 'green'
        - label: '月'
          label_class: ''
          content: '-17.5%'
          content_class: 'red'

结构配置(异步方式)

panel: 
  options:
    class_name: 'no-border'
    max_one_line: 6 #值可以为1、2、3、4、6、12
    request_id: panel_request #异步请求数据配置,同步数据模式不需要写
    auto_refresh: 3000 #异步自动刷新配置,此处为3s
  content: 
    - title: '微信会员'
      number: '36054'
      sub_list: 
        - label: '日'
          label_class: ''
          content: '{%number_1%}%'
          content_class: 'green'
    - title: '微信会员2'
      number: '36054'
      sub_list: 
        - label: '日'
          label_class: ''
          content: '{%number_2%}%'
          content_class: 'green'

异步请求配置返回值

异步请求配置request_id的关联关系参考wau_request讲解

  • 异步数据的变量动态读取,在data和在panel的yml里面配置对应的变量名即可。如number_1,number_2。 ```json { "ret": "0", "data": { "number_1": "+17.5", "number_2": "-10.6" }, "msg": "ok" }

```

字段说明

panel 面板配置

字段 类型 含义 默认值
content Array 面板内容合集
options Object 面板属性配置 -

options

字段 类型 含义 默认值
class_name String 该模式下为'np-border',也可以再添加别的class,空格区分 -
max_one_line Number 每一行最多展示多少个,值可以为1、2、3、4、6、12 6
request_id String 【可选】配置异步请求接口的配置 -
auto_refresh Number 【可选】异步自动刷新配置 -

content

字段 类型 含义 默认值
title String 面板名称 -
number String or Number 面板数额 -
sub_list Array 面板二级数据集合 -

sub_list

字段 类型 含义 默认值
label String 二级数据label -
label_class String 二级数据label的class名 -
content String 二级数据内容 -
content_class String 二级数据内容的class名 -

results matching ""

    No results matching ""