【el-table嵌套父子勾选 并实现数据携带勾选的到另一张表中 】

看效果图gif
代码 以及json数据都贴上了 有问题私信

<template xmlns="http://www.w3.org/1999/html">
    <div class="app-container">
        <div class="divMain mgTop_20 middle">
            <el-table ref="table" :data="tableData" style="width: 100%" @select="selectFather" @select-all="selectAllFather"  @expand-change="expandChange">
                <el-table-column type="selection" width="50" />
                <el-table-column prop="items" type="expand">
                    <template slot-scope="scope">
                        <el-table :ref="`childTable${scope.$index}`" :data="scope.row.subList" style="width: 100%" stripe @select="selectChild" @select-all="selectAllChild($event,scope.$index)">
                            <el-table-column type="selection" width="50" />
                            <el-table-column prop="customerOrderNo" label="采购单号" width="150" />
                            <el-table-column prop="productCode" label="商品编码" />
                            <el-table-column prop="productName" label="商品名称" />
                            <el-table-column prop="brandName" label="品牌" />
                            <el-table-column prop="model" label="型号" />
                            <el-table-column prop="specification" label="规格" />
                            <el-table-column prop="colorNo" label="色号" />
                            <el-table-column prop="batchNo" label="批号" />
                            <el-table-column prop="purchaseQuantity" label="采购数量" width="90" />
                            <el-table-column prop="appointmentDeliveryQuantity" label="预约提货数量" width="110" />
                            <el-table-column prop="unit" label="单位" width="100" />
                            <el-table-column prop="settlementPrice" label="单价(元)" width="90" />
                            <el-table-column prop="totalPrice" label="合计(元)" width="90" />
                            <el-table-column prop="isException" label="是否异常" width="100" />