<ux-grid>怎么在嵌套一个表格？
<template> <ux-grid border show-overflow ref="plxTable" keep-source height="500" :data="tableData"
:edit-config="{ trigger: 'click', mode: 'row' }">
<ux-table-column type="checkbox" width="60"></ux-table-column>
<ux-table-column type="index" width="80"></ux-table-column>
<!-- 普通商品信息 -->
<ux-table-column type="expand" width="60" >
<template slot-scope="props">
<ux-grid :data="props.row.childList" border>
<ux-table-column :width="125" prop="srcSkuId" align="center" label="子商品编码"
:show-overflow-tooltip="true"></ux-table-column>
<ux-table-column :width="125" align="center" prop="qty" label="单个子商品数量"></ux-table-column>
<ux-table-column align="center" :width="120" prop="name" label="子商品名称"
:show-overflow-tooltip="true"></ux-table-column>
<ux-table-column :width="180" prop="costPrice" align="center" label="子商品成本价"></ux-table-column>
<ux-table-column align="center" :width="120" prop="salePrice" label="应占售价"></ux-table-column>
<ux-table-column align="center" :width="120" prop="creator" label="创建者"></ux-table-column>
<ux-table-column align="center" :width="200" prop="propertiesValue" label="颜色规格"
:show-overflow-tooltip="true"></ux-table-column>
<ux-table-column width="200" prop="modified" label="ERP系统-修改时间"></ux-table-column>
<ux-table-column width="120" prop="skuType" label="商品类型"></ux-table-column>
<ux-table-column width="120" prop="itemType" label="商品属性"></ux-table-column>
<ux-table-column width="120" prop="remark" label="备注"
:show-overflow-tooltip="true"></ux-table-column>
<ux-table-column :width="120" prop="brand" align="center" label="品牌"></ux-table-column>
<ux-table-column align="center" :width="211" prop="created" label="ERP系统-创建时间"></ux-table-column>
<ux-table-column align="center" prop="labels" label="商品标签" :width="180"></ux-table-column>
<ux-table-column :width="70" align="center" prop="l" label="长"></ux-table-column>
<ux-table-column :width="70" align="center" prop="w" label="宽"></ux-table-column>
<ux-table-column :width="70" align="center" prop="h" label="高"></ux-table-column>
<ux-table-column :width="70" align="center" prop="volume" label="体积"></ux-table-column>
<ux-table-column :width="70" align="center" prop="weight" label="重量"></ux-table-column>
<ux-table-column align="center" prop="other1" label="其他属性1" :width="110"></ux-table-column>
<ux-table-column align="center" prop="other2" label="其他属性2" :width="110"></ux-table-column>
<ux-table-column align="center" prop="other3" label="其他属性3" :width="110"></ux-table-column>
<ux-table-column align="center" prop="other4" label="其他属性4" :width="110"></ux-table-column>
<ux-table-column align="center" prop="other5" label="其他属性5" :width="110"></ux-table-column>
<ux-table-column align="center" prop="otherPrice1" label="其它价格1" :width="110"></ux-table-column>
<ux-table-column align="center" prop="otherPrice2" label="其它价格2" :width="110"></ux-table-column>
<ux-table-column align="center" prop="otherPrice3" label="其它价格3" :width="110"></ux-table-column>
<ux-table-column align="center" prop="otherPrice4" label="其它价格4" :width="110"></ux-table-column>
</ux-grid>
</template>
</ux-table-column>
<!-- 普通商品信息结束 -->
<ux-table-column field="name" title="商品全称" width="140"></ux-table-column>
<ux-table-column title="商品编码" width="180">
<template slot-scope="scope">
<span v-if="scope.row.skuId != ''">{{ scope.row.skuId }}</span>
<span>{{ scope.row.srcSkuId }}</span>
</template>
</ux-table-column>
<ux-table-column field="" title="商品售价" width="140">
{{ '计算' }}
</ux-table-column>
<ux-table-column field="commodityPrice" title="商品定价" width="100" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.commodityPrice"></el-input>
</template>
</ux-table-column>
<ux-table-column title="是否定制" field="customisation" header-align="center" width="140" edit-render>
<template v-slot:edit="scope">
<el-select v-model="scope.row.customisation" placeholder="请选择">
<el-option label="是" value="1">是</el-option>
<el-option label="否" value="0">否</el-option>
</el-select>
</template>
<template v-slot="{ row }">
<span v-if="row.customisation == ''">未选择</span>
<span v-else>{{ row.customisation == 1 ? '是' : '否' }}</span>
</template>
</ux-table-column>
<ux-table-column title="商品所属平台" width="140" field="platform" edit-render>
<template v-slot:header='scope'>
<span>商品所属平台</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color: #f48e09;"></i>
<div style="width: 200px" slot="content">
根据编码上架平台不同选择不同的计算模式，
目前两种类型，一种常规核算类型，为标准模式，
另一种为京东计算模式，主要区别有：入仓费，提货费和派送费。
</div>
</el-tooltip>
</template>
<template v-slot:edit="scope">
<el-select v-model="scope.row.platform" placeholder="请选择">
<el-option label="京东自发模式" value="1"></el-option>
<el-option label="京东自营模式" value="2"></el-option>
<el-option label="京东TC模式" value="3"></el-option>
<el-option label="常规模式" value="4"></el-option>
</el-select>
</template>
<template v-slot="{ row }">
<span v-if="row.platform == '4'">常规模式</span>
<span v-else-if="row.platform == '1'">京东自发模式</span>
<span v-else-if="row.platform == '2'">京东自营模式</span>
<span v-else="row.platform == '3'">京东TC模式</span>
</template>
</ux-table-column>
<ux-table-column field="discount" title="商品折扣金额" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.discount"></el-input>
</template>
</ux-table-column>
<ux-table-column field="wbjWb" title="外包件-外包" width="120"></ux-table-column>
<ux-table-column field="wbjZg" title="外包件-自供" width="120"></ux-table-column>
<ux-table-column field="zcjXjgbfcl" title="自产件-需加工部分材料" width="180"></ux-table-column>
<ux-table-column field="zcjWxjgbfcl" title="自产件-无需加工部分材料" width="190"></ux-table-column>
<ux-table-column field="zpcb" title="赠品成本" width="100" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.zpcb"></el-input>
</template>
</ux-table-column>
<ux-table-column field="jdpsf" title="京东快递派送费" width="180" edit-render>
<template v-slot:header='scope'>
<span>京东快递派送费</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color: #f48e09;"></i>
<div style="width: 200px" slot="content">
当编码入京东自营仓后所产生的派送费成本，产品计算人员需手动计算结果值填写。
</div>
</el-tooltip>
</template>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.jdpsf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="tcsmthf" title="TC上门提货费" width="180" edit-render>
<template v-slot:header='scope'>
<span>TC上门提货费</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color: #f48e09;"></i>
<div style="width: 200px" slot="content">
当编码入京东仓前所产生的提货成本，产品计算人员需手动计算结果值填写。
</div>
</el-tooltip>
</template>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.tcsmthf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="jdcc" title="京东仓储费" width="180" edit-render>
<template v-slot:header='scope'>
<span>京东仓储费</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color: #f48e09;"></i>
<div style="width: 200px" slot="content">
当编码入京东仓后所产生的仓储成本，产品计算人员需手动计算结果值填写。
</div>
</el-tooltip>
</template>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.jdcc"></el-input>
</template>
</ux-table-column>
<ux-table-column field="dzrg" title="定制人工" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.dzrg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="ms" title="墨水" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.ms"></el-input>
</template>
</ux-table-column>
<ux-table-column field="PP袋" title="PP袋" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.ppd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="hc3" title="耗材3" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.hc3"></el-input>
</template>
</ux-table-column>
<ux-table-column field="hc4" title="耗材4" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.hc4"></el-input>
</template>
</ux-table-column>
<ux-table-column field="qt" title="其它" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.qt"></el-input>
</template>
</ux-table-column>
<ux-table-column title="合计" width="140">
{{ "计算得来" }}
</ux-table-column>
<ux-table-column field="ecbz" title="二次包装" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.ecbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bzhc" title="包装耗材" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bzhc"></el-input>
</template>
</ux-table-column>
<ux-table-column field="dwdbrg2" title="单位打包人工" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.dwdbrg2"></el-input>
</template>
</ux-table-column>
<ux-table-column field="ptkd" title="平台扣点" width="120"></ux-table-column>
<ux-table-column title="平台费用" width="120">{{ '计算' }}</ux-table-column>
<ux-table-column field="yfx" title="运费险" width="120"></ux-table-column>
<ux-table-column field="bg1ztkd" title="包裹1中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg1ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg1jtkd" title="包裹1极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg1jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg1sfth" title="包裹1电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg1sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg1sfbz" title="包裹1顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg1sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg1zlkg" title="包裹1重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg1zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg1ckgcm" title="包裹1长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg1ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg1zxjg" title="包裹1纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg1zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg1dwyf" title="包裹1单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg1dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg2ztkd" title="包裹2中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg2ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg2jtkd" title="包裹2极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg2jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg2sfth" title="包裹2电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg2sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg2sfbz" title="包裹2顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg2sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg2zlkg" title="包裹2重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg2zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg2ckgcm" title="包裹2长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg2ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg2zxjg" title="包裹2纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg2zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg2dwyf" title="包裹2单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg2dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg3ztkd" title="包裹3中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg3ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg3jtkd" title="包裹3极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg3jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg3sfth" title="包裹3电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg3sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg3sfbz" title="包裹3顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg3sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg3zlkg" title="包裹3重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg3zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg3ckgcm" title="包裹3长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg3ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg3zxjg" title="包裹3纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg3zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg3dwyf" title="包裹3单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg3dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg4ztkd" title="包裹4中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg4ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg4jtkd" title="包裹4极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg4jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg4sfth" title="包裹4电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg4sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg4sfbz" title="包裹4顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg4sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg4zlkg" title="包裹4重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg4zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg4ckgcm" title="包裹4长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg4ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg4zxjg" title="包裹4纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg4zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg4dwyf" title="包裹4单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg4dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg5ztkd" title="包裹5中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg5ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg5jtkd" title="包裹5极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg5jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg5sfth" title="包裹5电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg5sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg5sfbz" title="包裹5顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg5sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg5zlkg" title="包裹5重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg5zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg5ckgcm" title="包裹5长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg5ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg5zxjg" title="包裹5纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg5zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg5dwyf" title="包裹5单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg5dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg6ztkd" title="包裹6中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg6ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg6jtkd" title="包裹6极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg6jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg6sfth" title="包裹6电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg6sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg6sfbz" title="包裹6顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg6sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg6zlkg" title="包裹6重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg6zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg6ckgcm" title="包裹6长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg6ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg6zxjg" title="包裹6纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg6zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg6dwyf" title="包裹6单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg6dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg7ztkd" title="包裹7中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg7ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg7jtkd" title="包裹7极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg7jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg7sfth" title="包裹7电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg7sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg7sfbz" title="包裹7顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg7sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg7zlkg" title="包裹7重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg7zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg7ckgcm" title="包裹7长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg7ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg7zxjg" title="包裹7纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg7zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg7dwyf" title="包裹7单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg7dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg8ztkd" title="包裹8中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg8ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg8jtkd" title="包裹8极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg8jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg8sfth" title="包裹8电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg8sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg8sfbz" title="包裹8顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg8sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg8zlkg" title="包裹8重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg8zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg8ckgcm" title="包裹8长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg8ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg8zxjg" title="包裹8纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg8zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg8dwyf" title="包裹8单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg8dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg9ztkd" title="包裹9中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg9ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg9jtkd" title="包裹9极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg9jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg9sfth" title="包裹9电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg9sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg9sfbz" title="包裹9顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg9sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg9zlkg" title="包裹9重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg9zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg9ckgcm" title="包裹9长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg9ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg9zxjg" title="包裹9纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg9zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg9dwyf" title="包裹9单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg9dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg10ztkd" title="包裹10中通快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg10ztkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg10jtkd" title="包裹10极兔快递" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg10jtkd"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg10sfth" title="包裹10电商标快" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg10sfth"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg10sfbz" title="包裹10顺丰标快(大件)" width="180" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg10sfbz"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg10zlkg" title="包裹10重量KG" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg10zlkg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg10ckgcm" title="包裹10长宽高CM" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model="scope.row.bg10ckgcm"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg10zxjg" title="包裹10纸箱价格" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg10zxjg"></el-input>
</template>
</ux-table-column>
<ux-table-column field="bg10dwyf" title="包裹10单位运费" width="140" edit-render>
<template v-slot:edit="scope">
<el-input v-model.number="scope.row.bg10dwyf"></el-input>
</template>
</ux-table-column>
<ux-table-column field="fhhthl" title="发货后退货率" width="120"></ux-table-column>
<ux-table-column title="退货损耗金额" width="120">{{ '计算' }}</ux-table-column>
<ux-table-column title="变动成本合计" width="120">{{ '计算' }}</ux-table-column>
<ux-table-column title="单位边际贡献" width="120">{{ '计算' }}</ux-table-column>
<ux-table-column title="边际贡献率1" width="120">{{ '计算' }}</ux-table-column>
<ux-table-column title="库损加滞销原材料乘5%" width="120">{{ '计算' }}</ux-table-column>
<ux-table-column title="边际贡献2" width="120">{{ '计算' }}</ux-table-column>
<ux-table-column title="边际贡献率2" width="120">{{ '计算' }}</ux-table-column>
<ux-table-column title="操作" width="200" fixed="right">
<template v-slot="{ row }">
<!--判断行是否激活了, 编辑按钮执行的方式就是为了去激活-->
<template v-if="$refs.plxTable.isActiveByRow(row)">
<el-button @click="saveEvent(row)" type="primary">保存</el-button>
<el-button @click="cancelRowEvent(row)">取消</el-button>
</template>
<template v-else>
<el-button @click="editRowEvent(row)">编辑</el-button>
</template>
</template>
</ux-table-column>
</ux-grid>
</template>
<script>
export default {
data() {
return {
tableData: [
{
"currentPage": 1,
"pageSize": 10,
"id": 71538,
"skuId": "TM-HSD-lmmt-9-zh",
"name": "天猫/惠斯顿/拦门门贴-开门红包派得欢+点胶",
"srcSkuId": "",
"brand": "",
"category": "",
"customisation": "0",
"commodityPrice": 0.1515,
"discount": 0.0000,
"ownSalePrice": 0.0000,
"wbjWb": 0.0000,
"wbjZg": 0.0000,
"zcjXjgbfcl": 0.0000,
"zcjWxjgbfcl": 1.2300,
"zpcb": 0.0000,
"dzrg": 0.0000,
"ms": 0.0000,
"ppd": 0.0000,
"hc3": 0.0000,
"hc4": 0.0000,
"qt": 0.0000,
"dzrgMsPpd": 0.0000,
"ecbz": 0.0000,
"bzhc": 0.0000,
"dwdbrg2": 0.0000,
"ptkd": 0.0660,
"ptfy": 0.0000,
"yfx": 0.3000,
"bg1ztkd": 0.0000,
"bg1jtkd": 0.0000,
"bg1sfth": 0.0000,
"bg1sfbz": 0.0000,
"bg1zlkg": 0.0000,
"bg1ckgcm": "",
"bg1zxjg": 0.0000,
"bg1dwyf": 0.0000,
"bg2ztkd": 0.0000,
"bg2jtkd": 0.0000,
"bg2sfth": 0.0000,
"bg2sfbz": 0.0000,
"bg2zlkg": 0.0000,
"bg2ckgcm": "",
"bg2zxjg": 0.0000,
"bg2dwyf": 0.0000,
"bg3ztkd": 0.0000,
"bg3jtkd": 0.0000,
"bg3sfth": 0.0000,
"bg3sfbz": 0.0000,
"bg3zlkg": 0.0000,
"bg3ckgcm": "",
"bg3zxjg": 0.0000,
"bg3dwyf": 0.0000,
"bg4ztkd": 0.0000,
"bg4jtkd": 0.0000,
"bg4sfth": 0.0000,
"bg4sfbz": 0.0000,
"bg4zlkg": 0.0000,
"bg4ckgcm": "",
"bg4zxjg": 0.0000,
"bg4dwyf": 0.0000,
"bg5ztkd": 0.0000,
"bg5jtkd": 0.0000,
"bg5sfth": 0.0000,
"bg5sfbz": 0.0000,
"bg5zlkg": 0.0000,
"bg5ckgcm": "",
"bg5zxjg": 0.0000,
"bg5dwyf": 0.0000,
"bg6ztkd": 0.0000,
"bg6jtkd": 0.0000,
"bg6sfth": 0.0000,
"bg6sfbz": 0.0000,
"bg6zlkg": 0.0000,
"bg6ckgcm": "",
"bg6zxjg": 0.0000,
"bg6dwyf": 0.0000,
"bg7ztkd": 0.0000,
"bg7jtkd": 0.0000,
"bg7sfth": 0.0000,
"bg7sfbz": 0.0000,
"bg7zlkg": 0.0000,
"bg7ckgcm": "",
"bg7zxjg": 0.0000,
"bg7dwyf": 0.0000,
"bg8ztkd": 0.0000,
"bg8jtkd": 0.0000,
"bg8sfth": 0.0000,
"bg8sfbz": 0.0000,
"bg8zlkg": 0.0000,
"bg8ckgcm": "",
"bg8zxjg": 0.0000,
"bg8dwyf": 0.0000,
"bg9ztkd": 0.0000,
"bg9jtkd": 0.0000,
"bg9sfth": 0.0000,
"bg9sfbz": 0.0000,
"bg9zlkg": 0.0000,
"bg9ckgcm": "",
"bg9zxjg": 0.0000,
"bg9dwyf": 0.0000,
"bg10ztkd": 0.0000,
"bg10jtkd": 0.0000,
"bg10sfth": 0.0000,
"bg10sfbz": 0.0000,
"bg10zlkg": 0.0000,
"bg10ckgcm": "",
"bg10zxjg": 0.0000,
"bg10dwyf": 0.0000,
"fhhthl": 0.0500,
"thshje": 0.0615,
"bdcbhj": 1.5915,
"dwbjgx": -1.5915,
"bjgxl1": 0.0000,
"kszxycl3": 0.0615,
"bjgx2": -1.6530,
"bjgxl2": 0.0000,
"jdcc": 0.0000,
"tcsmthf": 0.0000,
"jdpsf": 0.0000,
"productCost": 1.2300,
"unitSelfProductCost": 0.0000,
"packageConsumableCost": 0.0000,
"comprehensivePlatformCost": 0.3615,
"cartonCost": 0.0000,
"freightCost": 0.0000,
"externalWarehouseCost": 0.0000,
"shelfChangeCost": 1.2300,
"pic": "",
"costPrice": 1.2300,
"calculated": "1",
"platform": "2",
"ownCreatedBy": "系统",
"ownCreatedTime": "2023-10-05 13:30:28",
"ownUpdatedBy": "苏州扎根",
"ownUpdatedTime": "2023-10-05 14:20:26",
"childList": [
{
"currentPage": 1,
"pageSize": 10,
"id": 211509,
"skuId": "TM-HSD-lmmt-9-zh",
"combineSkuId": "TM-HSD-lmmt-9-zh",
"srcSkuId": "DH-jqdj-59",
"qty": 1,
"salePrice": 1.0000,
"name": "订婚/拦门门贴/红/40*13cm厚0.37mm/铜版纸/2张/开门红包派得欢/接亲道具",
"propertiesValue": "红/40*13cm厚0.37mm/铜版纸/2张/开门红包派得欢",
"skuType": "normal",
"itemType": "成品",
"costPrice": 1.0000,
"labels": "每日加权,自产件-无需加工部分材料",
"brand": "惠斯顿",
"creator": "14857212",
"created": "2023-09-25 13:45:25",
"modified": "2023-10-05 09:58:42",
"l": 0.0000,
"w": 0.0000,
"h": 0.0000,
"volume": 0.0000,
"weight": 0.0228,
"otherPrice1": 0.0000,
"otherPrice2": 0.0000,
"otherPrice3": 0.0000,
"otherPrice4": 0.0000,
"otherPrice5": 0.0000,
"other1": null,
"other2": null,
"other3": null,
"other4": null,
"other5": null,
"remark": null,
"enabled": 1,
"ownCreatedBy": "测试",
"ownCreatedTime": "2023-10-05 12:30:03",
"ownUpdatedBy": "测试",
"ownUpdatedTime": "2023-10-05 12:30:03"
},
{
"currentPage": 1,
"pageSize": 10,
"id": 211510,
"skuId": "TM-HSD-lmmt-9-zh",
"combineSkuId": "TM-HSD-lmmt-9-zh",
"srcSkuId": "hsd-zpjd-1",
"qty": 1,
"salePrice": 1.0000,
"name": "惠斯顿抓周气球套餐赠品胶点",
"propertiesValue": ";100粒装",
"skuType": "normal",
"itemType": "成品",
"costPrice": 0.2300,
"labels": "每日加权,自产件-无需加工部分材料",
"brand": "惠斯顿",
"creator": "11535636",
"created": "2020-07-16 10:39:05",
"modified": "2023-10-05 09:58:42",
"l": 0.0000,
"w": 0.0000,
"h": 0.0000,
"volume": 0.0000,
"weight": 0.0228,
"otherPrice1": 0.0000,
"otherPrice2": 0.0000,
"otherPrice3": 0.0000,
"otherPrice4": 0.0000,
"otherPrice5": 0.0000,
"other1": "07-布置",
"other2": "08-固定配件",
"other3": "01-固定胶",
"other4": null,
"other5": "庄赛",
"remark": "惠斯顿抓周气球套餐赠品胶点-100粒装",
"enabled": 1,
"ownCreatedBy": "测试",
"ownCreatedTime": "2023-10-05 12:30:03",
"ownUpdatedBy": "测试",
"ownUpdatedTime": "2023-10-05 12:30:03"
}
]
},
{
"currentPage": 1,
"pageSize": 10,
"id": 62840,
"skuId": "TM-HSD-lmmt-7-zh",
"name": "天猫/惠斯顿/拦门门贴-有钱有人+点胶",
"srcSkuId": "",
"brand": "",
"category": "",
"customisation": "",
"commodityPrice": 0.0000,
"discount": 0.0000,
"ownSalePrice": 0.0000,
"wbjWb": 0.0000,
"wbjZg": 0.0000,
"zcjXjgbfcl": 0.0000,
"zcjWxjgbfcl": 1.2300,
"zpcb": 0.0000,
"dzrg": 0.0000,
"ms": 0.0000,
"ppd": 0.0000,
"hc3": 0.0000,
"hc4": 0.0000,
"qt": 0.0000,
"dzrgMsPpd": 0.0000,
"ecbz": 0.0000,
"bzhc": 0.0000,
"dwdbrg2": 0.0000,
"ptkd": 0.0660,
"ptfy": 0.0000,
"yfx": 0.3000,
"bg1ztkd": 0.0000,
"bg1jtkd": 0.0000,
"bg1sfth": 0.0000,
"bg1sfbz": 0.0000,
"bg1zlkg": 0.0000,
"bg1ckgcm": "",
"bg1zxjg": 0.0000,
"bg1dwyf": 0.0000,
"bg2ztkd": 0.0000,
"bg2jtkd": 0.0000,
"bg2sfth": 0.0000,
"bg2sfbz": 0.0000,
"bg2zlkg": 0.0000,
"bg2ckgcm": "",
"bg2zxjg": 0.0000,
"bg2dwyf": 0.0000,
"bg3ztkd": 0.0000,
"bg3jtkd": 0.0000,
"bg3sfth": 0.0000,
"bg3sfbz": 0.0000,
"bg3zlkg": 0.0000,
"bg3ckgcm": "",
"bg3zxjg": 0.0000,
"bg3dwyf": 0.0000,
"bg4ztkd": 0.0000,
"bg4jtkd": 0.0000,
"bg4sfth": 0.0000,
"bg4sfbz": 0.0000,
"bg4zlkg": 0.0000,
"bg4ckgcm": "",
"bg4zxjg": 0.0000,
"bg4dwyf": 0.0000,
"bg5ztkd": 0.0000,
"bg5jtkd": 0.0000,
"bg5sfth": 0.0000,
"bg5sfbz": 0.0000,
"bg5zlkg": 0.0000,
"bg5ckgcm": "",
"bg5zxjg": 0.0000,
"bg5dwyf": 0.0000,
"bg6ztkd": 0.0000,
"bg6jtkd": 0.0000,
"bg6sfth": 0.0000,
"bg6sfbz": 0.0000,
"bg6zlkg": 0.0000,
"bg6ckgcm": "",
"bg6zxjg": 0.0000,
"bg6dwyf": 0.0000,
"bg7ztkd": 0.0000,
"bg7jtkd": 0.0000,
"bg7sfth": 0.0000,
"bg7sfbz": 0.0000,
"bg7zlkg": 0.0000,
"bg7ckgcm": "",
"bg7zxjg": 0.0000,
"bg7dwyf": 0.0000,
"bg8ztkd": 0.0000,
"bg8jtkd": 0.0000,
"bg8sfth": 0.0000,
"bg8sfbz": 0.0000,
"bg8zlkg": 0.0000,
"bg8ckgcm": "",
"bg8zxjg": 0.0000,
"bg8dwyf": 0.0000,
"bg9ztkd": 0.0000,
"bg9jtkd": 0.0000,
"bg9sfth": 0.0000,
"bg9sfbz": 0.0000,
"bg9zlkg": 0.0000,
"bg9ckgcm": "",
"bg9zxjg": 0.0000,
"bg9dwyf": 0.0000,
"bg10ztkd": 0.0000,
"bg10jtkd": 0.0000,
"bg10sfth": 0.0000,
"bg10sfbz": 0.0000,
"bg10zlkg": 0.0000,
"bg10ckgcm": "",
"bg10zxjg": 0.0000,
"bg10dwyf": 0.0000,
"fhhthl": 0.0500,
"thshje": 0.0000,
"bdcbhj": 1.2300,
"dwbjgx": -1.2300,
"bjgxl1": 0.0000,
"kszxycl3": 0.0615,
"bjgx2": -1.2915,
"bjgxl2": 0.0000,
"jdcc": 0.0000,
"tcsmthf": 0.0000,
"jdpsf": 0.0000,
"productCost": 1.2300,
"unitSelfProductCost": 0.0000,
"packageConsumableCost": 0.0000,
"comprehensivePlatformCost": 0.0000,
"cartonCost": 0.0000,
"freightCost": 0.0000,
"externalWarehouseCost": 0.0000,
"shelfChangeCost": 1.2300,
"pic": "",
"costPrice": 1.2300,
"calculated": "0",
"platform": "4",
"ownCreatedBy": "系统",
"ownCreatedTime": "2023-10-05 13:30:27",
"ownUpdatedBy": "系统",
"ownUpdatedTime": "2023-10-05 13:30:27",
"childList": [
{
"currentPage": 1,
"pageSize": 10,
"id": 167243,
"skuId": "TM-HSD-lmmt-7-zh",
"combineSkuId": "TM-HSD-lmmt-7-zh",
"srcSkuId": "DH-jqdj-57",
"qty": 1,
"salePrice": 1.0000,
"name": "订婚/拦门门贴/红/40*13cm厚0.37mm/铜版纸/2张一包/有钱有人/接亲道具",
"propertiesValue": "红/40*13cm厚0.37mm/铜版纸/2张一包/有钱有人",
"skuType": "normal",
"itemType": "成品",
"costPrice": 1.0000,
"labels": "每日加权,自产件-无需加工部分材料",
"brand": "惠斯顿",
"creator": "14857212",
"created": "2023-09-25 13:45:25",
"modified": "2023-10-05 09:58:42",
"l": 0.0000,
"w": 0.0000,
"h": 0.0000,
"volume": 0.0000,
"weight": 0.0228,
"otherPrice1": 0.0000,
"otherPrice2": 0.0000,
"otherPrice3": 0.0000,
"otherPrice4": 0.0000,
"otherPrice5": 0.0000,
"other1": null,
"other2": null,
"other3": null,
"other4": null,
"other5": null,
"remark": null,
"enabled": 1,
"ownCreatedBy": "测试",
"ownCreatedTime": "2023-10-05 12:30:03",
"ownUpdatedBy": "测试",
"ownUpdatedTime": "2023-10-05 12:30:03"
},
{
"currentPage": 1,
"pageSize": 10,
"id": 167244,
"skuId": "TM-HSD-lmmt-7-zh",
"combineSkuId": "TM-HSD-lmmt-7-zh",
"srcSkuId": "hsd-zpjd-1",
"qty": 1,
"salePrice": 1.0000,
"name": "惠斯顿抓周气球套餐赠品胶点",
"propertiesValue": ";100粒装",
"skuType": "normal",
"itemType": "成品",
"costPrice": 0.2300,
"labels": "每日加权,自产件-无需加工部分材料",
"brand": "惠斯顿",
"creator": "11535636",
"created": "2020-07-16 10:39:05",
"modified": "2023-10-05 09:58:42",
"l": 0.0000,
"w": 0.0000,
"h": 0.0000,
"volume": 0.0000,
"weight": 0.0228,
"otherPrice1": 0.0000,
"otherPrice2": 0.0000,
"otherPrice3": 0.0000,
"otherPrice4": 0.0000,
"otherPrice5": 0.0000,
"other1": "07-布置",
"other2": "08-固定配件",
"other3": "01-固定胶",
"other4": null,
"other5": "庄赛",
"remark": "惠斯顿抓周气球套餐赠品胶点-100粒装",
"enabled": 1,
"ownCreatedBy": "测试",
"ownCreatedTime": "2023-10-05 12:30:03",
"ownUpdatedBy": "测试",
"ownUpdatedTime": "2023-10-05 12:30:03"
}
]
},
{
"currentPage": 1,
"pageSize": 10,
"id": 59960,
"skuId": "TM-HSD-lmmt-3-zh",
"name": "天猫/惠斯顿/拦门门贴-红包塞的多+点胶",
"srcSkuId": "",
"brand": "",
"category": "",
"customisation": "",
"commodityPrice": 0.0000,
"discount": 0.0000,
"ownSalePrice": 0.0000,
"wbjWb": 0.0000,
"wbjZg": 0.0000,
"zcjXjgbfcl": 0.0000,
"zcjWxjgbfcl": 1.2300,
"zpcb": 0.0000,
"dzrg": 0.0000,
"ms": 0.0000,
"ppd": 0.0000,
"hc3": 0.0000,
"hc4": 0.0000,
"qt": 0.0000,
"dzrgMsPpd": 0.0000,
"ecbz": 0.0000,
"bzhc": 0.0000,
"dwdbrg2": 0.0000,
"ptkd": 0.0660,
"ptfy": 0.0000,
"yfx": 0.3000,
"bg1ztkd": 0.0000,
"bg1jtkd": 0.0000,
"bg1sfth": 0.0000,
"bg1sfbz": 0.0000,
"bg1zlkg": 0.0000,
"bg1ckgcm": "",
"bg1zxjg": 0.0000,
"bg1dwyf": 0.0000,
"bg2ztkd": 0.0000,
"bg2jtkd": 0.0000,
"bg2sfth": 0.0000,
"bg2sfbz": 0.0000,
"bg2zlkg": 0.0000,
"bg2ckgcm": "",
"bg2zxjg": 0.0000,
"bg2dwyf": 0.0000,
"bg3ztkd": 0.0000,
"bg3jtkd": 0.0000,
"bg3sfth": 0.0000,
"bg3sfbz": 0.0000,
"bg3zlkg": 0.0000,
"bg3ckgcm": "",
"bg3zxjg": 0.0000,
"bg3dwyf": 0.0000,
"bg4ztkd": 0.0000,
"bg4jtkd": 0.0000,
"bg4sfth": 0.0000,
"bg4sfbz": 0.0000,
"bg4zlkg": 0.0000,
"bg4ckgcm": "",
"bg4zxjg": 0.0000,
"bg4dwyf": 0.0000,
"bg5ztkd": 0.0000,
"bg5jtkd": 0.0000,
"bg5sfth": 0.0000,
"bg5sfbz": 0.0000,
"bg5zlkg": 0.0000,
"bg5ckgcm": "",
"bg5zxjg": 0.0000,
"bg5dwyf": 0.0000,
"bg6ztkd": 0.0000,
"bg6jtkd": 0.0000,
"bg6sfth": 0.0000,
"bg6sfbz": 0.0000,
"bg6zlkg": 0.0000,
"bg6ckgcm": "",
"bg6zxjg": 0.0000,
"bg6dwyf": 0.0000,
"bg7ztkd": 0.0000,
"bg7jtkd": 0.0000,
"bg7sfth": 0.0000,
"bg7sfbz": 0.0000,
"bg7zlkg": 0.0000,
"bg7ckgcm": "",
"bg7zxjg": 0.0000,
"bg7dwyf": 0.0000,
"bg8ztkd": 0.0000,
"bg8jtkd": 0.0000,
"bg8sfth": 0.0000,
"bg8sfbz": 0.0000,
"bg8zlkg": 0.0000,
"bg8ckgcm": "",
"bg8zxjg": 0.0000,
"bg8dwyf": 0.0000,
"bg9ztkd": 0.0000,
"bg9jtkd": 0.0000,
"bg9sfth": 0.0000,
"bg9sfbz": 0.0000,
"bg9zlkg": 0.0000,
"bg9ckgcm": "",
"bg9zxjg": 0.0000,
"bg9dwyf": 0.0000,
"bg10ztkd": 0.0000,
"bg10jtkd": 0.0000,
"bg10sfth": 0.0000,
"bg10sfbz": 0.0000,
"bg10zlkg": 0.0000,
"bg10ckgcm": "",
"bg10zxjg": 0.0000,
"bg10dwyf": 0.0000,
"fhhthl": 0.0500,
"thshje": 0.0000,
"bdcbhj": 1.2300,
"dwbjgx": -1.2300,
"bjgxl1": 0.0000,
"kszxycl3": 0.0615,
"bjgx2": -1.2915,
"bjgxl2": 0.0000,
"jdcc": 0.0000,
"tcsmthf": 0.0000,
"jdpsf": 0.0000,
"productCost": 1.2300,
"unitSelfProductCost": 0.0000,
"packageConsumableCost": 0.0000,
"comprehensivePlatformCost": 0.0000,
"cartonCost": 0.0000,
"freightCost": 0.0000,
"externalWarehouseCost": 0.0000,
"shelfChangeCost": 1.2300,
"pic": "",
"costPrice": 1.2300,
"calculated": "0",
"platform": "4",
"ownCreatedBy": "系统",
"ownCreatedTime": "2023-10-05 13:30:27",
"ownUpdatedBy": "系统",
"ownUpdatedTime": "2023-10-05 13:30:27",
"childList": [
{
"currentPage": 1,
"pageSize": 10,
"id": 152904,
"skuId": "TM-HSD-lmmt-3-zh",
"combineSkuId": "TM-HSD-lmmt-3-zh",
"srcSkuId": "DH-jqdj-53",
"qty": 1,
"salePrice": 1.0000,
"name": "订婚/拦门门贴/红/40*13cm厚0.37mm/铜版纸/2张一包/红包塞的多/接亲道具",
"propertiesValue": "红/40*13cm厚0.37mm/铜版纸/2张一包/红包塞的多",
"skuType": "normal",
"itemType": "成品",
"costPrice": 1.0000,
"labels": "每日加权,自产件-无需加工部分材料",
"brand": "惠斯顿",
"creator": "14857212",
"created": "2023-09-25 13:45:25",
"modified": "2023-10-05 09:58:42",
"l": 0.0000,
"w": 0.0000,
"h": 0.0000,
"volume": 0.0000,
"weight": 0.0228,
"otherPrice1": 0.0000,
"otherPrice2": 0.0000,
"otherPrice3": 0.0000,
"otherPrice4": 0.0000,
"otherPrice5": 0.0000,
"other1": null,
"other2": null,
"other3": null,
"other4": null,
"other5": null,
"remark": null,
"enabled": 1,
"ownCreatedBy": "测试",
"ownCreatedTime": "2023-10-05 12:30:03",
"ownUpdatedBy": "测试",
"ownUpdatedTime": "2023-10-05 12:30:03"
},
{
"currentPage": 1,
"pageSize": 10,
"id": 152905,
"skuId": "TM-HSD-lmmt-3-zh",
"combineSkuId": "TM-HSD-lmmt-3-zh",
"srcSkuId": "hsd-zpjd-1",
"qty": 1,
"salePrice": 1.0000,
"name": "惠斯顿抓周气球套餐赠品胶点",
"propertiesValue": ";100粒装",
"skuType": "normal",
"itemType": "成品",
"costPrice": 0.2300,
"labels": "每日加权,自产件-无需加工部分材料",
"brand": "惠斯顿",
"creator": "11535636",
"created": "2020-07-16 10:39:05",
"modified": "2023-10-05 09:58:42",
"l": 0.0000,
"w": 0.0000,
"h": 0.0000,
"volume": 0.0000,
"weight": 0.0228,
"otherPrice1": 0.0000,
"otherPrice2": 0.0000,
"otherPrice3": 0.0000,
"otherPrice4": 0.0000,
"otherPrice5": 0.0000,
"other1": "07-布置",
"other2": "08-固定配件",
"other3": "01-固定胶",
"other4": null,
"other5": "庄赛",
"remark": "惠斯顿抓周气球套餐赠品胶点-100粒装",
"enabled": 1,
"ownCreatedBy": "测试",
"ownCreatedTime": "2023-10-05 12:30:03",
"ownUpdatedBy": "测试",
"ownUpdatedTime": "2023-10-05 12:30:03"
}
]
},
],
columns: [],
}
},
mounted() {
// 延迟加载
this.tableData = Array.from({ length: 10 }, (_, idx) => ({
id: idx + 1,
name: this.tableData[id].name,
}))
},
methods: {
// 点击保存
saveEvent(row) {
// 判断是否发生改变
console.log(this.$refs.plxTable.isUpdateByRow(row))
// 你也可以不使用这个判断，我是给示例，没做个性化需求
if (this.$refs.plxTable.isUpdateByRow(row)) {
// ...保存相关的逻辑（后端的呀，或者前端的呀）
// 清除表格激活状态
this.$refs.plxTable.clearActived().then(() => {
// 局部保存，并将行数据恢复到初始状态（如果 第二个参数record 为空则不改动行数据，只恢复状态）
// 你不执行这个reloadRow，代表下次进来你上面的这个if还是会执行，不然下次点击保存，还是保存成功哦！状态没改变哦
this.$refs.plxTable.reloadRow(row, null, null)
// 如果，假如你保存了后端给你个当前行的row，那么你需要赋值给表格行呢，你就需要把后端给你的row填到第二个参数位置
// this.$refs.plxTable.reloadRow(row, 后端的row, null)
// 第三个参数呢就是只改变当前行中的call单个单元格。第三个参数是row中的字段名（field属性的值）
})
this.$message({
message: '恭喜你，保存成功',
type: 'success'
});
} else {
this.$message({
message: '保存失败，你没改变当前行的数据',
type: 'error'
});
}
},
// 是否定制
getLabel(val) {
const item = this.sexList.filter(item => item['value'] === val)[0]
return item ? item.label : ''
},
// 点击编辑按钮，激活行状态-> 为编辑状态
editRowEvent(row) {
this.$refs.plxTable.setActiveRow(row)
},
// 取消
cancelRowEvent(row) {
// 清除表格激活状态
this.$refs.plxTable.clearActived().then(() => {
// 还原行数据
this.$refs.plxTable.revertData(row)
})
},
// 合计方法
summaryMethod({ columns, data }) {
const means = [] // 合计
columns.forEach((column, columnIndex) => {
if (columnIndex === 0) {
means.push('合计')
} else {
const values = data.map(item => Number(item[column.property]));
// 合计
if (!values.every(value => isNaN(value))) {
means[columnIndex] = values.reduce((prev, curr) => {
const value = Number(curr);
if (!isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
means[columnIndex] += ' 岁啦，哈哈'
} else {
means[columnIndex] = '';
}
}
})
// 返回一个二维数组的表尾合计
return [means]
},
// 更新合计
updateFooterEvent(num) {
// 这里执行了updateFooter，然后就自动会去执行你的summaryMethod合计方法啦
this.$refs.plxTable.updateFooter()
},
// 通用行合并函数（将相同多列数据合并为一行）
rowspanMethod({ row, $rowIndex, column, data, $columnIndex }) {
if ($columnIndex === 2) {
if ($rowIndex % 2 === 0) {
return {
rowspan: 2,
colspan: 1
};
} else {
return {
rowspan: 0,
colspan: 0
};
}
}
}
}
}
</script>
以上是 <ux-grid>怎么在嵌套一个表格？ 的全部内容， 来源链接： utcz.com/p/934991.html
