You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.9 KiB
57 lines
1.9 KiB
<template>
|
|
<el-tabs v-model="activeTab" @tab-click="handleTabClick">
|
|
<el-tab-pane :label="'图片素材（'+assetsCount.imageCount+')'" name="image" lazy>
|
|
<material-file fileType="image" ref="imagePanel" @change="materialCount"></material-file>
|
|
</el-tab-pane>
|
|
<el-tab-pane :label="'语音素材（'+assetsCount.voiceCount+')'" name="voice" lazy>
|
|
<material-file fileType="voice" ref="voicePanel" @change="materialCount"></material-file>
|
|
</el-tab-pane>
|
|
<el-tab-pane :label="'视频素材（'+assetsCount.videoCount+')'" name="video" lazy>
|
|
<material-file fileType="video" ref="videoPanel" @change="materialCount"></material-file>
|
|
</el-tab-pane>
|
|
<el-tab-pane :label="'图文素材（'+assetsCount.newsCount+')'" name="news" lazy>
|
|
<material-news ref="newsPanel" @change="materialCount"></material-news>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
activeTab: 'image',
|
|
assetsCount:{
|
|
imageCount:'..',
|
|
videoCount:'..',
|
|
voiceCount:'..',
|
|
newsCount:'..'
|
|
}
|
|
};
|
|
},
|
|
components: {
|
|
MaterialFile:()=>import('./assets/material-file'),
|
|
MaterialNews:()=>import('./assets/material-news')
|
|
},
|
|
mounted(){
|
|
this.materialCount();
|
|
},
|
|
methods: {
|
|
handleTabClick(tab, event) {
|
|
this.$nextTick(()=>{
|
|
this.$refs[tab.name+'Panel'].init()
|
|
})
|
|
},
|
|
materialCount(){
|
|
this.$http({
|
|
url: this.$http.adornUrl('/manage/wxAssets/materialCount')
|
|
}).then(({ data }) => {
|
|
if (data && data.code == 200) {
|
|
this.assetsCount=data.data
|
|
} else {
|
|
this.$message.error(data.msg);
|
|
}
|
|
})
|
|
}
|
|
|
|
}
|
|
};
|
|
</script> |