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 67 additions and 59 deletions
src/views/JiaGouYuanShuGuanLi/index.vue
<template>
<div class="JiaGouYuanShuGuanLi">
<div class="search_menu">
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">架构归属</span>
<el-select v-model="query_item1" placeholder="请选择" class="search_item">
<el-option label="业务架构" value="业务架构"></el-option>
<el-option label="应用架构" value="应用架构"></el-option>
<el-option label="内容架构" value="内容架构"></el-option>
<el-option label="技术架构" value="技术架构"></el-option>
<el-option label="安全架构" value="安全架构"></el-option>
</el-select>
</div>
<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>
<el-select v-model="query_item4" placeholder="请选择" class="search_item">
<el-option label="已发布" value="已发布"></el-option>
<el-option label="已停用" value="已停用"></el-option>
<el-option label="暂存" value="暂存"></el-option>
</el-select>
</div>
</div>
<div class="search_menu_btn_container">
<div class="query_btn">
<img class="btn_icon" src="@/assets/查询icon.png" alt="" />
<p>查询</p>
<div class="table_container">
<div class="search_menu">
<div class="search_menu_item_container">
<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>
<el-select v-model="query_item1" placeholder="请选择" class="search_item">
<el-option label="业务架构" value="业务架构"></el-option>
<el-option label="应用架构" value="应用架构"></el-option>
<el-option label="内容架构" value="内容架构"></el-option>
<el-option label="技术架构" value="技术架构"></el-option>
<el-option label="安全架构" value="安全架构"></el-option>
</el-select>
</div>
<div class="search_menu_item">
<span class="search_title">状态</span>
<el-select v-model="query_item4" placeholder="请选择" class="search_item">
<el-option label="已发布" value="已发布"></el-option>
<el-option label="已停用" value="已停用"></el-option>
<el-option label="暂存" value="暂存"></el-option>
</el-select>
</div>
</div>
<div class="reset_btn">
<img class="btn_icon" src="@/assets/重置icon.png" alt="" />
<p>重置</p>
<div class="search_menu_btn_container">
<div class="query_btn">
<img class="btn_icon" src="@/assets/查询icon.png" alt="" />
<p>查询</p>
</div>
<div class="reset_btn">
<img class="btn_icon" src="@/assets/重置icon.png" alt="" />
<p>重置</p>
</div>
</div>
</div>
</div>
<div class="table_container">
<div class="search_btn">
<div class="add_btn" @click="add_dialog = true">
<img class="btn_icon" src="@/assets/新建icon.png" alt="" />
......@@ -51,7 +47,7 @@
<p>版本发布</p>
</div>
</div>
<el-table :data="tableData" stripe border>
<el-table :data="tableData" stripe border>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="let1" label="元素名称" width="180" align="center"></el-table-column>
......@@ -77,11 +73,11 @@
<img class="btn_icon" src="@/assets/停用_icon_default.png" alt="" />
<p>停用</p>
</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="" />
<p>发布</p>
</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="" />
<p>删除</p>
</div>
......@@ -90,11 +86,9 @@
</el-table-column>
</el-table>
<el-pagination
:current-page="1"
:page-sizes="[5, 20, 50, 100]"
:page-size="30"
layout="total, sizes, prev, pager, next, jumper"
:total="5">
background
layout="prev, pager, next"
:total="50">
</el-pagination>
</div>
......@@ -154,7 +148,6 @@ export default {
],
add_dialog: false,
query_item1: null,
query_item2: null,
query_item3: null,
query_item4: null,
let1: '',
......@@ -169,10 +162,7 @@ export default {
<style scoped>
.JiaGouYuanShuGuanLi{
width: 100%;
height: calc(100% - 20px);
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
......@@ -180,6 +170,7 @@ export default {
}
.search_menu{
display: flex;
justify-content: space-between;
}
.search_menu_item_container{
display: flex;
......@@ -285,4 +276,7 @@ export default {
/deep/ .el-dialog__header{
text-align: left;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
</style>
\ No newline at end of file
src/views/Main/index.vue
......@@ -30,7 +30,7 @@
placement="bottom"
width="640"
class="menu_item"
style="margin-right: 50px;cursor: pointer;position: relative;"
style="margin-right: 80px;cursor: pointer;position: relative;"
trigger="hover">
<div class="menu_1_container">
<div class="menu_1_item">
......@@ -133,7 +133,7 @@
placement="bottom"
width="960"
class="menu_item"
style="margin-right: 50px;cursor: pointer;position: relative;"
style="margin-right: 80px;cursor: pointer;position: relative;"
trigger="hover">
<div class="menu_1_container">
<div class="menu_1_item">
......@@ -296,7 +296,7 @@
placement="bottom"
width="420"
class="menu_item"
style="margin-right: 50px;cursor: pointer;position: relative;"
style="margin-right: 80px;cursor: pointer;position: relative;"
trigger="hover">
<div class="menu_1_container">
<div class="menu_1_item">
......@@ -336,7 +336,7 @@
placement="bottom"
width="420"
class="menu_item"
style="margin-right: 50px;cursor: pointer;position: relative;"
style="margin-right: 80px;cursor: pointer;position: relative;"
trigger="hover">
<div class="menu_1_container">
<div class="menu_1_item">
......@@ -466,8 +466,14 @@
</div>
</el-popover>
</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 class="left_menu_and_drawio_container">
<!-- <div class="left_menu_container">
左边任务栏
</div> -->
......@@ -532,14 +538,21 @@
height: 100%;
}
.top_menu_container{
margin-bottom: 20px;
/* margin-bottom: 20px; */
box-shadow: 0px 10px 10px 0px rgba(201,226,225,1);
height: 125px;
}
.left_menu_and_drawio_container{
display: flex;
height: calc(100% - 148px);
width: 100%;
height: calc(100% - 178px);
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{
width: 6%;
......
src/views/YeWuZiChanGuanLi/index.vue
<template>
<div class="YeWuZiChanGuanLi">
<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
class="filter-tree"
:data="treeData"
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!