test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor: 项目设置首页样式优化

This commit is contained in:
shiziyuan9527 2021-10-21 14:47:02 +08:00 committed by shiziyuan9527
parent be404b1e27
commit 794c663502
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/business/components/project/head/ProjectHeaderMenus.vue
View File

@ -27,10 +27,10 @@
v-permission="['PROJECT_CUSTOM_CODE:READ']">
{{ $t('project.code_segment.code_segment') }}
</el-menu-item>
<el-menu-item :index="'/project/version'" popper-class="submenu" disabled class="hidden-sm-and-down">
<el-menu-item popper-class="submenu" @click="clickPlanMenu" class="hidden-sm-and-down">
{{ $t('project.version_manage') }}
</el-menu-item>
<el-menu-item :index="'/project/app/manage'" popper-class="submenu" disabled class="hidden-sm-and-down">
<el-menu-item popper-class="submenu" @click="clickPlanMenu" class="hidden-sm-and-down">
{{ $t('project.app_manage') }}
</el-menu-item>
</el-menu>
@ -64,6 +64,12 @@ export default {
}
}
},
methods: {
clickPlanMenu() {
this.$info("功能正在规划中...");
return false;
}
}
};
</script>

16
frontend/src/business/components/project/home/ProjectHome.vue
View File

@ -3,11 +3,11 @@
<ms-main-container>
<el-card class="card" v-loading="result.loading">
<el-row type="flex" justify="space-around" :gutter="10">
<el-col :xs="12" :sm="12" :md="11" :lg="10" :xl="9" class="card-col">
<el-col :xs="12" :sm="12" :md="11" :lg="11" :xl="10" class="card-col">
<el-card class="home-height" style="position: relative">
<div style="position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);">
<span class="project-name">{{ project.name }}</span>
<i class="el-icon-setting project-edit" style="font-size: 14px;margin-left: 8px;" @click="edit"
<i class="el-icon-edit project-edit" style="font-size: 14px;margin-left: 8px;" @click="edit"
v-permission="['PROJECT_MANAGER:READ+EDIT']"></i>
<el-row class="project-item">
<span class="project-item-title">{{ $t('project.desc') }}：</span><span
@ -23,7 +23,7 @@
</el-row>
<el-row class="project-item">
<span class="project-item-title">{{ $t('project.member') }}：</span>
<span class="number">{{ memberSize }}</span>
<span class="number" @click="click('/project/member', ['PROJECT_USER:READ'])">{{ memberSize }}</span>
</el-row>
<el-row class="project-item">
<span class="project-item-title">{{ $t('project.create_time') }}：</span><span
@ -32,7 +32,7 @@
</div>
</el-card>
</el-col>
<el-col :xs="12" :sm="12" :md="11" :lg="10" :xl="9" class="card-col">
<el-col :xs="12" :sm="12" :md="11" :lg="11" :xl="10" class="card-col">
<el-card class="home-height" style="position: relative">
<div style="position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);">
<div class="div-item">
@ -207,6 +207,10 @@ export default {
color: var(--primary_color);
}
.number:hover {
cursor: pointer;
}
.project-item-title {
font-size: 15px;
user-select: none;
@ -228,4 +232,8 @@ export default {
.project-edit:hover {
cursor: pointer;
}
.desc {
color: #989292;
}
</style>