CN-240 feat: 实体列表下拉详情(部分)
This commit is contained in:
@@ -7,14 +7,14 @@
|
||||
<!-- 列表式 -->
|
||||
<template v-if="listMode === 'list'">
|
||||
<div class="entity-list--list">
|
||||
<div v-if="isCollapse" @click="cancelCollapse" class="cn-entity__shadow"></div>
|
||||
<div v-if="!isCollapse" @click="collapse" class="cn-entity__shadow"></div>
|
||||
<entity-row
|
||||
v-for="(data, index) in listData"
|
||||
:entity="data"
|
||||
:key="index"
|
||||
:ref="`entityRow${index}`"
|
||||
:index="index"
|
||||
@showCollapse="showCollapse"
|
||||
@switchCollapse="switchCollapse"
|
||||
></entity-row>
|
||||
</div>
|
||||
</template>
|
||||
@@ -73,7 +73,7 @@ export default {
|
||||
showDetail: false,
|
||||
typeName: '',
|
||||
entityList: [],
|
||||
isCollapse: false,
|
||||
isCollapse: true,
|
||||
collapseIndex: 0
|
||||
}
|
||||
},
|
||||
@@ -103,13 +103,13 @@ export default {
|
||||
entityDetail (params) {
|
||||
this.$emit('showDetail', { ...params, icon: this.iconClass })
|
||||
},
|
||||
showCollapse (isCollapse, index) {
|
||||
switchCollapse (isCollapse, index) {
|
||||
this.isCollapse = isCollapse
|
||||
this.collapseIndex = index
|
||||
},
|
||||
cancelCollapse () {
|
||||
this.isCollapse = false
|
||||
this.$refs[`entityRow${this.collapseIndex}`].cancelCollapse()
|
||||
collapse () {
|
||||
this.isCollapse = true
|
||||
this.$refs[`entityRow${this.collapseIndex}`].collapse()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user