|
|
|
@ -3,11 +3,12 @@
|
|
|
|
|
<el-scrollbar class="step-content">
|
|
|
|
|
<el-form>
|
|
|
|
|
<el-form-item label="属性规格">
|
|
|
|
|
<el-input v-model="skuName">
|
|
|
|
|
<el-input v-model="skuName" placeholder="如:尺寸、颜色等" style="width: 200px">
|
|
|
|
|
<template #append>
|
|
|
|
|
<el-button @click="handleAddSku"><el-icon name="Check" /></el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-input>
|
|
|
|
|
<p class="tips">(请添加规格,再添加对应规格值;无规格商品可不添加属性规格)</p>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-for="(sku, i) in form.attrsGroupList" :key="i" :label="sku.name">
|
|
|
|
|
<div class="flex">
|
|
|
|
@ -20,7 +21,7 @@
|
|
|
|
|
>
|
|
|
|
|
{{ item.name }}
|
|
|
|
|
</el-tag>
|
|
|
|
|
<el-input v-model="skuValue[i]">
|
|
|
|
|
<el-input v-model="skuValue[i]" placeholder="添加规格值">
|
|
|
|
|
<template #append>
|
|
|
|
|
<el-button @click="handleAddValue(sku, i)"><el-icon name="Check" /></el-button>
|
|
|
|
|
</template>
|
|
|
|
@ -47,6 +48,7 @@
|
|
|
|
|
align="center"
|
|
|
|
|
header-align="center"
|
|
|
|
|
:label="sku.name"
|
|
|
|
|
min-width="160px"
|
|
|
|
|
:prop="sku.id + ''"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column align="center" header-align="center" label="售价(元)" prop="sellPrice" width="160px">
|
|
|
|
@ -335,6 +337,10 @@
|
|
|
|
|
.el-input-number {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.tips {
|
|
|
|
|
color: @color-white2;
|
|
|
|
|
margin-left: @layout-space;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.step-footer {
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|