|
@ -24,10 +24,13 @@ |
|
|
<div class="status-item divorange" v-else-if="ver2info[verid].sale_policy==2"><span class="fontorange">{{ salePolicy[ver2info[verid].sale_policy] }}</span></div> |
|
|
<div class="status-item divorange" v-else-if="ver2info[verid].sale_policy==2"><span class="fontorange">{{ salePolicy[ver2info[verid].sale_policy] }}</span></div> |
|
|
<div class="status-item divred" v-if="ver2info[verid].sale_policy==3"><span class="fontred">{{ salePolicy[ver2info[verid].sale_policy] }}</span></div> |
|
|
<div class="status-item divred" v-if="ver2info[verid].sale_policy==3"><span class="fontred">{{ salePolicy[ver2info[verid].sale_policy] }}</span></div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ver-desc flex" v-if="ver2types[verid] && ver2types[verid].length>1">{{ ver2info[verid].desc }}</div> |
|
|
<div class="ver-desc flex" v-if="ver2types[verid]">{{ ver2info[verid].desc }}</div> |
|
|
<div class="ver-services-wrap" v-if="ver2types[verid] && ver2types[verid].length>1"> |
|
|
<div class="ver-services-wrap" v-if="ver2types[verid]"> |
|
|
<div class="ver-service" v-for="type in ver2types[verid]" :key="type"> |
|
|
<div class="ver-service" v-for="type in ver2types[verid]" :key="type"> |
|
|
<div class="service-title">{{ type2name[type] }}</div> |
|
|
<div class="service-title flex"> |
|
|
|
|
|
<img v-if="verid.includes('single')" class="ver-icon mr-8" :src="require('@/assets/serviceIcon/ver_'+type2info[type].ver+'.svg')" alt=""> |
|
|
|
|
|
{{ type2info[type].name }} |
|
|
|
|
|
</div> |
|
|
<div class="service-desc"> |
|
|
<div class="service-desc"> |
|
|
<el-form> |
|
|
<el-form> |
|
|
<GuipToolTip :content="type2info[type].introduce"> |
|
|
<GuipToolTip :content="type2info[type].introduce"> |
|
@ -38,16 +41,16 @@ |
|
|
<div class="service-price">¥<span class="price">{{ supplyPriceList[type].price }}</span><span class="unit"> / {{ supplyPriceList[type].unit_format }}</span></div> |
|
|
<div class="service-price">¥<span class="price">{{ supplyPriceList[type].price }}</span><span class="unit"> / {{ supplyPriceList[type].unit_format }}</span></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ver-single flex" v-else> |
|
|
<!-- <div class="ver-single flex" v-else>--> |
|
|
<div class="ver-single-desc"> |
|
|
<!-- <div class="ver-single-desc">--> |
|
|
<el-form> |
|
|
<!-- <el-form>--> |
|
|
<GuipToolTip :content="ver2info[verid].desc"> |
|
|
<!-- <GuipToolTip :content="ver2info[verid].desc">--> |
|
|
<span>{{ ver2info[verid].desc }}</span> |
|
|
<!-- <span>{{ ver2info[verid].desc }}</span>--> |
|
|
</GuipToolTip> |
|
|
<!-- </GuipToolTip>--> |
|
|
</el-form> |
|
|
<!-- </el-form>--> |
|
|
</div> |
|
|
<!-- </div>--> |
|
|
<div class="service-price">¥<span class="price">{{ supplyPriceList[ver2types[verid][0]].price }}</span><span class="unit"> / {{ supplyPriceList[ver2types[verid][0]].unit_format }}</span></div> |
|
|
<!-- <div class="service-price">¥<span class="price">{{ supplyPriceList[ver2types[verid][0]].price }}</span><span class="unit"> / {{ supplyPriceList[ver2types[verid][0]].unit_format }}</span></div>--> |
|
|
</div> |
|
|
<!-- </div>--> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -70,7 +73,6 @@ export default { |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
type2name:[], |
|
|
|
|
|
classifyId2Name: [], |
|
|
classifyId2Name: [], |
|
|
classifyId2Vers: [], |
|
|
classifyId2Vers: [], |
|
|
ver2types: [], |
|
|
ver2types: [], |
|
@ -118,7 +120,6 @@ export default { |
|
|
this.classifyId2Vers = response.data.classifyid2vers; |
|
|
this.classifyId2Vers = response.data.classifyid2vers; |
|
|
this.ver2types = response.data.ver2types; |
|
|
this.ver2types = response.data.ver2types; |
|
|
this.ver2info = response.data.ver2info; |
|
|
this.ver2info = response.data.ver2info; |
|
|
this.type2name = response.data.type2name; |
|
|
|
|
|
this.type2info = response.data.type2info; |
|
|
this.type2info = response.data.type2info; |
|
|
this.supplyPriceList = response.data.supply_price; |
|
|
this.supplyPriceList = response.data.supply_price; |
|
|
this.salePolicy = response.data.sale_policy; |
|
|
this.salePolicy = response.data.sale_policy; |
|
|