diff --git a/vue/element-ui-personal/components/Menu/MenuItem.vue b/vue/element-ui-personal/component/Menu/MenuItem.vue
similarity index 100%
rename from vue/element-ui-personal/components/Menu/MenuItem.vue
rename to vue/element-ui-personal/component/Menu/MenuItem.vue
diff --git a/vue/element-ui-personal/components/Menu/Submenu.vue b/vue/element-ui-personal/component/Menu/Submenu.vue
similarity index 99%
rename from vue/element-ui-personal/components/Menu/Submenu.vue
rename to vue/element-ui-personal/component/Menu/Submenu.vue
index 87c3a09..1369cc4 100644
--- a/vue/element-ui-personal/components/Menu/Submenu.vue
+++ b/vue/element-ui-personal/component/Menu/Submenu.vue
@@ -3,7 +3,7 @@ import MenuMixin from 'element-ui/packages/menu/src/menu-mixin'
 import Emitter from 'element-ui/lib/mixins/emitter'
 import Popper from 'element-ui/lib/utils/vue-popper'
 
-const PopperMixins = {
+const PopperMixin = {
     props: {
         transformOrigin: {type: [Boolean, String], default: false},
         offset: Popper.props.offset,
@@ -21,7 +21,7 @@ export default {
 
     componentName: 'ElSubmenu',
 
-    mixins: [MenuMixin, Emitter, PopperMixins],
+    mixins: [MenuMixin, Emitter, PopperMixin],
 
     props: {
         index: String,
diff --git a/vue/element-ui-personal/components/Message/index.js b/vue/element-ui-personal/component/Message/index.js
similarity index 100%
rename from vue/element-ui-personal/components/Message/index.js
rename to vue/element-ui-personal/component/Message/index.js
diff --git a/vue/element-ui-personal/components/Message/main.vue b/vue/element-ui-personal/component/Message/main.vue
similarity index 100%
rename from vue/element-ui-personal/components/Message/main.vue
rename to vue/element-ui-personal/component/Message/main.vue
diff --git a/vue/element-ui-personal/components/Select/Select.vue b/vue/element-ui-personal/component/Select/Select.vue
similarity index 99%
rename from vue/element-ui-personal/components/Select/Select.vue
rename to vue/element-ui-personal/component/Select/Select.vue
index 86cf85e..7f10914 100644
--- a/vue/element-ui-personal/components/Select/Select.vue
+++ b/vue/element-ui-personal/component/Select/Select.vue
@@ -116,7 +116,7 @@ import Emitter from 'element-ui/lib/mixins/emitter'
 import Focus from 'element-ui/lib/mixins/focus'
 import Locale from 'element-ui/lib/mixins/locale'
 import ElSelectMenu from './SelectDropdown.vue'
-import {debounce} from '@/utils'
+import {debounce} from '@/util'
 import Clickoutside from 'element-ui/lib/utils/clickoutside'
 import {addResizeListener, removeResizeListener} from 'element-ui/lib/utils/resize-event'
 import {t} from 'element-ui/lib/locale'
diff --git a/vue/element-ui-personal/components/Select/SelectDropdown.vue b/vue/element-ui-personal/component/Select/SelectDropdown.vue
similarity index 95%
rename from vue/element-ui-personal/components/Select/SelectDropdown.vue
rename to vue/element-ui-personal/component/Select/SelectDropdown.vue
index aa4561c..7ea7802 100644
--- a/vue/element-ui-personal/components/Select/SelectDropdown.vue
+++ b/vue/element-ui-personal/component/Select/SelectDropdown.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script type="text/babel">
-import Popper from '@ele/mixins/vue-popper'
+import Popper from '@ele/mixin/vue-popper'
 
 export default {
     name: 'ElSelectDropdown',
diff --git a/vue/element-ui-personal/index.js b/vue/element-ui-personal/index.js
index dacf056..00be8c7 100644
--- a/vue/element-ui-personal/index.js
+++ b/vue/element-ui-personal/index.js
@@ -1,7 +1,7 @@
-import MenuItem from "./components/Menu/MenuItem"
-import Submenu from "./components/Menu/Submenu"
-import Message from "./components/Message"
-//import Select from './components/Select/Select'
+import MenuItem from "./component/Menu/MenuItem"
+import Submenu from "./component/Menu/Submenu"
+import Message from "./component/Message"
+//import Select from './component/Select/Select'
 
 const components = [MenuItem, Submenu]
 
diff --git a/vue/element-ui-personal/mixins/vue-popper.js b/vue/element-ui-personal/mixin/vue-popper.js
similarity index 100%
rename from vue/element-ui-personal/mixins/vue-popper.js
rename to vue/element-ui-personal/mixin/vue-popper.js
diff --git a/vue/package.json b/vue/package.json
index ed5fb7f..518b49b 100644
--- a/vue/package.json
+++ b/vue/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "svgo": "svgo -f src/assets/icons/svg --config=src/assets/icons/svgo.yml"
+    "svgo": "svgo -f src/asset/icon/svg --config=src/asset/icon/svgo.yml"
   },
   "dependencies": {
     "axios": "^0.19.2",
diff --git a/vue/src/api/account.js b/vue/src/api/account.js
index 145a18b..77bc8f1 100644
--- a/vue/src/api/account.js
+++ b/vue/src/api/account.js
@@ -1,5 +1,5 @@
 import request from "@/config/request"
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 
 export const baseUrl = '/account'
 
diff --git a/vue/src/assets/icons/index.js b/vue/src/asset/icon/index.js
similarity index 82%
rename from vue/src/assets/icons/index.js
rename to vue/src/asset/icon/index.js
index e89c24d..372c86e 100644
--- a/vue/src/assets/icons/index.js
+++ b/vue/src/asset/icon/index.js
@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import SvgIcon from '@/components/SvgIcon'
+import SvgIcon from '@/component/SvgIcon'
 
 Vue.component('svg-icon', SvgIcon)
 
diff --git a/vue/src/assets/icons/svg/bug.svg b/vue/src/asset/icon/svg/bug.svg
similarity index 100%
rename from vue/src/assets/icons/svg/bug.svg
rename to vue/src/asset/icon/svg/bug.svg
diff --git a/vue/src/assets/icons/svg/check.svg b/vue/src/asset/icon/svg/check.svg
similarity index 100%
rename from vue/src/assets/icons/svg/check.svg
rename to vue/src/asset/icon/svg/check.svg
diff --git a/vue/src/assets/icons/svg/documentation.svg b/vue/src/asset/icon/svg/documentation.svg
similarity index 100%
rename from vue/src/assets/icons/svg/documentation.svg
rename to vue/src/asset/icon/svg/documentation.svg
diff --git a/vue/src/assets/icons/svg/eye-open.svg b/vue/src/asset/icon/svg/eye-open.svg
similarity index 100%
rename from vue/src/assets/icons/svg/eye-open.svg
rename to vue/src/asset/icon/svg/eye-open.svg
diff --git a/vue/src/assets/icons/svg/eye.svg b/vue/src/asset/icon/svg/eye.svg
similarity index 100%
rename from vue/src/assets/icons/svg/eye.svg
rename to vue/src/asset/icon/svg/eye.svg
diff --git a/vue/src/assets/icons/svg/home.svg b/vue/src/asset/icon/svg/home.svg
similarity index 100%
rename from vue/src/assets/icons/svg/home.svg
rename to vue/src/asset/icon/svg/home.svg
diff --git a/vue/src/assets/icons/svg/icon.svg b/vue/src/asset/icon/svg/icon.svg
similarity index 100%
rename from vue/src/assets/icons/svg/icon.svg
rename to vue/src/asset/icon/svg/icon.svg
diff --git a/vue/src/assets/icons/svg/message.svg b/vue/src/asset/icon/svg/message.svg
similarity index 100%
rename from vue/src/assets/icons/svg/message.svg
rename to vue/src/asset/icon/svg/message.svg
diff --git a/vue/src/assets/icons/svg/money.svg b/vue/src/asset/icon/svg/money.svg
similarity index 100%
rename from vue/src/assets/icons/svg/money.svg
rename to vue/src/asset/icon/svg/money.svg
diff --git a/vue/src/assets/icons/svg/password.svg b/vue/src/asset/icon/svg/password.svg
similarity index 100%
rename from vue/src/assets/icons/svg/password.svg
rename to vue/src/asset/icon/svg/password.svg
diff --git a/vue/src/assets/icons/svg/qq.svg b/vue/src/asset/icon/svg/qq.svg
similarity index 100%
rename from vue/src/assets/icons/svg/qq.svg
rename to vue/src/asset/icon/svg/qq.svg
diff --git a/vue/src/assets/icons/svg/sell.svg b/vue/src/asset/icon/svg/sell.svg
similarity index 100%
rename from vue/src/assets/icons/svg/sell.svg
rename to vue/src/asset/icon/svg/sell.svg
diff --git a/vue/src/assets/icons/svg/shopping.svg b/vue/src/asset/icon/svg/shopping.svg
similarity index 100%
rename from vue/src/assets/icons/svg/shopping.svg
rename to vue/src/asset/icon/svg/shopping.svg
diff --git a/vue/src/assets/icons/svg/show.svg b/vue/src/asset/icon/svg/show.svg
similarity index 100%
rename from vue/src/assets/icons/svg/show.svg
rename to vue/src/asset/icon/svg/show.svg
diff --git a/vue/src/assets/icons/svg/stock.svg b/vue/src/asset/icon/svg/stock.svg
similarity index 100%
rename from vue/src/assets/icons/svg/stock.svg
rename to vue/src/asset/icon/svg/stock.svg
diff --git a/vue/src/assets/icons/svg/system.svg b/vue/src/asset/icon/svg/system.svg
similarity index 100%
rename from vue/src/assets/icons/svg/system.svg
rename to vue/src/asset/icon/svg/system.svg
diff --git a/vue/src/assets/icons/svg/user.svg b/vue/src/asset/icon/svg/user.svg
similarity index 100%
rename from vue/src/assets/icons/svg/user.svg
rename to vue/src/asset/icon/svg/user.svg
diff --git a/vue/src/assets/icons/svgo.yml b/vue/src/asset/icon/svgo.yml
similarity index 100%
rename from vue/src/assets/icons/svgo.yml
rename to vue/src/asset/icon/svgo.yml
diff --git a/vue/src/assets/styles/detail-page.scss b/vue/src/asset/style/detail-page.scss
similarity index 100%
rename from vue/src/assets/styles/detail-page.scss
rename to vue/src/asset/style/detail-page.scss
diff --git a/vue/src/assets/styles/display.scss b/vue/src/asset/style/display.scss
similarity index 100%
rename from vue/src/assets/styles/display.scss
rename to vue/src/asset/style/display.scss
diff --git a/vue/src/assets/styles/element-ui.scss b/vue/src/asset/style/element-ui.scss
similarity index 100%
rename from vue/src/assets/styles/element-ui.scss
rename to vue/src/asset/style/element-ui.scss
diff --git a/vue/src/assets/styles/index.scss b/vue/src/asset/style/index.scss
similarity index 100%
rename from vue/src/assets/styles/index.scss
rename to vue/src/asset/style/index.scss
diff --git a/vue/src/assets/styles/nprogress.scss b/vue/src/asset/style/nprogress.scss
similarity index 100%
rename from vue/src/assets/styles/nprogress.scss
rename to vue/src/asset/style/nprogress.scss
diff --git a/vue/src/assets/styles/transition.scss b/vue/src/asset/style/transition.scss
similarity index 100%
rename from vue/src/assets/styles/transition.scss
rename to vue/src/asset/style/transition.scss
diff --git a/vue/src/assets/styles/variables.scss b/vue/src/asset/style/variables.scss
similarity index 100%
rename from vue/src/assets/styles/variables.scss
rename to vue/src/asset/style/variables.scss
diff --git a/vue/src/components/AbstractForm/AbstractFormItem.vue b/vue/src/component/AbstractForm/AbstractFormItem.vue
similarity index 100%
rename from vue/src/components/AbstractForm/AbstractFormItem.vue
rename to vue/src/component/AbstractForm/AbstractFormItem.vue
diff --git a/vue/src/component/AbstractForm/FormAnchor.vue b/vue/src/component/AbstractForm/FormAnchor.vue
new file mode 100644
index 0000000..08245fd
--- /dev/null
+++ b/vue/src/component/AbstractForm/FormAnchor.vue
@@ -0,0 +1,128 @@
+<template>
+    <div class="form-anchor">
+        <div
+            v-for="i in data"
+            :key="i.ref"
+            :class="{'active':i.ref === cur}"
+            @click="() => click(i.ref)"
+        >
+            {{ i.label }}
+        </div>
+    </div>
+</template>
+
+<script>
+import {debounce} from "@/util"
+import {getScroll, getOffsetTop, scrollTo} from "@/util/browser"
+
+export default {
+    name: "FormAnchor",
+
+    props: {
+        reference: Function,
+        data: {type: Array, default: () => []},
+        offsetTop: Number,
+        bounds: Number,
+        getContainer: {
+            type: Function,
+            default: () => document.querySelector('#app .app-main>.el-scrollbar>.el-scrollbar__wrap')
+        },
+    },
+
+    data: () => ({cur: null}),
+
+    methods: {
+        getCur(offsetTop = 0, bounds = 5) {
+            const sections = []
+            const container = this.getContainer()
+            this.data.forEach(({ref}) => {
+                const target = this.getDomFromRef(ref)
+                const top = getOffsetTop(target, container)
+                if (top < offsetTop + bounds) {
+                    sections.push({ref, top})
+                }
+            })
+
+            if (sections.length) {
+                const max = sections.reduce((prev, curr) => (curr.top > prev.top ? curr : prev))
+                return max.ref
+            }
+            return ''
+        },
+
+        getDomFromRef(ref) {
+            const refs = this.reference()
+            return refs[ref]['$el'] || refs[ref][0]['$el']
+        },
+
+        click(ref) {
+            if (!ref || this.animating || !this.reference) return
+            this.cur = ref
+            const {offsetTop, getContainer, targetOffset} = this
+            const container = getContainer()
+            const scrollTop = getScroll(container, true)
+            const targetElement = this.getDomFromRef(ref)
+            if (!targetElement) return
+            const eleOffsetTop = getOffsetTop(targetElement, container)
+            let y = scrollTop + eleOffsetTop
+            y -= targetOffset !== undefined ? targetOffset : offsetTop || 0
+            this.animating = true
+            scrollTo(y, {callback: () => this.animating = false, getContainer})
+        },
+
+        scroll() {
+            if (this.animating || !this.reference) return
+            const {offsetTop, bounds, targetOffset} = this
+            this.cur = this.getCur(targetOffset !== undefined ? targetOffset : offsetTop || 0, bounds)
+        }
+    },
+
+    mounted() {
+        this.scroll()
+
+        const container = this.getContainer()
+        this.handleScroll = debounce(this.scroll)
+
+        container.addEventListener('scroll', this.handleScroll)
+        this.$once('hook:beforeDestroy', () => {
+            container.removeEventListener('scroll', this.handleScroll)
+        })
+    }
+}
+</script>
+
+<style lang="scss">
+@import "~@/asset/style/variables.scss";
+
+.form-anchor {
+    position: fixed;
+    right: 0;
+    top: 200px;
+    min-width: 72px;
+    overflow: hidden;
+    border-radius: 4px 0 0 4px;
+    background: #fff;
+    box-shadow: 0 2px 12px 0 rgba(166, 167, 173, 0.5);
+    z-index: 100;
+
+    > div {
+        width: inherit;
+        height: 28px;
+        line-height: 28px;
+        text-align: center;
+        color: #7C7E85;
+        padding: 0 10px;
+        font-size: 12px;
+        cursor: pointer;
+
+        &:hover,
+        &.active {
+            color: $--color-primary
+        }
+
+        &:not(:last-child) {
+            box-shadow: 0 1px 0 0 rgba(166, 167, 173, 0.1);
+        }
+    }
+}
+</style>
diff --git a/vue/src/components/CollapseCard/index.vue b/vue/src/component/AbstractForm/FormCard.vue
similarity index 58%
rename from vue/src/components/CollapseCard/index.vue
rename to vue/src/component/AbstractForm/FormCard.vue
index 0948584..327c452 100644
--- a/vue/src/components/CollapseCard/index.vue
+++ b/vue/src/component/AbstractForm/FormCard.vue
@@ -2,7 +2,7 @@
     <el-card :class="{collapsed}">
         <div slot="header" class="clearfix">
             <slot name="header">{{ header }}</slot>
-            <i class="el-icon-arrow-up collapse-card-icon" @click="collapse"/>
+            <i class="el-icon-arrow-up form-card-icon"/>
         </div>
         <slot/>
     </el-card>
@@ -10,35 +10,39 @@
 
 <script>
 export default {
-    name: "CollapseCard",
+    name: "FormCard",
 
     props: {
         header: String
     },
 
-    data() {
-        return {
-            collapsed: false
-        }
-    },
+    data: () => ({collapsed: false}),
 
     methods: {
         collapse() {
             this.collapsed = !this.collapsed
         }
+    },
+
+    mounted() {
+        const dom = this.$el.querySelector('.el-card__header')
+        dom.addEventListener('click', this.collapse)
+        this.$once('hook:beforeDestroy', () => {
+            dom.removeEventListener('click', this.collapse)
+        })
     }
 }
 </script>
 
 <style>
-.collapse-card-icon {
+.form-card-icon {
     float: right;
     font-weight: bold;
     transition: transform .3s;
     cursor: pointer;
 }
 
-.collapsed .collapse-card-icon {
+.collapsed .form-card-icon {
     transform: rotate(180deg);
 }
 
diff --git a/vue/src/component/AbstractForm/FormValidateInfo.vue b/vue/src/component/AbstractForm/FormValidateInfo.vue
new file mode 100644
index 0000000..f26123a
--- /dev/null
+++ b/vue/src/component/AbstractForm/FormValidateInfo.vue
@@ -0,0 +1,129 @@
+<template>
+    <el-popover
+        ref="popover"
+        :disabled="error.length === 0"
+        placement="top"
+        width="256"
+        trigger="click"
+        popper-class="form-validate-info"
+    >
+        <div class="form-validate-info-title">表单校验信息</div>
+        <div class="form-validate-info-content">
+            <div v-for="i in error" :key="i.prop" class="form-validate-info-item" @click="() => onClick(i)">
+                <i class="el-icon-circle-close"/>
+                <div class="form-validate-info-item-msg">{{ i.msg }}</div>
+                <div class="form-validate-info-item-label">{{ i.label }}</div>
+            </div>
+        </div>
+        <template slot="reference">
+            <span v-show="error.length > 0" class="form-validate-info-ref">
+                <i class="el-icon-circle-close"/>
+                {{ error.length }}
+            </span>
+        </template>
+    </el-popover>
+</template>
+
+<script>
+export default {
+    name: "FormValidateInfo",
+
+    props: {form: Function},
+
+    data() {
+        return {
+            visible: false,
+            error: []
+        }
+    },
+
+    methods: {
+        onValidate(prop, success, msg) {
+            const alreadyIndex = this.error.findIndex(i => i.prop === prop)
+            if (alreadyIndex !== -1) {
+                if (success) this.error.splice(alreadyIndex, 1)
+                else this.$set(this.error, alreadyIndex, {...this.error[alreadyIndex], msg})
+            }
+            else {
+                if (success) return
+                const formItem = this.findFormItem(prop)
+                this.error.push({prop, msg, label: formItem.label})
+            }
+        },
+
+        onClick({prop}) {
+            const formItem = this.findFormItem(prop)
+            formItem && formItem.$el.scrollIntoView({block: 'center'})
+            this.$refs.popover.doClose()
+        },
+
+        findFormItem(prop) {
+            return this.form().fields.find(i => i.prop === prop)
+        }
+    },
+
+    mounted() {
+        const form = this.form()
+        form.$on('validate', this.onValidate)
+        this.$once('hook:beforeDestroy', () => {
+            form.$off('validate', this.onValidate)
+        })
+    }
+}
+</script>
+
+<style lang="scss">
+@import "~@/asset/style/variables.scss";
+
+.form-validate-info {
+    &.el-popper {
+        padding: 0;
+    }
+
+    &-ref {
+        padding: 0 10px;
+        cursor: pointer;
+    }
+
+    &-title {
+        text-align: center;
+        padding: 5px 16px 4px;
+        border-bottom: 1px solid #f0f0f0;
+    }
+
+    &-content {
+        max-height: 300px;
+        overflow: overlay;
+    }
+
+    &-item {
+        padding: 8px 16px;
+        background-color: #fff;
+        border-bottom: 1px solid #f0f0f0;
+        cursor: pointer;
+        transition: background-color .3s;
+
+        &:hover {
+            background-color: #e6f7ff;
+        }
+
+        .el-icon-circle-close {
+            float: left;
+            margin-top: 4px;
+            margin-right: 12px;
+            padding-bottom: 22px;
+        }
+
+        &-label {
+            margin-top: 2px;
+            color: rgba(0, 0, 0, .45);
+            font-size: 12px;
+        }
+    }
+
+    &-ref,
+    &-item .el-icon-circle-close {
+        color: $--color-danger;
+    }
+}
+</style>
diff --git a/vue/src/components/AbstractForm/index.vue b/vue/src/component/AbstractForm/index.vue
similarity index 93%
rename from vue/src/components/AbstractForm/index.vue
rename to vue/src/component/AbstractForm/index.vue
index 6a06fa2..b719884 100644
--- a/vue/src/components/AbstractForm/index.vue
+++ b/vue/src/component/AbstractForm/index.vue
@@ -11,6 +11,7 @@ export default {
                 ref="form"
                 label-position="right"
                 label-width="100px"
+                label-suffix="："
                 size="small"
                 status-icon
                 {...data}
diff --git a/vue/src/components/AbstractTable/index.vue b/vue/src/component/AbstractTable/index.vue
similarity index 95%
rename from vue/src/components/AbstractTable/index.vue
rename to vue/src/component/AbstractTable/index.vue
index 55f165e..bca1fa9 100644
--- a/vue/src/components/AbstractTable/index.vue
+++ b/vue/src/component/AbstractTable/index.vue
@@ -1,5 +1,5 @@
 <script type="text/jsx">
-import Empty from "@/components/Empty"
+import Empty from "@/component/Empty"
 
 export default {
     name: "AbstractTable",
diff --git a/vue/src/components/Charts/PieChart.vue b/vue/src/component/Charts/PieChart.vue
similarity index 95%
rename from vue/src/components/Charts/PieChart.vue
rename to vue/src/component/Charts/PieChart.vue
index 59172f4..184085a 100644
--- a/vue/src/components/Charts/PieChart.vue
+++ b/vue/src/component/Charts/PieChart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import {logic, resize} from "@/mixins/chart"
+import {logic, resize} from "@/mixin/chart"
 
 export default {
     mixins: [resize, logic],
diff --git a/vue/src/components/ColorCheckBox/group.vue b/vue/src/component/ColorCheckBox/group.vue
similarity index 89%
rename from vue/src/components/ColorCheckBox/group.vue
rename to vue/src/component/ColorCheckBox/group.vue
index 68553c8..2e57daf 100644
--- a/vue/src/components/ColorCheckBox/group.vue
+++ b/vue/src/component/ColorCheckBox/group.vue
@@ -21,7 +21,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .color-checkbox-group {
     @include clearfix
diff --git a/vue/src/components/ColorCheckBox/index.vue b/vue/src/component/ColorCheckBox/index.vue
similarity index 100%
rename from vue/src/components/ColorCheckBox/index.vue
rename to vue/src/component/ColorCheckBox/index.vue
diff --git a/vue/src/components/ContextMenu/ContextMenuItem.vue b/vue/src/component/ContextMenu/ContextMenuItem.vue
similarity index 100%
rename from vue/src/components/ContextMenu/ContextMenuItem.vue
rename to vue/src/component/ContextMenu/ContextMenuItem.vue
diff --git a/vue/src/components/ContextMenu/index.vue b/vue/src/component/ContextMenu/index.vue
similarity index 97%
rename from vue/src/components/ContextMenu/index.vue
rename to vue/src/component/ContextMenu/index.vue
index 41d1b2d..a3881d0 100644
--- a/vue/src/components/ContextMenu/index.vue
+++ b/vue/src/component/ContextMenu/index.vue
@@ -63,7 +63,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .contextmenu {
     margin: 0;
diff --git a/vue/src/components/Empty/DefaultEmptyImage.vue b/vue/src/component/Empty/DefaultEmptyImage.vue
similarity index 100%
rename from vue/src/components/Empty/DefaultEmptyImage.vue
rename to vue/src/component/Empty/DefaultEmptyImage.vue
diff --git a/vue/src/components/Empty/index.vue b/vue/src/component/Empty/index.vue
similarity index 100%
rename from vue/src/components/Empty/index.vue
rename to vue/src/component/Empty/index.vue
diff --git a/vue/src/components/Empty/style.scss b/vue/src/component/Empty/style.scss
similarity index 100%
rename from vue/src/components/Empty/style.scss
rename to vue/src/component/Empty/style.scss
diff --git a/vue/src/components/ExtraArea/index.vue b/vue/src/component/ExtraArea/index.vue
similarity index 100%
rename from vue/src/components/ExtraArea/index.vue
rename to vue/src/component/ExtraArea/index.vue
diff --git a/vue/src/components/FormDialog/index.vue b/vue/src/component/FormDialog/index.vue
similarity index 96%
rename from vue/src/components/FormDialog/index.vue
rename to vue/src/component/FormDialog/index.vue
index 05eabe3..3bd2528 100644
--- a/vue/src/components/FormDialog/index.vue
+++ b/vue/src/component/FormDialog/index.vue
@@ -1,5 +1,5 @@
 <script type="text/jsx">
-import LoadingMask from '@/components/LoadingMask'
+import LoadingMask from '@/component/LoadingMask'
 
 export default {
     name: "FormDialog",
diff --git a/vue/src/components/FormDialog/style.scss b/vue/src/component/FormDialog/style.scss
similarity index 100%
rename from vue/src/components/FormDialog/style.scss
rename to vue/src/component/FormDialog/style.scss
diff --git a/vue/src/components/LinerProgress/index.vue b/vue/src/component/LinerProgress/index.vue
similarity index 100%
rename from vue/src/components/LinerProgress/index.vue
rename to vue/src/component/LinerProgress/index.vue
diff --git a/vue/src/components/LinerProgress/style.scss b/vue/src/component/LinerProgress/style.scss
similarity index 94%
rename from vue/src/components/LinerProgress/style.scss
rename to vue/src/component/LinerProgress/style.scss
index 9d35dc1..791291d 100644
--- a/vue/src/components/LinerProgress/style.scss
+++ b/vue/src/component/LinerProgress/style.scss
@@ -1,4 +1,4 @@
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .liner-progress {
     position: relative;
diff --git a/vue/src/components/LoadingMask/index.vue b/vue/src/component/LoadingMask/index.vue
similarity index 100%
rename from vue/src/components/LoadingMask/index.vue
rename to vue/src/component/LoadingMask/index.vue
diff --git a/vue/src/components/OrgTree/OrgTreeNode.vue b/vue/src/component/OrgTree/OrgTreeNode.vue
similarity index 100%
rename from vue/src/components/OrgTree/OrgTreeNode.vue
rename to vue/src/component/OrgTree/OrgTreeNode.vue
diff --git a/vue/src/components/OrgTree/index.vue b/vue/src/component/OrgTree/index.vue
similarity index 100%
rename from vue/src/components/OrgTree/index.vue
rename to vue/src/component/OrgTree/index.vue
diff --git a/vue/src/components/OrgTree/tree.scss b/vue/src/component/OrgTree/tree.scss
similarity index 100%
rename from vue/src/components/OrgTree/tree.scss
rename to vue/src/component/OrgTree/tree.scss
diff --git a/vue/src/components/RegionSelector/Tab/index.vue b/vue/src/component/RegionSelector/Tab/index.vue
similarity index 98%
rename from vue/src/components/RegionSelector/Tab/index.vue
rename to vue/src/component/RegionSelector/Tab/index.vue
index c5d4e9f..2816ac8 100644
--- a/vue/src/components/RegionSelector/Tab/index.vue
+++ b/vue/src/component/RegionSelector/Tab/index.vue
@@ -59,8 +59,8 @@
 </template>
 
 <script>
-import {debounce} from "@/utils"
-import {createLimitTree, getNodeId} from "@/utils/tree"
+import {debounce} from "@/util"
+import {createLimitTree, getNodeId} from "@/util/tree"
 import {store, init} from '../store'
 import common from '../mixin'
 
diff --git a/vue/src/components/RegionSelector/Tab/style.scss b/vue/src/component/RegionSelector/Tab/style.scss
similarity index 100%
rename from vue/src/components/RegionSelector/Tab/style.scss
rename to vue/src/component/RegionSelector/Tab/style.scss
diff --git a/vue/src/components/RegionSelector/Tree/TreeDialog.vue b/vue/src/component/RegionSelector/Tree/TreeDialog.vue
similarity index 95%
rename from vue/src/components/RegionSelector/Tree/TreeDialog.vue
rename to vue/src/component/RegionSelector/Tree/TreeDialog.vue
index 6ca49ef..13d98d7 100644
--- a/vue/src/components/RegionSelector/Tree/TreeDialog.vue
+++ b/vue/src/component/RegionSelector/Tree/TreeDialog.vue
@@ -1,7 +1,7 @@
 <script type="text/jsx">
 import {store, init} from '../store'
-import FormDialog from "@/components/FormDialog"
-import {createLimitTree, getNodeId} from "@/utils/tree"
+import FormDialog from "@/component/FormDialog"
+import {createLimitTree, getNodeId} from "@/util/tree"
 
 export default {
     components: {FormDialog},
diff --git a/vue/src/components/RegionSelector/Tree/index.vue b/vue/src/component/RegionSelector/Tree/index.vue
similarity index 100%
rename from vue/src/components/RegionSelector/Tree/index.vue
rename to vue/src/component/RegionSelector/Tree/index.vue
diff --git a/vue/src/components/RegionSelector/index.vue b/vue/src/component/RegionSelector/index.vue
similarity index 100%
rename from vue/src/components/RegionSelector/index.vue
rename to vue/src/component/RegionSelector/index.vue
diff --git a/vue/src/components/RegionSelector/mixin.js b/vue/src/component/RegionSelector/mixin.js
similarity index 100%
rename from vue/src/components/RegionSelector/mixin.js
rename to vue/src/component/RegionSelector/mixin.js
diff --git a/vue/src/components/RegionSelector/store.js b/vue/src/component/RegionSelector/store.js
similarity index 100%
rename from vue/src/components/RegionSelector/store.js
rename to vue/src/component/RegionSelector/store.js
diff --git a/vue/src/components/SearchForm/SearchFormItem.vue b/vue/src/component/SearchForm/SearchFormItem.vue
similarity index 100%
rename from vue/src/components/SearchForm/SearchFormItem.vue
rename to vue/src/component/SearchForm/SearchFormItem.vue
diff --git a/vue/src/components/SearchForm/index.vue b/vue/src/component/SearchForm/index.vue
similarity index 92%
rename from vue/src/components/SearchForm/index.vue
rename to vue/src/component/SearchForm/index.vue
index 282f547..094e1c1 100644
--- a/vue/src/components/SearchForm/index.vue
+++ b/vue/src/component/SearchForm/index.vue
@@ -1,5 +1,5 @@
 <script type="text/jsx">
-import {getElementInnerWidth} from '@/utils/browser'
+import {getElementInnerWidth} from '@/util/browser'
 
 export default {
     name: "SearchForm",
@@ -93,7 +93,13 @@ export default {
         }
 
         return (
-            <el-form class="searchForm" label-position="right" label-width={this.labelWidth} size="small">
+            <el-form
+                class="searchForm"
+                label-position="right"
+                label-width={this.labelWidth}
+                label-suffix="："
+                size="small"
+            >
                 <el-row gutter={20}>
                     {this.num > slots.length ? slots : slots.slice(0, this.num)}
                 </el-row>
diff --git a/vue/src/components/Skeleton/PageSkeleton.vue b/vue/src/component/Skeleton/PageSkeleton.vue
similarity index 93%
rename from vue/src/components/Skeleton/PageSkeleton.vue
rename to vue/src/component/Skeleton/PageSkeleton.vue
index 076b0f0..0b70484 100644
--- a/vue/src/components/Skeleton/PageSkeleton.vue
+++ b/vue/src/component/Skeleton/PageSkeleton.vue
@@ -1,5 +1,5 @@
 <script type="text/jsx">
-//样式搬的https://antdv.com/components/skeleton-cn/
+//样式搬的https://antdv.com/component/skeleton-cn/
 import QSkeleton from './index'
 
 export default {
@@ -26,7 +26,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .page-skeleton-wrapper {
     margin: $page-view-margin;
diff --git a/vue/src/components/Skeleton/constant.js b/vue/src/component/Skeleton/constant.js
similarity index 100%
rename from vue/src/components/Skeleton/constant.js
rename to vue/src/component/Skeleton/constant.js
diff --git a/vue/src/components/Skeleton/index.vue b/vue/src/component/Skeleton/index.vue
similarity index 100%
rename from vue/src/components/Skeleton/index.vue
rename to vue/src/component/Skeleton/index.vue
diff --git a/vue/src/components/Skeleton/style.scss b/vue/src/component/Skeleton/style.scss
similarity index 100%
rename from vue/src/components/Skeleton/style.scss
rename to vue/src/component/Skeleton/style.scss
diff --git a/vue/src/components/SvgIcon/index.vue b/vue/src/component/SvgIcon/index.vue
similarity index 96%
rename from vue/src/components/SvgIcon/index.vue
rename to vue/src/component/SvgIcon/index.vue
index 6cd4fff..fcecdac 100644
--- a/vue/src/components/SvgIcon/index.vue
+++ b/vue/src/component/SvgIcon/index.vue
@@ -1,5 +1,5 @@
 <script type="text/jsx">
-import {isExternal} from '@/utils/validate'
+import {isExternal} from '@/util/validate'
 
 export default {
     name: 'SvgIcon',
diff --git a/vue/src/components/TinymceEditor/index.vue b/vue/src/component/TinymceEditor/index.vue
similarity index 97%
rename from vue/src/components/TinymceEditor/index.vue
rename to vue/src/component/TinymceEditor/index.vue
index 51ea542..89798dc 100644
--- a/vue/src/components/TinymceEditor/index.vue
+++ b/vue/src/component/TinymceEditor/index.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script>
-import {waitUntilSuccess} from "@/utils"
-import {elError} from "@/utils/message"
+import {waitUntilSuccess} from "@/util"
+import {elError} from "@/util/message"
 
 const DEFAULT_OPTIONS = {
     language: 'zh_CN',
diff --git a/vue/src/components/TreeSelect/index.vue b/vue/src/component/TreeSelect/index.vue
similarity index 98%
rename from vue/src/components/TreeSelect/index.vue
rename to vue/src/component/TreeSelect/index.vue
index 889c73a..8abe29a 100644
--- a/vue/src/components/TreeSelect/index.vue
+++ b/vue/src/component/TreeSelect/index.vue
@@ -47,8 +47,8 @@
 </template>
 
 <script>
-import {debounce} from "@/utils"
-import {flatTree} from "@/utils/tree"
+import {debounce} from "@/util"
+import {flatTree} from "@/util/tree"
 
 export default {
     name: "TreeSelect",
diff --git a/vue/src/components/UploadFile/index.vue b/vue/src/component/UploadFile/index.vue
similarity index 98%
rename from vue/src/components/UploadFile/index.vue
rename to vue/src/component/UploadFile/index.vue
index d516764..452a5b7 100644
--- a/vue/src/components/UploadFile/index.vue
+++ b/vue/src/component/UploadFile/index.vue
@@ -57,10 +57,10 @@
 * */
 import axios from 'axios'
 import {attachmentPrefix} from '@/config'
-import {debounce, isEmpty} from '@/utils'
-import {elError} from "@/utils/message"
-import {isImage, isDoc, isPdf, isPpt, isRar, isXls, isTxt, isZip} from "@/utils/validate"
-import {preview, deleteUpload, download, upload, autoCompleteUrl} from "@/utils/file"
+import {debounce, isEmpty} from '@/util'
+import {elError} from "@/util/message"
+import {isImage, isDoc, isPdf, isPpt, isRar, isXls, isTxt, isZip} from "@/util/validate"
+import {preview, deleteUpload, download, upload, autoCompleteUrl} from "@/util/file"
 
 const typeMapper = [
     {test: isImage}, {test: isDoc, type: 'doc'}, {test: isPdf, type: 'pdf'}, {test: isPpt, type: 'ppt'},
diff --git a/vue/src/components/UploadFile/style.scss b/vue/src/component/UploadFile/style.scss
similarity index 93%
rename from vue/src/components/UploadFile/style.scss
rename to vue/src/component/UploadFile/style.scss
index adc35ff..4286973 100644
--- a/vue/src/components/UploadFile/style.scss
+++ b/vue/src/component/UploadFile/style.scss
@@ -1,4 +1,4 @@
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .disabled .el-upload--picture-card {
     display: none;
diff --git a/vue/src/components/ZoomControl/index.vue b/vue/src/component/ZoomControl/index.vue
similarity index 100%
rename from vue/src/components/ZoomControl/index.vue
rename to vue/src/component/ZoomControl/index.vue
diff --git a/vue/src/components/biz/CategoryTree/index.vue b/vue/src/component/biz/CategoryTree/index.vue
similarity index 100%
rename from vue/src/components/biz/CategoryTree/index.vue
rename to vue/src/component/biz/CategoryTree/index.vue
diff --git a/vue/src/components/biz/UserSelector/SimpleMultipleUserSelector.vue b/vue/src/component/biz/UserSelector/SimpleMultipleUserSelector.vue
similarity index 100%
rename from vue/src/components/biz/UserSelector/SimpleMultipleUserSelector.vue
rename to vue/src/component/biz/UserSelector/SimpleMultipleUserSelector.vue
diff --git a/vue/src/components/biz/UserSelector/index.js b/vue/src/component/biz/UserSelector/index.js
similarity index 100%
rename from vue/src/components/biz/UserSelector/index.js
rename to vue/src/component/biz/UserSelector/index.js
diff --git a/vue/src/components/biz/doc/DocDetailFooter.vue b/vue/src/component/biz/doc/DocDetailFooter.vue
similarity index 100%
rename from vue/src/components/biz/doc/DocDetailFooter.vue
rename to vue/src/component/biz/doc/DocDetailFooter.vue
diff --git a/vue/src/components/biz/doc/DocDetailHeader.vue b/vue/src/component/biz/doc/DocDetailHeader.vue
similarity index 100%
rename from vue/src/components/biz/doc/DocDetailHeader.vue
rename to vue/src/component/biz/doc/DocDetailHeader.vue
diff --git a/vue/src/components/biz/doc/DocHistory.vue b/vue/src/component/biz/doc/DocHistory.vue
similarity index 89%
rename from vue/src/components/biz/doc/DocHistory.vue
rename to vue/src/component/biz/doc/DocHistory.vue
index 96e09f3..f2aee5d 100644
--- a/vue/src/components/biz/doc/DocHistory.vue
+++ b/vue/src/component/biz/doc/DocHistory.vue
@@ -1,5 +1,5 @@
 <template>
-    <collapse-card header="单据历史" style="margin-top: 16px">
+    <div>
         <abstract-table v-loading="loading" :data="data" :highlight-current-row="false">
             <el-table-column align="center" label="#" type="index" width="80"/>
             <el-table-column align="center" label="操作人" prop="uname"/>
@@ -17,19 +17,18 @@
             layout="total, prev, pager, next, jumper"
             @current-change="pageChange"
         />
-    </collapse-card>
+    </div>
 </template>
 
 <script>
-import AbstractTable from "@/components/AbstractTable"
-import CollapseCard from '@/components/CollapseCard'
+import AbstractTable from "@/component/AbstractTable"
 import {searchHistory} from "@/api/doc/history"
-import {isEmpty, timeFormat} from "@/utils"
+import {isEmpty, timeFormat} from "@/util"
 
 export default {
     name: "DocHistory",
 
-    components: {AbstractTable, CollapseCard},
+    components: {AbstractTable},
 
     props: {id: String},
 
diff --git a/vue/src/components/biz/doc/DocSteps.vue b/vue/src/component/biz/doc/DocSteps.vue
similarity index 100%
rename from vue/src/components/biz/doc/DocSteps.vue
rename to vue/src/component/biz/doc/DocSteps.vue
diff --git a/vue/src/config/request.js b/vue/src/config/request.js
index 646ae7e..1c6266b 100644
--- a/vue/src/config/request.js
+++ b/vue/src/config/request.js
@@ -1,7 +1,7 @@
 import axios from 'axios'
 import {apiPrefix} from '@/config'
 import {MessageBox, Notification} from 'element-ui'
-import Message from '@ele/components/Message'
+import Message from '@ele/component/Message'
 import store from '@/store'
 
 const service = axios.create({
diff --git a/vue/src/filter/index.js b/vue/src/filter/index.js
index 1dbb936..7bf3c56 100644
--- a/vue/src/filter/index.js
+++ b/vue/src/filter/index.js
@@ -1,4 +1,4 @@
-import {isEmpty, timeFormat} from '@/utils'
+import {isEmpty, timeFormat} from '@/util'
 
 export function timestamp2Date(timestamp) {
     if (isEmpty(timestamp)) return ''
diff --git a/vue/src/globalMethods/BottomTip/index.js b/vue/src/globalMethod/BottomTip/index.js
similarity index 100%
rename from vue/src/globalMethods/BottomTip/index.js
rename to vue/src/globalMethod/BottomTip/index.js
diff --git a/vue/src/globalMethods/BottomTip/main.vue b/vue/src/globalMethod/BottomTip/main.vue
similarity index 100%
rename from vue/src/globalMethods/BottomTip/main.vue
rename to vue/src/globalMethod/BottomTip/main.vue
diff --git a/vue/src/globalMethods/Guide/index.js b/vue/src/globalMethod/Guide/index.js
similarity index 96%
rename from vue/src/globalMethods/Guide/index.js
rename to vue/src/globalMethod/Guide/index.js
index 36279e0..f15bfe8 100644
--- a/vue/src/globalMethods/Guide/index.js
+++ b/vue/src/globalMethod/Guide/index.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Main from './main.vue'
-import {mergeObj} from "@/utils"
+import {mergeObj} from "@/util"
 
 const GuideConstructor = Vue.extend(Main)
 
diff --git a/vue/src/globalMethods/Guide/main.vue b/vue/src/globalMethod/Guide/main.vue
similarity index 99%
rename from vue/src/globalMethods/Guide/main.vue
rename to vue/src/globalMethod/Guide/main.vue
index e51a3c9..43546d0 100644
--- a/vue/src/globalMethods/Guide/main.vue
+++ b/vue/src/globalMethod/Guide/main.vue
@@ -37,7 +37,7 @@
  * 由driver.js改造而来
  * vue里交互型的导航不太行，太多东西做不到，换成引导手册吧
  */
-import {debounce, isEmpty} from "@/utils"
+import {debounce, isEmpty} from "@/util"
 import {addHighlightClasses, getCalculatedPosition, inAppView, jump, removeHighlightClasses} from "./utils"
 
 export default {
diff --git a/vue/src/globalMethods/Guide/style.scss b/vue/src/globalMethod/Guide/style.scss
similarity index 100%
rename from vue/src/globalMethods/Guide/style.scss
rename to vue/src/globalMethod/Guide/style.scss
diff --git a/vue/src/globalMethods/Guide/utils.js b/vue/src/globalMethod/Guide/utils.js
similarity index 100%
rename from vue/src/globalMethods/Guide/utils.js
rename to vue/src/globalMethod/Guide/utils.js
diff --git a/vue/src/globalMethods/ImageViewer/index.js b/vue/src/globalMethod/ImageViewer/index.js
similarity index 100%
rename from vue/src/globalMethods/ImageViewer/index.js
rename to vue/src/globalMethod/ImageViewer/index.js
diff --git a/vue/src/globalMethods/PuzzleVerify/image/btn_move.png b/vue/src/globalMethod/PuzzleVerify/image/btn_move.png
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/image/btn_move.png
rename to vue/src/globalMethod/PuzzleVerify/image/btn_move.png
diff --git a/vue/src/globalMethods/PuzzleVerify/image/btn_stop.png b/vue/src/globalMethod/PuzzleVerify/image/btn_stop.png
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/image/btn_stop.png
rename to vue/src/globalMethod/PuzzleVerify/image/btn_stop.png
diff --git a/vue/src/globalMethods/PuzzleVerify/image/icon_close.png b/vue/src/globalMethod/PuzzleVerify/image/icon_close.png
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/image/icon_close.png
rename to vue/src/globalMethod/PuzzleVerify/image/icon_close.png
diff --git a/vue/src/globalMethods/PuzzleVerify/image/icon_info.png b/vue/src/globalMethod/PuzzleVerify/image/icon_info.png
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/image/icon_info.png
rename to vue/src/globalMethod/PuzzleVerify/image/icon_info.png
diff --git a/vue/src/globalMethods/PuzzleVerify/image/icon_refresh_bottom.png b/vue/src/globalMethod/PuzzleVerify/image/icon_refresh_bottom.png
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/image/icon_refresh_bottom.png
rename to vue/src/globalMethod/PuzzleVerify/image/icon_refresh_bottom.png
diff --git a/vue/src/globalMethods/PuzzleVerify/image/icon_refresh_top.png b/vue/src/globalMethod/PuzzleVerify/image/icon_refresh_top.png
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/image/icon_refresh_top.png
rename to vue/src/globalMethod/PuzzleVerify/image/icon_refresh_top.png
diff --git a/vue/src/globalMethods/PuzzleVerify/image/loading.png b/vue/src/globalMethod/PuzzleVerify/image/loading.png
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/image/loading.png
rename to vue/src/globalMethod/PuzzleVerify/image/loading.png
diff --git a/vue/src/globalMethods/PuzzleVerify/image/track.png b/vue/src/globalMethod/PuzzleVerify/image/track.png
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/image/track.png
rename to vue/src/globalMethod/PuzzleVerify/image/track.png
diff --git a/vue/src/globalMethods/PuzzleVerify/index.js b/vue/src/globalMethod/PuzzleVerify/index.js
similarity index 97%
rename from vue/src/globalMethods/PuzzleVerify/index.js
rename to vue/src/globalMethod/PuzzleVerify/index.js
index b6ca063..33e90aa 100644
--- a/vue/src/globalMethods/PuzzleVerify/index.js
+++ b/vue/src/globalMethod/PuzzleVerify/index.js
@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import Main from './main.vue'
 import {PopupManager} from 'element-ui/lib/utils/popup'
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 
 let Constructor = Vue.extend(Main)
 
diff --git a/vue/src/globalMethods/PuzzleVerify/main.vue b/vue/src/globalMethod/PuzzleVerify/main.vue
similarity index 100%
rename from vue/src/globalMethods/PuzzleVerify/main.vue
rename to vue/src/globalMethod/PuzzleVerify/main.vue
diff --git a/vue/src/globalMethods/PuzzleVerify/style.scss b/vue/src/globalMethod/PuzzleVerify/style.scss
similarity index 99%
rename from vue/src/globalMethods/PuzzleVerify/style.scss
rename to vue/src/globalMethod/PuzzleVerify/style.scss
index 8dec5df..f958c16 100644
--- a/vue/src/globalMethods/PuzzleVerify/style.scss
+++ b/vue/src/globalMethod/PuzzleVerify/style.scss
@@ -1,4 +1,4 @@
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .puzzle-container {
     position: absolute;
diff --git a/vue/src/globalMethods/SignautreBoard/index.js b/vue/src/globalMethod/SignautreBoard/index.js
similarity index 100%
rename from vue/src/globalMethods/SignautreBoard/index.js
rename to vue/src/globalMethod/SignautreBoard/index.js
diff --git a/vue/src/globalMethods/SignautreBoard/main.vue b/vue/src/globalMethod/SignautreBoard/main.vue
similarity index 100%
rename from vue/src/globalMethods/SignautreBoard/main.vue
rename to vue/src/globalMethod/SignautreBoard/main.vue
diff --git a/vue/src/globalMethods/index.js b/vue/src/globalMethod/index.js
similarity index 100%
rename from vue/src/globalMethods/index.js
rename to vue/src/globalMethod/index.js
diff --git a/vue/src/layout/components/Footer.vue b/vue/src/layout/component/Footer.vue
similarity index 100%
rename from vue/src/layout/components/Footer.vue
rename to vue/src/layout/component/Footer.vue
diff --git a/vue/src/layout/components/Header.vue b/vue/src/layout/component/Header.vue
similarity index 98%
rename from vue/src/layout/components/Header.vue
rename to vue/src/layout/component/Header.vue
index 4ad32ac..ffd6e64 100644
--- a/vue/src/layout/components/Header.vue
+++ b/vue/src/layout/component/Header.vue
@@ -76,7 +76,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .has-tags-view .header-container {
     height: calc(#{$nav-height} + #{$tags-view-height});
diff --git a/vue/src/layout/components/KeepAlive.js b/vue/src/layout/component/KeepAlive.js
similarity index 98%
rename from vue/src/layout/components/KeepAlive.js
rename to vue/src/layout/component/KeepAlive.js
index 1aa6348..9984000 100644
--- a/vue/src/layout/components/KeepAlive.js
+++ b/vue/src/layout/component/KeepAlive.js
@@ -1,4 +1,4 @@
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 
 const KEY = '_routerViewKey'
 
diff --git a/vue/src/layout/components/Main.vue b/vue/src/layout/component/Main.vue
similarity index 98%
rename from vue/src/layout/components/Main.vue
rename to vue/src/layout/component/Main.vue
index 742243b..09af7b9 100644
--- a/vue/src/layout/components/Main.vue
+++ b/vue/src/layout/component/Main.vue
@@ -67,7 +67,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .app-main {
     position: relative;
diff --git a/vue/src/layout/components/Navbar/components/Bell.vue b/vue/src/layout/component/Navbar/component/Bell.vue
similarity index 100%
rename from vue/src/layout/components/Navbar/components/Bell.vue
rename to vue/src/layout/component/Navbar/component/Bell.vue
diff --git a/vue/src/layout/components/Navbar/components/Breadcrumb.vue b/vue/src/layout/component/Navbar/component/Breadcrumb.vue
similarity index 95%
rename from vue/src/layout/components/Navbar/components/Breadcrumb.vue
rename to vue/src/layout/component/Navbar/component/Breadcrumb.vue
index 790f1d7..8477a61 100644
--- a/vue/src/layout/components/Navbar/components/Breadcrumb.vue
+++ b/vue/src/layout/component/Navbar/component/Breadcrumb.vue
@@ -33,7 +33,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .app-breadcrumb {
     margin-left: 8px;
diff --git a/vue/src/layout/components/Navbar/components/Hamburger.vue b/vue/src/layout/component/Navbar/component/Hamburger.vue
similarity index 100%
rename from vue/src/layout/components/Navbar/components/Hamburger.vue
rename to vue/src/layout/component/Navbar/component/Hamburger.vue
diff --git a/vue/src/layout/components/Navbar/components/HeaderSearch.vue b/vue/src/layout/component/Navbar/component/HeaderSearch.vue
similarity index 100%
rename from vue/src/layout/components/Navbar/components/HeaderSearch.vue
rename to vue/src/layout/component/Navbar/component/HeaderSearch.vue
diff --git a/vue/src/layout/components/Navbar/components/SettingDrawer.vue b/vue/src/layout/component/Navbar/component/SettingDrawer.vue
similarity index 95%
rename from vue/src/layout/components/Navbar/components/SettingDrawer.vue
rename to vue/src/layout/component/Navbar/component/SettingDrawer.vue
index 68bd4d2..caf1908 100644
--- a/vue/src/layout/components/Navbar/components/SettingDrawer.vue
+++ b/vue/src/layout/component/Navbar/component/SettingDrawer.vue
@@ -18,8 +18,8 @@
 </template>
 
 <script>
-import ColorCheckBox from "@/components/ColorCheckBox"
-import ColorCheckboxGroup from "@/components/ColorCheckBox/group"
+import ColorCheckBox from "@/component/ColorCheckBox"
+import ColorCheckboxGroup from "@/component/ColorCheckBox/group"
 import {isDev} from '@/config'
 import client from 'webpack-theme-color-replacer/client'
 import forElementUI from 'webpack-theme-color-replacer/forElementUI'
diff --git a/vue/src/layout/components/Navbar/index.vue b/vue/src/layout/component/Navbar/index.vue
similarity index 89%
rename from vue/src/layout/components/Navbar/index.vue
rename to vue/src/layout/component/Navbar/index.vue
index 33164b1..feca7a3 100644
--- a/vue/src/layout/components/Navbar/index.vue
+++ b/vue/src/layout/component/Navbar/index.vue
@@ -48,15 +48,15 @@
 </template>
 
 <script>
-import Hamburger from './components/Hamburger'
-import Breadcrumb from './components/Breadcrumb'
-import Search from './components/HeaderSearch'
-import Bell from "./components/Bell"
-import SettingDrawer from './components/SettingDrawer'
+import Hamburger from './component/Hamburger'
+import Breadcrumb from './component/Breadcrumb'
+import Search from './component/HeaderSearch'
+import Bell from "./component/Bell"
+import SettingDrawer from './component/SettingDrawer'
 import {mapState} from 'vuex'
-import GuideMixin from '@/mixins/guide'
-import {auth} from "@/utils/auth"
-import {elConfirm} from "@/utils/message"
+import GuideMixin from '@/mixin/guide'
+import {auth} from "@/util/auth"
+import {elConfirm} from "@/util/message"
 
 export default {
     name: 'navbar',
diff --git a/vue/src/layout/components/Navbar/style.scss b/vue/src/layout/component/Navbar/style.scss
similarity index 95%
rename from vue/src/layout/components/Navbar/style.scss
rename to vue/src/layout/component/Navbar/style.scss
index d356af2..5b6fc0f 100644
--- a/vue/src/layout/components/Navbar/style.scss
+++ b/vue/src/layout/component/Navbar/style.scss
@@ -1,4 +1,4 @@
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .navbar {
     display: flex;
diff --git a/vue/src/layout/components/Sidebar/components/Logo.vue b/vue/src/layout/component/Sidebar/component/Logo.vue
similarity index 100%
rename from vue/src/layout/components/Sidebar/components/Logo.vue
rename to vue/src/layout/component/Sidebar/component/Logo.vue
diff --git a/vue/src/layout/components/Sidebar/components/SidebarItem.vue b/vue/src/layout/component/Sidebar/component/SidebarItem.vue
similarity index 100%
rename from vue/src/layout/components/Sidebar/components/SidebarItem.vue
rename to vue/src/layout/component/Sidebar/component/SidebarItem.vue
diff --git a/vue/src/layout/components/Sidebar/components/SidebarItemContent.vue b/vue/src/layout/component/Sidebar/component/SidebarItemContent.vue
similarity index 100%
rename from vue/src/layout/components/Sidebar/components/SidebarItemContent.vue
rename to vue/src/layout/component/Sidebar/component/SidebarItemContent.vue
diff --git a/vue/src/layout/components/Sidebar/index.vue b/vue/src/layout/component/Sidebar/index.vue
similarity index 97%
rename from vue/src/layout/components/Sidebar/index.vue
rename to vue/src/layout/component/Sidebar/index.vue
index 02b6ed5..18db1dc 100644
--- a/vue/src/layout/components/Sidebar/index.vue
+++ b/vue/src/layout/component/Sidebar/index.vue
@@ -1,8 +1,8 @@
 <script type="text/jsx">
 import {mapState} from 'vuex'
-import Logo from './components/Logo'
-import SidebarItem from './components/SidebarItem'
-import {isExternal} from "@/utils/validate"
+import Logo from './component/Logo'
+import SidebarItem from './component/SidebarItem'
+import {isExternal} from "@/util/validate"
 
 export default {
     name: 'sidebar',
diff --git a/vue/src/layout/components/Sidebar/style.scss b/vue/src/layout/component/Sidebar/style.scss
similarity index 98%
rename from vue/src/layout/components/Sidebar/style.scss
rename to vue/src/layout/component/Sidebar/style.scss
index a8c64cb..29e34d1 100644
--- a/vue/src/layout/components/Sidebar/style.scss
+++ b/vue/src/layout/component/Sidebar/style.scss
@@ -1,4 +1,4 @@
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 $iconSize: 17px;
 
diff --git a/vue/src/layout/components/TagsView/ScrollPane.vue b/vue/src/layout/component/TagsView/ScrollPane.vue
similarity index 100%
rename from vue/src/layout/components/TagsView/ScrollPane.vue
rename to vue/src/layout/component/TagsView/ScrollPane.vue
diff --git a/vue/src/layout/components/TagsView/index.vue b/vue/src/layout/component/TagsView/index.vue
similarity index 98%
rename from vue/src/layout/components/TagsView/index.vue
rename to vue/src/layout/component/TagsView/index.vue
index 4aee19f..fb62d68 100644
--- a/vue/src/layout/components/TagsView/index.vue
+++ b/vue/src/layout/component/TagsView/index.vue
@@ -30,8 +30,8 @@
 
 <script>
 import ScrollPane from './ScrollPane'
-import ContextMenu from "@/components/ContextMenu"
-import ContextMenuItem from "@/components/ContextMenu/ContextMenuItem"
+import ContextMenu from "@/component/ContextMenu"
+import ContextMenuItem from "@/component/ContextMenu/ContextMenuItem"
 import shortcuts from './mixin/shortcuts'
 import decideRouterTransition from './mixin/decideRouterTransition'
 
diff --git a/vue/src/layout/components/TagsView/mixin/decideRouterTransition.js b/vue/src/layout/component/TagsView/mixin/decideRouterTransition.js
similarity index 100%
rename from vue/src/layout/components/TagsView/mixin/decideRouterTransition.js
rename to vue/src/layout/component/TagsView/mixin/decideRouterTransition.js
diff --git a/vue/src/layout/components/TagsView/mixin/shortcuts.js b/vue/src/layout/component/TagsView/mixin/shortcuts.js
similarity index 100%
rename from vue/src/layout/components/TagsView/mixin/shortcuts.js
rename to vue/src/layout/component/TagsView/mixin/shortcuts.js
diff --git a/vue/src/layout/components/TagsView/style.scss b/vue/src/layout/component/TagsView/style.scss
similarity index 97%
rename from vue/src/layout/components/TagsView/style.scss
rename to vue/src/layout/component/TagsView/style.scss
index 04158f3..f432fc7 100644
--- a/vue/src/layout/components/TagsView/style.scss
+++ b/vue/src/layout/component/TagsView/style.scss
@@ -1,4 +1,4 @@
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .tags-view-container {
     height: $tags-view-height;
diff --git a/vue/src/layout/index.vue b/vue/src/layout/index.vue
index c1ece34..1b2892d 100644
--- a/vue/src/layout/index.vue
+++ b/vue/src/layout/index.vue
@@ -16,9 +16,9 @@
 
 <script>
 import {mapState} from 'vuex'
-import VMain from './components/Main'
-import VHeader from './components/Header'
-import VSidebar from './components/Sidebar'
+import VMain from './component/Main'
+import VHeader from './component/Header'
+import VSidebar from './component/Sidebar'
 import offlineMixin from "@/layout/mixin/offline"
 import resizeMixin from './mixin/resize'
 
diff --git a/vue/src/layout/mixin/offline.js b/vue/src/layout/mixin/offline.js
index 8e8b5f5..ad322f9 100644
--- a/vue/src/layout/mixin/offline.js
+++ b/vue/src/layout/mixin/offline.js
@@ -1,4 +1,4 @@
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 
 export default {
     computed: {
diff --git a/vue/src/layout/mixin/resize.js b/vue/src/layout/mixin/resize.js
index d29357b..c2fac01 100644
--- a/vue/src/layout/mixin/resize.js
+++ b/vue/src/layout/mixin/resize.js
@@ -1,5 +1,5 @@
-import {debounce} from '@/utils'
-import {isMobile} from "@/utils/browser"
+import {debounce} from '@/util'
+import {isMobile} from "@/util/browser"
 
 export default {
     methods: {
diff --git a/vue/src/main.js b/vue/src/main.js
index d458336..38aa94d 100644
--- a/vue/src/main.js
+++ b/vue/src/main.js
@@ -2,20 +2,20 @@ import Vue from 'vue'
 import 'normalize.css/normalize.css' // a modern alternative to CSS resets
 import Element from 'element-ui'
 import ElementPersonal from '@ele'
-import '@/assets/styles/index.scss' // global css
+import '@/asset/style/index.scss' // global css
 import App from '@/App'
 import store from '@/store'
 import router from '@/router'
-import '@/assets/icons'
-import '@/utils/errorLog'
+import '@/asset/icon'
+import '@/util/errorLog'
 import '@/directive'
 import filters from './filter'
-import globalMethods from '@/globalMethods'
+import globalMethod from '@/globalMethod'
 
 Vue.use(Element)
 Vue.use(ElementPersonal)
 Vue.use(filters)
-Vue.use(globalMethods)
+Vue.use(globalMethod)
 
 Vue.config.productionTip = false
 
diff --git a/vue/src/mixins/chart/index.js b/vue/src/mixin/chart/index.js
similarity index 100%
rename from vue/src/mixins/chart/index.js
rename to vue/src/mixin/chart/index.js
diff --git a/vue/src/mixins/chart/logic.js b/vue/src/mixin/chart/logic.js
similarity index 94%
rename from vue/src/mixins/chart/logic.js
rename to vue/src/mixin/chart/logic.js
index 02aec9c..d75ab6f 100644
--- a/vue/src/mixins/chart/logic.js
+++ b/vue/src/mixin/chart/logic.js
@@ -1,4 +1,4 @@
-import {isEmpty, waitUntilSuccess} from "@/utils"
+import {isEmpty, waitUntilSuccess} from "@/util"
 
 export default {
     props: {
diff --git a/vue/src/mixins/chart/resize.js b/vue/src/mixin/chart/resize.js
similarity index 96%
rename from vue/src/mixins/chart/resize.js
rename to vue/src/mixin/chart/resize.js
index e0dc20c..7b473be 100644
--- a/vue/src/mixins/chart/resize.js
+++ b/vue/src/mixin/chart/resize.js
@@ -1,4 +1,4 @@
-import {debounce} from '@/utils'
+import {debounce} from '@/util'
 
 export default {
     data() {
diff --git a/vue/src/mixins/dialogMixin.js b/vue/src/mixin/dialogMixin.js
similarity index 100%
rename from vue/src/mixins/dialogMixin.js
rename to vue/src/mixin/dialogMixin.js
diff --git a/vue/src/mixins/docDetailMixin.js b/vue/src/mixin/docDetailMixin.js
similarity index 89%
rename from vue/src/mixins/docDetailMixin.js
rename to vue/src/mixin/docDetailMixin.js
index b75f73f..20d3c5e 100644
--- a/vue/src/mixins/docDetailMixin.js
+++ b/vue/src/mixin/docDetailMixin.js
@@ -1,29 +1,33 @@
-import AbstractForm from '@/components/AbstractForm'
-import AbstractFormItem from "@/components/AbstractForm/AbstractFormItem"
-import AbstractTable from "@/components/AbstractTable"
-import CollapseCard from '@/components/CollapseCard'
-import DocDetailHeader from "@/components/biz/doc/DocDetailHeader"
-import DocDetailFooter from "@/components/biz/doc/DocDetailFooter"
-import DocHistory from '@/components/biz/doc/DocHistory'
-import DocSteps from '@/components/biz/doc/DocSteps'
-import UploadFile from '@/components/UploadFile'
-import {commonMethods} from "@/mixins/docTableMixin"
-import {isEmpty, mergeObj} from '@/utils'
-import {elAlert, elConfirm, elPrompt, elSuccess} from "@/utils/message"
-import {deleteUpload} from "@/utils/file"
-import {auth} from "@/utils/auth"
-import {closeCurrentPage} from "@/utils/route"
+import AbstractForm from '@/component/AbstractForm'
+import AbstractFormItem from "@/component/AbstractForm/AbstractFormItem"
+import AbstractTable from "@/component/AbstractTable"
+import DocDetailHeader from "@/component/biz/doc/DocDetailHeader"
+import DocDetailFooter from "@/component/biz/doc/DocDetailFooter"
+import DocHistory from '@/component/biz/doc/DocHistory'
+import DocSteps from '@/component/biz/doc/DocSteps'
+import FormAnchor from "@/component/AbstractForm/FormAnchor"
+import FormCard from '@/component/AbstractForm/FormCard'
+import FormValidateInfo from "@/component/AbstractForm/FormValidateInfo"
+import UploadFile from '@/component/UploadFile'
+import {commonMethods} from "@/mixin/docTableMixin"
+import {isEmpty, mergeObj} from '@/util'
+import {elAlert, elConfirm, elPrompt, elSuccess} from "@/util/message"
+import {deleteUpload} from "@/util/file"
+import {auth} from "@/util/auth"
+import {closeCurrentPage} from "@/util/route"
 
 export default {
     components: {
         AbstractForm,
         AbstractFormItem,
         AbstractTable,
-        CollapseCard,
         DocDetailHeader,
         DocDetailFooter,
         DocHistory,
         DocSteps,
+        FormAnchor,
+        FormCard,
+        FormValidateInfo,
         UploadFile
     },
 
diff --git a/vue/src/mixins/docTableMixin.js b/vue/src/mixin/docTableMixin.js
similarity index 93%
rename from vue/src/mixins/docTableMixin.js
rename to vue/src/mixin/docTableMixin.js
index 4eda6b9..5736edb 100644
--- a/vue/src/mixins/docTableMixin.js
+++ b/vue/src/mixin/docTableMixin.js
@@ -1,9 +1,9 @@
-import tableMixin from '@/mixins/tablePageMixin'
-import LinerProgress from '@/components/LinerProgress'
-import {isEmpty} from "@/utils"
-import {elConfirm, elError, elSuccess} from "@/utils/message"
-import {auth} from "@/utils/auth"
-import {exportExcel} from "@/utils/excel"
+import tableMixin from '@/mixin/tablePageMixin'
+import LinerProgress from '@/component/LinerProgress'
+import {isEmpty} from "@/util"
+import {elConfirm, elError, elSuccess} from "@/util/message"
+import {auth} from "@/util/auth"
+import {exportExcel} from "@/util/excel"
 
 export const commonMethods = {
     getStatus(status) {
diff --git a/vue/src/mixins/guide/base.js b/vue/src/mixin/guide/base.js
similarity index 97%
rename from vue/src/mixins/guide/base.js
rename to vue/src/mixin/guide/base.js
index 01e67e3..fc20c40 100644
--- a/vue/src/mixins/guide/base.js
+++ b/vue/src/mixin/guide/base.js
@@ -1,4 +1,4 @@
-import {delAllUrlParam} from "@/utils"
+import {delAllUrlParam} from "@/util"
 
 //将引导步骤中函数的this绑定为组件实例
 function transformGuideSteps(instance, steps) {
diff --git a/vue/src/mixins/guide/data/navbar.js b/vue/src/mixin/guide/data/navbar.js
similarity index 100%
rename from vue/src/mixins/guide/data/navbar.js
rename to vue/src/mixin/guide/data/navbar.js
diff --git a/vue/src/mixins/guide/index.js b/vue/src/mixin/guide/index.js
similarity index 100%
rename from vue/src/mixins/guide/index.js
rename to vue/src/mixin/guide/index.js
diff --git a/vue/src/mixins/tablePageMixin.js b/vue/src/mixin/tablePageMixin.js
similarity index 96%
rename from vue/src/mixins/tablePageMixin.js
rename to vue/src/mixin/tablePageMixin.js
index 9570877..e223a7a 100644
--- a/vue/src/mixins/tablePageMixin.js
+++ b/vue/src/mixin/tablePageMixin.js
@@ -2,7 +2,7 @@
 * 列表页通用混入
 * 引用者必须要有search方法
 * */
-import AbstractTable from '@/components/AbstractTable'
+import AbstractTable from '@/component/AbstractTable'
 
 const mixin = {
     data() {
diff --git a/vue/src/plugin/imageCompress/cjpeg.js b/vue/src/plugin/imageCompress/cjpeg.js
index 2d0c3f0..6a38fee 100644
--- a/vue/src/plugin/imageCompress/cjpeg.js
+++ b/vue/src/plugin/imageCompress/cjpeg.js
@@ -1,4 +1,4 @@
-import {createWorker} from "@/utils/worker"
+import {createWorker} from "@/util/worker"
 
 export default function (uint8Array, quality = 75) {
     const {protocol, host} = document.location
diff --git a/vue/src/plugin/imageCompress/pngquant.js b/vue/src/plugin/imageCompress/pngquant.js
index 24c771a..36ff97f 100644
--- a/vue/src/plugin/imageCompress/pngquant.js
+++ b/vue/src/plugin/imageCompress/pngquant.js
@@ -1,4 +1,4 @@
-import {createWorker} from "@/utils/worker"
+import {createWorker} from "@/util/worker"
 
 export default function (uint8Array, quality = 75, speed = 4) {
     const {protocol, host} = document.location
diff --git a/vue/src/router/authority/index.js b/vue/src/router/authority/index.js
index f5e3121..a20473c 100644
--- a/vue/src/router/authority/index.js
+++ b/vue/src/router/authority/index.js
@@ -1,5 +1,5 @@
 /*需要权限控制的路由表*/
-const modulesFiles = require.context('./modules', false, /\.js$/)
+const modulesFiles = require.context('./module', false, /\.js$/)
 const modules = modulesFiles.keys().reduce((modules, modulePath) => {
     const value = modulesFiles(modulePath).default
     Array.isArray(value) ? modules.push(...value) : modules.push(value)
diff --git a/vue/src/router/authority/modules/message.js b/vue/src/router/authority/module/message.js
similarity index 80%
rename from vue/src/router/authority/modules/message.js
rename to vue/src/router/authority/module/message.js
index fb741cb..9995575 100644
--- a/vue/src/router/authority/modules/message.js
+++ b/vue/src/router/authority/module/message.js
@@ -11,13 +11,13 @@ const router = {
         {
             path: 'manage',
             name: 'messageManagement',
-            component: lazyLoadView(import('@/views/message/manage')),
+            component: lazyLoadView(import('@/view/message/manage')),
             meta: {title: '消息管理'}
         },
         {
             path: 'user',
             name: 'userMessage',
-            component: lazyLoadView(import('@/views/message/user')),
+            component: lazyLoadView(import('@/view/message/user')),
             meta: {title: '个人消息', noAuth: true, noCache: true}
         }
     ]
diff --git a/vue/src/router/authority/modules/purchase.js b/vue/src/router/authority/module/purchase.js
similarity index 86%
rename from vue/src/router/authority/modules/purchase.js
rename to vue/src/router/authority/module/purchase.js
index 32480de..5b72266 100644
--- a/vue/src/router/authority/modules/purchase.js
+++ b/vue/src/router/authority/module/purchase.js
@@ -11,14 +11,14 @@ const router = {
         {
             path: 'order',
             name: 'purchaseOrder',
-            component: lazyLoadView(import('@/views/purchase/order')),
+            component: lazyLoadView(import('@/view/purchase/order')),
             meta: {title: '采购订单'}
         },
         {
             path: 'order/detail/:type(see|add|edit)/:id?',
             name: 'purchaseOrderDetail',
             props: true,
-            component: lazyLoadView(import('@/views/purchase/order/detail')),
+            component: lazyLoadView(import('@/view/purchase/order/detail')),
             meta: {
                 dynamicTitle(to) {
                     const {type, id} = to.params
@@ -38,14 +38,14 @@ const router = {
         {
             path: 'inbound',
             name: 'purchaseInbound',
-            component: lazyLoadView(import('@/views/purchase/inbound')),
+            component: lazyLoadView(import('@/view/purchase/inbound')),
             meta: {title: '采购入库'}
         },
         {
             path: 'inbound/detail/:type(see|add|edit)/:id?',
             name: 'purchaseInboundDetail',
             props: true,
-            component: lazyLoadView(import('@/views/purchase/inbound/detail')),
+            component: lazyLoadView(import('@/view/purchase/inbound/detail')),
             meta: {
                 dynamicTitle(to) {
                     const {type, id} = to.params
diff --git a/vue/src/router/authority/modules/sell.js b/vue/src/router/authority/module/sell.js
similarity index 87%
rename from vue/src/router/authority/modules/sell.js
rename to vue/src/router/authority/module/sell.js
index 2f68223..17608dd 100644
--- a/vue/src/router/authority/modules/sell.js
+++ b/vue/src/router/authority/module/sell.js
@@ -11,14 +11,14 @@ const router = {
         {
             path: 'order',
             name: 'sellOrder',
-            component: lazyLoadView(import('@/views/sell/order')),
+            component: lazyLoadView(import('@/view/sell/order')),
             meta: {title: '销售订单'}
         },
         {
             path: 'order/detail/:type(see|add|edit)/:id?',
             name: 'sellOrderDetail',
             props: true,
-            component: lazyLoadView(import('@/views/sell/order/detail')),
+            component: lazyLoadView(import('@/view/sell/order/detail')),
             meta: {
                 dynamicTitle(to) {
                     const {type, id} = to.params
@@ -38,14 +38,14 @@ const router = {
         {
             path: 'outbound',
             name: 'sellOutbound',
-            component: lazyLoadView(import('@/views/sell/outbound')),
+            component: lazyLoadView(import('@/view/sell/outbound')),
             meta: {title: '销售出库'}
         },
         {
             path: 'outbound/detail/:type(see|add|edit)/:id?',
             name: 'purchaseOutboundDetail',
             props: true,
-            component: lazyLoadView(import('@/views/sell/outbound/detail')),
+            component: lazyLoadView(import('@/view/sell/outbound/detail')),
             meta: {
                 dynamicTitle(to) {
                     const {type, id} = to.params
diff --git a/vue/src/router/authority/modules/stock.js b/vue/src/router/authority/module/stock.js
similarity index 85%
rename from vue/src/router/authority/modules/stock.js
rename to vue/src/router/authority/module/stock.js
index 8583a71..ea9cdff 100644
--- a/vue/src/router/authority/modules/stock.js
+++ b/vue/src/router/authority/module/stock.js
@@ -11,7 +11,7 @@ const router = {
         {
             path: 'current',
             name: 'currentStock',
-            component: lazyLoadView(import('@/views/stock/current')),
+            component: lazyLoadView(import('@/view/stock/current')),
             meta: {title: '当前库存'}
         }
     ]
diff --git a/vue/src/router/authority/modules/system.js b/vue/src/router/authority/module/system.js
similarity index 71%
rename from vue/src/router/authority/modules/system.js
rename to vue/src/router/authority/module/system.js
index 502e1cd..dc6440e 100644
--- a/vue/src/router/authority/modules/system.js
+++ b/vue/src/router/authority/module/system.js
@@ -11,43 +11,43 @@ const router = {
         {
             path: 'department',
             name: 'departmentManagement',
-            component: lazyLoadView(import('@/views/system/department')),
+            component: lazyLoadView(import('@/view/system/department')),
             meta: {title: '部门管理'}
         },
         {
             path: 'role',
             name: 'roleManagement',
-            component: lazyLoadView(import('@/views/system/role')),
+            component: lazyLoadView(import('@/view/system/role')),
             meta: {title: '角色管理'}
         },
         {
             path: 'user',
             name: 'userManagement',
-            component: lazyLoadView(import('@/views/system/user')),
+            component: lazyLoadView(import('@/view/system/user')),
             meta: {title: '用户管理'}
         },
         {
             path: 'category',
             name: 'categorySetting',
-            component: lazyLoadView(import('@/views/system/category')),
+            component: lazyLoadView(import('@/view/system/category')),
             meta: {title: '商品分类'}
         },
         {
             path: 'customer',
             name: 'customerManagement',
-            component: lazyLoadView(import('@/views/system/customer')),
+            component: lazyLoadView(import('@/view/system/customer')),
             meta: {title: '客户管理'}
         },
         {
             path: 'supplier',
             name: 'supplierManagement',
-            component: lazyLoadView(import('@/views/system/supplier')),
+            component: lazyLoadView(import('@/view/system/supplier')),
             meta: {title: '供应商管理'}
         },
         {
             path: 'resource',
             name: 'resourceManagement',
-            component: lazyLoadView(import('@/views/system/resource')),
+            component: lazyLoadView(import('@/view/system/resource')),
             hidden: true,
             meta: {title: '接口设置'}
         }
diff --git a/vue/src/router/constant/index.js b/vue/src/router/constant/index.js
index f23cd78..ebde239 100644
--- a/vue/src/router/constant/index.js
+++ b/vue/src/router/constant/index.js
@@ -1,11 +1,11 @@
 /**
  * 不需要权限控制的路由表
- * constant/modules下的所有route都会加上noAuth:true
+ * constant/module下的所有route都会加上noAuth:true
  */
 import Layout from '@/layout'
 import {lazyLoadView} from '@/router/util'
 
-const modulesFiles = require.context('./modules', false, /\.js$/)
+const modulesFiles = require.context('./module', false, /\.js$/)
 const modules = modulesFiles.keys().reduce((modules, modulePath) => {
     const value = modulesFiles(modulePath).default
     Array.isArray(value) ? modules.push(...value) : modules.push(value)
@@ -22,7 +22,7 @@ const routes = [
         children: [
             {
                 path: 'index',
-                component: lazyLoadView(import('@/views/index')),
+                component: lazyLoadView(import('@/view/index')),
                 name: 'index',
                 meta: {title: '首页', affix: true, icon: 'home'}
             }
@@ -42,7 +42,7 @@ const routes = [
             {
                 path: 'index',
                 name: 'userCenter',
-                component: lazyLoadView(import('@/views/userCenter')),
+                component: lazyLoadView(import('@/view/userCenter')),
                 meta: {title: '个人中心', noCache: true, icon: 'user'},
             }
         ]
diff --git a/vue/src/router/constant/modules/app.js b/vue/src/router/constant/module/app.js
similarity index 76%
rename from vue/src/router/constant/modules/app.js
rename to vue/src/router/constant/module/app.js
index 9c1e21d..092168e 100644
--- a/vue/src/router/constant/modules/app.js
+++ b/vue/src/router/constant/module/app.js
@@ -1,9 +1,9 @@
 /*路由表：系统页面*/
 import Layout from '@/layout'
-import Redirect from '@/views/app/redirect'
-import Login from '@/views/app/login'
-import Page404 from '@/views/app/404'
-import Page403 from '@/views/app/403'
+import Redirect from '@/view/app/redirect'
+import Login from '@/view/app/login'
+import Page404 from '@/view/app/404'
+import Page403 from '@/view/app/403'
 
 const router = [
     {
diff --git a/vue/src/router/constant/modules/example.js b/vue/src/router/constant/module/example.js
similarity index 71%
rename from vue/src/router/constant/modules/example.js
rename to vue/src/router/constant/module/example.js
index f62e6c0..ba1104a 100644
--- a/vue/src/router/constant/modules/example.js
+++ b/vue/src/router/constant/module/example.js
@@ -10,13 +10,13 @@ const router = {
         {
             path: 'stylePage',
             name: 'stylePage',
-            component: lazyLoadView(import('@/views/example/stylePage')),
+            component: lazyLoadView(import('@/view/example/stylePage')),
             meta: {title: '样 式'}
         },
         {
             path: 'icons',
             name: 'icons',
-            component: lazyLoadView(import('@/views/example/icons')),
+            component: lazyLoadView(import('@/view/example/icon')),
             meta: {title: '图 标'}
         },
         {
@@ -32,13 +32,13 @@ const router = {
                 {
                     path: 'fluid',
                     name: 'fluid',
-                    component: lazyLoadView(import('@/views/example/cool/fluid')),
+                    component: lazyLoadView(import('@/view/example/cool/fluid')),
                     meta: {title: '流体动画'}
                 },
                 {
                     path: 'l2d',
                     name: 'l2d',
-                    component: lazyLoadView(import('@/views/example/cool/l2d')),
+                    component: lazyLoadView(import('@/view/example/cool/l2d')),
                     meta: {title: '看板娘'}
                 },
             ]
@@ -51,37 +51,37 @@ const router = {
                 {
                     path: 'uploadExample',
                     name: 'uploadExample',
-                    component: lazyLoadView(import('@/views/example/components/uploadExample')),
+                    component: lazyLoadView(import('@/view/example/component/uploadExample')),
                     meta: {title: '上传文件'}
                 },
                 {
                     path: 'skeletonExample',
                     name: 'skeletonExample',
-                    component: lazyLoadView(import('@/views/example/components/skeletonExample')),
+                    component: lazyLoadView(import('@/view/example/component/skeletonExample')),
                     meta: {title: '骨架屏'}
                 },
                 {
                     path: 'rippleExample',
                     name: 'rippleExample',
-                    component: lazyLoadView(import('@/views/example/components/rippleExample')),
+                    component: lazyLoadView(import('@/view/example/component/rippleExample')),
                     meta: {title: '波纹'}
                 },
                 {
                     path: 'signatureExample',
                     name: 'signatureExample',
-                    component: lazyLoadView(import('@/views/example/components/signatureExample')),
+                    component: lazyLoadView(import('@/view/example/component/signatureExample')),
                     meta: {title: '手写签名'}
                 },
                 {
                     path: 'regionSelectorExample',
                     name: 'regionSelectorExample',
-                    component: lazyLoadView(import('@/views/example/components/regionSelectorExample')),
+                    component: lazyLoadView(import('@/view/example/component/regionSelectorExample')),
                     meta: {title: '行政区划选择'}
                 },
                 {
                     path: 'treeSelectExample',
                     name: 'treeSelectExample',
-                    component: lazyLoadView(import('@/views/example/components/treeSelectExample')),
+                    component: lazyLoadView(import('@/view/example/component/treeSelectExample')),
                     meta: {title: '树选择'}
                 }
             ]
@@ -89,19 +89,19 @@ const router = {
         {
             path: 'developingTest',
             name: 'developingTest',
-            component: lazyLoadView(import('@/views/example/developingTest')),
+            component: lazyLoadView(import('@/view/example/developingTest')),
             meta: {title: '开发测试'}
         },
         {
             path: 'detailPage1',
             name: 'detailPage1',
-            component: lazyLoadView(import('@/views/example/detailPage')),
+            component: lazyLoadView(import('@/view/example/detailPage')),
             meta: {title: '详情页缓存1', noCache: false, isDetailPage: true}
         },
         {
             path: 'detailPage2',
             name: 'detailPage2',
-            component: lazyLoadView(import('@/views/example/detailPage')),
+            component: lazyLoadView(import('@/view/example/detailPage')),
             meta: {title: '详情页缓存2', noCache: false, isDetailPage: true}
         }
     ]
diff --git a/vue/src/router/index.js b/vue/src/router/index.js
index c51c0f2..a3db970 100644
--- a/vue/src/router/index.js
+++ b/vue/src/router/index.js
@@ -16,8 +16,8 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import store from "@/store"
 import NProgress from 'nprogress'
-import {isUserExist} from "@/utils/storage"
-import {auth, needAuth} from "@/utils/auth"
+import {isUserExist} from "@/util/storage"
+import {auth, needAuth} from "@/util/auth"
 import {setPageTitle, specifyRouteTitle, transformWhiteList, metaExtend} from './util'
 import {contextPath, routerMode} from '@/config'
 import constantRoutes from '@/router/constant'
diff --git a/vue/src/router/util.js b/vue/src/router/util.js
index fc6c5bd..70b2a3c 100644
--- a/vue/src/router/util.js
+++ b/vue/src/router/util.js
@@ -1,7 +1,7 @@
 import {pathToRegexp} from 'path-to-regexp'
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 import {title} from "@/config"
-import PageSkeleton from "@/components/Skeleton/PageSkeleton"
+import PageSkeleton from "@/component/Skeleton/PageSkeleton"
 
 //拼接页面标题
 export function setPageTitle(route) {
diff --git a/vue/src/store/index.js b/vue/src/store/index.js
index e432c21..366e070 100644
--- a/vue/src/store/index.js
+++ b/vue/src/store/index.js
@@ -3,7 +3,7 @@ import Vuex from 'vuex'
 
 Vue.use(Vuex)
 
-const modulesFiles = require.context('./modules', true, /\.js$/)
+const modulesFiles = require.context('./module', true, /\.js$/)
 
 // you do not need `import app from './modules/app'`
 // it will auto require all vuex module from modules file
diff --git a/vue/src/store/modules/app.js b/vue/src/store/module/app.js
similarity index 77%
rename from vue/src/store/modules/app.js
rename to vue/src/store/module/app.js
index 4aee4b9..15066c0 100644
--- a/vue/src/store/modules/app.js
+++ b/vue/src/store/module/app.js
@@ -1,6 +1,6 @@
-import {getLocalPersonalSettings} from "@/utils/storage"
-import {createMutations} from "@/utils"
-import {isMobile} from "@/utils/browser"
+import {getLocalPersonalSettings} from "@/util/storage"
+import {createMutations} from "@/util"
+import {isMobile} from "@/util/browser"
 
 const localSettings = getLocalPersonalSettings()
 
diff --git a/vue/src/store/modules/dataCache.js b/vue/src/store/module/dataCache.js
similarity index 89%
rename from vue/src/store/modules/dataCache.js
rename to vue/src/store/module/dataCache.js
index cc832fc..ef42a63 100644
--- a/vue/src/store/modules/dataCache.js
+++ b/vue/src/store/module/dataCache.js
@@ -2,7 +2,7 @@
 * 数据缓存
 * 比如商品分类信息等等
 * */
-import {createTree} from '@/utils/tree'
+import {createTree} from '@/util/tree'
 
 const state = {
     categories: [],
diff --git a/vue/src/store/modules/iframe.js b/vue/src/store/module/iframe.js
similarity index 94%
rename from vue/src/store/modules/iframe.js
rename to vue/src/store/module/iframe.js
index 37d130f..d360a87 100644
--- a/vue/src/store/modules/iframe.js
+++ b/vue/src/store/module/iframe.js
@@ -1,4 +1,4 @@
-import {createMutations} from "@/utils"
+import {createMutations} from "@/util"
 
 const state = {
     show: false,
diff --git a/vue/src/store/modules/message.js b/vue/src/store/module/message.js
similarity index 90%
rename from vue/src/store/modules/message.js
rename to vue/src/store/module/message.js
index 9714d85..3b7a7c5 100644
--- a/vue/src/store/modules/message.js
+++ b/vue/src/store/module/message.js
@@ -1,4 +1,4 @@
-import {createMutations} from "@/utils"
+import {createMutations} from "@/util"
 import {search} from '@/api/message/user'
 
 const state = {
diff --git a/vue/src/store/modules/needSearch.js b/vue/src/store/module/needSearch.js
similarity index 100%
rename from vue/src/store/modules/needSearch.js
rename to vue/src/store/module/needSearch.js
diff --git a/vue/src/store/modules/resource.js b/vue/src/store/module/resource.js
similarity index 97%
rename from vue/src/store/modules/resource.js
rename to vue/src/store/module/resource.js
index e6dc5fd..b0841be 100644
--- a/vue/src/store/modules/resource.js
+++ b/vue/src/store/module/resource.js
@@ -1,11 +1,11 @@
 import path from 'path'
 import constantRoutes from '@/router/constant'
 import authorityRoutes from '@/router/authority'
-import {needAuth} from "@/utils/auth"
-import {createTree} from "@/utils/tree"
+import {needAuth} from "@/util/auth"
+import {createTree} from "@/util/tree"
 import {getAllResources} from "@/api/system/resource"
-import {isEmpty} from "@/utils"
-import {isExternal} from "@/utils/validate"
+import {isEmpty} from "@/util"
+import {isExternal} from "@/util/validate"
 
 const finalConstantRoutes = transformOriginRoutes(constantRoutes)
 const finalAuthorityRoutes = transformOriginRoutes(authorityRoutes)
diff --git a/vue/src/store/modules/setting.js b/vue/src/store/module/setting.js
similarity index 97%
rename from vue/src/store/modules/setting.js
rename to vue/src/store/module/setting.js
index 1492fb9..4f51e26 100644
--- a/vue/src/store/modules/setting.js
+++ b/vue/src/store/module/setting.js
@@ -2,8 +2,8 @@
 * 个性化设置
 * */
 
-import {isEmpty} from "@/utils"
-import {getLocalPersonalSettings, setLocalPersonalSettings} from "@/utils/storage"
+import {isEmpty} from "@/util"
+import {getLocalPersonalSettings, setLocalPersonalSettings} from "@/util/storage"
 
 const localSettings = getLocalPersonalSettings()
 
diff --git a/vue/src/store/modules/socket.js b/vue/src/store/module/socket.js
similarity index 96%
rename from vue/src/store/modules/socket.js
rename to vue/src/store/module/socket.js
index e88a553..e477f1e 100644
--- a/vue/src/store/modules/socket.js
+++ b/vue/src/store/module/socket.js
@@ -1,8 +1,8 @@
 import {MessageBox} from "element-ui"
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 import {useMock, socketUrl} from '@/config'
 import SocketIO from 'socket.io-client'
-import {createMutations} from "@/utils"
+import {createMutations} from "@/util"
 
 let socket
 
diff --git a/vue/src/store/modules/tagsView.js b/vue/src/store/module/tagsView.js
similarity index 98%
rename from vue/src/store/modules/tagsView.js
rename to vue/src/store/module/tagsView.js
index 518b91c..85a5d5c 100644
--- a/vue/src/store/modules/tagsView.js
+++ b/vue/src/store/module/tagsView.js
@@ -1,4 +1,4 @@
-import {createMutations} from "@/utils"
+import {createMutations} from "@/util"
 
 const state = {
     //显示的页签，{...route,title:route.meta.title}对象数组
diff --git a/vue/src/store/modules/user.js b/vue/src/store/module/user.js
similarity index 94%
rename from vue/src/store/modules/user.js
rename to vue/src/store/module/user.js
index 4b9cf60..d130619 100644
--- a/vue/src/store/modules/user.js
+++ b/vue/src/store/module/user.js
@@ -1,6 +1,6 @@
-import {createMutations, emptyOrDefault} from "@/utils"
-import {autoCompleteUrl} from "@/utils/file"
-import {getUser, setUser} from "@/utils/storage"
+import {createMutations, emptyOrDefault} from "@/util"
+import {autoCompleteUrl} from "@/util/file"
+import {getUser, setUser} from "@/util/storage"
 import {login, logout} from '@/api/account'
 
 //刷新时从本地存储中获取用户信息
diff --git a/vue/src/utils/auth.js b/vue/src/util/auth.js
similarity index 100%
rename from vue/src/utils/auth.js
rename to vue/src/util/auth.js
diff --git a/vue/src/utils/browser.js b/vue/src/util/browser.js
similarity index 52%
rename from vue/src/utils/browser.js
rename to vue/src/util/browser.js
index 5e021dc..ff883a6 100644
--- a/vue/src/utils/browser.js
+++ b/vue/src/util/browser.js
@@ -37,6 +37,26 @@ export function getElementHeight(ele, style) {
     return height
 }
 
+export function getOffsetTop(element, container) {
+    if (!element) return 0
+
+    if (!element.getClientRects().length) {
+        return 0
+    }
+
+    const rect = element.getBoundingClientRect()
+
+    if (rect.width || rect.height) {
+        if (container === window) {
+            container = element.ownerDocument.documentElement
+            return rect.top - container.clientTop
+        }
+        return rect.top - container.getBoundingClientRect().top
+    }
+
+    return rect.top
+}
+
 /**
  * 加载js或css
  *
@@ -72,3 +92,46 @@ export function loadExternalResource(url, type = 'js') {
         else reject(`没有这个东东,url:${url},type:${type}`)
     })
 }
+
+export function scrollTo(y, options = {}) {
+    const raf = window.requestAnimationFrame
+    const {getContainer = () => window, callback, duration = 450} = options
+
+    const container = getContainer()
+    const scrollTop = getScroll(container, true)
+    const startTime = Date.now()
+
+    const frameFunc = () => {
+        const timestamp = Date.now()
+        const time = timestamp - startTime
+        const nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration)
+        if (container === window) {
+            container.scrollTo(window.pageXOffset, nextScrollTop)
+        }
+        else {
+            container.scrollTop = nextScrollTop
+        }
+        if (time < duration) {
+            raf(frameFunc)
+        }
+        else if (typeof callback === 'function') {
+            callback()
+        }
+    }
+    raf(frameFunc)
+}
+
+export function getScroll(target, top) {
+    const prop = top ? 'pageYOffset' : 'pageXOffset'
+    const method = top ? 'scrollTop' : 'scrollLeft'
+    return target === window ? target[prop] : target[method]
+}
+
+export function easeInOutCubic(t, b, c, d) {
+    const cc = c - b
+    t /= d / 2
+    if (t < 1) {
+        return (cc / 2) * t * t * t + b
+    }
+    return (cc / 2) * ((t -= 2) * t * t + 2) + b
+}
diff --git a/vue/src/utils/color.js b/vue/src/util/color.js
similarity index 100%
rename from vue/src/utils/color.js
rename to vue/src/util/color.js
diff --git a/vue/src/utils/errorLog.js b/vue/src/util/errorLog.js
similarity index 100%
rename from vue/src/utils/errorLog.js
rename to vue/src/util/errorLog.js
diff --git a/vue/src/utils/excel/common.js b/vue/src/util/excel/common.js
similarity index 97%
rename from vue/src/utils/excel/common.js
rename to vue/src/util/excel/common.js
index c6f9011..bb1cf46 100644
--- a/vue/src/utils/excel/common.js
+++ b/vue/src/util/excel/common.js
@@ -1,8 +1,8 @@
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 import request from "@/config/request"
-import {elError} from "@/utils/message"
-import {download} from "@/utils/file"
-import {flatTree} from "@/utils/tree"
+import {elError} from "@/util/message"
+import {download} from "@/util/file"
+import {flatTree} from "@/util/tree"
 
 /**
  * 搜索表格页导出excel
diff --git a/vue/src/utils/excel/exceljs.js b/vue/src/util/excel/exceljs.js
similarity index 97%
rename from vue/src/utils/excel/exceljs.js
rename to vue/src/util/excel/exceljs.js
index 036762d..c5c87cb 100644
--- a/vue/src/utils/excel/exceljs.js
+++ b/vue/src/util/excel/exceljs.js
@@ -1,5 +1,5 @@
-import {isEmpty} from "@/utils"
-import {download} from "@/utils/file"
+import {isEmpty} from "@/util"
+import {download} from "@/util/file"
 import {abstractExportExcel, jsonArray2rowArray, mergeExcel, generateHeaders, number2excelColumnHeader} from "./common"
 
 //默认的excel单元格样式
diff --git a/vue/src/utils/excel/index.js b/vue/src/util/excel/index.js
similarity index 100%
rename from vue/src/utils/excel/index.js
rename to vue/src/util/excel/index.js
diff --git a/vue/src/utils/excel/xlsx.js b/vue/src/util/excel/xlsx.js
similarity index 98%
rename from vue/src/utils/excel/xlsx.js
rename to vue/src/util/excel/xlsx.js
index 660b836..b948d45 100644
--- a/vue/src/utils/excel/xlsx.js
+++ b/vue/src/util/excel/xlsx.js
@@ -3,8 +3,8 @@
  * xlsx问题多多，转向excelJS
  */
 
-import {isEmpty} from "@/utils"
-import {download} from "@/utils/file"
+import {isEmpty} from "@/util"
+import {download} from "@/util/file"
 import {abstractExportExcel, jsonArray2rowArray, mergeExcel} from "./common"
 
 /**
diff --git a/vue/src/utils/file.js b/vue/src/util/file.js
similarity index 96%
rename from vue/src/utils/file.js
rename to vue/src/util/file.js
index 8813f79..a89f4f4 100644
--- a/vue/src/utils/file.js
+++ b/vue/src/util/file.js
@@ -1,7 +1,7 @@
 import request from "@/config/request"
 import {attachmentUploadUrl, attachmentPrefix, filePreviewPrefix} from '@/config'
-import {isEmpty, timeFormat} from "@/utils"
-import {isTxt} from "@/utils/validate"
+import {isEmpty, timeFormat} from "@/util"
+import {isTxt} from "@/util/validate"
 
 const defaultOptions = {
     headers: {"Content-Type": "multipart/form-data"},
diff --git a/vue/src/utils/index.js b/vue/src/util/index.js
similarity index 100%
rename from vue/src/utils/index.js
rename to vue/src/util/index.js
diff --git a/vue/src/utils/math.js b/vue/src/util/math.js
similarity index 100%
rename from vue/src/utils/math.js
rename to vue/src/util/math.js
diff --git a/vue/src/utils/message.js b/vue/src/util/message.js
similarity index 94%
rename from vue/src/utils/message.js
rename to vue/src/util/message.js
index cfbfee4..2b1482b 100644
--- a/vue/src/utils/message.js
+++ b/vue/src/util/message.js
@@ -1,6 +1,6 @@
-import Message from '@ele/components/Message'
+import Message from '@ele/component/Message'
 import {MessageBox} from 'element-ui'
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 
 export function elError(msg = '操作失败') {
     Message.error(msg)
diff --git a/vue/src/utils/route.js b/vue/src/util/route.js
similarity index 88%
rename from vue/src/utils/route.js
rename to vue/src/util/route.js
index 1aa27f6..738a055 100644
--- a/vue/src/utils/route.js
+++ b/vue/src/util/route.js
@@ -1,4 +1,4 @@
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 import router from '@/router'
 import store from '@/store'
 
diff --git a/vue/src/utils/secret.js b/vue/src/util/secret.js
similarity index 100%
rename from vue/src/utils/secret.js
rename to vue/src/util/secret.js
diff --git a/vue/src/utils/storage.js b/vue/src/util/storage.js
similarity index 95%
rename from vue/src/utils/storage.js
rename to vue/src/util/storage.js
index 2f12abc..ab36c9e 100644
--- a/vue/src/utils/storage.js
+++ b/vue/src/util/storage.js
@@ -1,6 +1,6 @@
 import {sessionUserKey, localPersonalSettingsKey, localResourceKey} from '@/config'
-import {isEmpty} from "@/utils"
-import {unzip, zip} from "@/utils/secret"
+import {isEmpty} from "@/util"
+import {unzip, zip} from "@/util/secret"
 
 export function isUserExist() {
     return !isEmpty(sessionStorage.getItem(sessionUserKey))
diff --git a/vue/src/utils/tree.js b/vue/src/util/tree.js
similarity index 99%
rename from vue/src/utils/tree.js
rename to vue/src/util/tree.js
index 0aec211..0c142c8 100644
--- a/vue/src/utils/tree.js
+++ b/vue/src/util/tree.js
@@ -1,4 +1,4 @@
-import {createWorker} from '@/utils/worker'
+import {createWorker} from '@/util/worker'
 
 /**
  * 列表转树形结构
diff --git a/vue/src/utils/validate.js b/vue/src/util/validate.js
similarity index 100%
rename from vue/src/utils/validate.js
rename to vue/src/util/validate.js
diff --git a/vue/src/utils/worker.js b/vue/src/util/worker.js
similarity index 100%
rename from vue/src/utils/worker.js
rename to vue/src/util/worker.js
diff --git a/vue/src/views/app/403.vue b/vue/src/view/app/403.vue
similarity index 100%
rename from vue/src/views/app/403.vue
rename to vue/src/view/app/403.vue
diff --git a/vue/src/views/app/404.vue b/vue/src/view/app/404.vue
similarity index 100%
rename from vue/src/views/app/404.vue
rename to vue/src/view/app/404.vue
diff --git a/vue/src/views/app/login/LoginForm.vue b/vue/src/view/app/login/LoginForm.vue
similarity index 98%
rename from vue/src/views/app/login/LoginForm.vue
rename to vue/src/view/app/login/LoginForm.vue
index c9c490c..ccdde03 100644
--- a/vue/src/views/app/login/LoginForm.vue
+++ b/vue/src/view/app/login/LoginForm.vue
@@ -55,8 +55,8 @@
 
 <script>
 import md5 from "js-md5"
-import {elSuccess} from "@/utils/message"
-import {isEmpty} from "@/utils"
+import {elSuccess} from "@/util/message"
+import {isEmpty} from "@/util"
 
 export default {
     name: "LoginForm",
diff --git a/vue/src/views/app/login/RegisterForm.vue b/vue/src/view/app/login/RegisterForm.vue
similarity index 98%
rename from vue/src/views/app/login/RegisterForm.vue
rename to vue/src/view/app/login/RegisterForm.vue
index 649901b..e567868 100644
--- a/vue/src/views/app/login/RegisterForm.vue
+++ b/vue/src/view/app/login/RegisterForm.vue
@@ -48,7 +48,7 @@
 <script>
 import md5 from "js-md5"
 import {register, checkName} from "@/api/account"
-import {elSuccess} from "@/utils/message"
+import {elSuccess} from "@/util/message"
 
 export default {
     name: "RegisterForm",
diff --git a/vue/src/views/app/login/SetAnimation.vue b/vue/src/view/app/login/SetAnimation.vue
similarity index 100%
rename from vue/src/views/app/login/SetAnimation.vue
rename to vue/src/view/app/login/SetAnimation.vue
diff --git a/vue/src/views/app/login/index.vue b/vue/src/view/app/login/index.vue
similarity index 93%
rename from vue/src/views/app/login/index.vue
rename to vue/src/view/app/login/index.vue
index 58c5828..32230fa 100644
--- a/vue/src/views/app/login/index.vue
+++ b/vue/src/view/app/login/index.vue
@@ -19,19 +19,14 @@ import {title} from '@/config'
 import SetAnimation from "./SetAnimation"
 import LoginForm from "./LoginForm"
 import RegisterForm from "./RegisterForm"
-import {isEmpty} from "@/utils"
+import {isEmpty} from "@/util"
 
 export default {
     name: 'login',
 
     components: {LoginForm, RegisterForm, SetAnimation},
 
-    data() {
-        return {
-            title,
-            animationInstance: null
-        }
-    },
+    data: () => ({title}),
 
     computed: {
         ...mapState('app', ['device', 'loginBackgroundAnimation']),
@@ -60,6 +55,7 @@ export default {
     },
 
     mounted() {
+        this.animationInstance = null
         //移动端关闭动画，太卡
         this.device !== 'mobile' && this.setAnimation(this.loginBackgroundAnimation)
     },
diff --git a/vue/src/views/app/login/style.scss b/vue/src/view/app/login/style.scss
similarity index 98%
rename from vue/src/views/app/login/style.scss
rename to vue/src/view/app/login/style.scss
index d237fd1..3baaf0d 100644
--- a/vue/src/views/app/login/style.scss
+++ b/vue/src/view/app/login/style.scss
@@ -1,4 +1,4 @@
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 $bg: #283443;
 $light_gray: #fff;
diff --git a/vue/src/views/app/redirect.vue b/vue/src/view/app/redirect.vue
similarity index 100%
rename from vue/src/views/app/redirect.vue
rename to vue/src/view/app/redirect.vue
diff --git a/vue/src/views/example/components/regionSelectorExample.vue b/vue/src/view/example/component/regionSelectorExample.vue
similarity index 94%
rename from vue/src/views/example/components/regionSelectorExample.vue
rename to vue/src/view/example/component/regionSelectorExample.vue
index d03a559..de80cfb 100644
--- a/vue/src/views/example/components/regionSelectorExample.vue
+++ b/vue/src/view/example/component/regionSelectorExample.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import RegionSelector from '@/components/RegionSelector'
+import RegionSelector from '@/component/RegionSelector'
 
 export default {
     name: "regionSelectorExample",
diff --git a/vue/src/views/example/components/rippleExample.vue b/vue/src/view/example/component/rippleExample.vue
similarity index 100%
rename from vue/src/views/example/components/rippleExample.vue
rename to vue/src/view/example/component/rippleExample.vue
diff --git a/vue/src/views/example/components/signatureExample.vue b/vue/src/view/example/component/signatureExample.vue
similarity index 100%
rename from vue/src/views/example/components/signatureExample.vue
rename to vue/src/view/example/component/signatureExample.vue
diff --git a/vue/src/views/example/components/skeletonExample.vue b/vue/src/view/example/component/skeletonExample.vue
similarity index 88%
rename from vue/src/views/example/components/skeletonExample.vue
rename to vue/src/view/example/component/skeletonExample.vue
index a3e0be1..6c691f7 100644
--- a/vue/src/views/example/components/skeletonExample.vue
+++ b/vue/src/view/example/component/skeletonExample.vue
@@ -22,8 +22,8 @@
 </template>
 
 <script>
-import QSkeleton from '@/components/Skeleton'
-import {skeletonAnimations, skeletonTypes} from '@/components/Skeleton/constant'
+import QSkeleton from '@/component/Skeleton'
+import {skeletonAnimations, skeletonTypes} from '@/component/Skeleton/constant'
 
 export default {
     name: "skeletonExample",
@@ -38,7 +38,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .q-skeleton + .q-skeleton {
     margin-top: 20px;
diff --git a/vue/src/views/example/components/treeSelectExample.vue b/vue/src/view/example/component/treeSelectExample.vue
similarity index 95%
rename from vue/src/views/example/components/treeSelectExample.vue
rename to vue/src/view/example/component/treeSelectExample.vue
index d1273ae..01ed505 100644
--- a/vue/src/views/example/components/treeSelectExample.vue
+++ b/vue/src/view/example/component/treeSelectExample.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import TreeSelect from '@/components/TreeSelect'
+import TreeSelect from '@/component/TreeSelect'
 
 export default {
     name: "treeSelectExample",
diff --git a/vue/src/views/example/components/uploadExample.vue b/vue/src/view/example/component/uploadExample.vue
similarity index 97%
rename from vue/src/views/example/components/uploadExample.vue
rename to vue/src/view/example/component/uploadExample.vue
index f5d3403..b982ecc 100644
--- a/vue/src/views/example/components/uploadExample.vue
+++ b/vue/src/view/example/component/uploadExample.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import UploadFile from '@/components/UploadFile'
+import UploadFile from '@/component/UploadFile'
 import request from "@/config/request"
 
 export default {
diff --git a/vue/src/views/example/cool/fluid.vue b/vue/src/view/example/cool/fluid.vue
similarity index 97%
rename from vue/src/views/example/cool/fluid.vue
rename to vue/src/view/example/cool/fluid.vue
index bce0cc9..e9676f9 100644
--- a/vue/src/views/example/cool/fluid.vue
+++ b/vue/src/view/example/cool/fluid.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import {debounce} from "@/utils"
+import {debounce} from "@/util"
 
 export default {
     name: "fluid",
diff --git a/vue/src/views/example/cool/l2d.vue b/vue/src/view/example/cool/l2d.vue
similarity index 93%
rename from vue/src/views/example/cool/l2d.vue
rename to vue/src/view/example/cool/l2d.vue
index b565d42..686d4dc 100644
--- a/vue/src/views/example/cool/l2d.vue
+++ b/vue/src/view/example/cool/l2d.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import {loadExternalResource} from "@/utils/browser"
+import {loadExternalResource} from "@/util/browser"
 
 export default {
     name: "l2d",
diff --git a/vue/src/views/example/detailPage.vue b/vue/src/view/example/detailPage.vue
similarity index 100%
rename from vue/src/views/example/detailPage.vue
rename to vue/src/view/example/detailPage.vue
diff --git a/vue/src/views/example/developingTest/components/ApiSpeedTest.vue b/vue/src/view/example/developingTest/component/ApiSpeedTest.vue
similarity index 100%
rename from vue/src/views/example/developingTest/components/ApiSpeedTest.vue
rename to vue/src/view/example/developingTest/component/ApiSpeedTest.vue
diff --git a/vue/src/views/example/developingTest/components/ExportExcelTest.vue b/vue/src/view/example/developingTest/component/ExportExcelTest.vue
similarity index 96%
rename from vue/src/views/example/developingTest/components/ExportExcelTest.vue
rename to vue/src/view/example/developingTest/component/ExportExcelTest.vue
index 6f0b014..317cc47 100644
--- a/vue/src/views/example/developingTest/components/ExportExcelTest.vue
+++ b/vue/src/view/example/developingTest/component/ExportExcelTest.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import {exportExcelByJs, json2workbook} from "@/utils/excel"
+import {exportExcelByJs, json2workbook} from "@/util/excel"
 
 export default {
     name: "ExportExcelTest",
diff --git a/vue/src/views/example/developingTest/components/ImageCompressTest.vue b/vue/src/view/example/developingTest/component/ImageCompressTest.vue
similarity index 98%
rename from vue/src/views/example/developingTest/components/ImageCompressTest.vue
rename to vue/src/view/example/developingTest/component/ImageCompressTest.vue
index f9c969c..15fb662 100644
--- a/vue/src/views/example/developingTest/components/ImageCompressTest.vue
+++ b/vue/src/view/example/developingTest/component/ImageCompressTest.vue
@@ -71,8 +71,8 @@
 </template>
 
 <script>
-import {elError, elSuccess} from "@/utils/message"
-import {sub, mul, div} from "@/utils/math"
+import {elError, elSuccess} from "@/util/message"
+import {sub, mul, div} from "@/util/math"
 
 const commonData = () => ({
     loading: false,
@@ -174,7 +174,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .container {
     max-width: 1200px;
diff --git a/vue/src/views/example/developingTest/components/WebsocketTest.vue b/vue/src/view/example/developingTest/component/WebsocketTest.vue
similarity index 100%
rename from vue/src/views/example/developingTest/components/WebsocketTest.vue
rename to vue/src/view/example/developingTest/component/WebsocketTest.vue
diff --git a/vue/src/views/example/developingTest/index.vue b/vue/src/view/example/developingTest/index.vue
similarity index 56%
rename from vue/src/views/example/developingTest/index.vue
rename to vue/src/view/example/developingTest/index.vue
index fbc23f2..330a9c8 100644
--- a/vue/src/views/example/developingTest/index.vue
+++ b/vue/src/view/example/developingTest/index.vue
@@ -8,10 +8,10 @@
 </template>
 
 <script>
-import ApiSpeedTest from "./components/ApiSpeedTest"
-import ExportExcelTest from "./components/ExportExcelTest"
-import ImageCompressTest from "./components/ImageCompressTest"
-import WebsocketTest from "./components/WebsocketTest"
+import ApiSpeedTest from "./component/ApiSpeedTest"
+import ExportExcelTest from "./component/ExportExcelTest"
+import ImageCompressTest from "./component/ImageCompressTest"
+import WebsocketTest from "./component/WebsocketTest"
 
 export default {
     name: "testPage",
diff --git a/vue/src/views/example/icons/element-icons.js b/vue/src/view/example/icon/element-icon.js
similarity index 100%
rename from vue/src/views/example/icons/element-icons.js
rename to vue/src/view/example/icon/element-icon.js
diff --git a/vue/src/views/example/icons/index.vue b/vue/src/view/example/icon/index.vue
similarity index 94%
rename from vue/src/views/example/icons/index.vue
rename to vue/src/view/example/icon/index.vue
index a50b182..ea463ed 100644
--- a/vue/src/views/example/icons/index.vue
+++ b/vue/src/view/example/icon/index.vue
@@ -23,8 +23,8 @@
 </template>
 
 <script>
-import svgIcons from '@/assets/icons'
-import elementIcons from './element-icons'
+import svgIcons from '@/asset/icon'
+import elementIcons from './element-icon'
 
 export default {
     name: "icons",
diff --git a/vue/src/views/example/stylePage.vue b/vue/src/view/example/stylePage.vue
similarity index 96%
rename from vue/src/views/example/stylePage.vue
rename to vue/src/view/example/stylePage.vue
index bc3a8f8..9f153f8 100644
--- a/vue/src/views/example/stylePage.vue
+++ b/vue/src/view/example/stylePage.vue
@@ -53,9 +53,9 @@
 </template>
 
 <script>
-import AbstractTable from '@/components/AbstractTable'
-import LinerProgress from '@/components/LinerProgress'
-import FormDialog from "@/components/FormDialog"
+import AbstractTable from '@/component/AbstractTable'
+import LinerProgress from '@/component/LinerProgress'
+import FormDialog from "@/component/FormDialog"
 
 export default {
     name: "stylePage",
diff --git a/vue/src/views/index/components/DailyFinishOrderStat.vue b/vue/src/view/index/component/DailyFinishOrderStat.vue
similarity index 96%
rename from vue/src/views/index/components/DailyFinishOrderStat.vue
rename to vue/src/view/index/component/DailyFinishOrderStat.vue
index abe80f2..ef76b35 100644
--- a/vue/src/views/index/components/DailyFinishOrderStat.vue
+++ b/vue/src/view/index/component/DailyFinishOrderStat.vue
@@ -3,9 +3,9 @@
 </template>
 
 <script>
-import {logic, resize} from "@/mixins/chart"
+import {logic, resize} from "@/mixin/chart"
 import {getDailyFinishOrder} from '@/api/statistic'
-import {timeFormat} from "@/utils"
+import {timeFormat} from "@/util"
 
 export default {
     name: "DailyFinishOrderStat",
diff --git a/vue/src/views/index/components/DailyProfitStat.vue b/vue/src/view/index/component/DailyProfitStat.vue
similarity index 97%
rename from vue/src/views/index/components/DailyProfitStat.vue
rename to vue/src/view/index/component/DailyProfitStat.vue
index ae56611..1d3ef38 100644
--- a/vue/src/views/index/components/DailyProfitStat.vue
+++ b/vue/src/view/index/component/DailyProfitStat.vue
@@ -3,9 +3,9 @@
 </template>
 
 <script>
-import {logic, resize} from "@/mixins/chart"
+import {logic, resize} from "@/mixin/chart"
 import {getDailyProfitStat} from '@/api/statistic'
-import {timeFormat} from "@/utils"
+import {timeFormat} from "@/util"
 
 export default {
     name: "DailyProfitStat",
diff --git a/vue/src/views/index/components/PanelGroup/PanelGroupItem.vue b/vue/src/view/index/component/PanelGroup/PanelGroupItem.vue
similarity index 100%
rename from vue/src/views/index/components/PanelGroup/PanelGroupItem.vue
rename to vue/src/view/index/component/PanelGroup/PanelGroupItem.vue
diff --git a/vue/src/views/index/components/PanelGroup/index.vue b/vue/src/view/index/component/PanelGroup/index.vue
similarity index 93%
rename from vue/src/views/index/components/PanelGroup/index.vue
rename to vue/src/view/index/component/PanelGroup/index.vue
index 566bd85..91d5d1b 100644
--- a/vue/src/views/index/components/PanelGroup/index.vue
+++ b/vue/src/view/index/component/PanelGroup/index.vue
@@ -8,10 +8,10 @@
 
 <script>
 import PanelGroupItem from './PanelGroupItem'
-import variables from '@/assets/styles/variables.scss'
+import variables from '@/asset/style/variables.scss'
 import {getFourBlock} from '@/api/statistic'
-import {isEmpty} from "@/utils"
-import {auth} from "@/utils/auth"
+import {isEmpty} from "@/util"
+import {auth} from "@/util/auth"
 
 export default {
     name: 'panelGroup',
diff --git a/vue/src/views/index/components/TotalProfitGoods.vue b/vue/src/view/index/component/TotalProfitGoods.vue
similarity index 97%
rename from vue/src/views/index/components/TotalProfitGoods.vue
rename to vue/src/view/index/component/TotalProfitGoods.vue
index 78da92c..d7811a4 100644
--- a/vue/src/views/index/components/TotalProfitGoods.vue
+++ b/vue/src/view/index/component/TotalProfitGoods.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import PieChart from "@/components/Charts/PieChart"
+import PieChart from "@/component/Charts/PieChart"
 import {getTotalProfitGoods} from '@/api/statistic'
 
 export default {
diff --git a/vue/src/views/index/index.vue b/vue/src/view/index/index.vue
similarity index 63%
rename from vue/src/views/index/index.vue
rename to vue/src/view/index/index.vue
index 3a1e8fe..544e477 100644
--- a/vue/src/views/index/index.vue
+++ b/vue/src/view/index/index.vue
@@ -15,10 +15,10 @@
 </template>
 
 <script>
-import PanelGroup from './components/PanelGroup'
-import DailyProfitStat from "./components/DailyProfitStat"
-import DailyFinishOrderStat from "./components/DailyFinishOrderStat"
-import TotalProfitGoods from "./components/TotalProfitGoods"
+import PanelGroup from './component/PanelGroup'
+import DailyProfitStat from "./component/DailyProfitStat"
+import DailyFinishOrderStat from "./component/DailyFinishOrderStat"
+import TotalProfitGoods from "./component/TotalProfitGoods"
 
 export default {
     name: 'index',
diff --git a/vue/src/views/message/manage/EditDialog.vue b/vue/src/view/message/manage/EditDialog.vue
similarity index 90%
rename from vue/src/views/message/manage/EditDialog.vue
rename to vue/src/view/message/manage/EditDialog.vue
index d17b341..79c923b 100644
--- a/vue/src/views/message/manage/EditDialog.vue
+++ b/vue/src/view/message/manage/EditDialog.vue
@@ -1,43 +1,43 @@
 <template>
     <form-dialog :loading="loading" :title="title" :value="value" width="50%" @close="cancel" @open="open">
         <abstract-form :model="form" :rules="rules">
-            <abstract-form-item label="标 题：" prop="title" dense>
+            <abstract-form-item label="标 题" prop="title" dense>
                 <el-input v-model="form.title" maxlength="100" :readonly="!canSave"/>
             </abstract-form-item>
-            <abstract-form-item label="消息类型：" prop="type" dense>
+            <abstract-form-item label="消息类型" prop="type" dense>
                 <el-select v-model="form.type" :disabled="!canSave">
                     <el-option :value="0" label="通知提醒"/>
                     <el-option :value="1" label="系统公告"/>
                 </el-select>
             </abstract-form-item>
-            <abstract-form-item v-if="type!=='add'" label="创建人：" dense>
+            <abstract-form-item v-if="type!=='add'" label="创建人" dense>
                 <el-input :value="form.cname" readonly/>
             </abstract-form-item>
-            <abstract-form-item v-if="type!=='add'" label="创建时间：" dense>
+            <abstract-form-item v-if="type!=='add'" label="创建时间" dense>
                 <el-date-picker :value="form.ctime" format="yyyy-MM-dd HH:mm:ss" readonly type="date"/>
             </abstract-form-item>
-            <abstract-form-item label="通知对象：" prop="broadcast" dense>
+            <abstract-form-item label="通知对象" prop="broadcast" dense>
                 <el-select v-model="form.broadcast" :disabled="!canSave">
                     <el-option :value="0" label="指定用户"/>
                     <el-option :value="1" label="全体用户"/>
                 </el-select>
             </abstract-form-item>
-            <abstract-form-item v-if="form.broadcast===0" label="选择用户：" prop="recipient" dense>
+            <abstract-form-item v-if="form.broadcast===0" label="选择用户" prop="recipient" dense>
                 <user-selector v-model="form.recipient" :disabled="!canSave"/>
             </abstract-form-item>
-            <abstract-form-item v-if="form.pname" label="发布人：" dense>
+            <abstract-form-item v-if="form.pname" label="发布人" dense>
                 <el-input :value="form.pname" readonly/>
             </abstract-form-item>
-            <abstract-form-item v-if="form.ptime" label="发布时间：" dense>
+            <abstract-form-item v-if="form.ptime" label="发布时间" dense>
                 <el-date-picker :value="form.ptime" format="yyyy-MM-dd HH:mm:ss" readonly type="date"/>
             </abstract-form-item>
-            <abstract-form-item v-if="form.status===2" label="撤回人：" dense>
+            <abstract-form-item v-if="form.status===2" label="撤回人" dense>
                 <el-input :value="form.wname" readonly/>
             </abstract-form-item>
-            <abstract-form-item v-if="form.status===2" label="撤回时间：" dense>
+            <abstract-form-item v-if="form.status===2" label="撤回时间" dense>
                 <el-date-picker :value="form.wtime" format="yyyy-MM-dd HH:mm:ss" readonly type="date"/>
             </abstract-form-item>
-            <abstract-form-item label="内 容：" full>
+            <abstract-form-item label="内 容" full>
                 <tinymce-editor v-model="form.content" :readonly="!canSave"/>
             </abstract-form-item>
         </abstract-form>
@@ -52,16 +52,16 @@
 </template>
 
 <script>
-import AbstractForm from "@/components/AbstractForm"
-import AbstractFormItem from "@/components/AbstractForm/AbstractFormItem"
-import FormDialog from '@/components/FormDialog'
-import TinymceEditor from "@/components/TinymceEditor"
-import {SimpleMultipleUserSelector as UserSelector} from '@/components/biz/UserSelector'
-import dialogMixin from "@/mixins/dialogMixin"
+import AbstractForm from "@/component/AbstractForm"
+import AbstractFormItem from "@/component/AbstractForm/AbstractFormItem"
+import FormDialog from '@/component/FormDialog'
+import TinymceEditor from "@/component/TinymceEditor"
+import {SimpleMultipleUserSelector as UserSelector} from '@/component/biz/UserSelector'
+import dialogMixin from "@/mixin/dialogMixin"
 import {add, update, publish, withdraw} from "@/api/message/manage"
-import {isEmpty, mergeObj, resetObj} from '@/utils'
-import {elAlert, elConfirm, elSuccess} from "@/utils/message"
-import {auth} from "@/utils/auth"
+import {isEmpty, mergeObj, resetObj} from '@/util'
+import {elAlert, elConfirm, elSuccess} from "@/util/message"
+import {auth} from "@/util/auth"
 
 export default {
     name: "EditDialog",
diff --git a/vue/src/views/message/manage/index.vue b/vue/src/view/message/manage/index.vue
similarity index 93%
rename from vue/src/views/message/manage/index.vue
rename to vue/src/view/message/manage/index.vue
index 0ebac77..a6fbdda 100644
--- a/vue/src/views/message/manage/index.vue
+++ b/vue/src/view/message/manage/index.vue
@@ -1,16 +1,16 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="标 题：">
+            <search-form-item label="标 题">
                 <el-input v-model="searchForm.title" clearable maxlength="100"/>
             </search-form-item>
-            <search-form-item label="消息类型：">
+            <search-form-item label="消息类型">
                 <el-select v-model="searchForm.type" clearable @clear="searchForm.type=null">
                     <el-option :value="0" label="通知提醒"/>
                     <el-option :value="1" label="系统公告"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="searchForm.status" clearable @clear="searchForm.status=null">
                     <el-option :value="0" label="拟定"/>
                     <el-option :value="1" label="已发布"/>
@@ -67,14 +67,14 @@
 </template>
 
 <script>
-import SearchForm from "@/components/SearchForm"
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
+import SearchForm from "@/component/SearchForm"
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
 import EditDialog from './EditDialog'
 import {search, del} from "@/api/message/manage"
-import {isEmpty} from '@/utils'
-import {elConfirm, elError, elSuccess} from "@/utils/message"
-import {auth} from "@/utils/auth"
-import tableMixin from '@/mixins/tablePageMixin'
+import {isEmpty} from '@/util'
+import {elConfirm, elError, elSuccess} from "@/util/message"
+import {auth} from "@/util/auth"
+import tableMixin from '@/mixin/tablePageMixin'
 
 export default {
     name: "messageManagement",
diff --git a/vue/src/views/message/user/AutoHidden.vue b/vue/src/view/message/user/AutoHidden.vue
similarity index 96%
rename from vue/src/views/message/user/AutoHidden.vue
rename to vue/src/view/message/user/AutoHidden.vue
index 780d591..1062053 100644
--- a/vue/src/views/message/user/AutoHidden.vue
+++ b/vue/src/view/message/user/AutoHidden.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import {getElementHeight} from "@/utils/browser"
+import {getElementHeight} from "@/util/browser"
 
 export default {
     name: "AutoHidden",
diff --git a/vue/src/views/message/user/MessageStream.vue b/vue/src/view/message/user/MessageStream.vue
similarity index 98%
rename from vue/src/views/message/user/MessageStream.vue
rename to vue/src/view/message/user/MessageStream.vue
index ea35f01..978d5f9 100644
--- a/vue/src/views/message/user/MessageStream.vue
+++ b/vue/src/view/message/user/MessageStream.vue
@@ -49,9 +49,9 @@
 </template>
 
 <script>
-import tablePageMixin from '@/mixins/tablePageMixin'
+import tablePageMixin from '@/mixin/tablePageMixin'
 import AutoHidden from "./AutoHidden"
-import Empty from '@/components/Empty'
+import Empty from '@/component/Empty'
 import {search, read, readAll} from "@/api/message/user"
 
 export default {
diff --git a/vue/src/views/message/user/index.vue b/vue/src/view/message/user/index.vue
similarity index 100%
rename from vue/src/views/message/user/index.vue
rename to vue/src/view/message/user/index.vue
diff --git a/vue/src/views/purchase/inbound/components/OrderSelector.vue b/vue/src/view/purchase/inbound/component/OrderSelector.vue
similarity index 96%
rename from vue/src/views/purchase/inbound/components/OrderSelector.vue
rename to vue/src/view/purchase/inbound/component/OrderSelector.vue
index d86242d..6f7bdf4 100644
--- a/vue/src/views/purchase/inbound/components/OrderSelector.vue
+++ b/vue/src/view/purchase/inbound/component/OrderSelector.vue
@@ -66,11 +66,11 @@
 </template>
 
 <script>
-import LinerProgress from '@/components/LinerProgress'
-import dialogMixin from "@/mixins/dialogMixin"
-import tableMixin from '@/mixins/tablePageMixin'
+import LinerProgress from '@/component/LinerProgress'
+import dialogMixin from "@/mixin/dialogMixin"
+import tableMixin from '@/mixin/tablePageMixin'
 import {getSubById, search} from "@/api/doc/purchase/order"
-import {elError} from "@/utils/message"
+import {elError} from "@/util/message"
 
 export default {
     name: "OrderSelector",
diff --git a/vue/src/views/purchase/inbound/detail.vue b/vue/src/view/purchase/inbound/detail.vue
similarity index 82%
rename from vue/src/views/purchase/inbound/detail.vue
rename to vue/src/view/purchase/inbound/detail.vue
index 482afbc..517921d 100644
--- a/vue/src/views/purchase/inbound/detail.vue
+++ b/vue/src/view/purchase/inbound/detail.vue
@@ -1,5 +1,7 @@
 <template>
     <div v-loading="loading" class="detail-page">
+        <form-anchor :reference="() => $refs" :data="anchors"/>
+
         <doc-detail-header
             :title="this.title"
             :description="headerDescription"
@@ -8,20 +10,20 @@
         />
 
         <abstract-form :model="form" :rules="rules">
-            <collapse-card header="流程进度">
+            <form-card ref="progress" header="流程进度">
                 <doc-steps :status="form.status" :type="type"/>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="基础信息">
-                <abstract-form-item label="采购订单：" prop="pid">
+            <form-card ref="base" header="基础信息">
+                <abstract-form-item label="采购订单" prop="pid">
                     <el-input v-if="canSave" :value="form.pid" readonly>
                         <el-button slot="append" @click="parentDialog=true">选择</el-button>
                     </el-input>
                     <template v-else>{{ form.pid }}</template>
                 </abstract-form-item>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="入库商品">
+            <form-card ref="goods" header="入库商品">
                 <abstract-table :data="form.data" :highlight-current-row="false">
                     <el-table-column align="center" label="#" type="index" width="80"/>
                     <el-table-column align="center" label="商 品" prop="cname"/>
@@ -39,18 +41,18 @@
                         </template>
                     </el-table-column>
                 </abstract-table>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="附件">
+            <form-card ref="attachment" header="附件">
                 <upload-file
                     :file-list="form.imageList"
                     :disabled="!canSave"
                     @remove="removeUpload"
                     @success="uploadSuccess"
                 />
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="备注">
+            <form-card ref="remark" header="备注">
                 <el-input
                     v-model="form.remark"
                     :rows="4"
@@ -59,12 +61,15 @@
                     show-word-limit
                     type="textarea"
                 />
-            </collapse-card>
-        </abstract-form>
+            </form-card>
 
-        <doc-history :id="form.id"/>
+            <form-card ref="history" header="单据历史">
+                <doc-history :id="form.id"/>
+            </form-card>
+        </abstract-form>
 
         <doc-detail-footer>
+            <form-validate-info :form="() => $refs.form"/>
             <el-button plain size="small" @click="close">关 闭</el-button>
             <el-button v-if="canSave" size="small" type="primary" @click="save">保 存</el-button>
             <el-button v-if="canCommit" size="small" type="primary" @click="commit">提 交</el-button>
@@ -78,13 +83,13 @@
 </template>
 
 <script>
-import docDetailMixin from "@/mixins/docDetailMixin"
-import OrderSelector from './components/OrderSelector'
+import docDetailMixin from "@/mixin/docDetailMixin"
+import OrderSelector from './component/OrderSelector'
 import {baseUrl, add, commit, getById, pass, reject, update, withdraw} from "@/api/doc/purchase/inbound"
 import {getSubById as getParentSubById} from "@/api/doc/purchase/order"
-import {isEmpty} from "@/utils"
-import {elAlert} from "@/utils/message"
-import {isInteger} from "@/utils/validate"
+import {isEmpty} from "@/util"
+import {elAlert} from "@/util/message"
+import {isInteger} from "@/util/validate"
 
 export default {
     name: "purchaseInboundDetail",
@@ -106,6 +111,14 @@ export default {
             rules: {
                 pid: [{required: true, message: '请选择采购订单', trigger: 'change'}]
             },
+            anchors: [
+                {ref: 'progress', label: '流程进度'},
+                {ref: 'base', label: '基础信息'},
+                {ref: 'goods', label: '入库商品'},
+                {ref: 'attachment', label: '附件'},
+                {ref: 'remark', label: '备注'},
+                {ref: 'history', label: '单据历史'}
+            ],
             parentDialog: false,
             parentSubList: []
         }
diff --git a/vue/src/views/purchase/inbound/index.vue b/vue/src/view/purchase/inbound/index.vue
similarity index 91%
rename from vue/src/views/purchase/inbound/index.vue
rename to vue/src/view/purchase/inbound/index.vue
index 18b290e..98e2c7f 100644
--- a/vue/src/views/purchase/inbound/index.vue
+++ b/vue/src/view/purchase/inbound/index.vue
@@ -1,16 +1,16 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="单 号：">
+            <search-form-item label="单 号">
                 <el-input v-model="searchForm.idFuzzy" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="采购订单：">
+            <search-form-item label="采购订单">
                 <el-input v-model="searchForm.pidFuzzy" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="创建人：">
+            <search-form-item label="创建人">
                 <el-input v-model="searchForm.cname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="创建时间：">
+            <search-form-item label="创建时间">
                 <el-date-picker
                     v-model="temp.ctime"
                     format="yyyy-MM-dd"
@@ -19,10 +19,10 @@
                     value-format="timestamp"
                 />
             </search-form-item>
-            <search-form-item label="审核人：">
+            <search-form-item label="审核人">
                 <el-input v-model="searchForm.vname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="审核时间：">
+            <search-form-item label="审核时间">
                 <el-date-picker
                     v-model="temp.vtime"
                     format="yyyy-MM-dd"
@@ -31,7 +31,7 @@
                     value-format="timestamp"
                 />
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="temp.status" clearable multiple>
                     <el-option :value="0" label="拟定"/>
                     <el-option :value="1" label="待审核"/>
@@ -97,9 +97,9 @@
 </template>
 
 <script>
-import docTableMixin from '@/mixins/docTableMixin'
-import SearchForm from '@/components/SearchForm'
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
+import docTableMixin from '@/mixin/docTableMixin'
+import SearchForm from '@/component/SearchForm'
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
 import {baseUrl, del, getSubById, search} from "@/api/doc/purchase/inbound"
 
 export default {
diff --git a/vue/src/views/purchase/order/components/CategorySelector.vue b/vue/src/view/purchase/order/component/CategorySelector.vue
similarity index 94%
rename from vue/src/views/purchase/order/components/CategorySelector.vue
rename to vue/src/view/purchase/order/component/CategorySelector.vue
index cb45076..65e9439 100644
--- a/vue/src/views/purchase/order/components/CategorySelector.vue
+++ b/vue/src/view/purchase/order/component/CategorySelector.vue
@@ -12,10 +12,10 @@
 </template>
 
 <script>
-import TreeSelect from '@/components/TreeSelect'
+import TreeSelect from '@/component/TreeSelect'
 import {getAll} from "@/api/system/category"
-import {isEmpty} from "@/utils"
-import {elError} from "@/utils/message"
+import {isEmpty} from "@/util"
+import {elError} from "@/util/message"
 
 export default {
     name: "CategorySelector",
diff --git a/vue/src/views/purchase/order/components/SupplierSelector.vue b/vue/src/view/purchase/order/component/SupplierSelector.vue
similarity index 95%
rename from vue/src/views/purchase/order/components/SupplierSelector.vue
rename to vue/src/view/purchase/order/component/SupplierSelector.vue
index 8d87b45..bbc85be 100644
--- a/vue/src/views/purchase/order/components/SupplierSelector.vue
+++ b/vue/src/view/purchase/order/component/SupplierSelector.vue
@@ -65,12 +65,12 @@
 </template>
 
 <script>
-import LinerProgress from '@/components/LinerProgress'
-import dialogMixin from "@/mixins/dialogMixin"
-import tableMixin from '@/mixins/tablePageMixin'
+import LinerProgress from '@/component/LinerProgress'
+import dialogMixin from "@/mixin/dialogMixin"
+import tableMixin from '@/mixin/tablePageMixin'
 import {getSuppliers} from "@/api/system/supplier"
-import {elError} from "@/utils/message"
-import {auth} from "@/utils/auth"
+import {elError} from "@/util/message"
+import {auth} from "@/util/auth"
 
 export default {
     name: "SupplierSelector",
diff --git a/vue/src/views/purchase/order/detail.vue b/vue/src/view/purchase/order/detail.vue
similarity index 86%
rename from vue/src/views/purchase/order/detail.vue
rename to vue/src/view/purchase/order/detail.vue
index 0f35ac8..0b19935 100644
--- a/vue/src/views/purchase/order/detail.vue
+++ b/vue/src/view/purchase/order/detail.vue
@@ -1,5 +1,7 @@
 <template>
     <div v-loading="loading" class="detail-page">
+        <form-anchor :reference="() => $refs" :data="anchors"/>
+
         <doc-detail-header
             :title="this.title"
             :description="headerDescription"
@@ -8,20 +10,20 @@
         />
 
         <abstract-form :model="form" :rules="rules">
-            <collapse-card header="流程进度">
+            <form-card ref="progress" header="流程进度">
                 <doc-steps :status="form.status" :finish="form.finish" :type="type"/>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="基础信息">
-                <abstract-form-item label="供应商：" prop="sname">
+            <form-card ref="base" header="基础信息">
+                <abstract-form-item label="供应商" prop="sname">
                     <el-input v-if="canSave" :value="form.sname" readonly>
                         <el-button slot="append" @click="supplierDialog=true">选择</el-button>
                     </el-input>
                     <template v-else>{{ form.sname }}</template>
                 </abstract-form-item>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="采购商品">
+            <form-card ref="goods" header="采购商品">
                 <abstract-table :data="form.data" :highlight-current-row="false">
                     <el-table-column align="center" label="#" type="index" width="80"/>
                     <el-table-column align="center" label="商 品">
@@ -85,18 +87,18 @@
                         </el-button>
                     </div>
                 </abstract-table>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="附件">
+            <form-card ref="attachment" header="附件">
                 <upload-file
                     :file-list="form.imageList"
                     :disabled="!canSave"
                     @remove="removeUpload"
                     @success="uploadSuccess"
                 />
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="备注">
+            <form-card ref="remark" header="备注">
                 <el-input
                     v-model="form.remark"
                     :rows="4"
@@ -105,12 +107,15 @@
                     show-word-limit
                     type="textarea"
                 />
-            </collapse-card>
-        </abstract-form>
+            </form-card>
 
-        <doc-history :id="form.id"/>
+            <form-card ref="history" header="单据历史">
+                <doc-history :id="form.id"/>
+            </form-card>
+        </abstract-form>
 
         <doc-detail-footer>
+            <form-validate-info :form="() => $refs.form"/>
             <el-button plain size="small" @click="close">关 闭</el-button>
             <el-button v-if="canSave" size="small" type="primary" @click="save">保 存</el-button>
             <el-button v-if="canCommit" size="small" type="primary" @click="commit">提 交</el-button>
@@ -124,13 +129,13 @@
 </template>
 
 <script>
-import docDetailMixin from "@/mixins/docDetailMixin"
-import CategorySelector from './components/CategorySelector'
-import SupplierSelector from './components/SupplierSelector'
+import docDetailMixin from "@/mixin/docDetailMixin"
+import CategorySelector from './component/CategorySelector'
+import SupplierSelector from './component/SupplierSelector'
 import {baseUrl, add, commit, getById, pass, reject, update, withdraw} from "@/api/doc/purchase/order"
-import {isEmpty} from "@/utils"
-import {mul, plus} from "@/utils/math"
-import {isInteger} from "@/utils/validate"
+import {isEmpty} from "@/util"
+import {mul, plus} from "@/util/math"
+import {isInteger} from "@/util/validate"
 
 export default {
     name: "purchaseOrderDetail",
@@ -156,6 +161,14 @@ export default {
             rules: {
                 sname: [{required: true, message: '供应商不能为空', trigger: 'change'}]
             },
+            anchors: [
+                {ref: 'progress', label: '流程进度'},
+                {ref: 'base', label: '基础信息'},
+                {ref: 'goods', label: '采购商品'},
+                {ref: 'attachment', label: '附件'},
+                {ref: 'remark', label: '备注'},
+                {ref: 'history', label: '单据历史'}
+            ],
             supplierDialog: false
         }
     },
diff --git a/vue/src/views/purchase/order/index.vue b/vue/src/view/purchase/order/index.vue
similarity index 92%
rename from vue/src/views/purchase/order/index.vue
rename to vue/src/view/purchase/order/index.vue
index 5250570..9d7d789 100644
--- a/vue/src/views/purchase/order/index.vue
+++ b/vue/src/view/purchase/order/index.vue
@@ -1,16 +1,16 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="单 号：">
+            <search-form-item label="单 号">
                 <el-input v-model="searchForm.idFuzzy" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="供应商：">
+            <search-form-item label="供应商">
                 <el-input v-model="searchForm.sname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="创建人：">
+            <search-form-item label="创建人">
                 <el-input v-model="searchForm.cname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="创建时间：">
+            <search-form-item label="创建时间">
                 <el-date-picker
                     v-model="temp.ctime"
                     format="yyyy-MM-dd"
@@ -19,10 +19,10 @@
                     value-format="timestamp"
                 />
             </search-form-item>
-            <search-form-item label="审核人：">
+            <search-form-item label="审核人">
                 <el-input v-model="searchForm.vname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="审核时间：">
+            <search-form-item label="审核时间">
                 <el-date-picker
                     v-model="temp.vtime"
                     format="yyyy-MM-dd"
@@ -31,21 +31,21 @@
                     value-format="timestamp"
                 />
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="temp.status" clearable multiple>
                     <el-option :value="0" label="拟定"/>
                     <el-option :value="1" label="待审核"/>
                     <el-option :value="2" label="已审核"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="完成情况：">
+            <search-form-item label="完成情况">
                 <el-select v-model="temp.finish" clearable multiple>
                     <el-option :value="0" label="未开始"/>
                     <el-option :value="1" label="进行中"/>
                     <el-option :value="2" label="已完成"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="结束时间：">
+            <search-form-item label="结束时间">
                 <el-date-picker
                     v-model="temp.ftime"
                     format="yyyy-MM-dd"
@@ -125,9 +125,9 @@
 </template>
 
 <script>
-import docTableMixin from '@/mixins/docTableMixin'
-import SearchForm from '@/components/SearchForm'
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
+import docTableMixin from '@/mixin/docTableMixin'
+import SearchForm from '@/component/SearchForm'
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
 import {baseUrl, del, getSubById, search} from "@/api/doc/purchase/order"
 
 export default {
diff --git a/vue/src/views/sell/order/components/CustomerSelector.vue b/vue/src/view/sell/order/component/CustomerSelector.vue
similarity index 94%
rename from vue/src/views/sell/order/components/CustomerSelector.vue
rename to vue/src/view/sell/order/component/CustomerSelector.vue
index 1e3fc13..cc0c9e5 100644
--- a/vue/src/views/sell/order/components/CustomerSelector.vue
+++ b/vue/src/view/sell/order/component/CustomerSelector.vue
@@ -51,11 +51,11 @@
 </template>
 
 <script>
-import LinerProgress from '@/components/LinerProgress'
-import dialogMixin from "@/mixins/dialogMixin"
-import tableMixin from '@/mixins/tablePageMixin'
+import LinerProgress from '@/component/LinerProgress'
+import dialogMixin from "@/mixin/dialogMixin"
+import tableMixin from '@/mixin/tablePageMixin'
 import {getCustomers} from "@/api/system/customer"
-import {elError} from "@/utils/message"
+import {elError} from "@/util/message"
 
 export default {
     name: "CustomerSelector",
diff --git a/vue/src/views/sell/order/components/StockSelector.vue b/vue/src/view/sell/order/component/StockSelector.vue
similarity index 93%
rename from vue/src/views/sell/order/components/StockSelector.vue
rename to vue/src/view/sell/order/component/StockSelector.vue
index 9a89ca8..646eb9f 100644
--- a/vue/src/views/sell/order/components/StockSelector.vue
+++ b/vue/src/view/sell/order/component/StockSelector.vue
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-import LinerProgress from '@/components/LinerProgress'
-import dialogMixin from "@/mixins/dialogMixin"
-import tableMixin from '@/mixins/tablePageMixin'
+import LinerProgress from '@/component/LinerProgress'
+import dialogMixin from "@/mixin/dialogMixin"
+import tableMixin from '@/mixin/tablePageMixin'
 import {search} from "@/api/stock/current"
-import {elError} from "@/utils/message"
+import {elError} from "@/util/message"
 
 export default {
     name: "StockSelector",
diff --git a/vue/src/views/sell/order/detail.vue b/vue/src/view/sell/order/detail.vue
similarity index 85%
rename from vue/src/views/sell/order/detail.vue
rename to vue/src/view/sell/order/detail.vue
index 0634fa7..4761bf5 100644
--- a/vue/src/views/sell/order/detail.vue
+++ b/vue/src/view/sell/order/detail.vue
@@ -1,5 +1,7 @@
 <template>
     <div v-loading="loading" class="detail-page">
+        <form-anchor :reference="() => $refs" :data="anchors"/>
+
         <doc-detail-header
             :title="this.title"
             :description="headerDescription"
@@ -8,20 +10,20 @@
         />
 
         <abstract-form :model="form" :rules="rules">
-            <collapse-card header="流程进度">
+            <form-card ref="progress" header="流程进度">
                 <doc-steps :status="form.status" :finish="form.finish" :type="type"/>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="基础信息">
-                <abstract-form-item label="客 户：" prop="customerName">
+            <form-card ref="base" header="基础信息">
+                <abstract-form-item label="客 户" prop="customerName">
                     <el-input v-if="canSave" :value="form.customerName" readonly>
                         <el-button slot="append" @click="customerDialog=true">选择</el-button>
                     </el-input>
                     <template v-else>{{ form.customerName }}</template>
                 </abstract-form-item>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="销售商品">
+            <form-card ref="goods" header="销售商品">
                 <abstract-table :data="form.data" :highlight-current-row="false">
                     <el-table-column align="center" label="#" type="index" width="80"/>
                     <el-table-column align="center" label="商品" prop="cname"/>
@@ -68,18 +70,18 @@
                         </el-button>
                     </div>
                 </abstract-table>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="附件">
+            <form-card ref="attachment" header="附件">
                 <upload-file
                     :file-list="form.imageList"
                     :disabled="!canSave"
                     @remove="removeUpload"
                     @success="uploadSuccess"
                 />
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="备注">
+            <form-card ref="remark" header="备注">
                 <el-input
                     v-model="form.remark"
                     :rows="4"
@@ -88,12 +90,15 @@
                     show-word-limit
                     type="textarea"
                 />
-            </collapse-card>
-        </abstract-form>
+            </form-card>
 
-        <doc-history :id="form.id"/>
+            <form-card ref="history" header="单据历史">
+                <doc-history :id="form.id"/>
+            </form-card>
+        </abstract-form>
 
         <doc-detail-footer>
+            <form-validate-info :form="() => $refs.form"/>
             <el-button plain size="small" @click="close">关 闭</el-button>
             <el-button v-if="canSave" size="small" type="primary" @click="save">保 存</el-button>
             <el-button v-if="canCommit" size="small" type="primary" @click="commit">提 交</el-button>
@@ -109,13 +114,13 @@
 </template>
 
 <script>
-import docDetailMixin from "@/mixins/docDetailMixin"
-import CustomerSelector from './components/CustomerSelector'
-import StockSelector from './components/StockSelector'
+import docDetailMixin from "@/mixin/docDetailMixin"
+import CustomerSelector from './component/CustomerSelector'
+import StockSelector from './component/StockSelector'
 import {baseUrl, add, commit, getById, pass, reject, update, withdraw} from "@/api/doc/sell/order"
-import {isEmpty} from "@/utils"
-import {mul, plus} from "@/utils/math"
-import {isInteger} from "@/utils/validate"
+import {isEmpty} from "@/util"
+import {mul, plus} from "@/util/math"
+import {isInteger} from "@/util/validate"
 
 export default {
     name: "sellOrderDetail",
@@ -141,6 +146,14 @@ export default {
             rules: {
                 customerName: [{required: true, message: '客户不能为空', trigger: 'change'}]
             },
+            anchors: [
+                {ref: 'progress', label: '流程进度'},
+                {ref: 'base', label: '基础信息'},
+                {ref: 'goods', label: '销售商品'},
+                {ref: 'attachment', label: '附件'},
+                {ref: 'remark', label: '备注'},
+                {ref: 'history', label: '单据历史'}
+            ],
             customerDialog: false,
             stockDialog: false
         }
diff --git a/vue/src/views/sell/order/index.vue b/vue/src/view/sell/order/index.vue
similarity index 92%
rename from vue/src/views/sell/order/index.vue
rename to vue/src/view/sell/order/index.vue
index 7c524b4..1200fd4 100644
--- a/vue/src/views/sell/order/index.vue
+++ b/vue/src/view/sell/order/index.vue
@@ -1,16 +1,16 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="单 号：">
+            <search-form-item label="单 号">
                 <el-input v-model="searchForm.idFuzzy" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="客 户：">
+            <search-form-item label="客 户">
                 <el-input v-model="searchForm.customerName" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="创建人：">
+            <search-form-item label="创建人">
                 <el-input v-model="searchForm.cname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="创建时间：">
+            <search-form-item label="创建时间">
                 <el-date-picker
                     v-model="temp.ctime"
                     format="yyyy-MM-dd"
@@ -19,10 +19,10 @@
                     value-format="timestamp"
                 />
             </search-form-item>
-            <search-form-item label="审核人：">
+            <search-form-item label="审核人">
                 <el-input v-model="searchForm.vname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="审核时间：">
+            <search-form-item label="审核时间">
                 <el-date-picker
                     v-model="temp.vtime"
                     format="yyyy-MM-dd"
@@ -31,21 +31,21 @@
                     value-format="timestamp"
                 />
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="temp.status" clearable multiple>
                     <el-option :value="0" label="拟定"/>
                     <el-option :value="1" label="待审核"/>
                     <el-option :value="2" label="已审核"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="完成情况：">
+            <search-form-item label="完成情况">
                 <el-select v-model="temp.finish" clearable multiple>
                     <el-option :value="0" label="未开始"/>
                     <el-option :value="1" label="进行中"/>
                     <el-option :value="2" label="已完成"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="结束时间：">
+            <search-form-item label="结束时间">
                 <el-date-picker
                     v-model="temp.ftime"
                     format="yyyy-MM-dd"
@@ -128,9 +128,9 @@
 </template>
 
 <script>
-import docTableMixin from '@/mixins/docTableMixin'
-import SearchForm from '@/components/SearchForm'
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
+import docTableMixin from '@/mixin/docTableMixin'
+import SearchForm from '@/component/SearchForm'
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
 import {baseUrl, del, getSubById, search} from "@/api/doc/sell/order"
 
 export default {
diff --git a/vue/src/views/sell/outbound/components/OrderSelector.vue b/vue/src/view/sell/outbound/component/OrderSelector.vue
similarity index 96%
rename from vue/src/views/sell/outbound/components/OrderSelector.vue
rename to vue/src/view/sell/outbound/component/OrderSelector.vue
index 3608f48..6b8f812 100644
--- a/vue/src/views/sell/outbound/components/OrderSelector.vue
+++ b/vue/src/view/sell/outbound/component/OrderSelector.vue
@@ -66,11 +66,11 @@
 </template>
 
 <script>
-import LinerProgress from '@/components/LinerProgress'
-import dialogMixin from "@/mixins/dialogMixin"
-import tableMixin from '@/mixins/tablePageMixin'
+import LinerProgress from '@/component/LinerProgress'
+import dialogMixin from "@/mixin/dialogMixin"
+import tableMixin from '@/mixin/tablePageMixin'
 import {getSubById, search} from "@/api/doc/sell/order"
-import {elError} from "@/utils/message"
+import {elError} from "@/util/message"
 
 export default {
     name: "OrderSelector",
diff --git a/vue/src/views/sell/outbound/components/StockSelector.vue b/vue/src/view/sell/outbound/component/StockSelector.vue
similarity index 94%
rename from vue/src/views/sell/outbound/components/StockSelector.vue
rename to vue/src/view/sell/outbound/component/StockSelector.vue
index d87c936..c78930a 100644
--- a/vue/src/views/sell/outbound/components/StockSelector.vue
+++ b/vue/src/view/sell/outbound/component/StockSelector.vue
@@ -38,10 +38,10 @@
 </template>
 
 <script>
-import dialogMixin from "@/mixins/dialogMixin"
-import LinerProgress from '@/components/LinerProgress'
+import dialogMixin from "@/mixin/dialogMixin"
+import LinerProgress from '@/component/LinerProgress'
 import {getDetail} from "@/api/stock/current"
-import {elError} from "@/utils/message"
+import {elError} from "@/util/message"
 
 export default {
     name: "StockSelector",
diff --git a/vue/src/views/sell/outbound/detail.vue b/vue/src/view/sell/outbound/detail.vue
similarity index 87%
rename from vue/src/views/sell/outbound/detail.vue
rename to vue/src/view/sell/outbound/detail.vue
index 1f4fb18..68f6eda 100644
--- a/vue/src/views/sell/outbound/detail.vue
+++ b/vue/src/view/sell/outbound/detail.vue
@@ -1,5 +1,7 @@
 <template>
     <div v-loading="loading" class="detail-page">
+        <form-anchor :reference="() => $refs" :data="anchors"/>
+
         <doc-detail-header
             :title="this.title"
             :description="headerDescription"
@@ -8,20 +10,20 @@
         />
 
         <abstract-form :model="form" :rules="rules">
-            <collapse-card header="流程进度">
+            <form-card ref="progress" header="流程进度">
                 <doc-steps :status="form.status" :type="type"/>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="基础信息">
-                <abstract-form-item label="销售订单：" prop="pid">
+            <form-card ref="base" header="基础信息">
+                <abstract-form-item label="销售订单" prop="pid">
                     <el-input v-if="canSave" :value="form.pid" readonly>
                         <el-button slot="append" @click="parentDialog=true">选择</el-button>
                     </el-input>
                     <template v-else>{{ form.pid }}</template>
                 </abstract-form-item>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="出库商品">
+            <form-card ref="goods" header="出库商品">
                 <abstract-table :data="displayTableData" :highlight-current-row="false">
                     <el-table-column align="center" type="expand">
                         <el-table slot-scope="{row}" :data="row.data" border show-summary
@@ -54,18 +56,18 @@
                     <el-table-column align="center" label="出库数量" prop="num" width="150"/>
                     <el-table-column align="center" label="订单剩余未出库数量" prop="remainNum" width="250"/>
                 </abstract-table>
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="附件">
+            <form-card ref="attachment" header="附件">
                 <upload-file
                     :file-list="form.imageList"
                     :disabled="!canSave"
                     @remove="removeUpload"
                     @success="uploadSuccess"
                 />
-            </collapse-card>
+            </form-card>
 
-            <collapse-card header="备注">
+            <form-card ref="remark" header="备注">
                 <el-input
                     v-model="form.remark"
                     :rows="4"
@@ -74,12 +76,15 @@
                     show-word-limit
                     type="textarea"
                 />
-            </collapse-card>
-        </abstract-form>
+            </form-card>
 
-        <doc-history :id="form.id"/>
+            <form-card ref="history" header="单据历史">
+                <doc-history :id="form.id"/>
+            </form-card>
+        </abstract-form>
 
         <doc-detail-footer>
+            <form-validate-info :form="() => $refs.form"/>
             <el-button plain size="small" @click="close">关 闭</el-button>
             <el-button v-if="canSave" size="small" type="primary" @click="save">保 存</el-button>
             <el-button v-if="canCommit" size="small" type="primary" @click="commit">提 交</el-button>
@@ -95,16 +100,16 @@
 </template>
 
 <script>
-import docDetailMixin from "@/mixins/docDetailMixin"
-import OrderSelector from "./components/OrderSelector"
-import StockSelector from "./components/StockSelector"
+import docDetailMixin from "@/mixin/docDetailMixin"
+import OrderSelector from "./component/OrderSelector"
+import StockSelector from "./component/StockSelector"
 import {getDetailById as getStockDetail} from "@/api/stock/current"
 import {getSubById as getParentSubById} from "@/api/doc/sell/order"
 import {baseUrl, add, commit, getById, pass, reject, update, withdraw} from "@/api/doc/sell/outbound"
-import {isEmpty} from "@/utils"
-import {plus, sub} from "@/utils/math"
-import {elAlert} from "@/utils/message"
-import {isInteger} from "@/utils/validate"
+import {isEmpty} from "@/util"
+import {plus, sub} from "@/util/math"
+import {elAlert} from "@/util/message"
+import {isInteger} from "@/util/validate"
 
 export default {
     name: "sellOutboundDetail",
@@ -126,6 +131,14 @@ export default {
             rules: {
                 pid: [{required: true, message: '请选择销售订单', trigger: 'change'}]
             },
+            anchors: [
+                {ref: 'progress', label: '流程进度'},
+                {ref: 'base', label: '基础信息'},
+                {ref: 'goods', label: '出库商品'},
+                {ref: 'attachment', label: '附件'},
+                {ref: 'remark', label: '备注'},
+                {ref: 'history', label: '单据历史'}
+            ],
             stockDialog: false,
             row: null,
             parentDialog: false,
diff --git a/vue/src/views/sell/outbound/index.vue b/vue/src/view/sell/outbound/index.vue
similarity index 92%
rename from vue/src/views/sell/outbound/index.vue
rename to vue/src/view/sell/outbound/index.vue
index 13fa3bf..a04bce7 100644
--- a/vue/src/views/sell/outbound/index.vue
+++ b/vue/src/view/sell/outbound/index.vue
@@ -1,16 +1,16 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="单 号：">
+            <search-form-item label="单 号">
                 <el-input v-model="searchForm.idFuzzy" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="销售订单：">
+            <search-form-item label="销售订单">
                 <el-input v-model="searchForm.pidFuzzy" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="创建人：">
+            <search-form-item label="创建人">
                 <el-input v-model="searchForm.cname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="创建时间：">
+            <search-form-item label="创建时间">
                 <el-date-picker
                     v-model="temp.ctime"
                     format="yyyy-MM-dd"
@@ -19,10 +19,10 @@
                     value-format="timestamp"
                 />
             </search-form-item>
-            <search-form-item label="审核人：">
+            <search-form-item label="审核人">
                 <el-input v-model="searchForm.vname" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="审核时间：">
+            <search-form-item label="审核时间">
                 <el-date-picker
                     v-model="temp.vtime"
                     format="yyyy-MM-dd"
@@ -31,7 +31,7 @@
                     value-format="timestamp"
                 />
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="temp.status" clearable multiple>
                     <el-option :value="0" label="拟定"/>
                     <el-option :value="1" label="待审核"/>
@@ -100,9 +100,9 @@
 </template>
 
 <script>
-import docTableMixin from '@/mixins/docTableMixin'
-import SearchForm from '@/components/SearchForm'
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
+import docTableMixin from '@/mixin/docTableMixin'
+import SearchForm from '@/component/SearchForm'
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
 import {baseUrl, del, getSubById, search} from "@/api/doc/sell/outbound"
 
 export default {
diff --git a/vue/src/views/stock/current/DetailDialog.vue b/vue/src/view/stock/current/DetailDialog.vue
similarity index 92%
rename from vue/src/views/stock/current/DetailDialog.vue
rename to vue/src/view/stock/current/DetailDialog.vue
index 2209fc7..a66b4ba 100644
--- a/vue/src/views/stock/current/DetailDialog.vue
+++ b/vue/src/view/stock/current/DetailDialog.vue
@@ -39,12 +39,12 @@
 </template>
 
 <script>
-import AbstractTable from '@/components/AbstractTable'
-import LinerProgress from '@/components/LinerProgress'
-import FormDialog from "@/components/FormDialog"
-import dialogMixin from "@/mixins/dialogMixin"
-import {isEmpty} from "@/utils"
-import {plus, mul} from "@/utils/math"
+import AbstractTable from '@/component/AbstractTable'
+import LinerProgress from '@/component/LinerProgress'
+import FormDialog from "@/component/FormDialog"
+import dialogMixin from "@/mixin/dialogMixin"
+import {isEmpty} from "@/util"
+import {plus, mul} from "@/util/math"
 import {getDetail} from "@/api/stock/current"
 
 export default {
@@ -124,7 +124,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/assets/styles/variables.scss";
+@import "~@/asset/style/variables.scss";
 
 .el-table {
     a {
diff --git a/vue/src/views/stock/current/index.vue b/vue/src/view/stock/current/index.vue
similarity index 90%
rename from vue/src/views/stock/current/index.vue
rename to vue/src/view/stock/current/index.vue
index b29454d..5b35402 100644
--- a/vue/src/views/stock/current/index.vue
+++ b/vue/src/view/stock/current/index.vue
@@ -15,16 +15,16 @@
             </template>
 
             <search-form>
-                <search-form-item label="商品分类：">
+                <search-form-item label="商品分类">
                     <el-input :value="temp.cname" maxlength="100" clearable @clear="clearCidSearch"/>
                 </search-form-item>
-                <search-form-item label="采购订单：">
+                <search-form-item label="采购订单">
                     <el-input v-model="searchForm.cgddid" maxlength="100" clearable/>
                 </search-form-item>
-                <search-form-item label="采购入库单：">
+                <search-form-item label="采购入库单">
                     <el-input v-model="searchForm.cgrkid" maxlength="100" clearable/>
                 </search-form-item>
-                <search-form-item label="入库时间：">
+                <search-form-item label="入库时间">
                     <el-date-picker
                         v-model="temp.ctime"
                         format="yyyy-MM-dd"
@@ -67,17 +67,17 @@
 </template>
 
 <script>
-import CategoryTree from '@/components/biz/CategoryTree'
+import CategoryTree from '@/component/biz/CategoryTree'
 import DetailDialog from "./DetailDialog"
-import ExtraArea from '@/components/ExtraArea'
-import SearchForm from "@/components/SearchForm"
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
+import ExtraArea from '@/component/ExtraArea'
+import SearchForm from "@/component/SearchForm"
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
 import {baseUrl, search} from "@/api/stock/current"
-import {isEmpty, debounce} from "@/utils"
-import {plus} from "@/utils/math"
-import {exportExcel} from "@/utils/excel"
-import {getNodeId} from "@/utils/tree"
-import tableMixin from '@/mixins/tablePageMixin'
+import {isEmpty, debounce} from "@/util"
+import {plus} from "@/util/math"
+import {exportExcel} from "@/util/excel"
+import {getNodeId} from "@/util/tree"
+import tableMixin from '@/mixin/tablePageMixin'
 
 export default {
     name: "currentStock",
diff --git a/vue/src/views/system/category/components/Form.vue b/vue/src/view/system/category/component/Form.vue
similarity index 94%
rename from vue/src/views/system/category/components/Form.vue
rename to vue/src/view/system/category/component/Form.vue
index ee5e3cf..1948524 100644
--- a/vue/src/views/system/category/components/Form.vue
+++ b/vue/src/view/system/category/component/Form.vue
@@ -7,15 +7,16 @@
             class="edit-form"
             label-position="right"
             label-width="100px"
+            label-suffix="："
             status-icon
         >
-            <el-form-item label="上级分类:">
+            <el-form-item label="上级分类">
                 <el-input :value="parentObj?parentObj.name:''" readonly/>
             </el-form-item>
-            <el-form-item label="分类名称:" prop="name">
+            <el-form-item label="分类名称" prop="name">
                 <el-input v-model="form.name" :readonly="type==='see'" maxlength="50"/>
             </el-form-item>
-            <el-form-item label="类 型:" prop="type">
+            <el-form-item label="类 型" prop="type">
                 <el-select v-model="form.type" :disabled="type==='see'">
                     <el-option :value="0" label="分类"/>
                     <el-option :value="1" label="实体"/>
@@ -37,8 +38,8 @@
 </template>
 
 <script>
-import {isEmpty, mergeObj, waitUntilSuccess} from '@/utils'
-import {elConfirm} from "@/utils/message"
+import {isEmpty, mergeObj, waitUntilSuccess} from '@/util'
+import {elConfirm} from "@/util/message"
 import {add, update} from "@/api/system/category"
 
 export default {
diff --git a/vue/src/views/system/category/components/List.vue b/vue/src/view/system/category/component/List.vue
similarity index 92%
rename from vue/src/views/system/category/components/List.vue
rename to vue/src/view/system/category/component/List.vue
index e038aa0..07be0b3 100644
--- a/vue/src/views/system/category/components/List.vue
+++ b/vue/src/view/system/category/component/List.vue
@@ -13,12 +13,12 @@
 </template>
 
 <script>
-import {isEmpty, waitUntilSuccess} from '@/utils'
-import {elConfirm, elError, elSuccess} from "@/utils/message"
+import {isEmpty, waitUntilSuccess} from '@/util'
+import {elConfirm, elError, elSuccess} from "@/util/message"
 import {del, getAll} from "@/api/system/category"
-import ContextMenu from "@/components/ContextMenu"
-import ContextMenuItem from "@/components/ContextMenu/ContextMenuItem"
-import CategoryTree from '@/components/biz/CategoryTree'
+import ContextMenu from "@/component/ContextMenu"
+import ContextMenuItem from "@/component/ContextMenu/ContextMenuItem"
+import CategoryTree from '@/component/biz/CategoryTree'
 
 export default {
     components: {ContextMenuItem, ContextMenu, CategoryTree},
diff --git a/vue/src/views/system/category/index.vue b/vue/src/view/system/category/index.vue
similarity index 84%
rename from vue/src/views/system/category/index.vue
rename to vue/src/view/system/category/index.vue
index 5ef0dd5..22ba9e2 100644
--- a/vue/src/views/system/category/index.vue
+++ b/vue/src/view/system/category/index.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import CategoryList from './components/List'
-import EditForm from './components/Form'
+import CategoryList from './component/List'
+import EditForm from './component/Form'
 
 export default {
     name: "categorySetting",
diff --git a/vue/src/views/system/customer/EditDialog.vue b/vue/src/view/system/customer/EditDialog.vue
similarity index 83%
rename from vue/src/views/system/customer/EditDialog.vue
rename to vue/src/view/system/customer/EditDialog.vue
index 860dd18..22af442 100644
--- a/vue/src/views/system/customer/EditDialog.vue
+++ b/vue/src/view/system/customer/EditDialog.vue
@@ -1,17 +1,10 @@
 <template>
     <form-dialog :loading="loading" :title="title" :value="value" @close="cancel" @open="open">
-        <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            label-position="right"
-            label-width="100px"
-            status-icon
-        >
-            <el-form-item label="名 称：" prop="name">
+        <abstract-form :model="form" :rules="rules" size="">
+            <el-form-item label="名 称" prop="name">
                 <el-input v-model="form.name" :readonly="!canEdit" maxlength="20"/>
             </el-form-item>
-            <el-form-item label="行政区域：" prop="regionName">
+            <el-form-item label="行政区域" prop="regionName">
                 <region-selector
                     :value="form.regionName"
                     :readonly="!canEdit"
@@ -19,22 +12,22 @@
                     @select="selectRegion"
                 />
             </el-form-item>
-            <el-form-item label="地 址：" prop="address">
+            <el-form-item label="地 址" prop="address">
                 <el-input v-model="form.address" :readonly="!canEdit" maxlength="100"/>
             </el-form-item>
-            <el-form-item label="联系人：" prop="linkman">
+            <el-form-item label="联系人" prop="linkman">
                 <el-input v-model="form.linkman" :readonly="!canEdit" maxlength="50"/>
             </el-form-item>
-            <el-form-item label="联系电话：" prop="linkphone">
+            <el-form-item label="联系电话" prop="linkphone">
                 <el-input v-model="form.linkphone" :readonly="!canEdit" maxlength="20"/>
             </el-form-item>
-            <el-form-item label="状 态：" prop="status">
+            <el-form-item label="状 态" prop="status">
                 <el-radio-group v-model="form.status" :disabled="!canEdit">
                     <el-radio :label="1">启用</el-radio>
                     <el-radio :label="0">禁用</el-radio>
                 </el-radio-group>
             </el-form-item>
-            <el-form-item label="备 注：" prop="remark">
+            <el-form-item label="备 注" prop="remark">
                 <el-input
                     v-model="form.remark"
                     :rows="4"
@@ -44,7 +37,7 @@
                     type="textarea"
                 />
             </el-form-item>
-        </el-form>
+        </abstract-form>
 
         <template v-slot:footer>
             <el-button plain size="small" @click="closeDialog">取 消</el-button>
@@ -54,19 +47,20 @@
 </template>
 
 <script>
-import FormDialog from '@/components/FormDialog'
-import RegionSelector from '@/components/RegionSelector'
-import dialogMixin from "@/mixins/dialogMixin"
+import dialogMixin from "@/mixin/dialogMixin"
+import AbstractForm from "@/component/AbstractForm"
+import FormDialog from '@/component/FormDialog'
+import RegionSelector from '@/component/RegionSelector'
 import {addCustomer, updateCustomer} from "@/api/system/customer"
-import {isEmpty, mergeObj, resetObj} from '@/utils'
-import {elConfirm} from "@/utils/message"
+import {isEmpty, mergeObj, resetObj} from '@/util'
+import {elConfirm} from "@/util/message"
 
 export default {
     name: "EditDialog",
 
     mixins: [dialogMixin],
 
-    components: {FormDialog, RegionSelector},
+    components: {AbstractForm, FormDialog, RegionSelector},
 
     props: {
         value: {type: Boolean, default: false},
diff --git a/vue/src/views/system/customer/index.vue b/vue/src/view/system/customer/index.vue
similarity index 90%
rename from vue/src/views/system/customer/index.vue
rename to vue/src/view/system/customer/index.vue
index 70ca915..a27a3a7 100644
--- a/vue/src/views/system/customer/index.vue
+++ b/vue/src/view/system/customer/index.vue
@@ -1,10 +1,10 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="客 户：">
+            <search-form-item label="客 户">
                 <el-input v-model="searchForm.name" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="行政区域：">
+            <search-form-item label="行政区域">
                 <region-selector
                     :value="temp.regionName"
                     limit
@@ -14,22 +14,22 @@
                     @select="selectRegion"
                 />
             </search-form-item>
-            <search-form-item label="地 址：">
+            <search-form-item label="地 址">
                 <el-input v-model="searchForm.address" clearable maxlength="100"/>
             </search-form-item>
-            <search-form-item label="联系人：">
+            <search-form-item label="联系人">
                 <el-input v-model="searchForm.linkman" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="联系电话：">
+            <search-form-item label="联系电话">
                 <el-input v-model="searchForm.linkphone" clearable maxlength="20"/>
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="searchForm.status" clearable @clear="searchForm.status=null">
                     <el-option :value="1" label="启用"/>
                     <el-option :value="0" label="禁用"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="创建时间：">
+            <search-form-item label="创建时间">
                 <el-date-picker
                     v-model="temp.ctime"
                     format="yyyy-MM-dd"
@@ -81,15 +81,15 @@
 </template>
 
 <script>
-import SearchForm from "@/components/SearchForm"
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
-import RegionSelector from "@/components/RegionSelector"
+import SearchForm from "@/component/SearchForm"
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
+import RegionSelector from "@/component/RegionSelector"
 import EditDialog from './EditDialog'
 import {delCustomer, getCustomers, getLimitRegion} from "@/api/system/customer"
-import {isEmpty} from '@/utils'
-import {elConfirm, elError, elSuccess} from "@/utils/message"
-import {auth} from "@/utils/auth"
-import tableMixin from '@/mixins/tablePageMixin'
+import {isEmpty} from '@/util'
+import {elConfirm, elError, elSuccess} from "@/util/message"
+import {auth} from "@/util/auth"
+import tableMixin from '@/mixin/tablePageMixin'
 
 const baseUrl = '/system/customer'
 
diff --git a/vue/src/views/system/department/components/EditDialog.vue b/vue/src/view/system/department/component/EditDialog.vue
similarity index 87%
rename from vue/src/views/system/department/components/EditDialog.vue
rename to vue/src/view/system/department/component/EditDialog.vue
index 4ab8761..feabc23 100644
--- a/vue/src/views/system/department/components/EditDialog.vue
+++ b/vue/src/view/system/department/component/EditDialog.vue
@@ -1,26 +1,19 @@
 <template>
     <form-dialog :loading="loading" :title="title" :value="value" @close="cancel" @open="open">
-        <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            label-position="right"
-            label-width="100px"
-            status-icon
-        >
-            <el-form-item v-show="parentName" label="上级部门：">
+        <abstract-form :model="form" :rules="rules" size="">
+            <el-form-item v-show="parentName" label="上级部门">
                 <el-input :value="parentName" readonly/>
             </el-form-item>
-            <el-form-item label="部门名称：" prop="name">
+            <el-form-item label="部门名称" prop="name">
                 <el-input v-model="form.name" maxlength="20"/>
             </el-form-item>
-            <el-form-item label="部门状态：" prop="status">
+            <el-form-item label="部门状态" prop="status">
                 <el-radio-group v-model="form.status">
                     <el-radio :label="1">启用</el-radio>
                     <el-radio :label="0">禁用</el-radio>
                 </el-radio-group>
             </el-form-item>
-        </el-form>
+        </abstract-form>
 
         <template v-slot:footer>
             <el-button plain size="small" @click="closeDialog">取 消</el-button>
@@ -30,18 +23,19 @@
 </template>
 
 <script>
-import FormDialog from '@/components/FormDialog'
-import dialogMixin from "@/mixins/dialogMixin"
+import dialogMixin from "@/mixin/dialogMixin"
+import AbstractForm from "@/component/AbstractForm"
+import FormDialog from '@/component/FormDialog'
 import {addDepartment, updateDepartment} from "@/api/system/department"
-import {isEmpty} from '@/utils'
-import {elConfirm, elSuccess} from "@/utils/message"
+import {isEmpty} from '@/util'
+import {elConfirm, elSuccess} from "@/util/message"
 
 export default {
     name: "EditDialog",
 
     mixins: [dialogMixin],
 
-    components: {FormDialog},
+    components: {AbstractForm, FormDialog},
 
     props: {
         value: {type: Boolean, default: false},
diff --git a/vue/src/views/system/department/components/OrgTreeView.vue b/vue/src/view/system/department/component/OrgTreeView.vue
similarity index 98%
rename from vue/src/views/system/department/components/OrgTreeView.vue
rename to vue/src/view/system/department/component/OrgTreeView.vue
index d75e2b7..b2f1beb 100644
--- a/vue/src/views/system/department/components/OrgTreeView.vue
+++ b/vue/src/view/system/department/component/OrgTreeView.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import OrgTree from '@/components/OrgTree'
+import OrgTree from '@/component/OrgTree'
 
 export default {
     name: "OrgTreeView",
diff --git a/vue/src/views/system/department/index.vue b/vue/src/view/system/department/index.vue
similarity index 91%
rename from vue/src/views/system/department/index.vue
rename to vue/src/view/system/department/index.vue
index 25eae99..3bfce65 100644
--- a/vue/src/views/system/department/index.vue
+++ b/vue/src/view/system/department/index.vue
@@ -50,18 +50,18 @@
 <script>
 /**
  * 详情见iview-admin
- * https://admin.iviewui.com/components/org_tree_page
+ * https://admin.iviewui.com/component/org_tree_page
  */
-import ContextMenu from "@/components/ContextMenu"
-import ContextMenuItem from "@/components/ContextMenu/ContextMenuItem"
-import EditDialog from "./components/EditDialog"
-import OrgTreeView from "./components/OrgTreeView"
-import ZoomControl from '@/components/ZoomControl'
+import ContextMenu from "@/component/ContextMenu"
+import ContextMenuItem from "@/component/ContextMenu/ContextMenuItem"
+import EditDialog from "./component/EditDialog"
+import OrgTreeView from "./component/OrgTreeView"
+import ZoomControl from '@/component/ZoomControl'
 import {baseUrl, delDepartment, getDepartments} from "@/api/system/department"
-import {isEmpty} from '@/utils'
-import {auth} from "@/utils/auth"
-import {elConfirm, elError, elSuccess} from "@/utils/message"
-import {createTreeByWorker} from "@/utils/tree"
+import {isEmpty} from '@/util'
+import {auth} from "@/util/auth"
+import {elConfirm, elError, elSuccess} from "@/util/message"
+import {createTreeByWorker} from "@/util/tree"
 
 export default {
     name: "departmentManagement",
diff --git a/vue/src/views/system/resource/EditDialog.vue b/vue/src/view/system/resource/EditDialog.vue
similarity index 76%
rename from vue/src/views/system/resource/EditDialog.vue
rename to vue/src/view/system/resource/EditDialog.vue
index 03039dd..df0842a 100644
--- a/vue/src/views/system/resource/EditDialog.vue
+++ b/vue/src/view/system/resource/EditDialog.vue
@@ -1,20 +1,13 @@
 <template>
     <form-dialog :loading="loading" title="编辑" :value="value" @close="cancel" @open="open">
-        <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            label-position="right"
-            label-width="120px"
-            status-icon
-        >
-            <el-form-item label="名 称：" prop="name">
-                <el-input :value="form.fullName" readonly/>
+        <abstract-form :model="form" :rules="rules" size="">
+            <el-form-item label="名 称" prop="name">
+                <el-input :value="form.fullname" readonly/>
             </el-form-item>
-            <el-form-item label="访问路径：" prop="url">
+            <el-form-item label="访问路径" prop="url">
                 <el-input :value="form.url" readonly/>
             </el-form-item>
-            <el-form-item label="总频率：" prop="totalRate">
+            <el-form-item label="总频率" prop="totalRate">
                 <el-input-number
                     v-model="form.totalRate"
                     controls-position="right"
@@ -23,7 +16,7 @@
                     step-strictly size="small"
                 />
             </el-form-item>
-            <el-form-item label="单个IP频率：" prop="ipRate">
+            <el-form-item label="单个IP频率" prop="ipRate">
                 <el-input-number
                     v-model="form.ipRate"
                     controls-position="right"
@@ -32,7 +25,7 @@
                     step-strictly size="small"
                 />
             </el-form-item>
-        </el-form>
+        </abstract-form>
 
         <template v-slot:footer>
             <el-button plain size="small" @click="closeDialog">取 消</el-button>
@@ -42,17 +35,18 @@
 </template>
 
 <script>
-import FormDialog from '@/components/FormDialog'
-import dialogMixin from "@/mixins/dialogMixin"
+import dialogMixin from "@/mixin/dialogMixin"
+import AbstractForm from "@/component/AbstractForm"
+import FormDialog from '@/component/FormDialog'
 import {updateResource} from "@/api/system/resource"
-import {mergeObj, resetObj} from '@/utils'
+import {mergeObj, resetObj} from '@/util'
 
 export default {
     name: "EditDialog",
 
     mixins: [dialogMixin],
 
-    components: {FormDialog},
+    components: {AbstractForm, FormDialog},
 
     props: {
         value: {type: Boolean, default: false},
@@ -64,7 +58,7 @@ export default {
             loading: false,
             form: {
                 id: null,
-                fullName: null,
+                fullname: null,
                 url: null,
                 totalRate: 0,
                 ipRate: 0
diff --git a/vue/src/views/system/resource/index.vue b/vue/src/view/system/resource/index.vue
similarity index 84%
rename from vue/src/views/system/resource/index.vue
rename to vue/src/view/system/resource/index.vue
index 6c3df04..4c5993d 100644
--- a/vue/src/views/system/resource/index.vue
+++ b/vue/src/view/system/resource/index.vue
@@ -7,7 +7,7 @@
 
         <el-row v-loading="config.loading" class="table-container">
             <abstract-table :data="tableData" @row-click="rowClick">
-                <el-table-column label="名称" prop="fullName" show-overflow-tooltip/>
+                <el-table-column label="名称" prop="fullname" show-overflow-tooltip/>
                 <el-table-column label="访问路径" prop="url" show-overflow-tooltip/>
                 <el-table-column label="总频率" prop="totalRate" show-overflow-tooltip/>
                 <el-table-column label="单个IP频率" prop="ipRate" show-overflow-tooltip/>
@@ -19,14 +19,14 @@
 </template>
 
 <script>
-import SearchForm from "@/components/SearchForm"
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
+import SearchForm from "@/component/SearchForm"
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
 import EditDialog from './EditDialog'
 import {getAllResources} from "@/api/system/resource"
-import {elError, elSuccess} from "@/utils/message"
-import {auth} from "@/utils/auth"
-import {createTreeByWorker} from "@/utils/tree"
-import tableMixin from '@/mixins/tablePageMixin'
+import {elError, elSuccess} from "@/util/message"
+import {auth} from "@/util/auth"
+import {createTreeByWorker} from "@/util/tree"
+import tableMixin from '@/mixin/tablePageMixin'
 
 const baseUrl = '/system/resource'
 
diff --git a/vue/src/views/system/role/EditDialog.vue b/vue/src/view/system/role/EditDialog.vue
similarity index 89%
rename from vue/src/views/system/role/EditDialog.vue
rename to vue/src/view/system/role/EditDialog.vue
index 85ee2e1..0612025 100644
--- a/vue/src/views/system/role/EditDialog.vue
+++ b/vue/src/view/system/role/EditDialog.vue
@@ -1,30 +1,23 @@
 <template>
     <form-dialog :loading="loading" :title="title" :value="value" width="40%" @close="cancel" @open="open">
-        <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            label-position="right"
-            label-width="100px"
-            status-icon
-        >
-            <el-form-item label="名 称：" prop="name">
+        <abstract-form :model="form" :rules="rules" size="">
+            <el-form-item label="名 称" prop="name">
                 <el-input v-model="form.name" maxlength="20"/>
             </el-form-item>
-            <el-form-item label="状 态：" prop="status">
+            <el-form-item label="状 态" prop="status">
                 <el-radio-group v-model="form.status">
                     <el-radio :label="1">启用</el-radio>
                     <el-radio :label="0">禁用</el-radio>
                 </el-radio-group>
             </el-form-item>
-            <el-form-item label="数据范围：" prop="scope">
+            <el-form-item label="数据范围" prop="scope">
                 <el-select v-model="form.scope">
                     <el-option :value="1" label="全部"/>
                     <el-option :value="2" label="本部门"/>
                     <el-option :value="3" label="指定部门"/>
                 </el-select>
             </el-form-item>
-            <el-form-item v-if="form.scope === 3" label="指定部门：">
+            <el-form-item v-if="form.scope === 3" label="指定部门">
                 <el-tree
                     ref="dept"
                     :data="departments"
@@ -34,7 +27,7 @@
                     show-checkbox
                 />
             </el-form-item>
-            <el-form-item label="权 限：">
+            <el-form-item label="权 限">
                 <el-tree
                     ref="perm"
                     :data="resource"
@@ -43,7 +36,7 @@
                     show-checkbox
                 />
             </el-form-item>
-        </el-form>
+        </abstract-form>
 
         <template v-slot:footer>
             <el-dropdown placement="top" style="float: left" @command="treeCommand">
@@ -64,19 +57,20 @@
 </template>
 
 <script>
-import dialogMixin from "@/mixins/dialogMixin"
-import FormDialog from '@/components/FormDialog'
+import dialogMixin from "@/mixin/dialogMixin"
+import AbstractForm from "@/component/AbstractForm"
+import FormDialog from '@/component/FormDialog'
 import {getDepartments} from "@/api/system/department"
 import {addRole, updateRole} from "@/api/system/role"
-import {isEmpty, mergeObj} from '@/utils'
-import {createTreeByWorker, elTreeControl} from '@/utils/tree'
+import {isEmpty, mergeObj} from '@/util'
+import {createTreeByWorker, elTreeControl} from '@/util/tree'
 
 export default {
     name: "EditDialog",
 
     mixins: [dialogMixin],
 
-    components: {FormDialog},
+    components: {AbstractForm, FormDialog},
 
     props: {
         value: {type: Boolean, default: false},
diff --git a/vue/src/views/system/role/index.vue b/vue/src/view/system/role/index.vue
similarity index 92%
rename from vue/src/views/system/role/index.vue
rename to vue/src/view/system/role/index.vue
index 414bded..856f90f 100644
--- a/vue/src/views/system/role/index.vue
+++ b/vue/src/view/system/role/index.vue
@@ -1,19 +1,19 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="角色名：">
+            <search-form-item label="角色名">
                 <el-input v-model="searchForm.name" clearable maxlength="100"/>
             </search-form-item>
-            <search-form-item label="创建人：">
+            <search-form-item label="创建人">
                 <el-input v-model="searchForm.cname" clearable maxlength="100"/>
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="searchForm.status" clearable @clear="searchForm.status=null">
                     <el-option :value="1" label="启用"/>
                     <el-option :value="0" label="禁用"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="创建时间：">
+            <search-form-item label="创建时间">
                 <el-date-picker
                     v-model="temp.ctime"
                     format="yyyy-MM-dd"
@@ -65,14 +65,14 @@
 </template>
 
 <script>
-import tableMixin from '@/mixins/tablePageMixin'
+import tableMixin from '@/mixin/tablePageMixin'
 import EditDialog from './EditDialog'
-import SearchForm from "@/components/SearchForm"
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
+import SearchForm from "@/component/SearchForm"
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
 import {baseUrl, delRole, searchRoles} from "@/api/system/role"
-import {isEmpty} from '@/utils'
-import {auth} from "@/utils/auth"
-import {elConfirm, elError, elSuccess} from "@/utils/message"
+import {isEmpty} from '@/util'
+import {auth} from "@/util/auth"
+import {elConfirm, elError, elSuccess} from "@/util/message"
 
 export default {
     name: "roleManagement",
diff --git a/vue/src/views/system/supplier/EditDialog.vue b/vue/src/view/system/supplier/EditDialog.vue
similarity index 83%
rename from vue/src/views/system/supplier/EditDialog.vue
rename to vue/src/view/system/supplier/EditDialog.vue
index 82c20ae..d936bf0 100644
--- a/vue/src/views/system/supplier/EditDialog.vue
+++ b/vue/src/view/system/supplier/EditDialog.vue
@@ -1,17 +1,10 @@
 <template>
     <form-dialog :loading="loading" :title="title" :value="value" @close="cancel" @open="open">
-        <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            label-position="right"
-            label-width="100px"
-            status-icon
-        >
-            <el-form-item label="名 称：" prop="name">
+        <abstract-form :model="form" :rules="rules" size="">
+            <el-form-item label="名 称" prop="name">
                 <el-input v-model="form.name" :readonly="!canEdit" maxlength="20"/>
             </el-form-item>
-            <el-form-item label="行政区域：" prop="regionName">
+            <el-form-item label="行政区域" prop="regionName">
                 <region-selector
                     :value="form.regionName"
                     :readonly="!canEdit"
@@ -19,22 +12,22 @@
                     @select="selectRegion"
                 />
             </el-form-item>
-            <el-form-item label="地 址：" prop="address">
+            <el-form-item label="地 址" prop="address">
                 <el-input v-model="form.address" :readonly="!canEdit" maxlength="100"/>
             </el-form-item>
-            <el-form-item label="联系人：" prop="linkman">
+            <el-form-item label="联系人" prop="linkman">
                 <el-input v-model="form.linkman" :readonly="!canEdit" maxlength="50"/>
             </el-form-item>
-            <el-form-item label="联系电话：" prop="linkphone">
+            <el-form-item label="联系电话" prop="linkphone">
                 <el-input v-model="form.linkphone" :readonly="!canEdit" maxlength="20"/>
             </el-form-item>
-            <el-form-item label="状 态：" prop="status">
+            <el-form-item label="状 态" prop="status">
                 <el-radio-group v-model="form.status" :disabled="!canEdit">
                     <el-radio :label="1">启用</el-radio>
                     <el-radio :label="0">禁用</el-radio>
                 </el-radio-group>
             </el-form-item>
-            <el-form-item label="备 注：" prop="remark">
+            <el-form-item label="备 注" prop="remark">
                 <el-input
                     v-model="form.remark"
                     :rows="4"
@@ -44,7 +37,7 @@
                     type="textarea"
                 />
             </el-form-item>
-        </el-form>
+        </abstract-form>
 
         <template v-slot:footer>
             <el-button plain size="small" @click="closeDialog">取 消</el-button>
@@ -54,19 +47,20 @@
 </template>
 
 <script>
-import FormDialog from '@/components/FormDialog'
-import RegionSelector from '@/components/RegionSelector'
-import dialogMixin from "@/mixins/dialogMixin"
+import dialogMixin from "@/mixin/dialogMixin"
+import AbstractForm from "@/component/AbstractForm"
+import FormDialog from '@/component/FormDialog'
+import RegionSelector from '@/component/RegionSelector'
 import {addSupplier, updateSupplier} from "@/api/system/supplier"
-import {isEmpty, mergeObj, resetObj} from '@/utils'
-import {elConfirm} from "@/utils/message"
+import {isEmpty, mergeObj, resetObj} from '@/util'
+import {elConfirm} from "@/util/message"
 
 export default {
     name: "EditDialog",
 
     mixins: [dialogMixin],
 
-    components: {FormDialog, RegionSelector},
+    components: {AbstractForm, FormDialog, RegionSelector},
 
     props: {
         value: {type: Boolean, default: false},
diff --git a/vue/src/views/system/supplier/index.vue b/vue/src/view/system/supplier/index.vue
similarity index 90%
rename from vue/src/views/system/supplier/index.vue
rename to vue/src/view/system/supplier/index.vue
index 0c93820..a8c620b 100644
--- a/vue/src/views/system/supplier/index.vue
+++ b/vue/src/view/system/supplier/index.vue
@@ -1,10 +1,10 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="供应商：">
+            <search-form-item label="供应商">
                 <el-input v-model="searchForm.name" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="行政区域：">
+            <search-form-item label="行政区域">
                 <region-selector
                     :value="temp.regionName"
                     limit
@@ -14,22 +14,22 @@
                     @select="selectRegion"
                 />
             </search-form-item>
-            <search-form-item label="地 址：">
+            <search-form-item label="地 址">
                 <el-input v-model="searchForm.address" clearable maxlength="100"/>
             </search-form-item>
-            <search-form-item label="联系人：">
+            <search-form-item label="联系人">
                 <el-input v-model="searchForm.linkman" clearable maxlength="50"/>
             </search-form-item>
-            <search-form-item label="联系电话：">
+            <search-form-item label="联系电话">
                 <el-input v-model="searchForm.linkphone" clearable maxlength="20"/>
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="searchForm.status" clearable @clear="searchForm.status=null">
                     <el-option :value="1" label="启用"/>
                     <el-option :value="0" label="禁用"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="创建时间：">
+            <search-form-item label="创建时间">
                 <el-date-picker
                     v-model="temp.ctime"
                     format="yyyy-MM-dd"
@@ -81,15 +81,15 @@
 </template>
 
 <script>
-import SearchForm from "@/components/SearchForm"
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
-import RegionSelector from "@/components/RegionSelector"
+import SearchForm from "@/component/SearchForm"
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
+import RegionSelector from "@/component/RegionSelector"
 import EditDialog from './EditDialog'
 import {delSupplier, getLimitRegion, getSuppliers} from "@/api/system/supplier"
-import {isEmpty} from '@/utils'
-import {elConfirm, elError, elSuccess} from "@/utils/message"
-import {auth} from "@/utils/auth"
-import tableMixin from '@/mixins/tablePageMixin'
+import {isEmpty} from '@/util'
+import {elConfirm, elError, elSuccess} from "@/util/message"
+import {auth} from "@/util/auth"
+import tableMixin from '@/mixin/tablePageMixin'
 
 const baseUrl = '/system/supplier'
 
diff --git a/vue/src/views/system/user/components/DepartmentSelector.vue b/vue/src/view/system/user/component/DepartmentSelector.vue
similarity index 84%
rename from vue/src/views/system/user/components/DepartmentSelector.vue
rename to vue/src/view/system/user/component/DepartmentSelector.vue
index 4889a8f..d73d301 100644
--- a/vue/src/views/system/user/components/DepartmentSelector.vue
+++ b/vue/src/view/system/user/component/DepartmentSelector.vue
@@ -3,10 +3,10 @@
 </template>
 
 <script>
-import TreeSelect from '@/components/TreeSelect'
+import TreeSelect from '@/component/TreeSelect'
 import {getDepartments} from "@/api/system/department"
-import {createTreeByWorker} from "@/utils/tree"
-import {isEmpty} from "@/utils"
+import {createTreeByWorker} from "@/util/tree"
+import {isEmpty} from "@/util"
 
 export default {
     name: "DepartmentSelector",
diff --git a/vue/src/views/system/user/components/EditDialog.vue b/vue/src/view/system/user/component/EditDialog.vue
similarity index 87%
rename from vue/src/views/system/user/components/EditDialog.vue
rename to vue/src/view/system/user/component/EditDialog.vue
index ab64cfb..6a382d0 100644
--- a/vue/src/views/system/user/components/EditDialog.vue
+++ b/vue/src/view/system/user/component/EditDialog.vue
@@ -1,17 +1,10 @@
 <template>
     <form-dialog :loading="loading" :title="title" :value="value" @close="cancel" @open="open">
-        <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            label-position="right"
-            label-width="75px"
-            status-icon
-        >
-            <el-form-item label="名 称：" prop="name">
+        <abstract-form :model="form" :rules="rules" label-width="75px" size="">
+            <el-form-item label="名 称" prop="name">
                 <el-input v-model="form.name" :readonly="!canEdit" maxlength="20"/>
             </el-form-item>
-            <el-form-item label="角 色：" prop="role">
+            <el-form-item label="角 色" prop="role">
                 <role-selector
                     v-if="canEdit"
                     v-model="form.role"
@@ -19,7 +12,7 @@
                 />
                 <template v-else>{{ form.roleName }}</template>
             </el-form-item>
-            <el-form-item label="部 门：" prop="dept">
+            <el-form-item label="部 门" prop="dept">
                 <department-selector
                     v-if="canEdit"
                     v-model="form.dept"
@@ -27,13 +20,13 @@
                 />
                 <template v-else>{{ form.deptName }}</template>
             </el-form-item>
-            <el-form-item label="状 态：" prop="status">
+            <el-form-item label="状 态" prop="status">
                 <el-radio-group v-model="form.status" :disabled="!canEdit">
                     <el-radio :label="1">启用</el-radio>
                     <el-radio :label="0">禁用</el-radio>
                 </el-radio-group>
             </el-form-item>
-        </el-form>
+        </abstract-form>
 
         <template v-slot:footer>
             <el-button plain size="small" @click="closeDialog">取 消</el-button>
@@ -43,21 +36,22 @@
 </template>
 
 <script>
-import dialogMixin from "@/mixins/dialogMixin"
+import dialogMixin from "@/mixin/dialogMixin"
+import AbstractForm from "@/component/AbstractForm"
 import DepartmentSelector from "./DepartmentSelector"
-import FormDialog from '@/components/FormDialog'
+import FormDialog from '@/component/FormDialog'
 import RoleSelector from './RoleSelector'
 import {checkName} from "@/api/account"
 import {addUser, updateUser} from "@/api/system/user"
-import {isEmpty} from '@/utils'
-import {elConfirm} from "@/utils/message"
+import {isEmpty} from '@/util'
+import {elConfirm} from "@/util/message"
 
 export default {
     name: "EditDialog",
 
     mixins: [dialogMixin],
 
-    components: {DepartmentSelector, FormDialog, RoleSelector},
+    components: {AbstractForm, DepartmentSelector, FormDialog, RoleSelector},
 
     props: {
         value: {type: Boolean, default: false},
diff --git a/vue/src/views/system/user/components/RoleSelector.vue b/vue/src/view/system/user/component/RoleSelector.vue
similarity index 100%
rename from vue/src/views/system/user/components/RoleSelector.vue
rename to vue/src/view/system/user/component/RoleSelector.vue
diff --git a/vue/src/views/system/user/index.vue b/vue/src/view/system/user/index.vue
similarity index 92%
rename from vue/src/views/system/user/index.vue
rename to vue/src/view/system/user/index.vue
index 24fda67..6cc994e 100644
--- a/vue/src/views/system/user/index.vue
+++ b/vue/src/view/system/user/index.vue
@@ -1,19 +1,19 @@
 <template>
     <el-card v-loading="config.operating">
         <search-form>
-            <search-form-item label="用户名：">
+            <search-form-item label="用户名">
                 <el-input v-model="searchForm.name" clearable maxlength="100"/>
             </search-form-item>
-            <search-form-item label="角 色：">
+            <search-form-item label="角 色">
                 <role-selector v-model="searchForm.role"/>
             </search-form-item>
-            <search-form-item label="状 态：">
+            <search-form-item label="状 态">
                 <el-select v-model="searchForm.status" clearable @clear="searchForm.status = null">
                     <el-option :value="1" label="启用"/>
                     <el-option :value="0" label="禁用"/>
                 </el-select>
             </search-form-item>
-            <search-form-item label="创建时间：">
+            <search-form-item label="创建时间">
                 <el-date-picker
                     v-model="temp.ctime"
                     format="yyyy-MM-dd"
@@ -86,16 +86,16 @@
 </template>
 
 <script>
-import SearchForm from "@/components/SearchForm"
-import SearchFormItem from "@/components/SearchForm/SearchFormItem"
-import RoleSelector from './components/RoleSelector'
-import EditDialog from './components/EditDialog'
+import SearchForm from "@/component/SearchForm"
+import SearchFormItem from "@/component/SearchForm/SearchFormItem"
+import RoleSelector from './component/RoleSelector'
+import EditDialog from './component/EditDialog'
 import {delUser, getUsers, kick, resetUserPwd} from "@/api/system/user"
-import {isEmpty} from '@/utils'
-import {autoCompleteUrl} from "@/utils/file"
-import {elConfirm, elError, elSuccess} from "@/utils/message"
-import {auth} from "@/utils/auth"
-import tableMixin from '@/mixins/tablePageMixin'
+import {isEmpty} from '@/util'
+import {autoCompleteUrl} from "@/util/file"
+import {elConfirm, elError, elSuccess} from "@/util/message"
+import {auth} from "@/util/auth"
+import tableMixin from '@/mixin/tablePageMixin'
 
 const baseUrl = '/system/user'
 
diff --git a/vue/src/views/userCenter/components/Account.vue b/vue/src/view/userCenter/component/Account.vue
similarity index 82%
rename from vue/src/views/userCenter/components/Account.vue
rename to vue/src/view/userCenter/component/Account.vue
index 61dc004..1373826 100644
--- a/vue/src/views/userCenter/components/Account.vue
+++ b/vue/src/view/userCenter/component/Account.vue
@@ -1,21 +1,13 @@
 <template>
     <form-dialog :loading="loading" title="修改密码" :value="value" width="30%" @close="cancel">
-        <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            size="small"
-            label-position="right"
-            label-width="100px"
-            status-icon
-        >
-            <el-form-item label="旧密码：" prop="oldPwd">
+        <abstract-form :model="form" :rules="rules">
+            <el-form-item label="旧密码" prop="oldPwd">
                 <el-input v-model.trim="form.oldPwd" maxlength="100" type="password"/>
             </el-form-item>
-            <el-form-item label="新密码：" prop="newPwd">
+            <el-form-item label="新密码" prop="newPwd">
                 <el-input v-model.trim="form.newPwd" maxlength="100" type="password"/>
             </el-form-item>
-        </el-form>
+        </abstract-form>
 
         <template v-slot:footer>
             <el-button plain size="small" @click="closeDialog">取 消</el-button>
@@ -26,15 +18,16 @@
 
 <script>
 import md5 from "js-md5"
-import FormDialog from '@/components/FormDialog'
-import dialogMixin from "@/mixins/dialogMixin"
+import dialogMixin from "@/mixin/dialogMixin"
+import AbstractForm from "@/component/AbstractForm"
+import FormDialog from '@/component/FormDialog'
 import {updateUserPwd} from "@/api/account"
-import {elSuccess} from "@/utils/message"
+import {elSuccess} from "@/util/message"
 
 export default {
     mixins: [dialogMixin],
 
-    components: {FormDialog},
+    components: {AbstractForm, FormDialog},
 
     data() {
         return {
diff --git a/vue/src/views/userCenter/components/Avatar.vue b/vue/src/view/userCenter/component/Avatar.vue
similarity index 94%
rename from vue/src/views/userCenter/components/Avatar.vue
rename to vue/src/view/userCenter/component/Avatar.vue
index bda7326..d065d2a 100644
--- a/vue/src/views/userCenter/components/Avatar.vue
+++ b/vue/src/view/userCenter/component/Avatar.vue
@@ -35,10 +35,10 @@
 
 <script>
 import {VueCropper} from 'vue-cropper'
-import FormDialog from '@/components/FormDialog'
-import dialogMixin from "@/mixins/dialogMixin"
-import {elError, elSuccess} from "@/utils/message"
-import {autoCompleteUrl, upload} from "@/utils/file"
+import FormDialog from '@/component/FormDialog'
+import dialogMixin from "@/mixin/dialogMixin"
+import {elError, elSuccess} from "@/util/message"
+import {autoCompleteUrl, upload} from "@/util/file"
 import {updateAvatar} from "@/api/account"
 
 export default {
diff --git a/vue/src/views/userCenter/components/LoginHistory.vue b/vue/src/view/userCenter/component/LoginHistory.vue
similarity index 97%
rename from vue/src/views/userCenter/components/LoginHistory.vue
rename to vue/src/view/userCenter/component/LoginHistory.vue
index 39691b0..557561e 100644
--- a/vue/src/views/userCenter/components/LoginHistory.vue
+++ b/vue/src/view/userCenter/component/LoginHistory.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import tablePageMixin from '@/mixins/tablePageMixin'
+import tablePageMixin from '@/mixin/tablePageMixin'
 import {searchLoginHistory} from "@/api/record"
 
 export default {
diff --git a/vue/src/views/userCenter/components/UserAction.vue b/vue/src/view/userCenter/component/UserAction.vue
similarity index 98%
rename from vue/src/views/userCenter/components/UserAction.vue
rename to vue/src/view/userCenter/component/UserAction.vue
index 4d5addd..7260d45 100644
--- a/vue/src/views/userCenter/components/UserAction.vue
+++ b/vue/src/view/userCenter/component/UserAction.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import tablePageMixin from '@/mixins/tablePageMixin'
+import tablePageMixin from '@/mixin/tablePageMixin'
 import {searchUserAction} from "@/api/record"
 
 export default {
diff --git a/vue/src/views/userCenter/components/UserCard.vue b/vue/src/view/userCenter/component/UserCard.vue
similarity index 100%
rename from vue/src/views/userCenter/components/UserCard.vue
rename to vue/src/view/userCenter/component/UserCard.vue
diff --git a/vue/src/views/userCenter/index.vue b/vue/src/view/userCenter/index.vue
similarity index 91%
rename from vue/src/views/userCenter/index.vue
rename to vue/src/view/userCenter/index.vue
index e59d257..cbe58a8 100644
--- a/vue/src/views/userCenter/index.vue
+++ b/vue/src/view/userCenter/index.vue
@@ -28,9 +28,9 @@
 </template>
 
 <script>
-import LoginHistory from "./components/LoginHistory"
-import UserAction from "./components/UserAction"
-import UserCard from "./components/UserCard"
+import LoginHistory from "./component/LoginHistory"
+import UserAction from "./component/UserAction"
+import UserCard from "./component/UserCard"
 
 export default {
     name: 'userCenter',
diff --git a/vue/vue.config.js b/vue/vue.config.js
index b138a7f..b138aa2 100644
--- a/vue/vue.config.js
+++ b/vue/vue.config.js
@@ -81,12 +81,12 @@ module.exports = {
         // set svg-sprite-loader
         config.module
             .rule('svg')
-            .exclude.add(resolve('src/assets/icons'))
+            .exclude.add(resolve('src/asset/icon'))
             .end()
         config.module
             .rule('icons')
             .test(/\.svg$/)
-            .include.add(resolve('src/assets/icons'))
+            .include.add(resolve('src/asset/icon'))
             .end()
             .use('svg-sprite-loader')
             .loader('svg-sprite-loader')