|
@@ -7,28 +7,31 @@
|
|
<el-breadcrumb-item>{{this.$route.query.BrandCname}}:</el-breadcrumb-item>
|
|
<el-breadcrumb-item>{{this.$route.query.BrandCname}}:</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
</el-breadcrumb>
|
|
<template v-for="i in system">
|
|
<template v-for="i in system">
|
|
- <span v-for="classItem in i.DefClass" :key="classItem.Code" v-show="classItem.show" class="select">{{classItem.AliasName}}
|
|
|
|
|
|
+ <span v-for="classItem in i.DefClass" :key="classItem.Code + classItem.AliasName" v-show="classItem.show"
|
|
|
|
+ class="select">{{classItem.AliasName}}
|
|
<i class="el-icon-close" @click="deleteCurrent(classItem)"></i>
|
|
<i class="el-icon-close" @click="deleteCurrent(classItem)"></i>
|
|
</span>
|
|
</span>
|
|
</template>
|
|
</template>
|
|
<span class="total poa">共<b>{{total}}</b>件相关产品</span>
|
|
<span class="total poa">共<b>{{total}}</b>件相关产品</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div class="device-sys" v-for="systemItem in system" :key="systemItem.Code">
|
|
|
|
|
|
+ <div class="device-sys" v-for="systemItem in system" :key="systemItem.Code + systemItem.AliasName">
|
|
<div class="left">{{systemItem.AliasName}}:</div>
|
|
<div class="left">{{systemItem.AliasName}}:</div>
|
|
<div class="main">
|
|
<div class="main">
|
|
<ul>
|
|
<ul>
|
|
<li v-for="(group,index) in systemItem.DefClass"
|
|
<li v-for="(group,index) in systemItem.DefClass"
|
|
style="cursor: pointer"
|
|
style="cursor: pointer"
|
|
- :key="group.Code"
|
|
|
|
- v-show="index < limitSys"
|
|
|
|
|
|
+ :key="group.Code + group.AliasName"
|
|
|
|
+ v-show="index < systemItem.limitSys"
|
|
@click="currentSys(group)"
|
|
@click="currentSys(group)"
|
|
|
|
+ :title="group.AliasName"
|
|
:class="group.show ? 'light':''">
|
|
:class="group.show ? 'light':''">
|
|
{{group.AliasName}}
|
|
{{group.AliasName}}
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
- <div class="right" @click="allData(systemItem)" :class="systemItem.more? 'dark' :'light'">
|
|
|
|
|
|
+ <div class="right" @click="allData(systemItem,systemItem.DefClass.length)"
|
|
|
|
+ :class="systemItem.more? 'dark' :'light'">
|
|
<p style="cursor: pointer;">{{systemItem.more?'更多':'收起'}}
|
|
<p style="cursor: pointer;">{{systemItem.more?'更多':'收起'}}
|
|
<span :class="systemItem.more?'el-icon-caret-bottom':'el-icon-caret-top'"></span>
|
|
<span :class="systemItem.more?'el-icon-caret-bottom':'el-icon-caret-top'"></span>
|
|
</p>
|
|
</p>
|
|
@@ -59,7 +62,6 @@
|
|
|
|
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- limitSys: 14,
|
|
|
|
system: [],
|
|
system: [],
|
|
total: 0,
|
|
total: 0,
|
|
table: [],
|
|
table: [],
|
|
@@ -80,10 +82,11 @@
|
|
}
|
|
}
|
|
classQueryByBrand(param, res => {
|
|
classQueryByBrand(param, res => {
|
|
this.system = res.Content ? res.Content.map(j => {
|
|
this.system = res.Content ? res.Content.map(j => {
|
|
- j.more = true
|
|
|
|
- j.DefClass.forEach((k, index) => {
|
|
|
|
- k.show = false
|
|
|
|
- })
|
|
|
|
|
|
+ j.more = true
|
|
|
|
+ j.limitSys = 14
|
|
|
|
+ j.DefClass.forEach((k, index) => {
|
|
|
|
+ k.show = false
|
|
|
|
+ })
|
|
return j
|
|
return j
|
|
}) : []
|
|
}) : []
|
|
})
|
|
})
|
|
@@ -108,8 +111,9 @@
|
|
this.getDate()
|
|
this.getDate()
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- allData(systemItem) {
|
|
|
|
- systemItem.more = systemItem.more?false:true
|
|
|
|
|
|
+ allData(systemItem, length) {
|
|
|
|
+ systemItem.more = systemItem.more ? false : true
|
|
|
|
+ systemItem.limitSys = systemItem.more ? 14 : length
|
|
},
|
|
},
|
|
currentSys(group) {
|
|
currentSys(group) {
|
|
this.defClassList = []
|
|
this.defClassList = []
|
|
@@ -119,7 +123,7 @@
|
|
}
|
|
}
|
|
})
|
|
})
|
|
this.defClassList.forEach(item => {
|
|
this.defClassList.forEach(item => {
|
|
- item.show = item.Code == group.Code?true:false
|
|
|
|
|
|
+ item.show = item.Code == group.Code ? true : false
|
|
})
|
|
})
|
|
let params = {
|
|
let params = {
|
|
GroupId: this.dictionary.groupId,
|
|
GroupId: this.dictionary.groupId,
|
|
@@ -216,8 +220,8 @@
|
|
li {
|
|
li {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
line-height: 25px;
|
|
line-height: 25px;
|
|
- max-width: 98px;
|
|
|
|
- /*min-width: 80px;*/
|
|
|
|
|
|
+ max-width: 97px;
|
|
|
|
+ min-width: 80px;
|
|
text-align: left;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|