前端：页面样式调整

front/src/styles/table-common.less

@@ -4,8 +4,8 @@
     }
 
     .operation button {
-        width: 150px;
-        height: 40px;
+        width: 130px;
+        height: 35px;
     }
 
     .select-count {

front/src/styles/tree-common.less

@@ -2,10 +2,17 @@
     .operation {
         margin-bottom: 2vh;
         height: 80vh;
+        overflow-y: auto;
     }
 
-    .operation form input {
-        width: 550px;
+    .content {
+        margin-bottom: 2vh;
+        height: 80vh;
+        width: 50vw;
+    }
+
+    .content form input {
+        width: 350px;
         height: 35px;
     }
 

front/src/views/sys/menu-manage/menuManage.vue

@@ -4,8 +4,8 @@
 </style>
 <template>
 <div class="search">
-    <Row type="flex" justify="start" :gutter="24" v-show="showType == 'tree'">
-        <Col :sm="10" :md="10" :lg="10" :xl="8">
+    <Row type="flex" justify="start" :gutter="24" v-show="showType == 'tree'" :style="{ maxHeight: maxHeight }">
+        <Col :sm="12" :md="12" :lg="12" :xl="10" >
         <Card class="operation">
             <Row align="middle" justify="start">
                 <div>
@@ -35,8 +35,8 @@
                     <a class="select-clear" v-show="form.id && editTitle" @click="cancelEdit">取消选择</a>
                     </template>
                 </Alert>
-                <div style="position: relative">
-                    <div class="tree-bar" :style="{ maxHeight: maxHeight }">
+                <div style="position: relative;">
+                    <div class="tree-bar">
                         <Tree ref="tree" :data="data" show-checkbox :render="renderContent" @on-select-change="selectTree" @on-check-change="changeSelect" :check-strictly="!strict"></Tree>
                     </div>
                     <Spin size="large" fix v-if="loading"></Spin>
@@ -47,7 +47,7 @@
         </Card>
         </Col>
         <Col :sm="18" :md="18" :lg="18" :xl="11">
-        <Card class="operation" bordered shadow>
+        <Card class="content" bordered shadow>
             <Row>
                 <Icon type="ios-apps" style="display:inline-block;padding-top:5px;"/>
                 <span style="display:inline-block;padding-left:15px;font-size:16px;font-weight:bold;color:#252b2d">菜单编辑</span>
@@ -417,6 +417,7 @@ export default {
                 }
                 let str = JSON.stringify(v[0]);
                 let data = JSON.parse(str);
+                console.info(data)
                 this.form = data;
                 this.editTitle = data.title;
             } else {
@@ -620,7 +621,7 @@ export default {
     mounted() {
         // 计算高度
         let height = document.documentElement.clientHeight;
-        this.maxHeight = Number(height - 287) + "px";
+        this.maxHeight = Number(height - 237) + "px";
         this.init();
     },
 };