<template>
  <nm-container scrollbar>
    <nm-split v-model="split">
      <template v-slot:left>
        <channel-page :parent="parent" @change="onChannelChange" />
      </template>
      <template v-slot:right>
        <list-page ref="list" :parent="parent" />
      </template>
    </nm-split>
  </nm-container>
</template>
<style>
</style>
<script>
// //引入该模块,不然不会显示标注
// import 'echarts/lib/component/markPoint'
// import 'v-charts/lib/style.css'
import ChannelPage from '../components/channel'
import ListPage from '../components/list'

export default {
  components: { ListPage, ChannelPage },
  computed: {},
  data() {
    return {
      split: 0.26, //调整布局宽度
      parent: {},
    }
  },
  methods: {
    onChannelChange(row) {
      this.$refs.list.refresh(row.code, row.id)
    },
  },
}
</script>
