feat: asset详细视图 切换部分 以及 左侧菜单部分的添加

This commit is contained in:
zhangyu
2021-10-09 16:47:38 +08:00
parent 0e3f7dad19
commit 46930a8878
9 changed files with 496 additions and 7 deletions

View File

@@ -18,6 +18,17 @@
type="button" @click="tools.showCustomTableTitle = true">
<i class="nz-icon-gear nz-icon"></i>
</button>
<el-dropdown
type="primary"
v-if="showLayout.indexOf('detailViewSet') > -1"
class="margin-l-10"
@command="changeDetailType">
<i class="nz-icon nz-icon-alert-list" />
<el-dropdown-menu slot="dropdown" >
<el-dropdown-item :command="'list'" :class="detailType === 'list' ? 'active' : ''">列表</el-dropdown-item>
<el-dropdown-item :command="'view'" :class="detailType === 'view' ? 'active' : ''">详细</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<!-- 顶部分页组件当打开底部上滑框时出现 -->
<!-- <div v-if="showLayout.indexOf('pagination') > -1" class="pagination-top pagination-top-hide display-none"></div>-->
@@ -79,6 +90,10 @@ export default {
type: String,
default: ''
},
detailType: {
type: String,
default: ''
},
tableTitle: {
type: Array
},
@@ -156,6 +171,9 @@ export default {
},
getTableData () {
this.$emit('getTableData')
},
changeDetailType (item) {
this.$emit('changeDetailType', item)
}
},
watch: {