<template lang="html">
  <div class="financial_manager">
    <!-- <p>请选择</p> -->
    <selectPage :text="text" :checkedList="checked" :list="list" @change-text="changeText" @change="selected"></selectPage>
  </div>
</template>

<script>
  import selectPage from './index.vue'
  export default {
    components: {
      selectPage
    },
    data () {
      return {
        text: '',
        checked: ['002', '003'],
        list: [
          {
            id: '001',
            value: '肉'
          },
          {
            id: '002',
            value: '青菜'
          },
          {
            id: '003',
            value: '啤酒'
          },
          {
            id: '004',
            value: '水果'
          },
          {
            id: '005',
            value: '水果'
          },
          {
            id: '006',
            value: '水果'
          },
          {
            id: '007',
            value: '水果'
          },
          {
            id: '008',
            value: '水果'
          },
          {
            id: '009',
            value: '水果'
          },
          {
            id: '010',
            value: '水果'
          },
          {
            id: '011',
            value: '水果'
          }
        ]
      }
    },
    methods: {
      selected (id) {
        console.warn(id);
      },
      changeText (val) {
        this.text = val;
      }
    }
  }
</script>

<style lang="less">
</style>