feat(商品详情): 添加店铺名称显示并调整商品详情布局

在商品详情页添加店铺名称字段显示,并调整商品详情布局,增加关联状态、柜体名称和柜体格号信息展示
This commit is contained in:
dzq 2025-06-13 09:00:29 +08:00
parent 63b17eede0
commit 3fa6aa7014
2 changed files with 9 additions and 3 deletions

View File

@ -56,6 +56,8 @@ export interface GoodsDTO {
cellNo?: number;
/** 单元格编号(字符串形式) */
cellNoStr?: string;
/** 所属店铺名称 */
shopNameStr?: string;
/** 总库存量(含所有仓库) */
totalStock?: number;
/** 商品使用说明 */

View File

@ -118,7 +118,8 @@ watch(goodsId, () => {
<el-tab-pane label="基本信息" name="basic"></el-tab-pane>
<el-tab-pane label="购买记录" name="order"></el-tab-pane>
</el-tabs>
<el-button v-if="goodsInfo.belongType == 0" type="primary" @click="handleEdit(goodsInfo)" style="margin-bottom: 12px" :size="'default'">
<el-button v-if="goodsInfo.belongType == 0" type="primary" @click="handleEdit(goodsInfo)"
style="margin-bottom: 12px" :size="'default'">
编辑商品
</el-button>
</div>
@ -134,9 +135,12 @@ watch(goodsId, () => {
<el-descriptions-item label="商品描述" :span="2">
<div v-html="goodsInfo.goodsDetail"></div>
</el-descriptions-item>
<el-descriptions-item label="使用说明" :span="2">
{{ goodsInfo.usageInstruction || '暂无说明' }}
<el-descriptions-item label="关联状态" :span="2">
{{ goodsInfo.cellNoStr ? '已上柜' : '未上柜' }}
</el-descriptions-item>
<el-descriptions-item label="关联柜址">{{ goodsInfo.shopNameStr }}</el-descriptions-item>
<el-descriptions-item label="柜体名称">{{ goodsInfo.cabinetName }}</el-descriptions-item>
<el-descriptions-item label="柜体格号">{{ goodsInfo.cellNoStr }}</el-descriptions-item>
</el-descriptions>
</div>