.

src/router/routes.js

@@ -8,11 +8,6 @@ export default [
 		children: [
 			/* 基本信息 */
 			{
-				path: 'firmInfo',
-				name: 'firmInfo',
-				component: () => import('@/views/basicInfo/firmInfo.vue')
-			},
-			{
 				path: 'herdsmanInfo',
 				name: 'herdsmanInfo',
 				component: () => import('@/views/basicInfo/herdsmanInfo.vue')

src/views/Home/Home.vue

@@ -38,16 +38,15 @@
             </div>
         </header>
         <section class="section">
-            <!-- <div class="tac"> -->
             <div class="col1">
                 <el-menu
-                    default-active="2"
                     class="el-menu-vertical-demo"
                     @open="handleOpen"
+                    @select="handleSelect"
                     @close="handleClose"
                     :collapse="menuCollapse"
                     :unique-opened="true"
-                    :default-openeds="defaultUnfoldedMenu"
+                    :default-active="defaultActiveMenu"
                     select="1-1"
                     background-color="#545c64"
                     text-color="#eee"
@@ -94,8 +93,6 @@
                     <router-view />
                 </div>
             </div>
-
-            <!-- </div> -->
         </section>
     </div>
 </template>
@@ -109,13 +106,11 @@ export default {
             // 菜单配置
             menuData,
             menuCollapse: false, //是否水平折叠收起菜单
-            defaultUnfoldedMenu: [menuData[0].index], // 默认展开第一项
+            defaultActiveMenu: '0-0', //是否水平折叠收起菜单
         };
     },
     created() {
-        this.defaultUnfoldedMenu = [
-            localStorage.getItem("defaultUnfoldedMenu"),
-        ];
+        this.defaultActiveMenu = localStorage.getItem("defaultActiveMenu")
         this.menuCollapse = JSON.parse(localStorage.getItem("menuCollapse"));
     },
     mounted() {},
@@ -124,19 +119,17 @@ export default {
         onMenuCollapse() {
             this.menuCollapse = !this.menuCollapse;
             localStorage.setItem("menuCollapse", this.menuCollapse);
-            this.defaultUnfoldedMenu = [
-                localStorage.getItem("defaultUnfoldedMenu"),
-            ];
         },
         // 菜单展开
-        handleOpen(key, keyPath) {
-            localStorage.setItem("defaultUnfoldedMenu", "" + key);
+        handleOpen(key, keyPath) {},
+        // 菜单选中
+        handleSelect(index) {
+            localStorage.setItem("defaultActiveMenu", index);
         },
         // 菜单收取
         handleClose(key, keyPath) {},
         // 点击菜单项
         onClickMenu(item) {
-            let _this = this;
             // 如果要跳转的路由和当前路由一致就 return
             if (this.$router.history.current.name == item.routerName) return;
             this.$router.push({
@@ -184,7 +177,6 @@ export default {
         box-sizing: border-box;
         overflow: auto;
         display: flex;
-        // height: 90%;
         box-sizing: border-box;
         .col1 {
             margin-right: 5px;
@@ -211,7 +203,6 @@ export default {
                 margin: 15px;
             }
         }
-        // }
     }
     // border: 1px solid #f00;
 }

src/views/Home/mencCofig.js

@@ -7,10 +7,6 @@ export const menuData = [
         disabled: false, // 是否禁用
         childList: [
             {
-                optionName: '企业信息（余）',
-                routerName: "firmInfo"
-            },
-            {
                 optionName: '牧民信息管理',
                 routerName: "herdsmanInfo"
             },

src/views/Login/Login.vue

@@ -107,7 +107,7 @@ export default {
                 .then(res => {
                     this.isShowDialog = false;
                     //导航到 正式页面
-                    this.$router.replace("/home");
+                    this.$router.replace("/home/herdsmanInfo");
                 })
                 .catch(err => {
                     if (err.errMsg) this.$message.error(err.errMsg);

src/views/basicInfo/firmInfo.vue

@@ -1,134 +0,0 @@
-<template>
-    <div class="firmInfo">
-        <h2
-            style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd"
-        >
-            企业信息
-        </h2>
-        <div class="left">
-            <el-form ref="form" :model="form">
-                <el-form-item label="企业名称">
-                    <el-input v-model="form.name"></el-input>
-                </el-form-item>
-                <el-form-item label="邮箱">
-                    <el-input v-model="form.email"></el-input>
-                </el-form-item>
-                <el-form-item label="企业简介">
-                    <el-input
-                        type="textarea"
-                        v-model="form.decription"
-                        autosize
-                    ></el-input>
-                </el-form-item>
-                <el-form-item label="国家地区">
-                    <el-input v-model="form.province"></el-input>
-                </el-form-item>
-                <el-form-item label="所在省市">
-                    <el-row type="flex" justify="space-between">
-                        <el-col :span="11">
-                            <el-input v-model="form.country"></el-input>
-                        </el-col>
-                        <el-col :span="11">
-                            <el-input v-model="form.city"></el-input>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
-                <el-form-item label="详细地址">
-                    <el-input v-model="form.address"></el-input>
-                </el-form-item>
-                <el-form-item label="联系电话">
-                    <el-row type="flex" :gutter="19">
-                        <el-input v-model="form.tel"></el-input>
-                    </el-row>
-                </el-form-item>
-                <el-form-item>
-                    <el-button
-                        style="margin-left:60%"
-                        type="primary"
-                        @click="onSubmit"
-                        >更新信息</el-button
-                    >
-                </el-form-item>
-            </el-form>
-        </div>
-    </div>
-</template>
-
-<script>
-// import { reqFirminfo, reqUpdateFirm } from "@/api/fileInfo.js";
-export default {
-    name: "firmInfo",
-    data() {
-        return {
-            // 保留接口结构
-            reqInfo: {},
-            form: {
-                name: "",
-                email: "",
-                decription: "",
-                province: "",
-                country: "",
-                city: "",
-                address: "",
-                tel: ""
-            }
-        };
-    },
-    created() {
-        // this.getFirminfo();
-    },
-    methods: {
-        // 更新企业信息
-        onSubmit() {
-            let tempArr = [];
-            for (const key in this.form) {
-                tempArr.push({ key, val: this.form[key] });
-            }
-            this.reqInfo.conf = JSON.stringify({
-                data: JSON.stringify(tempArr)
-            });
-            console.log(this.reqInfo);
-            reqUpdateFirm(this.reqInfo)
-                .then(res => {
-                    // this.$message.success("更新企业信息成功！");
-                    if (res.errCode) {
-                        this.$message.error(res.errMsg);
-                    } else {
-                        this.$message.success("成功");
-                    }
-                })
-                .catch(err => {
-                    console.log(err);
-                    this.$message.error("更新企业信息失败！");
-                });
-        },
-        // 获取企业信息
-        getFirminfo() {
-            reqFirminfo()
-                .then(res => {
-                    // 保留接口结构
-                    this.reqInfo = res;
-                    if (res.conf.data) {
-                        let obj = {};
-                        JSON.parse(res.conf.data).forEach(item => {
-                            obj[item.key] = item.val;
-                        });
-                        this.form = obj;
-                    }
-                })
-                .catch(err => {
-                    console.error(err);
-                });
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-.firmInfo {
-    .left {
-        width: 400px;
-        margin-left: 50px;
-    }
-}
-</style>