更新用户管理

src/components/svstem/svstemuser.vue

@@ -18,7 +18,7 @@
         <div class="w_1200">
           <el-col :span="5" class="fenlei">
             <el-col :span="24" class="geren">
-              <geren></geren>
+              <xingeren></xingeren>
             </el-col>
             <el-col :span="24" class="diaocha">
               <diaocha :diaochatitle="diaochatitle"></diaocha>
@@ -43,7 +43,7 @@ import top from '@/layout/index/top.vue';
 import logo from '@/layout/index/logo.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import foot from '@/layout/index/foot.vue';
-import geren from '@/layout/svstem/geren.vue';
+import xingeren from '@/layout/svstem/xingeren.vue';
 import diaocha from '@/layout/svstem/diaocha.vue';
 import right from '@/layout/svstem/right.vue';
 export default {
@@ -59,7 +59,7 @@ export default {
     logo, //logo
     menuInfo, //导航
     foot, //底部
-    geren, //左边个人中心
+    xingeren, //左边个人中心
     right, //右边基本信息
     diaocha, //左边网上调查
   },
@@ -104,7 +104,7 @@ export default {
 .geren {
   float: left;
   width: 240px;
-  min-height: 360px;
+  min-height: 420px;
   // margin: 0 10px 0 0;
   overflow: hidden;
   background-color: #ffffff;
@@ -113,7 +113,7 @@ export default {
 .diaocha {
   float: left;
   width: 240px;
-  min-height: 530px;
+  min-height: 470px;
   margin: 10px 0 0 0;
   overflow: hidden;
   background-color: #ffffff;

src/layout/svstem/xingeren.vue

@@ -0,0 +1,63 @@
+<template>
+  <div id="geren">
+    <el-col class="swfl">
+      <el-image style="width:22px;height:22px;margin:0 5px -5px 0;" :src="src"></el-image>
+      <span>个人中心</span>
+    </el-col>
+    <el-col>
+      <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" text-color="#215299" active-text-color="#215299">
+        <el-menu-item index="1"><span slot="title">基本信息</span></el-menu-item>
+        <el-menu-item index="2"><span slot="title">用户管理</span></el-menu-item>
+        <el-menu-item index="3"><span slot="title">我要发布</span></el-menu-item>
+        <el-menu-item index="4"><span slot="title">我的发布</span></el-menu-item>
+        <el-menu-item index="5"><span slot="title">统计信息</span></el-menu-item>
+        <el-menu-item index="6"><span slot="title">注销账号</span></el-menu-item>
+      </el-menu>
+    </el-col>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'geren',
+  props: {},
+  components: {},
+  data: () => ({
+    src: require('@/assets/personal.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleOpen(key, keyPath) {
+      console.log(key, keyPath);
+    },
+    handleClose(key, keyPath) {
+      console.log(key, keyPath);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.swfl {
+  height: 60px;
+  width: 240px;
+  line-height: 60px;
+  background-color: #22529a;
+  text-align: center;
+}
+.swfl span {
+  font-size: 22px;
+  color: #ffffff;
+}
+/deep/.el-menu-item {
+  height: 60px;
+  text-align: center;
+  line-height: 60px;
+  border-bottom: 1px dashed;
+  font-size: 22px;
+}
+/deep/.el-menu-item:last-child {
+  border-bottom: none;
+}
+</style>