|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<div class="container normal-panel">
|
|
|
- <div class="product-detail container flex-align-stretch">
|
|
|
+ <el-tag style="margin-left: 15px" size="small" >{{selectProduct.brandname}}</el-tag>
|
|
|
+ <div class="product-detail container flex-align-stretch" style="width: 100%">
|
|
|
<div>
|
|
|
<el-image style="width:400px;height:400px;margin-right:30px" :src="actImage.url" fit="cover" />
|
|
|
<div class="flex-align-stretch column">
|
|
@@ -8,7 +9,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div style="flex:1">
|
|
|
+ <div style="flex:1;">
|
|
|
<p class="productName normal-margin">
|
|
|
<el-tag class="inline-16" @click="actTradefield = item.tradefield" v-for="(item,index) in tradefield" :key="index" size="small" :effect="actTradefield === item.tradefield ? 'dark' : 'plain'">{{item.tradefield}}
|
|
|
</el-tag>
|
|
@@ -25,12 +26,18 @@
|
|
|
<el-input-number v-model="count" :min="selectProduct.orderminqty" :step="selectProduct.orderaddqty" size="small" label="描述文字"></el-input-number>
|
|
|
<span style="color:#888;font-size: 14px;margin-left: 10px">起订量:{{selectProduct.orderminqty}}</span>
|
|
|
<span style="color:#888;font-size: 14px;margin-left: 10px">增量:{{selectProduct.orderaddqty}}</span>
|
|
|
+ <span style="color:#888;font-size: 14px;margin-left: 10px">库存:
|
|
|
+ <span v-if="selectProduct.stockstatus === '紧缺'" style="color: red">{{selectProduct.stockstatus}}</span>
|
|
|
+ <span v-else-if="selectProduct.stockstatus === '充足'" style="color: green">{{selectProduct.stockstatus}}</span>
|
|
|
+ <span v-else>{{selectProduct.stockstatus}}</span>
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<p class="normal-margin">当前型号: {{selectProduct.model}}</p>
|
|
|
<div class="type">
|
|
|
<div class="content normal-margin">
|
|
|
- <p class="inline-16">更多型号:</p>
|
|
|
- <el-tag class="inline-16" @click="typeClick(item)" v-for="(item,index) in detail" :key="index" size="small" :effect="selectProduct.itemno == item.itemno ? 'dark' : 'plain'">{{item.model}}
|
|
|
+ <p class="inline-16">更多规格:</p>
|
|
|
+ <el-tag class="inline-16" style="margin-top: 5px;margin-bottom: 5px" @click="typeClick(item)" v-for="(item,index) in detail" :key="index" size="small" :effect="selectProduct.itemno == item.itemno ? 'dark' : 'plain'">
|
|
|
+ {{item.model.length >10?item.model.substring(0,9)+'...':item.model}}
|
|
|
</el-tag>
|
|
|
<!-- <span style="color: #4f7bfd;width: 100px" @click="typeClick(item)" v-for="(item,index) in detail" :key="index">
|
|
|
{{item.model}}
|