搜索

src/pages/finance-manage/component/order-list/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+       订单列表
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {}
+    }
+}
+</script>

src/pages/finance-manage/component/product-manage/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+       生产管理
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {}
+    }
+}
+</script>

src/pages/finance-manage/component/return-goods/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+       退货管理
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {}
+    }
+}
+</script>

src/pages/layout/component/main-content/content.vue

@@ -0,0 +1,15 @@
+<template>
+    <router-view class="content"></router-view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {}
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/pages/layout/component/main-content/index.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="main-container">
+        <TopAside/>
+        <Content/>
+    </div>
+</template>
+
+<script>
+import TopAside from './top-aside'
+import Content from './content'
+
+export default {
+    data() {
+        return {}
+    },
+    computed: {
+    },
+    components: {
+        TopAside,
+        Content
+    }
+}
+</script>

src/pages/layout/component/main-content/top-aside.vue

@@ -0,0 +1,171 @@
+<template>
+    <aside class="aside__top">
+        <!-- <span
+            class="iconfont icon-nav toggleNavCollapse"
+            :class="{active:isSidebarNavCollapse}"
+            @click="toggleNavCollapse"
+        >
+        </span> -->
+        <div class="aside__top--right">
+            <div class="email">
+                <span class="iconfont icon-email"><i>40</i></span>
+            </div>
+            <div class="user-msg">
+                <span class="user-name">iwen</span>
+                <el-dropdown trigger="click" placement="top">
+                    <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-menu>
+                </el-dropdown>
+            </div>
+            <div class="quit-system" @click="loginOut">
+                <span class="iconfont icon-quit"></span>
+            </div>
+        </div>
+    </aside>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+    data() {
+        return {}
+    },
+    computed: {
+        ...mapState(['isSidebarNavCollapse'])
+    },
+    methods: {
+        toggleNavCollapse() {
+            this.$store.commit('toggleNavCollapse')
+        },
+        loginOut() {
+            this.$store.commit('LOGIN_OUT')
+            /* 防止切换角色时addRoutes重复添加路由导致出现警告 */
+            window.location.reload()
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.aside__top {
+    border-bottom: 1px solid #e5e5e5;
+    height: 50px;
+    line-height: 50px;
+    position: fixed;
+    left: 200px;
+    top: 0;
+    right: 0;
+    background: #fff;
+    z-index: 1000;
+    transition: left 0.25s;
+    .toggleNavCollapse {
+        display: inline-block;
+        margin-left: 8px;
+        padding: 0 10px;
+        font-size: 26px;
+        vertical-align: middle;
+        color: #333;
+        cursor: pointer;
+        transition: all 0.5s;
+        &.active {
+            transform: rotate(90deg);
+        }
+    }
+
+    .aside__top--right {
+        position: absolute;
+        right: 10px;
+        top: -1px;
+        bottom: 0px;
+        > div {
+            position: relative;
+            display: inline-block;
+            text-align: center;
+            vertical-align: middle;
+            margin-left: 10px;
+            padding: 0 15px;
+            cursor: pointer;
+            &:hover::after {
+                transform-origin: 0 0;
+                transform: scaleX(1);
+            }
+            &:first-child:before {
+                border: none;
+            }
+            &::after {
+                content: '';
+                position: absolute;
+                left: 0;
+                bottom: 0;
+                width: 100%;
+                height: 2px;
+                background: #ef4747;
+                transform: scaleX(0);
+                transform-origin: right 0;
+                transition: transform 0.5s;
+            }
+            &::before {
+                content: '';
+                position: absolute;
+                height: 20px;
+                top: 50%;
+                left: -8px;
+                margin-top: -10px;
+                border-left: 1px solid #ccc;
+            }
+            &.email {
+                i {
+                    position: absolute;
+                    left: 18px;
+                    top: -12px;
+                    border-radius: 20px;
+                    background: red;
+                    color: #fff;
+                    text-align: center;
+                    font-size: 12px;
+                    line-height: 1.5;
+                    min-width: 20px;
+                    min-height: 20px;
+                }
+            }
+            &.user-msg {
+                .user-img {
+                    width: 34px;
+                    height: 34px;
+                    border-radius: 50%;
+                    vertical-align: middle;
+                }
+                .user-name {
+                    color: #758eb5;
+                    padding: 0 4px;
+                }
+            }
+            .iconfont {
+                position: relative;
+                font-size: 24px;
+                color: #758eb5;
+            }
+        }
+    }
+}
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+    opacity: 0;
+    transform: translateX(20px);
+}
+
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+    transition: all 0.6s;
+}
+
+.breadcrumb-leave-active {
+    position: absolute;
+}
+</style>

src/pages/order-manage/product-manage/production-list/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+       生产列表
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {}
+    }
+}
+</script>

src/pages/order-manage/product-manage/review-manage/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+       审核管理
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {}
+    }
+}
+</script>