11、vue3（十一）：sku管理：商品上下架，商品详情，删除sku

目录

一、sku查询页面完成

1.代码实现

（1）完成入参出参、接口代码

（2）首页页面

2.效果展示

二、商品上架下架

1.代码实现

2.效果展示

三、 商品详情展示

1.思路分析

2.代码实现

3.效果展示

四、删除sku

 1.代码实现

2.效果展示

五、感谢支持

---

一、sku查询页面完成

1.代码实现

（1）完成入参出参、接口代码

type.ts：

export interface ResponseData {
    code: number,
    message: string,
    ok: boolean
}
//定义SKU对象的ts类型
export interface Attr {
    id?:number
    "attrId": number | string,//平台属性的ID
    "valueId": number | string,//属性值的ID
}
export interface saleArr {
    id?:number,
    "saleAttrId": number | string,//属性ID
    "saleAttrValueId": number | string,//属性值的ID
}
export interface SkuData {
    "category3Id"?: string | number,//三级分类的ID
    "spuId"?: string | number,//已有的SPU的ID
    "tmId"?: string | number,//SPU品牌的ID
    &