修改菜单

src/views/JiaGouYuanShuGuanLi/index.vue

@@ -40,6 +40,7 @@
 				</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="" />
@@ -49,11 +50,7 @@
 					<img class="btn_icon" src="@/assets/版本发布icon.png" alt="" />
 					<p>版本发布</p>
 				</div>
-			<!-- <el-button type="info" style="float: right;">重置</el-button> -->
-			<!-- <el-button type="primary" style="float: right;">查询</el-button> -->
-
 			</div>
-		<div class="table_container">
 			 <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>
@@ -109,15 +106,15 @@
 			<div class="add_dialog_content">
 				<div class="dialog_form_item">
 					<div class="dialog_form_item_title">元素名称</div>
-					<el-input placeholder="请输入内容" class="dialog_form_item_content"></el-input>
+					<el-input placeholder="请输入内容" class="dialog_form_item_content" v-model="let1"></el-input>
 				</div>
 				<div class="dialog_form_item">
 					<div class="dialog_form_item_title">架构层次</div>
-					<el-input placeholder="请输入内容" class="dialog_form_item_content"></el-input>
+					<el-input placeholder="请输入内容" class="dialog_form_item_content" v-model="let2"></el-input>
 				</div>
 				<div class="dialog_form_item">
 					<div class="dialog_form_item_title">架构归属</div>
-					<el-select placeholder="请选择" class="search_item">
+					<el-select placeholder="请选择" class="search_item" v-model="let3">
 						<el-option label="业务架构" value="业务架构"></el-option>
 						<el-option label="应用架构" value="应用架构"></el-option>
 						<el-option label="内容架构" value="内容架构"></el-option>
@@ -127,7 +124,7 @@
 				</div>
 				<div class="dialog_form_item">
 					<div class="dialog_form_item_title">描述</div>
-					<el-input type="textarea" :rows="2" placeholder="请输入内容" class="dialog_form_item_content"></el-input>
+					<el-input type="textarea" :rows="2" placeholder="请输入内容" class="dialog_form_item_content" v-model="let4"></el-input>
 				</div>
 			</div>
 			<span slot="footer" class="dialog-footer">
@@ -160,6 +157,10 @@ export default {
 			query_item2: null,
 			query_item3: null,
 			query_item4: null,
+			let1: '',
+			let2: '',
+			let3: '',
+			let4: '',
 
 		};
 	},
@@ -168,12 +169,17 @@ export default {
 <style scoped>
 	.JiaGouYuanShuGuanLi{
 		width: 100%;
-		height: 100%;
+		height: calc(100% - 20px);
+		padding-right: 20px;
+		padding-left: 20px;
+		padding-bottom: 20px;
+		display: flex;
+    	flex-direction: column;
+    	justify-content: flex-start;
+    	align-items: center;
 	}
 	.search_menu{
 		display: flex;
-		/* justify-content: center; */
-		margin-left: 200px;
 	}
 	.search_menu_item_container{
 		display: flex;
@@ -197,10 +203,10 @@ export default {
 		width: 60%;
 	}
 	.search_btn{
+		width: 100%;
 		display: flex;
-		margin-right: 200px;
 		margin-top: 50px;
-		margin-left: 200px;
+		margin-bottom: 20px;
 	}
 	.add_btn{
 		display: flex;
@@ -262,11 +268,9 @@ export default {
 		margin-right: 10px;
 	}
 	.table_container{
-		margin-left: 200px;
 		margin-top: 20px;
 	}
 	.el-pagination{
-		margin-left: 200px;
 		margin-top: 50px;
 	}
 	.dialog_form_item{

src/views/Main/index.vue

@@ -16,7 +16,7 @@
 				<div class="line"></div>
 				<div class="operate_menu_item">
 					<img src="@/assets/管理员icon.png" alt="">
-					<p class="operate_title">管理层</p>
+					<p class="operate_title">管理员</p>
 				</div>
 				<div class="line"></div>
 				<div class="operate_menu_item">
@@ -488,7 +488,6 @@
 			};
 		},
 		mounted(){
-			console.log(this.$router)
 			$(".menu_item").hover(function() {
 				$(this).find(".menu_title").css('color', '#0D867F');
 				$(this).find(".menu_icon").css('display', 'none');
@@ -568,7 +567,7 @@
 	}
 	.operate_menu{
 		width: 350px;
-		height: 28px;
+		height: 35px;
 		font-size: 14px;
 		font-weight: 500;
 		display: flex;

src/views/YeWuZiChanGuanLi/index.vue

@@ -98,9 +98,11 @@
 <style scoped>
 	.YeWuZiChanGuanLi{
 		width: 100%;
-		height: 100%;
+		height: calc(100% - 20px);
 		display: flex;
 		padding-right: 20px;
+		padding-left: 20px;
+		padding-bottom: 20px;
 	}
 	.left_container{
 		width: 20%;

src/views/YuanMoXingGuanLi/index.vue

@@ -17,6 +17,9 @@
 <style scoped>
 	.YuanMoXingGuanLi{
 		width: 100%;
-		height: 100%;
+		height: calc(100% - 20px);
+		padding-right: 20px;
+		padding-left: 20px;
+		padding-bottom: 20px;
 	}
 </style>