|
@@ -25,8 +25,8 @@
|
|
|
<div>
|
|
|
<p class="normal-margin">标准: {{selectProduct.standards}}</p>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <p class="normal-margin">材质: {{selectProduct.material}}</p>
|
|
|
+ <div v-if="selectProduct.itemextend">
|
|
|
+ <p class="normal-margin">材质: {{selectProduct.itemextend[0].material}}</p>
|
|
|
</div>
|
|
|
<div class="flex-align-center" style="margin-bottom:30px">
|
|
|
<p>数量: </p>
|
|
@@ -58,7 +58,46 @@
|
|
|
</el-tag>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
-
|
|
|
+ <div style="width: 700px;background: #f6f6f6;margin-bottom: 20px">
|
|
|
+ <el-row :gutter="20" style="margin-left: 10px">
|
|
|
+ <el-col :span="8" style="margin-top: 10px; " v-if="selectProduct.itemextend[0].device">
|
|
|
+ <span class="search__label">装置:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].device}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-top: 10px" v-if="selectProduct.itemextend[0].prodline">
|
|
|
+ <span class="search__label">产线:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].prodline}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-top: 10px" v-if="selectProduct.itemextend[0].specalnote">
|
|
|
+ <span class="search__label">特殊说明:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].specalnote}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-top: 10px" v-if="selectProduct.itemextend[0].pressure">
|
|
|
+ <span class="search__label">压力等级:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].pressure}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-top: 10px" v-if="selectProduct.itemextend[0].butterflyplatedrive">
|
|
|
+ <span class="search__label">蝶板驱动:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].butterflyplatedrive}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-top: 10px" v-if="selectProduct.itemextend[0].connection">
|
|
|
+ <span class="search__label">连接形式:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].connection}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-top: 10px;margin-bottom: 10px" v-if="selectProduct.itemextend[0].valveplatematerial">
|
|
|
+ <span class="search__label">阀板材质:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].valveplatematerial}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-top: 10px;margin-bottom: 10px" v-if="selectProduct.itemextend[0].actuatortype">
|
|
|
+ <span class="search__label">执行器类型:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].actuatortype}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-top: 10px;margin-bottom: 20px" v-if="selectProduct.itemextend[0].actuatorbrand">
|
|
|
+ <span class="search__label">执行器品牌:</span>
|
|
|
+ <span class="tab-color">{{selectProduct.itemextend[0].actuatorbrand}}</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
<el-button class="normal-margin" type="primary" style="width:200px" icon="el-icon-shopping-cart-full" @click="addCart" :disabled="usertype === 0 || usertype === 1">加入购物车</el-button>
|
|
|
<div style="display:flex">
|
|
|
<p>相关链接: </p>
|
|
@@ -115,6 +154,7 @@ export default {
|
|
|
this.count = num
|
|
|
},
|
|
|
typeClick (data) {
|
|
|
+ console.log(data,"切换")
|
|
|
this.selectProduct = data
|
|
|
this.actImage = data.attinfos[0]
|
|
|
this.actTradefield = data.tradefield[0].tradefield
|
|
@@ -223,4 +263,9 @@ export default {
|
|
|
color:#4F7BFD;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
+.tab-color{
|
|
|
+ color: #5a73d3;
|
|
|
+ font-size: 15px;
|
|
|
+ /*font-weight: bold;*/
|
|
|
+}
|
|
|
</style>
|