Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 5590a862 by liuyong
Options

修改菜单

1 parent bb32d98f
Inline Side-by-side
Showing with 37 additions and 29 deletions
src/views/JiaGouYuanShuGuanLi/index.vue
<template> <template>
<div class="JiaGouYuanShuGuanLi"> <div class="JiaGouYuanShuGuanLi">
<div class="table_container">
<div class="search_menu"> <div class="search_menu">
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">元素名称</span>
<el-input v-model="query_item3" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">架构归属</span> <span class="search_title">架构归属</span>
<el-select v-model="query_item1" placeholder="请选择" class="search_item"> <el-select v-model="query_item1" placeholder="请选择" class="search_item">
<el-option label="业务架构" value="业务架构"></el-option> <el-option label="业务架构" value="业务架构"></el-option>
...@@ -13,14 +18,6 @@ ...@@ -13,14 +18,6 @@
</el-select> </el-select>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">架构层次</span>
<el-input v-model="query_item2" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">元素名称</span>
<el-input v-model="query_item3" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">状态</span> <span class="search_title">状态</span>
<el-select v-model="query_item4" placeholder="请选择" class="search_item"> <el-select v-model="query_item4" placeholder="请选择" class="search_item">
<el-option label="已发布" value="已发布"></el-option> <el-option label="已发布" value="已发布"></el-option>
...@@ -40,7 +37,6 @@ ...@@ -40,7 +37,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="table_container">
<div class="search_btn"> <div class="search_btn">
<div class="add_btn" @click="add_dialog = true"> <div class="add_btn" @click="add_dialog = true">
<img class="btn_icon" src="@/assets/新建icon.png" alt="" /> <img class="btn_icon" src="@/assets/新建icon.png" alt="" />
...@@ -77,11 +73,11 @@ ...@@ -77,11 +73,11 @@
<img class="btn_icon" src="@/assets/停用_icon_default.png" alt="" /> <img class="btn_icon" src="@/assets/停用_icon_default.png" alt="" />
<p>停用</p> <p>停用</p>
</div> </div>
<div class="add_btn" style="border: 0;"> <div class="add_btn" style="border: 0;margin-right: 8px;">
<img class="btn_icon" src="@/assets/发布_icon_default.png" alt="" /> <img class="btn_icon" src="@/assets/发布_icon_default.png" alt="" />
<p>发布</p> <p>发布</p>
</div> </div>
<div class="reset_btn" style="border: 0;margin-right: 8px;"> <div class="reset_btn" style="border: 0;">
<img class="btn_icon" src="@/assets/删除_icon_default.png" alt="" /> <img class="btn_icon" src="@/assets/删除_icon_default.png" alt="" />
<p>删除</p> <p>删除</p>
</div> </div>
...@@ -90,11 +86,9 @@ ...@@ -90,11 +86,9 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
:current-page="1" background
:page-sizes="[5, 20, 50, 100]" layout="prev, pager, next"
:page-size="30" :total="50">
layout="total, sizes, prev, pager, next, jumper"
:total="5">
</el-pagination> </el-pagination>
</div> </div>
...@@ -154,7 +148,6 @@ export default { ...@@ -154,7 +148,6 @@ export default {
], ],
add_dialog: false, add_dialog: false,
query_item1: null, query_item1: null,
query_item2: null,
query_item3: null, query_item3: null,
query_item4: null, query_item4: null,
let1: '', let1: '',
...@@ -169,10 +162,7 @@ export default { ...@@ -169,10 +162,7 @@ export default {
<style scoped> <style scoped>
.JiaGouYuanShuGuanLi{ .JiaGouYuanShuGuanLi{
width: 100%; width: 100%;
height: calc(100% - 20px); height: 100%;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
...@@ -180,6 +170,7 @@ export default { ...@@ -180,6 +170,7 @@ export default {
} }
.search_menu{ .search_menu{
display: flex; display: flex;
justify-content: space-between;
} }
.search_menu_item_container{ .search_menu_item_container{
display: flex; display: flex;
...@@ -285,4 +276,7 @@ export default { ...@@ -285,4 +276,7 @@ export default {
/deep/ .el-dialog__header{ /deep/ .el-dialog__header{
text-align: left; text-align: left;
} }
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
</style> </style>
\ No newline at end of file
src/views/Main/index.vue
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
placement="bottom" placement="bottom"
width="640" width="640"
class="menu_item" class="menu_item"
style="margin-right: 50px;cursor: pointer;position: relative;" style="margin-right: 80px;cursor: pointer;position: relative;"
trigger="hover"> trigger="hover">
<div class="menu_1_container"> <div class="menu_1_container">
<div class="menu_1_item"> <div class="menu_1_item">
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
placement="bottom" placement="bottom"
width="960" width="960"
class="menu_item" class="menu_item"
style="margin-right: 50px;cursor: pointer;position: relative;" style="margin-right: 80px;cursor: pointer;position: relative;"
trigger="hover"> trigger="hover">
<div class="menu_1_container"> <div class="menu_1_container">
<div class="menu_1_item"> <div class="menu_1_item">
...@@ -296,7 +296,7 @@ ...@@ -296,7 +296,7 @@
placement="bottom" placement="bottom"
width="420" width="420"
class="menu_item" class="menu_item"
style="margin-right: 50px;cursor: pointer;position: relative;" style="margin-right: 80px;cursor: pointer;position: relative;"
trigger="hover"> trigger="hover">
<div class="menu_1_container"> <div class="menu_1_container">
<div class="menu_1_item"> <div class="menu_1_item">
...@@ -336,7 +336,7 @@ ...@@ -336,7 +336,7 @@
placement="bottom" placement="bottom"
width="420" width="420"
class="menu_item" class="menu_item"
style="margin-right: 50px;cursor: pointer;position: relative;" style="margin-right: 80px;cursor: pointer;position: relative;"
trigger="hover"> trigger="hover">
<div class="menu_1_container"> <div class="menu_1_container">
<div class="menu_1_item"> <div class="menu_1_item">
...@@ -466,8 +466,14 @@ ...@@ -466,8 +466,14 @@
</div> </div>
</el-popover> </el-popover>
</div> </div>
<el-breadcrumb separator="/">
<el-breadcrumb-item>总体架构资产设计与维护</el-breadcrumb-item>
<el-breadcrumb-item>架构元模型管理</el-breadcrumb-item>
<el-breadcrumb-item>元模型管理</el-breadcrumb-item>
</el-breadcrumb>
</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">
左边任务栏 左边任务栏
</div> --> </div> -->
...@@ -532,14 +538,21 @@ ...@@ -532,14 +538,21 @@
height: 100%; height: 100%;
} }
.top_menu_container{ .top_menu_container{
margin-bottom: 20px; /* margin-bottom: 20px; */
box-shadow: 0px 10px 10px 0px rgba(201,226,225,1); box-shadow: 0px 10px 10px 0px rgba(201,226,225,1);
height: 125px; height: 125px;
} }
.left_menu_and_drawio_container{ .left_menu_and_drawio_container{
display: flex; display: flex;
height: calc(100% - 148px); height: calc(100% - 178px);
width: 100%; width: calc(100% - 40px);
margin: 30px 20px 20px 20px;
border-top: 6px solid #0D867F;
}
.el-breadcrumb{
height: 30px;
margin-left: 20px;
line-height: 30px;
} }
/* .left_menu_container{ /* .left_menu_container{
width: 6%; width: 6%;
......
src/views/YeWuZiChanGuanLi/index.vue
<template> <template>
<div class="YeWuZiChanGuanLi"> <div class="YeWuZiChanGuanLi">
<div class="left_container"> <div class="left_container">
<el-input placeholder="请输入搜索内容" v-model="filterText" suffix-icon="el-icon-search"></el-input> <el-input placeholder="请输入搜索内容" v-model="filterText" prefix-icon="el-icon-search"></el-input>
<el-tree <el-tree
class="filter-tree" class="filter-tree"
:data="treeData" :data="treeData"
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!