---
# 视图
views: 
  - name: query_table
    component: FormWrap
    options:
      size: large
      inline: true
      columns:
        - key: begin_end
          label: 选择时间段
          type: monthrange
          labelWidth: 100
          placeholder: [ 选择开始时间, 选择结束时间 ]
          options:
            clearable: true
            # defaultTime: [ '00:00:00', '23:59:59' ]
        - key: otherInfo
          label: 选择大厅
          type: select
          width: 240
          data: cache.halls.data
          props:
            value: key
            label: name
          options:
            multiple: true
            collapseTags: true
        - key: roleId
          label: 选择渠道
          type: transfer
          labelWidth: 100
          data: cache.ditchs.data
          props:
            value: key
            label: name
          options:
            filterable: true
            titles: [可选, 已选]
            # buttonTexts: ['To left', 'To right']
            template: '{value} - {label}'
            filterMethod: |-
              function (query, item) {
                return item.value.toLowerCase().includes(query.toLowerCase()) || item.label.toLowerCase().includes(query.toLowerCase())
              }
      defaultValues: |-
        otherInfo: ['00', '88']
        begin_end: [{{ '-1 years' | parseDate }}, {{ '-1 yeare' | parseDate }}]
        roleId: ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36']
      verifyRules:
        begin_end: 
          - required: true
            message: 请选择时间段
        otherInfo:
          - required: true
            message: 请选择大厅
        roleId:
          - required: true
            message: 请选择渠道
      options:
        assokey: t1
        assignment:
          data: data
        reset: 重置
      submitName: 查 询
      action:
        method: POST
        url: /api/v1/{{channel}}/month-data
  # - name: table_data
  #   component: Table
  #   options:
  #     name: 基础数据
  #     assokey: t1
  #     columns:
  #       - key: date
  #         label: 日期
  #         width: 120
  #         fixed: left
  #       - key: users
  #         label: 人数
  #     pagination: 10
  - name: echarts
    component: ChartBar
    options:
      name: 月活跃统计
      assokey: t1
      columns:
        - key: date
          label: 日期
        - key: users
          label: 人数
      dataOptions:
        product: date
        fields: ['users']
        barWidth: 60px
        # 指针类型: "none" | "line" | "shadow" | "cross" | undefined
        pointerType: shadow