<!-- 测试表格 -->
<template>
  <div style="height:600px;width:100%;">
     <target-tree :source="sourceFn"> </target-tree>
  </div>
</template>

<script>
import targetTree from './targetTree.vue'
export default {
  data () {
    return {
        sourceFn:{
            url: '', // 数据接口地址
            dataType: 'local', // 数据状态  值：json, local  默认json  json：动态数据  local：静态数据
            data: [{
                name:'药品收入',
                num:'85932',
                value:'60.38',
                id:'2',
            },{
                name:'药品收入',
                num:'85932',
                value:'60.38',
                id:'2'
            },
             {
                name:'药品收入',
                num:'85932',
                value:'60.38',
                id:'2'}
            ], // dataType为local时的静态数据
            method: 'get', // 接口请求方式
            postData: {}, // 接口传参配置
            colModel: [
                {
                     title:'项目名称', // 表头名称
                    field:'name', // 数据参数名,
                    treeNode:true,
                },
                  {
                     title:'去年同期', // 表头名称
                    field:'value' // 数据参数名
                },
                {
                     title:'今年', // 表头名称
                    field:'num' // 数据参数名
                },
                {
                     title:'同比增长率', // 表头名称
                    field:'id' // 数据参数名
                },

                ], // 表头及行列配置
        }
    };
  },

  components: {targetTree},

  computed: {},

  watch:{},

  mounted() {},

  created() {}, 

  methods: {}
}

</script>
<style lang='scss' scoped>
</style>