Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 4e22ebfa by 史敦盼
Options

添加返回目录,以及系统样式修改

1 parent 43321c7e
Inline Side-by-side
Showing with 103 additions and 29 deletions
src/components/ListPage.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Autor: pan * @Autor: pan
* @Date: 2024-03-12 14:01:57 * @Date: 2024-03-12 14:01:57
* @LastEditors: pan * @LastEditors: pan
* @LastEditTime: 2024-03-15 14:24:23 * @LastEditTime: 2024-03-29 20:23:32
--> -->
<template> <template>
<div class="list-page"> <div class="list-page">
...@@ -52,5 +52,8 @@ export default { ...@@ -52,5 +52,8 @@ export default {
flex: 1; flex: 1;
min-height: 180px; min-height: 180px;
} }
.formWrap {
border-bottom: 1px solid #e2e2e2;
}
} }
</style> </style>
src/router/index.js
...@@ -69,6 +69,9 @@ const routes = [ ...@@ -69,6 +69,9 @@ const routes = [
{ {
path: '/main/metaModelListDetails', //元模型管理详情 path: '/main/metaModelListDetails', //元模型管理详情
name: 'metaModelListDetails', name: 'metaModelListDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/meta-model-list/details.vue'), component: () => import('@/views/meta-model-list/details.vue'),
}, },
{ {
...@@ -127,6 +130,9 @@ const routes = [ ...@@ -127,6 +130,9 @@ const routes = [
{ {
path: '/main/archiViewManageDetails', //架构视图管理详情 path: '/main/archiViewManageDetails', //架构视图管理详情
name: 'archiViewManageDetails', name: 'archiViewManageDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/archi-view-manage/details.vue'), component: () => import('@/views/archi-view-manage/details.vue'),
}, },
{ {
...@@ -182,11 +188,17 @@ const routes = [ ...@@ -182,11 +188,17 @@ const routes = [
{ {
path: '/main/systemArchiViewDesignDetails', //系统架构视图设计详情 path: '/main/systemArchiViewDesignDetails', //系统架构视图设计详情
name: 'systemArchiViewDesignDetails', name: 'systemArchiViewDesignDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/systemArchiViewDesign/details.vue'), component: () => import('@/views/systemArchiViewDesign/details.vue'),
}, },
{ {
path: '/main/documentEdit', //文档编辑 path: '/main/documentEdit', //文档编辑
name: 'documentEdit', name: 'documentEdit',
meta: {
showGoBack: true,
},
component: () => import('@/views/documentEdit/index.vue'), component: () => import('@/views/documentEdit/index.vue'),
}, },
{ {
...@@ -197,6 +209,9 @@ const routes = [ ...@@ -197,6 +209,9 @@ const routes = [
{ {
path: '/main/summaryArchiDesignDetails', //概设阶段视图设计详情 path: '/main/summaryArchiDesignDetails', //概设阶段视图设计详情
name: 'summaryArchiDesignDetails', name: 'summaryArchiDesignDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/summaryArchiDesign/details.vue'), component: () => import('@/views/summaryArchiDesign/details.vue'),
}, },
{ {
...@@ -207,6 +222,9 @@ const routes = [ ...@@ -207,6 +222,9 @@ const routes = [
{ {
path: '/main/otherArchiDesignDetails', //其他视图设计详情 path: '/main/otherArchiDesignDetails', //其他视图设计详情
name: 'otherArchiDesignDetails', name: 'otherArchiDesignDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/otherArchiDesign/details.vue'), component: () => import('@/views/otherArchiDesign/details.vue'),
}, },
{ {
...@@ -217,6 +235,9 @@ const routes = [ ...@@ -217,6 +235,9 @@ const routes = [
{ {
path: '/main/reviewSituationDetails', //评审情况(概要设计)，详情 path: '/main/reviewSituationDetails', //评审情况(概要设计)，详情
name: 'reviewSituationDetails', name: 'reviewSituationDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/reviewSituation/details.vue'), component: () => import('@/views/reviewSituation/details.vue'),
}, },
{ {
...@@ -227,6 +248,9 @@ const routes = [ ...@@ -227,6 +248,9 @@ const routes = [
{ {
path: '/main/reviewArchiFollowCheckDetails', //概设架构遵从审查，详情 path: '/main/reviewArchiFollowCheckDetails', //概设架构遵从审查，详情
name: 'reviewArchiFollowCheckDetails', name: 'reviewArchiFollowCheckDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/reviewArchiFollowCheck/details.vue'), component: () => import('@/views/reviewArchiFollowCheck/details.vue'),
}, },
{ {
...@@ -237,6 +261,9 @@ const routes = [ ...@@ -237,6 +261,9 @@ const routes = [
{ {
path: '/main/reviewArchiPoliticeCheckDetails', //概设架构政策审查，详情 path: '/main/reviewArchiPoliticeCheckDetails', //概设架构政策审查，详情
name: 'reviewArchiPoliticeCheckDetails', name: 'reviewArchiPoliticeCheckDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/reviewArchiPoliticeCheck/details.vue'), component: () => import('@/views/reviewArchiPoliticeCheck/details.vue'),
}, },
{ {
...@@ -252,6 +279,9 @@ const routes = [ ...@@ -252,6 +279,9 @@ const routes = [
{ {
path: '/main/conceptualExamine', // 概设材料审查页面 path: '/main/conceptualExamine', // 概设材料审查页面
name: 'conceptualExamine', name: 'conceptualExamine',
meta: {
showGoBack: true,
},
component: () => import('@/views/conceptualReview/Examine.vue'), component: () => import('@/views/conceptualReview/Examine.vue'),
}, },
{ {
...@@ -272,6 +302,9 @@ const routes = [ ...@@ -272,6 +302,9 @@ const routes = [
{ {
path: '/main/onlineReview', // 评审意见编制- 在线辅助审核 path: '/main/onlineReview', // 评审意见编制- 在线辅助审核
name: 'onlineReview', name: 'onlineReview',
meta: {
showGoBack: true,
},
component: () => import('@/views/conceptualViewOrg/OnlineReview.vue'), component: () => import('@/views/conceptualViewOrg/OnlineReview.vue'),
}, },
{ {
...@@ -298,6 +331,9 @@ const routes = [ ...@@ -298,6 +331,9 @@ const routes = [
{ {
path: '/main/architectureFollowExamineDetails', // 架构督查 - 架构遵从检查-详情 path: '/main/architectureFollowExamineDetails', // 架构督查 - 架构遵从检查-详情
name: 'architectureFollowExamineDetails', name: 'architectureFollowExamineDetails',
meta: {
showGoBack: true,
},
component: () => component: () =>
import('@/views/architectureFollowExamine/details.vue'), import('@/views/architectureFollowExamine/details.vue'),
}, },
...@@ -324,10 +360,10 @@ const routes = [ ...@@ -324,10 +360,10 @@ const routes = [
import('@/views/architectureInspectionAnalysis/index.vue'), import('@/views/architectureInspectionAnalysis/index.vue'),
}, },
{ {
path:'/main/examine',// 架构督查 - 架构督查分析 path: '/main/examine', // 架构督查 - 架构督查分析
name:'examine', name: 'examine',
component:()=> import('@/views/artPolicyExamine/Examine.vue'), component: () => import('@/views/artPolicyExamine/Examine.vue'),
} },
], ],
}, },
] ]
......
src/styles/elementui.scss
$color-primary: #0d867f; $color-primary: #0d857f;
/deep/ .el-dialog__header { /deep/ .el-dialog__header {
background-color: $color-primary; background-color: $color-primary;
text-align: left; text-align: left;
...@@ -17,3 +17,9 @@ $color-primary: #0d867f; ...@@ -17,3 +17,9 @@ $color-primary: #0d867f;
/deep/ .el-dialog__headerbtn:hover .el-dialog__close { /deep/ .el-dialog__headerbtn:hover .el-dialog__close {
color: #fff; color: #fff;
} }
/deep/ .el-table th.el-table__cell {
background-color: #f2f9f9 !important;
font-weight: bold;
// font-size: 16px;
color: #333333;
}
src/views/Main/index.vue
...@@ -98,25 +98,45 @@ ...@@ -98,25 +98,45 @@
</div> </div>
</el-popover> </el-popover>
</div> </div>
<el-breadcrumb separator="/"> <div class="flex-b-c">
<!-- <el-breadcrumb-item>{{ breadcrumb1 }}</el-breadcrumb-item> <el-breadcrumb separator="/">
<el-breadcrumb-item>{{ breadcrumb2 }}</el-breadcrumb-item> <!-- <el-breadcrumb-item>{{ breadcrumb1 }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ breadcrumb3 }}</el-breadcrumb-item> --> <el-breadcrumb-item>{{ breadcrumb2 }}</el-breadcrumb-item>
<transition-group name="breadcrumb"> <el-breadcrumb-item>{{ breadcrumb3 }}</el-breadcrumb-item> -->
<el-breadcrumb-item <transition-group name="breadcrumb">
v-for="(item, index) in breadcrumbList" <el-breadcrumb-item
:key="index" v-for="(item, index) in breadcrumbList"
class="flex" :key="index"
> class="flex"
<div
class="el-breadcrumb__inner is-link"
@click="onBreadcrumbClick(item, index)"
> >
<span class="breadcrumb-title">{{ item.name }}</span> <div
</div> class="el-breadcrumb__inner is-link"
</el-breadcrumb-item> @click="onBreadcrumbClick(item, index)"
</transition-group> >
</el-breadcrumb> <span class="breadcrumb-title">{{ item.name }}</span>
</div>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
<div class="flex-c m-r-20 goBack" v-if="showGoBack" @click="fnGoBack()">
<svg
t="1711716188307"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="4258"
width="16"
height="16"
>
<path
d="M927.2 610.5c0 143-116.3 259.4-259.3 259.4H196.1c-12.9 0-23.4-10.4-23.4-23.4 0-12.9 10.4-23.4 23.4-23.4h471.7c117.2 0 212.6-95.4 212.6-212.6S785 397.8 667.8 397.8h-458l199.6 199.6c9.1 9.1 9.1 23.9 0 33-4.6 4.6-10.5 6.8-16.5 6.8s-11.9-2.3-16.5-6.8L137 391.1c-9.1-9.1-9.1-23.9 0-33l239.6-239.5c9.1-9.1 23.9-9.1 33 0s9.1 23.9 0 33L210 351.2h457.9c143 0 259.3 116.3 259.3 259.3z"
p-id="4259"
></path>
</svg>
<span>返回目录</span>
</div>
</div>
</div> </div>
<div class="left_menu_and_drawio_container"> <div class="left_menu_and_drawio_container">
<!-- <div class="left_menu_container"> <!-- <div class="left_menu_container">
...@@ -168,8 +188,14 @@ export default { ...@@ -168,8 +188,14 @@ export default {
] || [] ] || []
) )
}, },
showGoBack() {
return this.$route.meta.showGoBack
},
}, },
methods: { methods: {
fnGoBack() {
this.$router.go(-1)
},
isTopMenuActive(index) { isTopMenuActive(index) {
if ( if (
JSON.stringify(this.menuOptions[index]).includes(this.$route.path) && JSON.stringify(this.menuOptions[index]).includes(this.$route.path) &&
...@@ -464,10 +490,13 @@ export default { ...@@ -464,10 +490,13 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/common.scss'; @import '@/styles/common.scss';
@import '@/styles/transition.scss'; @import '@/styles/transition.scss';
@import '@/styles/elementui.scss';
.isActive { .isActive {
color: $color-primary !important; color: $color-primary !important;
} }
.goBack {
cursor: pointer;
}
.main { .main {
height: 100%; height: 100%;
} }
...@@ -562,10 +591,10 @@ export default { ...@@ -562,10 +591,10 @@ export default {
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: -10px; bottom: -17px;
left: 0; left: -20px;
width: 100%; width: calc(100% + 20px);
height: 6px; height: 4px;
background-color: $color-primary; background-color: $color-primary;
} }
} }
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!