diff --git a/vue/src/layout/component/Main.vue b/vue/src/layout/component/Main.vue
index 09af7b9..9710b0e 100644
--- a/vue/src/layout/component/Main.vue
+++ b/vue/src/layout/component/Main.vue
@@ -22,7 +22,16 @@
             width="100%"
         />
 
-        <el-backtop v-if="showBackToTop" target=".app-main .el-scrollbar__wrap" :visibility-height="400" :bottom="66"/>
+        <el-backtop
+            v-if="showBackToTop"
+            target=".app-main .el-scrollbar__wrap"
+            :visibility-height="400"
+            :bottom="66"
+        >
+            <div class="back-to-top">
+                <v-icon icon="el-icon-top"/>
+            </div>
+        </el-backtop>
     </main>
 </template>
 
@@ -97,5 +106,15 @@ export default {
             }
         }
     }
+
+    .back-to-top {
+        height: 100%;
+        width: 100%;
+        background-color: #f2f5f6;
+        box-shadow: 0 0 6px rgba(0, 0, 0, .12);
+        text-align: center;
+        line-height: 40px;
+        color: #1989fa;
+    }
 }
 </style>
diff --git a/vue/src/mixin/docDetailMixin.js b/vue/src/mixin/docDetailMixin.js
index ee0eb09..8891235 100644
--- a/vue/src/mixin/docDetailMixin.js
+++ b/vue/src/mixin/docDetailMixin.js
@@ -2,7 +2,7 @@ import {commonMethods} from "@/mixin/docTableMixin"
 import AbstractForm from '@/component/AbstractForm'
 import AbstractFormItem from "@/component/AbstractForm/item"
 import AbstractTable from "@/component/AbstractTable"
-import DetailForm from "@/component/AbstractForm/DetailForm"
+import DetailPage from "@/view/app/common/DetailPage"
 import DocHistory from '@/component/biz/doc/DocHistory'
 import DocSteps from '@/component/biz/doc/DocSteps'
 import FormCard from '@/component/AbstractForm/FormCard'
@@ -18,7 +18,7 @@ export default {
         AbstractForm,
         AbstractFormItem,
         AbstractTable,
-        DetailForm,
+        DetailPage,
         DocHistory,
         DocSteps,
         FormCard,
diff --git a/vue/src/component/AbstractForm/DetailForm.scss b/vue/src/view/app/common/DetailPage/index.scss
similarity index 100%
rename from vue/src/component/AbstractForm/DetailForm.scss
rename to vue/src/view/app/common/DetailPage/index.scss
diff --git a/vue/src/component/AbstractForm/DetailForm.vue b/vue/src/view/app/common/DetailPage/index.vue
similarity index 96%
rename from vue/src/component/AbstractForm/DetailForm.vue
rename to vue/src/view/app/common/DetailPage/index.vue
index c315e77..7630908 100644
--- a/vue/src/component/AbstractForm/DetailForm.vue
+++ b/vue/src/view/app/common/DetailPage/index.vue
@@ -1,4 +1,4 @@
-<script type="text/jsx">
+<script type="jsx">
 import FormAnchor from "@/component/AbstractForm/FormAnchor"
 import FormValidateInfo from "@/component/AbstractForm/FormValidateInfo"
 
@@ -51,7 +51,7 @@ const renderButtons = (h, buttons, close) => {
 }
 
 export default {
-    name: "DetailForm",
+    name: "DetailPage",
 
     functional: true,
 
@@ -91,4 +91,4 @@ export default {
 }
 </script>
 
-<style lang="scss" src="./DetailForm.scss"></style>
+<style lang="scss" src="./index.scss"></style>
diff --git a/vue/src/view/message/manage/indexPage.vue b/vue/src/view/message/manage/indexPage.vue
index 30980a0..2366320 100644
--- a/vue/src/view/message/manage/indexPage.vue
+++ b/vue/src/view/message/manage/indexPage.vue
@@ -20,7 +20,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button icon="el-icon-view" size="small" type="primary" @click="see">查 看</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
diff --git a/vue/src/view/purchase/inbound/component/OrderSelector.vue b/vue/src/view/purchase/inbound/component/OrderSelector.vue
index 2704562..19d3799 100644
--- a/vue/src/view/purchase/inbound/component/OrderSelector.vue
+++ b/vue/src/view/purchase/inbound/component/OrderSelector.vue
@@ -11,7 +11,7 @@
     >
         <el-scrollbar>
             <el-row>
-                <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+                <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
                 <el-button plain size="small" @click="closeDialog">取 消</el-button>
             </el-row>
 
diff --git a/vue/src/view/purchase/inbound/detailPage.vue b/vue/src/view/purchase/inbound/detailPage.vue
index e448968..e4b1f2c 100644
--- a/vue/src/view/purchase/inbound/detailPage.vue
+++ b/vue/src/view/purchase/inbound/detailPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <detail-form
+    <detail-page
         :loading="loading"
         :reference="() => $refs"
         :anchors="anchors"
@@ -69,7 +69,7 @@
         </abstract-form>
 
         <order-selector v-model="parentDialog" @select="selectParent"/>
-    </detail-form>
+    </detail-page>
 </template>
 
 <script>
diff --git a/vue/src/view/purchase/inbound/indexPage.vue b/vue/src/view/purchase/inbound/indexPage.vue
index 7a99486..9991dac 100644
--- a/vue/src/view/purchase/inbound/indexPage.vue
+++ b/vue/src/view/purchase/inbound/indexPage.vue
@@ -41,7 +41,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button icon="el-icon-view" size="small" type="primary" @click="see">查 看</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
diff --git a/vue/src/view/purchase/order/component/SupplierSelector.vue b/vue/src/view/purchase/order/component/SupplierSelector.vue
index 1804d93..8d8753a 100644
--- a/vue/src/view/purchase/order/component/SupplierSelector.vue
+++ b/vue/src/view/purchase/order/component/SupplierSelector.vue
@@ -10,7 +10,7 @@
         @open="search"
     >
         <el-row>
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button size="small" type="primary" @click="confirm">确 定</el-button>
             <el-button plain size="small" @click="closeDialog">取 消</el-button>
             <el-button
diff --git a/vue/src/view/purchase/order/detailPage.vue b/vue/src/view/purchase/order/detailPage.vue
index 42eaa9d..72258b6 100644
--- a/vue/src/view/purchase/order/detailPage.vue
+++ b/vue/src/view/purchase/order/detailPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <detail-form
+    <detail-page
         :loading="loading"
         :reference="() => $refs"
         :anchors="anchors"
@@ -115,7 +115,7 @@
         </abstract-form>
 
         <supplier-selector v-model="supplierDialog" @select="selectSupplier"/>
-    </detail-form>
+    </detail-page>
 </template>
 
 <script>
diff --git a/vue/src/view/purchase/order/indexPage.vue b/vue/src/view/purchase/order/indexPage.vue
index 7bacb23..a0f3b10 100644
--- a/vue/src/view/purchase/order/indexPage.vue
+++ b/vue/src/view/purchase/order/indexPage.vue
@@ -57,7 +57,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button icon="el-icon-view" size="small" type="primary" @click="see">查 看</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
diff --git a/vue/src/view/sell/order/component/CustomerSelector.vue b/vue/src/view/sell/order/component/CustomerSelector.vue
index 50fb70b..c083f57 100644
--- a/vue/src/view/sell/order/component/CustomerSelector.vue
+++ b/vue/src/view/sell/order/component/CustomerSelector.vue
@@ -10,7 +10,7 @@
         @open="search"
     >
         <el-row>
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button size="small" type="primary" @click="confirm">确 定</el-button>
             <el-button plain size="small" @click="closeDialog">取 消</el-button>
         </el-row>
diff --git a/vue/src/view/sell/order/component/StockSelector.vue b/vue/src/view/sell/order/component/StockSelector.vue
index a16aa15..f034b43 100644
--- a/vue/src/view/sell/order/component/StockSelector.vue
+++ b/vue/src/view/sell/order/component/StockSelector.vue
@@ -11,7 +11,7 @@
     >
         <el-scrollbar>
             <el-row>
-                <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+                <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
                 <el-button size="small" type="primary" @click="confirm">确 定</el-button>
                 <el-button plain size="small" @click="closeDialog">取 消</el-button>
             </el-row>
diff --git a/vue/src/view/sell/order/detailPage.vue b/vue/src/view/sell/order/detailPage.vue
index 8648f99..2c0ed15 100644
--- a/vue/src/view/sell/order/detailPage.vue
+++ b/vue/src/view/sell/order/detailPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <detail-form
+    <detail-page
         :loading="loading"
         :reference="() => $refs"
         :anchors="anchors"
@@ -100,7 +100,7 @@
         <stock-selector v-model="stockDialog" @select="selectStock"/>
 
         <customer-selector v-model="customerDialog" @select="selectCustomer"/>
-    </detail-form>
+    </detail-page>
 </template>
 
 <script>
diff --git a/vue/src/view/sell/order/indexPage.vue b/vue/src/view/sell/order/indexPage.vue
index 8466787..6a2161f 100644
--- a/vue/src/view/sell/order/indexPage.vue
+++ b/vue/src/view/sell/order/indexPage.vue
@@ -57,7 +57,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button icon="el-icon-view" size="small" type="primary" @click="see">查 看</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
diff --git a/vue/src/view/sell/outbound/component/OrderSelector.vue b/vue/src/view/sell/outbound/component/OrderSelector.vue
index 6b8f812..ccd48bc 100644
--- a/vue/src/view/sell/outbound/component/OrderSelector.vue
+++ b/vue/src/view/sell/outbound/component/OrderSelector.vue
@@ -11,7 +11,7 @@
     >
         <el-scrollbar>
             <el-row>
-                <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+                <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
                 <el-button plain size="small" @click="closeDialog">取 消</el-button>
             </el-row>
 
diff --git a/vue/src/view/sell/outbound/component/StockSelector.vue b/vue/src/view/sell/outbound/component/StockSelector.vue
index 6a772cd..4fbc8fb 100644
--- a/vue/src/view/sell/outbound/component/StockSelector.vue
+++ b/vue/src/view/sell/outbound/component/StockSelector.vue
@@ -11,7 +11,7 @@
     >
         <el-scrollbar>
             <el-row>
-                <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+                <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
                 <el-button size="small" type="primary" @click="confirm">确 定</el-button>
                 <el-button plain size="small" @click="closeDialog">取 消</el-button>
             </el-row>
diff --git a/vue/src/view/sell/outbound/detailPage.vue b/vue/src/view/sell/outbound/detailPage.vue
index c7b3f3c..dbcd833 100644
--- a/vue/src/view/sell/outbound/detailPage.vue
+++ b/vue/src/view/sell/outbound/detailPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <detail-form
+    <detail-page
         :loading="loading"
         :reference="() => $refs"
         :anchors="anchors"
@@ -86,7 +86,7 @@
         <order-selector v-model="parentDialog" @select="selectParent"/>
 
         <stock-selector v-model="stockDialog" :cid="row ? row.cid : null" @select="selectStock"/>
-    </detail-form>
+    </detail-page>
 </template>
 
 <script>
diff --git a/vue/src/view/sell/outbound/indexPage.vue b/vue/src/view/sell/outbound/indexPage.vue
index 6ea4327..395031c 100644
--- a/vue/src/view/sell/outbound/indexPage.vue
+++ b/vue/src/view/sell/outbound/indexPage.vue
@@ -41,7 +41,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button icon="el-icon-view" size="small" type="primary" @click="see">查 看</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
diff --git a/vue/src/view/stock/current/indexPage.vue b/vue/src/view/stock/current/indexPage.vue
index 510918e..006cc0a 100644
--- a/vue/src/view/stock/current/indexPage.vue
+++ b/vue/src/view/stock/current/indexPage.vue
@@ -36,7 +36,7 @@
             </search-form>
 
             <el-row class="button-group">
-                <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+                <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
                 <el-button icon="el-icon-download" size="small" type="info" @click="downloadExcel">导 出</el-button>
             </el-row>
 
diff --git a/vue/src/view/system/customer/indexPage.vue b/vue/src/view/system/customer/indexPage.vue
index 97bd9cc..552a284 100644
--- a/vue/src/view/system/customer/indexPage.vue
+++ b/vue/src/view/system/customer/indexPage.vue
@@ -41,7 +41,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
             <el-button v-if="canDel" icon="el-icon-delete" size="small" type="danger" @click="del">删 除</el-button>
diff --git a/vue/src/view/system/role/indexPage.vue b/vue/src/view/system/role/indexPage.vue
index 7a01ff7..bca1cfe 100644
--- a/vue/src/view/system/role/indexPage.vue
+++ b/vue/src/view/system/role/indexPage.vue
@@ -25,7 +25,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
             <el-button v-if="canDel" icon="el-icon-delete" size="small" type="danger" @click="del">删 除</el-button>
diff --git a/vue/src/view/system/supplier/indexPage.vue b/vue/src/view/system/supplier/indexPage.vue
index 7dbacdc..219875c 100644
--- a/vue/src/view/system/supplier/indexPage.vue
+++ b/vue/src/view/system/supplier/indexPage.vue
@@ -41,7 +41,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
             <el-button v-if="canDel" icon="el-icon-delete" size="small" type="danger" @click="del">删 除</el-button>
diff --git a/vue/src/view/system/user/indexPage.vue b/vue/src/view/system/user/indexPage.vue
index f88c16a..c2a4411 100644
--- a/vue/src/view/system/user/indexPage.vue
+++ b/vue/src/view/system/user/indexPage.vue
@@ -28,7 +28,7 @@
         </search-form>
 
         <el-row class="button-group">
-            <el-button icon="el-icon-search" size="small" type="success" @click="search">查 询</el-button>
+            <el-button icon="el-icon-search" size="small" type="primary" @click="search">查 询</el-button>
             <el-button v-if="canAdd" icon="el-icon-plus" size="small" type="primary" @click="add">添 加</el-button>
             <el-button v-if="canUpdate" icon="el-icon-edit" size="small" type="primary" @click="edit">编 辑</el-button>
             <el-button v-if="canResetPwd" icon="el-icon-edit" size="small" type="dashed" plain @click="resetPwd">重置密码