<ux-grid>怎么在嵌套一个表格？

Question

<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>