vue3 ts [
{
"name": "90天包看",
"productId": "63ec443f61b1c52b68ff9a4b",
"commodityId": "641c340f3a7eb32ffaa6d894",
"channel": "微信",
"cost": "3.00",
"price": "59.00",
"remark": "90天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-03-23 19:12:15",
"autoRenewal": false,
"enable": true
},
{
"name": "90天包看",
"productId": "63ec443f61b1c52b68ff9a4b",
"commodityId": "641c340f3a7eb32ffaa6d89c",
"channel": "支付宝",
"cost": "3.00",
"price": "59.00",
"remark": "90天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-03-23 19:12:15",
"autoRenewal": false,
"enable": true
},
{
"name": "90天包看",
"productId": "63ec443f61b1c52b68ff9a4b",
"commodityId": "64b8ec59db53f2275767efc6",
"channel": "支付宝",
"cost": "3.00",
"price": "49.00",
"remark": "90天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-07-20 16:12:09",
"autoRenewal": true,
"enable": true
},
{
"name": "90天包看",
"productId": "63ec443f61b1c52b68ff9a4b",
"commodityId": "6549ab919702e0536c29bfbe",
"channel": "微信",
"cost": "3.00",
"price": "49.00",
"remark": "90天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-11-07 11:14:25",
"autoRenewal": true,
"enable": true
},
{
"name": "180天包看",
"productId": "63ec443f61b1c52b68ff9a4f",
"commodityId": "641c340f3a7eb32ffaa6d8a4",
"channel": "微信",
"cost": "5.00",
"price": "99.00",
"remark": "180天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-03-23 19:12:15",
"autoRenewal": false,
"enable": true
},
{
"name": "180天包看",
"productId": "63ec443f61b1c52b68ff9a4f",
"commodityId": "641c340f3a7eb32ffaa6d8ac",
"channel": "支付宝",
"cost": "5.00",
"price": "99.00",
"remark": "180天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-03-23 19:12:15",
"autoRenewal": false,
"enable": true
},
{
"name": "360天包看",
"productId": "63ec443f61b1c52b68ff9a53",
"commodityId": "641c340f3a7eb32ffaa6d8b4",
"channel": "微信",
"cost": "8.00",
"price": "169.00",
"remark": "360天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-03-23 19:12:15",
"autoRenewal": false,
"enable": true
},
{
"name": "360天包看",
"productId": "63ec443f61b1c52b68ff9a53",
"commodityId": "641c340f3a7eb32ffaa6d8bc",
"channel": "支付宝",
"cost": "8.00",
"price": "169.00",
"remark": "360天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-03-23 19:12:15",
"autoRenewal": false,
"enable": true
},
{
"name": "720天包看",
"productId": "6413d36f98057e4c738d2e94",
"commodityId": "641c340f3a7eb32ffaa6d8c4",
"channel": "微信",
"cost": "15.00",
"price": "269.00",
"remark": "720天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-03-23 19:12:15",
"autoRenewal": false,
"enable": true
},
{
"name": "720天包看",
"productId": "6413d36f98057e4c738d2e94",
"commodityId": "641c34103a7eb32ffaa6d8cc",
"channel": "支付宝",
"cost": "15.00",
"price": "269.00",
"remark": "720天的无限流量套餐",
"createBy": "admin",
"createTime": "2023-03-23 19:12:16",
"autoRenewal": false,
"enable": true
}
] 数据在<el-table
v-loading="listStore.listLoading"
border
:data="listStore.list" style="width: 100%;"
:cell-style="{textAlign:'center'}"
:header-cell-style="{textAlign:'center'}"
:span-method="objectSpanMethod"
>
<el-table-column type="index" label="序号" width="60" />
<!-- <el-table-column prop="name" label="套餐类型" show-overflow-tooltip />-->
<el-table-column prop="commodityId" label="商品ID" show-overflow-tooltip />
<el-table-column prop="name" label="套餐名称" show-overflow-tooltip />
<el-table-column prop="channel" label="销售渠道" show-overflow-tooltip>
<template #default="{ row }">
{{ row.autoRenewal ? row.channel + "(自动续费)" : row.channel }}
</template>
</el-table-column>
<el-table-column prop="price" label="默认售价" show-overflow-tooltip />
<el-table-column prop="cost" label="默认成本" show-overflow-tooltip />
<el-table-column prop="remark" label="套餐说明" show-overflow-tooltip />
<el-table-column prop="createBy" label="创建人" show-overflow-tooltip />
<el-table-column prop="lastUpdate" label="创建时间" show-overflow-tooltip>
<template #default="{ row }">
{{ row.insertTime ? moment(row.insertTime).format("YYYY-MM-DD HH:mm:ss") : "--" }}
</template>
</el-table-column>
<el-table-column label="状态">
<template #default="{ row }">
<el-switch v-model="row.enable" :disabled="listStore.disabled" @change="changeSwich(row)" />
</template>
</el-table-column>
<el-table-column label="操作" width="200">
<template #default="{ row }">
<el-button>编辑套餐{{row.cost}}</el-button>
</template>
</el-table-column>中,套餐名称和操作合并单元格怎么实现