|
@@ -1,10 +1,11 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="border-bottom">
|
|
<div class="border-bottom">
|
|
|
<div>
|
|
<div>
|
|
|
- <ul class="flex-align-center normal-margin-new">
|
|
|
|
|
|
|
+ <ul class="normal-margin-new" ref="myUl">
|
|
|
<li
|
|
<li
|
|
|
:class="areaBase === '' ? 'act' : ''"
|
|
:class="areaBase === '' ? 'act' : ''"
|
|
|
class="brand-item border-all"
|
|
class="brand-item border-all"
|
|
|
|
|
+ style="float: left"
|
|
|
v-if="(siteid == 'HY' && areaBases.length > 1) || siteid != 'HY'"
|
|
v-if="(siteid == 'HY' && areaBases.length > 1) || siteid != 'HY'"
|
|
|
@click="clickAreaBase('')"
|
|
@click="clickAreaBase('')"
|
|
|
>
|
|
>
|
|
@@ -14,18 +15,20 @@
|
|
|
:class="areaBase === item ? 'act' : ''"
|
|
:class="areaBase === item ? 'act' : ''"
|
|
|
v-if="(siteid == 'HY' && areaBases.length > 1) || siteid != 'HY'"
|
|
v-if="(siteid == 'HY' && areaBases.length > 1) || siteid != 'HY'"
|
|
|
class="brand-item margin-notAll"
|
|
class="brand-item margin-notAll"
|
|
|
- v-for="item in areaBases"
|
|
|
|
|
|
|
+ v-for="(item,index) in areaBases"
|
|
|
:key="item"
|
|
:key="item"
|
|
|
@click="clickAreaBase(item)"
|
|
@click="clickAreaBase(item)"
|
|
|
>
|
|
>
|
|
|
- {{ $t(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>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
- <ul class="flex-align-center normal-margin-new">
|
|
|
|
|
|
|
+ <ul class="normal-margin-new" style="clear: both">
|
|
|
<li
|
|
<li
|
|
|
:class="field_act === '' ? 'act' : ''"
|
|
:class="field_act === '' ? 'act' : ''"
|
|
|
v-if="(siteid == 'HY' && fields.length > 1) || siteid != 'HY'"
|
|
v-if="(siteid == 'HY' && fields.length > 1) || siteid != 'HY'"
|
|
|
class="brand-item border-all"
|
|
class="brand-item border-all"
|
|
|
|
|
+ style="float: left"
|
|
|
@click="clickField('')"
|
|
@click="clickField('')"
|
|
|
>
|
|
>
|
|
|
{{ $t("全部领域") }}
|
|
{{ $t("全部领域") }}
|
|
@@ -34,17 +37,20 @@
|
|
|
:class="tradefield === item.tradefield ? 'act' : ''"
|
|
:class="tradefield === item.tradefield ? 'act' : ''"
|
|
|
v-if="(siteid == 'HY' && fields.length > 1) || siteid != 'HY'"
|
|
v-if="(siteid == 'HY' && fields.length > 1) || siteid != 'HY'"
|
|
|
class="brand-item margin-notAll"
|
|
class="brand-item margin-notAll"
|
|
|
- v-for="item in fields"
|
|
|
|
|
|
|
+ v-for="(item,index) in fields"
|
|
|
:key="item.sys_enterprise_tradefieldid"
|
|
:key="item.sys_enterprise_tradefieldid"
|
|
|
@click="clickField(item)"
|
|
@click="clickField(item)"
|
|
|
>
|
|
>
|
|
|
- {{ $t(item.tradefield) }}
|
|
|
|
|
|
|
+<!-- {{ $t(item.tradefield) }}-->
|
|
|
|
|
+ <div v-if="item.rowindex == 1" class="brand-item margin-notAll" style="float: left" :class="tradefield === item.tradefield ? 'act' : ''">{{ $t(item.tradefield) }}</div>
|
|
|
|
|
+ <div v-else class="brand-item margin-notAll" style="float: left;margin-left: 15px" :class="tradefield === item.tradefield ? 'act' : ''">{{ $t(item.tradefield) }}</div>
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
- <ul class="flex-align-center normal-margin-new">
|
|
|
|
|
|
|
+ <ul class="normal-margin-new" style="clear: both">
|
|
|
<li
|
|
<li
|
|
|
:class="!brand_act ? 'act' : ''"
|
|
:class="!brand_act ? 'act' : ''"
|
|
|
class="brand-item border-all"
|
|
class="brand-item border-all"
|
|
|
|
|
+ style="float: left"
|
|
|
v-if="(siteid == 'HY' && brands.length > 1) || siteid != 'HY'"
|
|
v-if="(siteid == 'HY' && brands.length > 1) || siteid != 'HY'"
|
|
|
@click="clickBrand('')"
|
|
@click="clickBrand('')"
|
|
|
>
|
|
>
|
|
@@ -54,14 +60,16 @@
|
|
|
:class="brand_act == item.sa_brandid ? 'act' : ''"
|
|
:class="brand_act == item.sa_brandid ? 'act' : ''"
|
|
|
v-if="(siteid == 'HY' && brands.length > 1) || siteid != 'HY'"
|
|
v-if="(siteid == 'HY' && brands.length > 1) || siteid != 'HY'"
|
|
|
class="brand-item margin-notAll"
|
|
class="brand-item margin-notAll"
|
|
|
- v-for="item in brands"
|
|
|
|
|
|
|
+ v-for="(item,index) in brands"
|
|
|
:key="item.sa_brandid"
|
|
:key="item.sa_brandid"
|
|
|
@click="clickBrand(item.sa_brandid)"
|
|
@click="clickBrand(item.sa_brandid)"
|
|
|
>
|
|
>
|
|
|
- {{ item.brandname }}
|
|
|
|
|
|
|
+<!-- {{ 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>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
- <ul class="flex-align-center normal-margin-new">
|
|
|
|
|
|
|
+ <ul class="flex-align-center normal-margin-new" style="clear: both">
|
|
|
<li
|
|
<li
|
|
|
:class="class_act === '' ? 'act' : ''"
|
|
:class="class_act === '' ? 'act' : ''"
|
|
|
class="brand-item border-all"
|
|
class="brand-item border-all"
|
|
@@ -105,7 +113,7 @@ export default {
|
|
|
class_act: "",
|
|
class_act: "",
|
|
|
areaBases: [],
|
|
areaBases: [],
|
|
|
areaBase: "",
|
|
areaBase: "",
|
|
|
- siteid:JSON.parse(sessionStorage.getItem('active_account')).siteid
|
|
|
|
|
|
|
+ siteid:JSON.parse(sessionStorage.getItem('active_account')).siteid,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
provide() {
|
|
provide() {
|
|
@@ -239,6 +247,16 @@ export default {
|
|
|
this.$emit("clearSearch");
|
|
this.$emit("clearSearch");
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
|
|
+ // watch:{
|
|
|
|
|
+ // "height":function (){
|
|
|
|
|
+ // console.log(this.height,'444444高度222')
|
|
|
|
|
+ // const newHeight = this.$refs.myUl.offsetHeight; // 获取当前高度。
|
|
|
|
|
+ // if (newHeight !== this.height) { // 检查是否真的发生了变化(可选)以避免不必要的操作。
|
|
|
|
|
+ // this.height = newHeight; // 更新高度值。可以在这里执行其他基于高度变化的逻辑。例如:console.log(newHeight); 或者 this.doSomethingWithNewHeight(newHeight);。
|
|
|
|
|
+ // }
|
|
|
|
|
+ // console.log(this.height,'高度')
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
mounted() {
|
|
mounted() {
|
|
|
this.queryClass();
|
|
this.queryClass();
|
|
|
this.queryAgentiInfo();
|
|
this.queryAgentiInfo();
|