116 lines
3.6 KiB
Vue
116 lines
3.6 KiB
Vue
|
<template>
|
|||
|
|
<el-container id="repository" :style="{'width': '100%', 'height': mainHeight}">
|
|||
|
|
<el-aside width="280px" style="overflow: hidden;border-right: 1px solid #F2F2F2">
|
|||
|
|
<RepositoryMain v-if="reFresh" ref="repositoryMain" key="repositoryMain"/>
|
|||
|
|
</el-aside>
|
|||
|
|
<el-main>
|
|||
|
|
<component ref="component" :is="mainContent" :uuid="uuid" :key="Math.random()" :refreshTreeParentNode="refreshTreeParentNode" :refreshTreeNode="refreshTreeNode" :treeNode="treeNode"></component>
|
|||
|
|
</el-main>
|
|||
|
|
</el-container>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import RepositoryMain from "./RepositoryMain";
|
|||
|
|
import RepositoryMainList from "./RepositoryMainList";
|
|||
|
|
import RepositoryList from "./RepositoryList";
|
|||
|
|
export default {
|
|||
|
|
name: "Repository",
|
|||
|
|
components: {RepositoryMain, RepositoryMainList, RepositoryList},
|
|||
|
|
data(){
|
|||
|
|
return {
|
|||
|
|
mainHeight: (parseInt(this.$store.getters.getTopMainHeightFn)) + 'px',
|
|||
|
|
mainContent: '',
|
|||
|
|
uuid: '',
|
|||
|
|
reFresh: false,
|
|||
|
|
treeNode:{},
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
provide: function() {
|
|||
|
|
return {
|
|||
|
|
openRepositoryList: this.openRepositoryList,
|
|||
|
|
transferTreeNode: this.transferTreeNode
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
this.getRouteParam(this.$route.query);
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
getRouteParam(params) {
|
|||
|
|
if (JSON.stringify(params) == '{}' || !params.id) {// 无搜索，显示全部树和最近列表
|
|||
|
|
this.reFresh = false;
|
|||
|
|
this.mainContent = '';
|
|||
|
|
this.$nextTick(()=>{
|
|||
|
|
this.reFresh = true;
|
|||
|
|
this.mainContent = 'RepositoryMainList';
|
|||
|
|
});
|
|||
|
|
} else {// 有搜索，定位到符合条件的树，并且点击
|
|||
|
|
this.$refs.repositoryMain.queryTreeByIdAndPath(params.id, params.versionId, params.path);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
openRepositoryList(id) {
|
|||
|
|
this.mainContent = '';
|
|||
|
|
this.uuid = id;
|
|||
|
|
this.mainContent = 'RepositoryList';
|
|||
|
|
},
|
|||
|
|
transferTreeNode(obj){
|
|||
|
|
this.treeNode = obj;
|
|||
|
|
},
|
|||
|
|
refreshTreeParentNode(id) {// 刷新当前节点的父节点，即重新加载id节点
|
|||
|
|
this.$refs.repositoryMain.refreshParentNode(id);
|
|||
|
|
},
|
|||
|
|
refreshTreeNode(id) {// 刷新当前节点的子节点，即重新加载id节点（关闭+展开）
|
|||
|
|
this.$refs.repositoryMain.refreshNode(id);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
listenTopMainHeight() {
|
|||
|
|
return this.$store.getters.getTopMainHeightFn;
|
|||
|
|
},
|
|||
|
|
listenWsId() {
|
|||
|
|
return this.$store.getters.getWsIdFn;
|
|||
|
|
},
|
|||
|
|
listenTeamId() {
|
|||
|
|
return this.$store.getters.getTeamIdFn;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
watch : {
|
|||
|
|
listenTopMainHeight: function (newd, old) {
|
|||
|
|
this.mainHeight = (parseInt(newd)) + 'px';
|
|||
|
|
},
|
|||
|
|
listenWsId: function(newd, old) {
|
|||
|
|
this.reFresh = false;
|
|||
|
|
this.mainContent = '';
|
|||
|
|
this.$nextTick(()=>{
|
|||
|
|
this.reFresh = true;
|
|||
|
|
this.mainContent = 'RepositoryMainList';
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
listenTeamId: function(newd, old) {
|
|||
|
|
this.reFresh = false;
|
|||
|
|
this.mainContent = '';
|
|||
|
|
this.$nextTick(()=>{
|
|||
|
|
this.reFresh = true;
|
|||
|
|
this.mainContent = 'RepositoryMainList';
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
beforeRouteUpdate(to, from, next){
|
|||
|
|
this.getRouteParam(to.query);
|
|||
|
|
next();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
#repository >>> .el-main {
|
|||
|
|
display: block;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-ms-flex: 1;
|
|||
|
|
flex: 1;
|
|||
|
|
-ms-flex-preferred-size: auto;
|
|||
|
|
flex-basis: auto;
|
|||
|
|
overflow: auto;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
</style>
|