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 @@
* @Autor: pan
* @Date: 2024-03-12 14:01:57
* @LastEditors: pan
* @LastEditTime: 2024-03-15 14:24:23
* @LastEditTime: 2024-03-29 20:23:32
-->
<template>
<div class="list-page">
......@@ -52,5 +52,8 @@ export default {
flex: 1;
min-height: 180px;
}
.formWrap {
border-bottom: 1px solid #e2e2e2;
}
}
</style>
src/router/index.js
......@@ -69,6 +69,9 @@ const routes = [
{
path: '/main/metaModelListDetails', //元模型管理详情
name: 'metaModelListDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/meta-model-list/details.vue'),
},
{
......@@ -127,6 +130,9 @@ const routes = [
{
path: '/main/archiViewManageDetails', //架构视图管理详情
name: 'archiViewManageDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/archi-view-manage/details.vue'),
},
{
......@@ -182,11 +188,17 @@ const routes = [
{
path: '/main/systemArchiViewDesignDetails', //系统架构视图设计详情
name: 'systemArchiViewDesignDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/systemArchiViewDesign/details.vue'),
},
{
path: '/main/documentEdit', //文档编辑
name: 'documentEdit',
meta: {
showGoBack: true,
},
component: () => import('@/views/documentEdit/index.vue'),
},
{
......@@ -197,6 +209,9 @@ const routes = [
{
path: '/main/summaryArchiDesignDetails', //概设阶段视图设计详情
name: 'summaryArchiDesignDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/summaryArchiDesign/details.vue'),
},
{
......@@ -207,6 +222,9 @@ const routes = [
{
path: '/main/otherArchiDesignDetails', //其他视图设计详情
name: 'otherArchiDesignDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/otherArchiDesign/details.vue'),
},
{
......@@ -217,6 +235,9 @@ const routes = [
{
path: '/main/reviewSituationDetails', //评审情况(概要设计)，详情
name: 'reviewSituationDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/reviewSituation/details.vue'),
},
{
......@@ -227,6 +248,9 @@ const routes = [
{
path: '/main/reviewArchiFollowCheckDetails', //概设架构遵从审查，详情
name: 'reviewArchiFollowCheckDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/reviewArchiFollowCheck/details.vue'),
},
{
......@@ -237,6 +261,9 @@ const routes = [
{
path: '/main/reviewArchiPoliticeCheckDetails', //概设架构政策审查，详情
name: 'reviewArchiPoliticeCheckDetails',
meta: {
showGoBack: true,
},
component: () => import('@/views/reviewArchiPoliticeCheck/details.vue'),
},
{
......@@ -252,6 +279,9 @@ const routes = [
{
path: '/main/conceptualExamine', // 概设材料审查页面
name: 'conceptualExamine',
meta: {
showGoBack: true,
},
component: () => import('@/views/conceptualReview/Examine.vue'),
},
{
......@@ -272,6 +302,9 @@ const routes = [
{
path: '/main/onlineReview', // 评审意见编制- 在线辅助审核
name: 'onlineReview',
meta: {
showGoBack: true,
},
component: () => import('@/views/conceptualViewOrg/OnlineReview.vue'),
},
{
......@@ -298,6 +331,9 @@ const routes = [
{
path: '/main/architectureFollowExamineDetails', // 架构督查 - 架构遵从检查-详情
name: 'architectureFollowExamineDetails',
meta: {
showGoBack: true,
},
component: () =>
import('@/views/architectureFollowExamine/details.vue'),
},
......@@ -324,10 +360,10 @@ const routes = [
import('@/views/architectureInspectionAnalysis/index.vue'),
},
{
path:'/main/examine',// 架构督查 - 架构督查分析
name:'examine',
component:()=> import('@/views/artPolicyExamine/Examine.vue'),
}
path: '/main/examine', // 架构督查 - 架构督查分析
name: 'examine',
component: () => import('@/views/artPolicyExamine/Examine.vue'),
},
],
},
]
......
src/styles/elementui.scss
$color-primary: #0d867f;
$color-primary: #0d857f;
/deep/ .el-dialog__header {
background-color: $color-primary;
text-align: left;
......@@ -17,3 +17,9 @@ $color-primary: #0d867f;
/deep/ .el-dialog__headerbtn:hover .el-dialog__close {
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 @@
</div>
</el-popover>
</div>
<el-breadcrumb separator="/">
<!-- <el-breadcrumb-item>{{ breadcrumb1 }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ breadcrumb2 }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ breadcrumb3 }}</el-breadcrumb-item> -->
<transition-group name="breadcrumb">
<el-breadcrumb-item
v-for="(item, index) in breadcrumbList"
:key="index"
class="flex"
>
<div
class="el-breadcrumb__inner is-link"
@click="onBreadcrumbClick(item, index)"
<div class="flex-b-c">
<el-breadcrumb separator="/">
<!-- <el-breadcrumb-item>{{ breadcrumb1 }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ breadcrumb2 }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ breadcrumb3 }}</el-breadcrumb-item> -->
<transition-group name="breadcrumb">
<el-breadcrumb-item
v-for="(item, index) in breadcrumbList"
:key="index"
class="flex"
>
<span class="breadcrumb-title">{{ item.name }}</span>
</div>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
<div
class="el-breadcrumb__inner is-link"
@click="onBreadcrumbClick(item, index)"
>
<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 class="left_menu_and_drawio_container">
<!-- <div class="left_menu_container">
......@@ -168,8 +188,14 @@ export default {
] || []
)
},
showGoBack() {
return this.$route.meta.showGoBack
},
},
methods: {
fnGoBack() {
this.$router.go(-1)
},
isTopMenuActive(index) {
if (
JSON.stringify(this.menuOptions[index]).includes(this.$route.path) &&
......@@ -464,10 +490,13 @@ export default {
<style lang="scss" scoped>
@import '@/styles/common.scss';
@import '@/styles/transition.scss';
@import '@/styles/elementui.scss';
.isActive {
color: $color-primary !important;
}
.goBack {
cursor: pointer;
}
.main {
height: 100%;
}
......@@ -562,10 +591,10 @@ export default {
&::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 6px;
bottom: -17px;
left: -20px;
width: calc(100% + 20px);
height: 4px;
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!