ADD file via upload

flower_user_front/src/components/CommonAside.vue

@@ -0,0 +1,82 @@
+<template>
+    <el-menu
+            class="el-menu-vertical-demo"
+            background-color="#fff"
+            text-color="#000"
+            style="border: 1px solid #8c8c8c;"
+    >
+        <h3 style="white-space:nowrap;color: #000;text-align: center;line-height: 50px;font-size: 18px;">
+            我的交易
+        </h3>
+        <el-menu-item @click="clickMenu(item)" v-for="item in menuData1" :key="item.name" :index="item.name">
+            <span slot="title">{{ item.label }}</span>
+        </el-menu-item>
+
+        <h3 style="white-space:nowrap;color: #000;text-align: center;line-height: 50px;font-size: 18px;margin-top: 50px">
+            个人中心
+        </h3>
+        <el-menu-item @click="clickMenu(item)" v-for="item in menuData2" :key="item.name" :index="item.name">
+            <span slot="title">{{ item.label }}</span>
+        </el-menu-item>
+    </el-menu>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            menuData1: [
+              {
+                path: "/order",
+                name: "order",
+                label: "我的订单",
+                url: "order/order",
+              },
+              {
+                path: "/gift",
+                name: "gift",
+                label: "积分换赠",
+                url: "gift/gift",
+              }
+            ],
+            menuData2: [
+                {
+                    path: "/member",
+                    name: "member",
+                    label: "会员充值",
+                    url: "member/member",
+                },
+                {
+                    path: "/user",
+                    name: "user",
+                    label: "个人信息",
+                    url: "user/user",
+                },
+                {
+                    path: "/address",
+                    name: "address",
+                    label: "地址管理",
+                    url: "address/address",
+                }
+            ],
+        };
+    },
+    methods: {
+        clickMenu(item){ //点击菜单跳转
+            //当前页面路由与跳转路由不一致时才允许跳转（解决重复点击报错问题）
+            if(this.$route.path !== item.path && !(this.$route.path === '/user' && item.path === '/')){
+                this.$router.push(item.path)
+            }
+        }
+    }
+};
+</script>
+<style>
+.el-menu-vertical-demo{
+    width: 250px;
+    height: 700px;
+}
+.el-menu-item.is-active{
+    color: #ff3134 !important;
+}
+</style>