优化首页的菜单 2020年7月8日19:32:09

src/views/Home/Home.vue

@@ -13,28 +13,25 @@
                 <span class="warp">
                     <el-dropdown>
                         <span class="el-dropdown-link">
-                            登录中
+                            账号管理
                             <i class="el-icon-arrow-down el-icon--right"></i>
                         </span>
                         <el-dropdown-menu slot="dropdown">
-                            <el-dropdown-item>黄金糕</el-dropdown-item>
-                            <el-dropdown-item>狮子头</el-dropdown-item>
-                            <el-dropdown-item>螺蛳粉</el-dropdown-item>
-                            <el-dropdown-item disabled>双皮奶</el-dropdown-item>
-                            <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
+                            <el-dropdown-item>退出登录</el-dropdown-item>
+                            <el-dropdown-item>切换账号</el-dropdown-item>
+                            
                         </el-dropdown-menu>
                     </el-dropdown>
                 </span>
                 <span>
                     <el-dropdown>
                         <span class="el-dropdown-link">
-                            账号
+                            权限切换
                             <i class="el-icon-arrow-down el-icon--right"></i>
                         </span>
                         <el-dropdown-menu slot="dropdown">
-                            <el-dropdown-item>黄金糕</el-dropdown-item>
-                            <el-dropdown-item>狮子头</el-dropdown-item>
-                            <el-dropdown-item>螺蛳粉</el-dropdown-item>
+                            <el-dropdown-item disabled>权限一</el-dropdown-item>
+                            <el-dropdown-item divided>权限二</el-dropdown-item>
                         </el-dropdown-menu>
                     </el-dropdown>
                 </span>
@@ -114,12 +111,14 @@ export default {
         this.defaultUnfoldedMenu = [
             localStorage.getItem("defaultUnfoldedMenu")
         ];
+        this.menuCollapse = JSON.parse(localStorage.getItem("menuCollapse"));
     },
     mounted() {},
     methods: {
         // 收取菜单按钮
         onMenuCollapse() {
             this.menuCollapse = !this.menuCollapse;
+            localStorage.setItem("menuCollapse", this.menuCollapse);
             this.defaultUnfoldedMenu = [
                 localStorage.getItem("defaultUnfoldedMenu")
             ];

src/views/areaManagement/AreaInfo.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="AreaInfo">
-        <el-button size="mini" type="primary" @click="isShowDialog=true">区域信息管理</el-button>
+        <el-button class="top_btn" size="mini" type="primary" @click="isShowDialog=true">区域信息管理</el-button>
 
         <el-tree
             class="filter-tree"
@@ -14,26 +14,29 @@
         <el-dialog title="区域信息管理" :visible.sync="isShowDialog" append-to-body>
             <el-form :model="formData" label-width="100px">
                 <el-form-item label="所属区域：">
-                    <el-cascader
-                        :options="areaInfoTree"
-                        :props="{ children: 'children', label: 'name' ,value:'id'}"
-                        @expand-change="handleChange"
-                        @change="change"
-                        placeholder="请选择/不选择默认根级"
-                    ></el-cascader>
+                    <div>
+                        <p class="hint" style="color: rgb(250, 80, 61)">提示：选择好后，点击旁白就会选中！</p>
+                        <el-cascader
+                            :options="areaInfoTree"
+                            :props="{ children: 'children', label: 'name' ,value:'id'}"
+                            @expand-change="handleChange"
+                            @change="change"
+                            placeholder="请选择/不选择默认根级"
+                        ></el-cascader>
 
-                    <!-- <el-select v-model="formData.area" placeholder="请选择所属区域">
+                        <!-- <el-select v-model="formData.area" placeholder="请选择所属区域">
                         <el-option label="区域一" value="1"></el-option>
-                    </el-select>-->
-                    <el-popconfirm
-                        title="删除此区域信息？"
-                        @onConfirm="onConfirmDelAll"
-                        @onCancel="onConfirmDel"
-                        confirmButtonText="全部删除"
-                        cancelButtonText="不删除所属区域"
-                    >
-                        <el-button type="primary" slot="reference">删除此区域</el-button>
-                    </el-popconfirm>
+                        </el-select>-->
+                        <el-popconfirm
+                            title="删除此区域信息？"
+                            @onConfirm="onConfirmDelAll"
+                            @onCancel="onConfirmDel"
+                            confirmButtonText="全部删除"
+                            cancelButtonText="不删除所属区域"
+                        >
+                            <el-button type="primary" slot="reference">删除此区域</el-button>
+                        </el-popconfirm>
+                    </div>
                 </el-form-item>
 
                 <el-form-item label="区域名字：">
@@ -43,7 +46,7 @@
                     <el-select v-model="formData.orgId" placeholder="请选择所属组织" disabled>
                         <el-option label="组织一" value="1"></el-option>
                     </el-select>
-                </el-form-item> -->
+                </el-form-item>-->
 
                 <el-form-item>
                     <el-button @click="isShowDialog=false">取 消</el-button>
@@ -222,5 +225,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.AreaInfo{
+    .top_btn{
+        margin-bottom: 20px;
+    }
+}
 </style>