czg_team/management
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

商品单规格和多规格之间切换

Browse Source
This commit is contained in:
duan
2024-08-08 09:11:20 +08:00
parent 3b12a2ba06
commit 9a55093516
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/product/add_shop.vue
View File

@@ -2,7 +2,8 @@
<div class="app-container"> <div class="app-container">
<el-form ref="formRef" :model="form" :rules="rules" label-width="140px" label-position="left"> <el-form ref="formRef" :model="form" :rules="rules" label-width="140px" label-position="left">
<el-form-item label="商品类型" prop="typeEnum"> <el-form-item label="商品类型" prop="typeEnum">
<div class="shop_type_box" :class="{ disabled: form.id }"> <div class="shop_type_box" :class="{ }">
<!-- <div class="shop_type_box" :class="{ disabled: form.id }"> -->
<div class="item" v-for="(item, index) in shopTypes" :key="index" <div class="item" v-for="(item, index) in shopTypes" :key="index"
:class="{ active: shopTypesActive == index }" @click="changeTypeEnum(index)"> :class="{ active: shopTypesActive == index }" @click="changeTypeEnum(index)">
<div class="s_title">{{ item.label }}</div> <div class="s_title">{{ item.label }}</div>
@@ -152,9 +153,9 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="tips" v-if="form.isShowMall"> <!-- <div class="tips" v-if="form.isShowMall">
注：小程序商城必须设置库存数量大于0 注：小程序商城必须设置库存数量大于0
</div> </div> -->
</el-form-item> </el-form-item>
<template v-if="form.typeEnum == 'group'"> <template v-if="form.typeEnum == 'group'">
<el-form-item label="使用日期说明" prop="notices.dateUsed"> <el-form-item label="使用日期说明" prop="notices.dateUsed">
@@ -307,9 +308,9 @@
</template> </template>
</el-table-column> --> </el-table-column> -->
</el-table> </el-table>
<div class="tips" v-if="form.isShowMall"> <!-- <div class="tips" v-if="form.isShowMall">
注：小程序商城必须设置库存数量大于0 注：小程序商城必须设置库存数量大于0
</div> </div> -->
</el-form-item> </el-form-item>
<template v-if="form.typeEnum != 'group'"> <template v-if="form.typeEnum != 'group'">
<el-form-item label="上架区域"> <el-form-item label="上架区域">
@@ -745,7 +746,7 @@ export default {
}, },
// 切换类型 // 切换类型
changeTypeEnum(index) { changeTypeEnum(index) {
if (this.form.id) return; // if (this.form.id) return;
this.shopTypesActive = index; this.shopTypesActive = index;
const typeEnum = this.shopTypes[index].typeEnum; const typeEnum = this.shopTypes[index].typeEnum;
this.form.typeEnum = typeEnum; this.form.typeEnum = typeEnum;

3
src/views/product/index.vue
View File

@@ -53,6 +53,9 @@
<template v-slot="scope"> <template v-slot="scope">
<span>￥{{ scope.row.lowPrice }}</span> <span>￥{{ scope.row.lowPrice }}</span>
</template> </template>
</el-table-column>
<el-table-column label="商品规格" prop="typeEnum">
</el-table-column> </el-table-column>
<el-table-column label="销量/库存"> <el-table-column label="销量/库存">
<template v-slot="scope"> <template v-slot="scope">