<template>
  <!-- <my-page :left-style="{width: '50%'}">
    <template slot="left">
      <DfBroker ref="dfBroker" :extraHeight="100" style="height: 97%;"  @row-click="handleRowClick"></DfBroker>
    </template>
    <BrokerUser ref="brokerUser" :extraHeight="100" style="height: 97%;margin-left: 8px;" :rowData="rowData"></BrokerUser>
  </my-page> -->
  <div style="padding: 10px;">
    <el-card>
      <DfBroker ref="dfBroker" :extraHeight="100"  @row-click="handleRowClick"></DfBroker>
    </el-card>
    <el-card>
      <BrokerUser ref="brokerUser" :extraHeight="100" :rowData="rowData"></BrokerUser>
    </el-card>
  </div>
</template>

<script>
import BrokerUser from './components/BrokerUser.vue';
import DfBroker from './components/DfBroker.vue';

export default {
  name: "Broker",
  components: {
    BrokerUser,
    DfBroker,
  },
  data() {
    return {
      rowData: null
    };
  },
  methods: {
    handleRowClick(row) {
      this.rowData = row;// 在父组件中接收到子组件传递过来的 row 数据
    }
  }
};
</script>
