|
@@ -2,15 +2,15 @@
|
|
|
<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.tradefield?'act':''" class="brand-item" v-for="item in fields" :key="item.sys_enterprise_tradefieldid" @click="clickField(item)">{{item.tradefield}}</li>
|
|
|
+ <li :class="field_act === ''?'act':''" class="brand-item" @click="clickField('')">全部领域</li>
|
|
|
+ <li :class="field_act === item.sys_enterprise_tradefieldid?'act':''" class="brand-item" v-for="item in fields" :key="item.sys_enterprise_tradefieldid" @click="clickField(item)">{{item.tradefield}}</li>
|
|
|
</ul>
|
|
|
<ul class="flex-align-center normal-margin">
|
|
|
- <li style="color:#999;font-size: 13px;">品牌:</li>
|
|
|
+ <li :class="!brand_act?'act':''" class="brand-item" @click="clickBrand('')">全部品牌</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>
|
|
|
<ul class="flex-align-center normal-margin">
|
|
|
- <li style="color:#999;font-size: 13px;">分类:</li>
|
|
|
+ <li :class="class_act === ''?'act':''" class="brand-item" @click="clickClass('')">全部分类</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>
|
|
@@ -31,9 +31,9 @@ export default {
|
|
|
fields:[],
|
|
|
itemclass:[],
|
|
|
activeClass:{},
|
|
|
- field_act:0,
|
|
|
+ field_act:'',
|
|
|
brand_act:0,
|
|
|
- class_act:0
|
|
|
+ class_act:''
|
|
|
}
|
|
|
},
|
|
|
props: {
|
|
@@ -57,9 +57,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
- this.queryBrands()
|
|
|
this.fields = res1.data
|
|
|
- this.field_act = res1.data[0].tradefield
|
|
|
+ this.field_act = ''
|
|
|
},
|
|
|
async queryBrands () {
|
|
|
const res = await this.$api.requested({
|
|
@@ -72,32 +71,34 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
this.brands = res.data
|
|
|
- this.brand_act = this.brands[0].sa_brandid
|
|
|
- this.queryClass()
|
|
|
+ this.brand_act = 0
|
|
|
},
|
|
|
|
|
|
async queryClass () {
|
|
|
const res = await this.$api.requested({
|
|
|
- "id":"20220922110403","content":{"sa_brandid":this.brand_act}
|
|
|
+ "id":"20220922110403","content":{"sa_brandid":this.brand_act,where:{istool:1}}
|
|
|
})
|
|
|
- if ( res.data.length > 0) {
|
|
|
- this.itemclass = res.data[0].ttemclass
|
|
|
- res.data[0].ttemclass.length > 0?this.clickClass(res.data[0].ttemclass[0]):''
|
|
|
- }
|
|
|
-
|
|
|
+ console.log(res.data,'pop')
|
|
|
+ this.itemclass = res.data[0].ttemclass
|
|
|
},
|
|
|
clickBrand (id) {
|
|
|
- this.brand_act = id
|
|
|
+ this.brand_act = id ? id : 0
|
|
|
this.queryClass()
|
|
|
},
|
|
|
clickField (item) {
|
|
|
- this.field_act = item.tradefield
|
|
|
+ this.field_act = item ? item.sys_enterprise_tradefieldid : ''
|
|
|
this.$emit('clickField',item)
|
|
|
},
|
|
|
clickClass (item) {
|
|
|
- this.activeClass = item
|
|
|
- this.class_act = item.itemclassnum
|
|
|
- this.change(item)
|
|
|
+ if (item) {
|
|
|
+ this.activeClass = item
|
|
|
+ this.class_act = item.itemclassnum
|
|
|
+ this.change(item)
|
|
|
+ } else {
|
|
|
+ this.class_act = ''
|
|
|
+ this.$emit('onClassChange',item)
|
|
|
+ }
|
|
|
+
|
|
|
},
|
|
|
change(n) {
|
|
|
console.log(n)
|
|
@@ -109,6 +110,7 @@ export default {
|
|
|
},
|
|
|
mounted () {
|
|
|
this.queryAgentiInfo()
|
|
|
+ this.queryBrands()
|
|
|
}
|
|
|
}
|
|
|
|