|
|
@@ -1,23 +1,24 @@
|
|
|
<template>
|
|
|
<div class="border-bottom">
|
|
|
<div>
|
|
|
- <ul class="flex-align-center normal-margin">
|
|
|
- <li style="color:#999;font-size: 13px;">领域:</li>
|
|
|
- <li :class="field_act === item.value?'act':''" class="brand-item" v-for="item in fields" :key="item.value" @click="clickField(item)">{{item.value}}</li>
|
|
|
+ <ul class="flex-align-center normal-margin-new">
|
|
|
+<!-- <li style="color:#999;font-size: 13px;">领域:</li>-->
|
|
|
+ <li :class="field_act === item.value?'act':''" style="margin-left:0" class="brand-item" v-for="item in fields" :key="item.value" @click="clickField(item)">{{item.value}}</li>
|
|
|
</ul>
|
|
|
- <ul class="flex-align-center normal-margin">
|
|
|
+<!-- <ul class="flex-align-center normal-margin">
|
|
|
<li style="color:#999;font-size: 13px;">标准:</li>
|
|
|
<li :class="standard_act === item.value?'act':''" class="brand-item" v-for="item in itemstandards" :key="item.value" @click="clickStandard(item)">{{item.value}}</li>
|
|
|
+ </ul>-->
|
|
|
+ <ul class="flex-align-center normal-margin-new">
|
|
|
+<!-- <li style="color:#999;font-size: 13px;">品牌:</li>-->
|
|
|
+ <li :class="brand_act === item.sa_brandid?'act':''" style="margin-left:0" class="brand-item" v-for="item in brands" :key="item.sa_brandid" @click="clickBrand(item.sa_brandid)">{{item.brandname}}</li>
|
|
|
</ul>
|
|
|
- <ul class="flex-align-center normal-margin">
|
|
|
- <li style="color:#999;font-size: 13px;">品牌:</li>
|
|
|
- <li :class="brand_act === item.sa_brandid?'act':''" class="brand-item" v-for="item in brands" :key="item.sa_brandid" @click="clickBrand(item.sa_brandid)">{{item.brandname}}</li>
|
|
|
+ <ul class="flex-align-center normal-margin-new">
|
|
|
+<!-- <li style="color:#999;font-size: 13px;">分类:</li>-->
|
|
|
+ <li :class="class_act === ''?'act':''" class="brand-item border-all" @click="clickClass('')">全部分类</li>
|
|
|
+ <li :class="class_act === item.itemclassnum?'act':''" class="brand-item margin-notAll" v-for="item in itemclass" :key="item.itemclassnum" @click="clickClass(item)">{{item.itemclassname}}</li>
|
|
|
</ul>
|
|
|
- <ul class="flex-align-center normal-margin">
|
|
|
- <li style="color:#999;font-size: 13px;">分类:</li>
|
|
|
- <li :class="class_act === item.itemclassnum?'act':''" class="brand-item" v-for="item in itemclass" :key="item.itemclassnum" @click="clickClass(item)">{{item.itemclassname}}</li>
|
|
|
- </ul>
|
|
|
- <classTree style="padding-left:31px" :data="activeClass.subdep" @onClassChange="change"></classTree>
|
|
|
+ <classTree style="padding-left:80px" :data="activeClass.subdep" @onClassChange="change"></classTree>
|
|
|
</div>
|
|
|
<div>
|
|
|
|
|
|
@@ -37,7 +38,7 @@ export default {
|
|
|
activeClass:{},
|
|
|
field_act:0,
|
|
|
brand_act:0,
|
|
|
- class_act:0,
|
|
|
+ class_act:'',
|
|
|
standard_act:0,
|
|
|
itemstandards:[]
|
|
|
}
|
|
|
@@ -133,7 +134,8 @@ export default {
|
|
|
mounted () {
|
|
|
this.queryAgentiInfo()
|
|
|
this.queryBrands()
|
|
|
- this.queryStandard()
|
|
|
+ this.queryClass()
|
|
|
+ /* this.queryStandard()*/
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -155,5 +157,14 @@ export default {
|
|
|
padding-bottom:16px;
|
|
|
border-bottom: 1px solid #e3e5ea;
|
|
|
}
|
|
|
+.normal-margin-new{
|
|
|
+ margin-bottom: 2px !important;
|
|
|
+}
|
|
|
+.border-all{
|
|
|
+ margin-left: 0px
|
|
|
+}
|
|
|
+.margin-notAll{
|
|
|
+ margin-left: -18px
|
|
|
+}
|
|
|
|
|
|
</style>
|