|
|
@@ -1,47 +1,77 @@
|
|
|
<template>
|
|
|
<div class="border-bottom">
|
|
|
<div>
|
|
|
- <!-- <ul class="flex-align-center normal-margin-new" >
|
|
|
- <li :class="field_act === ''?'act':''" class="brand-item border-all" @click="clickField(null)" >全部标准</li>
|
|
|
- <li :class="field_act === item.sys_enterprise_tradefieldid?'act':''" class="brand-item margin-notAll" v-for="item in areaBases" :key="item.sys_enterprise_tradefieldid" @click="clickField(item)">{{$t(item.tradefield)}}</li>
|
|
|
- </ul> -->
|
|
|
- <ul class="flex-align-center normal-margin-new">
|
|
|
+<!-- <ul class="flex-align-center normal-margin-new" >-->
|
|
|
+<!-- <li :class="field_act === ''?'act':''" class="brand-item border-all" @click="clickField(null)" >全部标准</li>-->
|
|
|
+<!-- <li :class="field_act === item.sys_enterprise_tradefieldid?'act':''" class="brand-item margin-notAll" v-for="item in areaBases" :key="item.sys_enterprise_tradefieldid" @click="clickField(item)">{{$t(item.tradefield)}}</li>-->
|
|
|
+<!-- </ul> -->
|
|
|
+ <ul class="normal-margin-new" ref="myUl">
|
|
|
+ <li
|
|
|
+ :class="areaBase === '' ? 'act' : ''"
|
|
|
+ class="brand-item border-all"
|
|
|
+ style="float: left"
|
|
|
+ v-if="(siteid == 'HY' && areaBases.length > 1) || siteid != 'HY'"
|
|
|
+ @click="clickAreaBase('')"
|
|
|
+ >
|
|
|
+ {{ $t("全部标准") }}
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ :class="areaBase === item ? 'act' : ''"
|
|
|
+ v-if="(siteid == 'HY' && areaBases.length > 1) || siteid != 'HY'"
|
|
|
+ class="brand-item margin-notAll"
|
|
|
+ v-for="(item,index) in areaBases"
|
|
|
+ :key="item"
|
|
|
+ @click="clickAreaBase(item)"
|
|
|
+ >
|
|
|
+ <div v-if="index == 0" class="brand-item margin-notAll" style="float: left" :class="areaBase === item ? 'act' : ''">{{ $t(item) }}</div>
|
|
|
+ <div v-else class="brand-item margin-notAll" style="float: left;margin-left: 15px" :class="areaBase === item ? 'act' : ''">{{ $t(item) }}</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul class="normal-margin-new" style="clear: both">
|
|
|
<li
|
|
|
:class="field_act === '' ? 'act' : ''"
|
|
|
class="brand-item border-all"
|
|
|
+ v-if="(siteid == 'HY' && fields.length > 1) || siteid != 'HY'"
|
|
|
+ style="float: left"
|
|
|
@click="clickField(null)"
|
|
|
>
|
|
|
{{$t('全部领域')}}
|
|
|
</li>
|
|
|
<li
|
|
|
:class="field_act === item.sys_enterprise_tradefieldid ? 'act' : ''"
|
|
|
+ v-if="(siteid == 'HY' && fields.length > 1) || siteid != 'HY'"
|
|
|
class="brand-item margin-notAll"
|
|
|
- v-for="item in fields"
|
|
|
+ v-for="(item,index) in fields"
|
|
|
:key="item.sys_enterprise_tradefieldid"
|
|
|
@click="clickField(item)"
|
|
|
>
|
|
|
- {{ $t(item.tradefield) }}
|
|
|
+ <div v-if="index == 0" class="brand-item margin-notAll" style="float: left" :class="field_act === item.sys_enterprise_tradefieldid ? 'act' : ''">{{ $t(item.tradefield) }}</div>
|
|
|
+ <div v-else class="brand-item margin-notAll" style="float: left;margin-left: 15px" :class="field_act === item.sys_enterprise_tradefieldid ? 'act' : ''">{{ $t(item.tradefield) }}</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <ul class="flex-align-center normal-margin-new">
|
|
|
+ <ul class="normal-margin-new" style="clear: both">
|
|
|
<li
|
|
|
:class="!brand_act ? 'act' : ''"
|
|
|
class="brand-item border-all"
|
|
|
+ style="float: left"
|
|
|
@click="clickBrand(null)"
|
|
|
+ v-if="(siteid == 'HY' && brands.length > 1) || siteid != 'HY'"
|
|
|
>
|
|
|
{{$t('全部品牌')}}
|
|
|
</li>
|
|
|
<li
|
|
|
:class="brand_act == item.sa_brandid ? 'act' : ''"
|
|
|
+ v-if="(siteid == 'HY' && brands.length > 1) || siteid != 'HY'"
|
|
|
class="brand-item margin-notAll"
|
|
|
- v-for="item in brands"
|
|
|
+ v-for="(item,index) in brands"
|
|
|
:key="item.sa_brandid"
|
|
|
@click="clickBrand(item.sa_brandid)"
|
|
|
>
|
|
|
- {{ item.brandname }}
|
|
|
+ <div v-if="index == 0" class="brand-item margin-notAll" style="float: left" :class="brand_act == item.sa_brandid ? 'act' : ''">{{ $t(item.brandname) }}</div>
|
|
|
+ <div v-else class="brand-item margin-notAll" style="float: left;margin-left: 15px" :class="brand_act == item.sa_brandid ? 'act' : ''">{{ $t(item.brandname) }}</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <ul class="flex-align-center normal-margin-new">
|
|
|
+ <ul class="flex-align-center normal-margin-new" style="clear: both">
|
|
|
<li
|
|
|
:class="class_act === '' ? 'act' : ''"
|
|
|
class="brand-item border-all"
|
|
|
@@ -82,8 +112,9 @@ export default {
|
|
|
field_act: "",
|
|
|
brand_act: "",
|
|
|
class_act: "",
|
|
|
- areaBasesL: [],
|
|
|
+ areaBases: [],
|
|
|
areaBase: "",
|
|
|
+ siteid:JSON.parse(sessionStorage.getItem('active_account')).siteid,
|
|
|
};
|
|
|
},
|
|
|
props: {
|
|
|
@@ -144,8 +175,13 @@ export default {
|
|
|
});
|
|
|
this.itemclass = res.data[0].ttemclass;
|
|
|
},
|
|
|
+ clickAreaBase(item) {
|
|
|
+ this.areaBase = item ? item : "";
|
|
|
+ this.$emit("clickAreaBase", item);
|
|
|
+ },
|
|
|
clickBrand(id) {
|
|
|
- this.brand_act = id ? id : "";
|
|
|
+ this.brand_act = id ? id : 0;
|
|
|
+ this.$emit("brandChange", this.brand_act ? [this.brand_act] : []);
|
|
|
this.queryClass();
|
|
|
},
|
|
|
clickField(item) {
|
|
|
@@ -210,4 +246,4 @@ export default {
|
|
|
.margin-notAll {
|
|
|
margin-left: -18px;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|