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']"> v-permission="['PROJECT_CUSTOM_CODE:READ']">
{{ $t('project.code_segment.code_segment') }} {{ $t('project.code_segment.code_segment') }}
</el-menu-item> </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') }} {{ $t('project.version_manage') }}
</el-menu-item> </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') }} {{ $t('project.app_manage') }}
</el-menu-item> </el-menu-item>
</el-menu> </el-menu>
@ -64,6 +64,12 @@ export default {
} }
} }
}, },
methods: {
clickPlanMenu() {
this.$info("功能正在规划中...");
return false;
}
}
}; };
</script> </script>

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

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