|
|
@@ -1,8 +1,11 @@
|
|
|
<!-- 商品详情 -->
|
|
|
<template>
|
|
|
<teleport :to="teleportTo">
|
|
|
- <div class="goods-details" v-if="details">
|
|
|
- <div class="goods-details__wrapper">
|
|
|
+ <div class="goods-details">
|
|
|
+ <div class="goods-details__wrapper" v-if="details">
|
|
|
+ <el-icon class="goods-details__close" @click="onCancel(false)">
|
|
|
+ <CircleClose />
|
|
|
+ </el-icon>
|
|
|
<div class="goods-details__aside">
|
|
|
<div class="sku-gallery">
|
|
|
<app-image :width="300" :height="300" :src="getFileUrl(details.imagepath)" />
|
|
|
@@ -19,17 +22,14 @@
|
|
|
</li>
|
|
|
<li>
|
|
|
<span>仓库地址</span>
|
|
|
- <span>{{
|
|
|
- [details.provincename, details.cityname, details.districtname,
|
|
|
- details.address].join(' ')
|
|
|
- }}</span>
|
|
|
+ <span>{{ [details.provincename, details.cityname,
|
|
|
+ details.districtname, details.address].join(' ') }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="goods-details__main">
|
|
|
<div class="sku-title">
|
|
|
- <el-button @click="onCancel(false)">返回</el-button>
|
|
|
<h1>【{{ details.zscategorydisplay }}】 商品编号 {{ details.goodsno }}</h1>
|
|
|
</div>
|
|
|
<div class="sku-info" v-if="details.remark">
|
|
|
@@ -38,26 +38,26 @@
|
|
|
<div class="sku-spec">
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <span>克拉重量:</span>
|
|
|
+ <span>克拉重量:</span>
|
|
|
<span>{{ details.weight }}克拉</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <span>价格:</span>
|
|
|
+ <span>价格:</span>
|
|
|
<span>{{ details.zscurrencytypedisplayunit + formatDecimal(details.price) }}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <span>克拉单价:</span>
|
|
|
+ <span>克拉单价:</span>
|
|
|
<span>{{ details.zscurrencytypedisplayunit + formatDecimal(details.priceper) }}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <span>市场价:</span>
|
|
|
+ <span>市场价:</span>
|
|
|
<span>{{ details.zscurrencytypedisplayunit + formatDecimal(details.marketprice) }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="sku-price">
|
|
|
<span>{{ exchangeRate(details.zscurrencytype, details.price) }}</span>
|
|
|
- <span v-if="details.zscurrencytype !== CurrencyType.CNY">汇率: {{
|
|
|
+ <span v-if="details.zscurrencytype !== CurrencyType.CNY">汇率:{{
|
|
|
getExrate(details.zscurrencytype)
|
|
|
}}</span>
|
|
|
</div>
|