|
@@ -47,8 +47,8 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
|
|
|
- <div class="type">
|
|
|
- <div class="content" style="max-height:300px;width:calc(100vh - 420px);overflow-y:scroll;margin-bottom: 10px;">
|
|
|
+
|
|
|
+ <div class="content" style="max-height:300px;width:100%;overflow-y:scroll;margin-bottom: 20px;">
|
|
|
<!-- <p class="inline-16">更多:</p>-->
|
|
|
<el-tag class="inline-16" style="margin-top: 5px;margin-bottom: 5px;width: 120px" @click="typeClick(item)" v-for="(item,index) in details" :key="index" size="small" :effect="selectProduct.itemno == item.itemno ? 'dark' : 'plain'">
|
|
|
{{item.spec?item.spec.length >14?item.spec.substring(0,13)+'...':item.spec:item.spec}}
|
|
@@ -57,7 +57,7 @@
|
|
|
{{item.model}}
|
|
|
</span>-->
|
|
|
</div>
|
|
|
- </div>
|
|
|
+
|
|
|
<!-- <div class="type">
|
|
|
<div class="content normal-margin">
|
|
|
<p class="inline-16">领域:</p>
|
|
@@ -65,46 +65,49 @@
|
|
|
</el-tag>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
- <div style="width: calc(100vh - 420px);background: #f6f6f6;margin-bottom: 20px" v-if="selectProduct.itemextend">
|
|
|
- <el-row :gutter="20" style="margin-left: 10px" v-if="selectProduct.itemextend.length">
|
|
|
- <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 style="padding-right: 20px">
|
|
|
+ <div style="width:100%;background: #f6f6f6;margin-bottom: 20px;padding: 10px" v-if="selectProduct.itemextend">
|
|
|
+ <el-row :gutter="20" v-if="selectProduct.itemextend.length">
|
|
|
+ <el-col :span="8" 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" 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" 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" 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" 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" 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" 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" 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" 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>
|
|
|
</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>
|