From b6c8dc7bb1dee77b4595d84e05dd6ff471455570 Mon Sep 17 00:00:00 2001
From: toesbieya <1647775459@qq.com>
Date: Sat, 25 Jul 2020 23:43:13 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20=E4=BB=A3=E7=A0=81=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/src/assets/styles/detail-page.scss        |  22 +++-----
 .../document/DocDetailFooter.vue              |   2 +-
 .../document/DocDetailHeader.vue              |  11 +---
 vue/src/bizComponents/document/DocHistory.vue |   7 +--
 vue/src/components/CollapseCard/index.vue     |  48 ++++++++++++++++++
 vue/src/filter/index.js                       |   8 ++-
 .../BottomTip/index.js                        |   0
 .../BottomTip/main.vue                        |   0
 .../Guide/index.js                            |   0
 .../Guide/main.vue                            |   0
 .../Guide/style.scss                          |   0
 .../Guide/utils.js                            |   0
 .../ImageViewer/index.js                      |   0
 .../PuzzleVerify/image/btn_move.png           | Bin
 .../PuzzleVerify/image/btn_stop.png           | Bin
 .../PuzzleVerify/image/icon_close.png         | Bin
 .../PuzzleVerify/image/icon_info.png          | Bin
 .../image/icon_refresh_bottom.png             | Bin
 .../PuzzleVerify/image/icon_refresh_top.png   | Bin
 .../PuzzleVerify/image/loading.png            | Bin
 .../PuzzleVerify/image/track.png              | Bin
 .../PuzzleVerify/index.js                     |   0
 .../PuzzleVerify/main.vue                     |   0
 .../PuzzleVerify/style.scss                   |   0
 .../SignautreBoard/index.js                   |   0
 .../SignautreBoard/main.vue                   |   0
 vue/src/globalMethods/index.js                |  13 +++++
 vue/src/main.js                               |  22 ++------
 vue/src/mixins/bizDocDetailMixin.js           |   2 +
 vue/src/views/message/user/MessageStream.vue  |   1 -
 vue/src/views/purchase/inbound/detail.vue     |  38 +++++++-------
 vue/src/views/purchase/order/detail.vue       |  38 +++++++-------
 vue/src/views/sell/order/detail.vue           |  36 +++++++------
 vue/src/views/sell/outbound/detail.vue        |  38 +++++++-------
 34 files changed, 160 insertions(+), 126 deletions(-)
 create mode 100644 vue/src/components/CollapseCard/index.vue
 rename vue/src/{components => globalMethods}/BottomTip/index.js (100%)
 rename vue/src/{components => globalMethods}/BottomTip/main.vue (100%)
 rename vue/src/{components => globalMethods}/Guide/index.js (100%)
 rename vue/src/{components => globalMethods}/Guide/main.vue (100%)
 rename vue/src/{components => globalMethods}/Guide/style.scss (100%)
 rename vue/src/{components => globalMethods}/Guide/utils.js (100%)
 rename vue/src/{components => globalMethods}/ImageViewer/index.js (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/image/btn_move.png (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/image/btn_stop.png (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/image/icon_close.png (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/image/icon_info.png (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/image/icon_refresh_bottom.png (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/image/icon_refresh_top.png (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/image/loading.png (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/image/track.png (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/index.js (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/main.vue (100%)
 rename vue/src/{components => globalMethods}/PuzzleVerify/style.scss (100%)
 rename vue/src/{components => globalMethods}/SignautreBoard/index.js (100%)
 rename vue/src/{components => globalMethods}/SignautreBoard/main.vue (100%)
 create mode 100644 vue/src/globalMethods/index.js

diff --git a/vue/src/assets/styles/detail-page.scss b/vue/src/assets/styles/detail-page.scss
index 0d714cc..bfdfea1 100644
--- a/vue/src/assets/styles/detail-page.scss
+++ b/vue/src/assets/styles/detail-page.scss
@@ -5,6 +5,14 @@
         background: #fff;
         border-bottom: 1px solid #e8eaec;
 
+        > .el-page-header {
+            padding: 0 0 24px 0;
+
+            .el-page-header__left:hover {
+                color: $--color-primary;
+            }
+        }
+
         > .el-row {
             display: flex;
             width: 100%;
@@ -15,20 +23,6 @@
             }
         }
 
-        &-close-btn {
-            font-size: 18px;
-        }
-
-        &-title {
-            margin-left: 5px;
-            font-weight: 500;
-            font-size: 20px;
-            line-height: 42px;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-
         &-left {
             width: 100%;
             overflow: hidden;
diff --git a/vue/src/bizComponents/document/DocDetailFooter.vue b/vue/src/bizComponents/document/DocDetailFooter.vue
index 67d1fdb..b1d62f0 100644
--- a/vue/src/bizComponents/document/DocDetailFooter.vue
+++ b/vue/src/bizComponents/document/DocDetailFooter.vue
@@ -4,7 +4,7 @@
             <slot name="left"/>
         </div>
         <div class="detail-page-footer-right">
-            <slot name="right"/>
+            <slot/>
         </div>
     </div>
 </template>
diff --git a/vue/src/bizComponents/document/DocDetailHeader.vue b/vue/src/bizComponents/document/DocDetailHeader.vue
index 4d1ec9a..ca1ed70 100644
--- a/vue/src/bizComponents/document/DocDetailHeader.vue
+++ b/vue/src/bizComponents/document/DocDetailHeader.vue
@@ -1,14 +1,7 @@
 <template functional>
     <div class="detail-page-header">
-        <el-row>
-            <el-button
-                    class="detail-page-header-close-btn"
-                    type="text"
-                    icon="el-icon-arrow-left"
-                    @click="listeners.close"
-            />
-            <span class="detail-page-header-title">{{props.title}}</span>
-        </el-row>
+        <el-page-header @back="listeners.close" :content="props.title"/>
+
         <el-row>
             <el-row class="detail-page-header-left">
                 <el-col v-for="i in props.description" :key="i.label" :xs="24" :sm="12">
diff --git a/vue/src/bizComponents/document/DocHistory.vue b/vue/src/bizComponents/document/DocHistory.vue
index 1434286..8486e19 100644
--- a/vue/src/bizComponents/document/DocHistory.vue
+++ b/vue/src/bizComponents/document/DocHistory.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-card header="单据历史" style="margin-top: 16px">
+    <collapse-card header="单据历史" style="margin-top: 16px">
         <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"/>
@@ -7,18 +7,19 @@
             <el-table-column align="center" label="时 间" prop="time"/>
             <el-table-column align="center" label="备注" prop="info"/>
         </abstract-table>
-    </el-card>
+    </collapse-card>
 </template>
 
 <script>
     import AbstractTable from "@/components/AbstractTable"
+    import CollapseCard from '@/components/CollapseCard'
     import {getDocumentHistoryByPid} from "@/api/documentHistory"
     import {isEmpty, timeFormat} from "@/utils"
 
     export default {
         name: "DocHistory",
 
-        components: {AbstractTable},
+        components: {AbstractTable, CollapseCard},
 
         props: {id: String},
 
diff --git a/vue/src/components/CollapseCard/index.vue b/vue/src/components/CollapseCard/index.vue
new file mode 100644
index 0000000..3faaccd
--- /dev/null
+++ b/vue/src/components/CollapseCard/index.vue
@@ -0,0 +1,48 @@
+<template>
+    <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"/>
+        </div>
+        <slot/>
+    </el-card>
+</template>
+
+<script>
+    export default {
+        name: "CollapseCard",
+
+        props: {
+            header: String
+        },
+
+        data() {
+            return {
+                collapsed: false
+            }
+        },
+
+        methods: {
+            collapse() {
+                this.collapsed = !this.collapsed
+            }
+        }
+    }
+</script>
+
+<style>
+    .collapse-card-icon {
+        float: right;
+        font-weight: bold;
+        transition: transform .3s;
+        cursor: pointer;
+    }
+
+    .collapsed .collapse-card-icon {
+        transform: rotate(180deg);
+    }
+
+    .el-card.collapsed > .el-card__body {
+        display: none;
+    }
+</style>
diff --git a/vue/src/filter/index.js b/vue/src/filter/index.js
index fad054c..1dbb936 100644
--- a/vue/src/filter/index.js
+++ b/vue/src/filter/index.js
@@ -5,7 +5,7 @@ export function timestamp2Date(timestamp) {
     return timeFormat(null, new Date(timestamp))
 }
 
-/*经过多长时间，单位秒，最低时间为分钟*/
+//经过多长时间，单位秒，最低时间为分钟
 export function timePass(time) {
     if (!time || isNaN(time)) return 'NaN'
     if (time < 3600) return ~~(time / 60) + ' 分'
@@ -59,3 +59,9 @@ export function uppercaseFirst(string) {
     if (isEmpty(string)) return ''
     return string.charAt(0).toUpperCase() + string.slice(1)
 }
+
+export default function (Vue) {
+    Object
+        .entries({timestamp2Date, timePass, timeAgo, numberFormatter, toThousandFilter, uppercaseFirst})
+        .forEach(([key, value]) => Vue.filter(key, value))
+}
diff --git a/vue/src/components/BottomTip/index.js b/vue/src/globalMethods/BottomTip/index.js
similarity index 100%
rename from vue/src/components/BottomTip/index.js
rename to vue/src/globalMethods/BottomTip/index.js
diff --git a/vue/src/components/BottomTip/main.vue b/vue/src/globalMethods/BottomTip/main.vue
similarity index 100%
rename from vue/src/components/BottomTip/main.vue
rename to vue/src/globalMethods/BottomTip/main.vue
diff --git a/vue/src/components/Guide/index.js b/vue/src/globalMethods/Guide/index.js
similarity index 100%
rename from vue/src/components/Guide/index.js
rename to vue/src/globalMethods/Guide/index.js
diff --git a/vue/src/components/Guide/main.vue b/vue/src/globalMethods/Guide/main.vue
similarity index 100%
rename from vue/src/components/Guide/main.vue
rename to vue/src/globalMethods/Guide/main.vue
diff --git a/vue/src/components/Guide/style.scss b/vue/src/globalMethods/Guide/style.scss
similarity index 100%
rename from vue/src/components/Guide/style.scss
rename to vue/src/globalMethods/Guide/style.scss
diff --git a/vue/src/components/Guide/utils.js b/vue/src/globalMethods/Guide/utils.js
similarity index 100%
rename from vue/src/components/Guide/utils.js
rename to vue/src/globalMethods/Guide/utils.js
diff --git a/vue/src/components/ImageViewer/index.js b/vue/src/globalMethods/ImageViewer/index.js
similarity index 100%
rename from vue/src/components/ImageViewer/index.js
rename to vue/src/globalMethods/ImageViewer/index.js
diff --git a/vue/src/components/PuzzleVerify/image/btn_move.png b/vue/src/globalMethods/PuzzleVerify/image/btn_move.png
similarity index 100%
rename from vue/src/components/PuzzleVerify/image/btn_move.png
rename to vue/src/globalMethods/PuzzleVerify/image/btn_move.png
diff --git a/vue/src/components/PuzzleVerify/image/btn_stop.png b/vue/src/globalMethods/PuzzleVerify/image/btn_stop.png
similarity index 100%
rename from vue/src/components/PuzzleVerify/image/btn_stop.png
rename to vue/src/globalMethods/PuzzleVerify/image/btn_stop.png
diff --git a/vue/src/components/PuzzleVerify/image/icon_close.png b/vue/src/globalMethods/PuzzleVerify/image/icon_close.png
similarity index 100%
rename from vue/src/components/PuzzleVerify/image/icon_close.png
rename to vue/src/globalMethods/PuzzleVerify/image/icon_close.png
diff --git a/vue/src/components/PuzzleVerify/image/icon_info.png b/vue/src/globalMethods/PuzzleVerify/image/icon_info.png
similarity index 100%
rename from vue/src/components/PuzzleVerify/image/icon_info.png
rename to vue/src/globalMethods/PuzzleVerify/image/icon_info.png
diff --git a/vue/src/components/PuzzleVerify/image/icon_refresh_bottom.png b/vue/src/globalMethods/PuzzleVerify/image/icon_refresh_bottom.png
similarity index 100%
rename from vue/src/components/PuzzleVerify/image/icon_refresh_bottom.png
rename to vue/src/globalMethods/PuzzleVerify/image/icon_refresh_bottom.png
diff --git a/vue/src/components/PuzzleVerify/image/icon_refresh_top.png b/vue/src/globalMethods/PuzzleVerify/image/icon_refresh_top.png
similarity index 100%
rename from vue/src/components/PuzzleVerify/image/icon_refresh_top.png
rename to vue/src/globalMethods/PuzzleVerify/image/icon_refresh_top.png
diff --git a/vue/src/components/PuzzleVerify/image/loading.png b/vue/src/globalMethods/PuzzleVerify/image/loading.png
similarity index 100%
rename from vue/src/components/PuzzleVerify/image/loading.png
rename to vue/src/globalMethods/PuzzleVerify/image/loading.png
diff --git a/vue/src/components/PuzzleVerify/image/track.png b/vue/src/globalMethods/PuzzleVerify/image/track.png
similarity index 100%
rename from vue/src/components/PuzzleVerify/image/track.png
rename to vue/src/globalMethods/PuzzleVerify/image/track.png
diff --git a/vue/src/components/PuzzleVerify/index.js b/vue/src/globalMethods/PuzzleVerify/index.js
similarity index 100%
rename from vue/src/components/PuzzleVerify/index.js
rename to vue/src/globalMethods/PuzzleVerify/index.js
diff --git a/vue/src/components/PuzzleVerify/main.vue b/vue/src/globalMethods/PuzzleVerify/main.vue
similarity index 100%
rename from vue/src/components/PuzzleVerify/main.vue
rename to vue/src/globalMethods/PuzzleVerify/main.vue
diff --git a/vue/src/components/PuzzleVerify/style.scss b/vue/src/globalMethods/PuzzleVerify/style.scss
similarity index 100%
rename from vue/src/components/PuzzleVerify/style.scss
rename to vue/src/globalMethods/PuzzleVerify/style.scss
diff --git a/vue/src/components/SignautreBoard/index.js b/vue/src/globalMethods/SignautreBoard/index.js
similarity index 100%
rename from vue/src/components/SignautreBoard/index.js
rename to vue/src/globalMethods/SignautreBoard/index.js
diff --git a/vue/src/components/SignautreBoard/main.vue b/vue/src/globalMethods/SignautreBoard/main.vue
similarity index 100%
rename from vue/src/components/SignautreBoard/main.vue
rename to vue/src/globalMethods/SignautreBoard/main.vue
diff --git a/vue/src/globalMethods/index.js b/vue/src/globalMethods/index.js
new file mode 100644
index 0000000..0adc721
--- /dev/null
+++ b/vue/src/globalMethods/index.js
@@ -0,0 +1,13 @@
+import BottomTip from './BottomTip'
+import Guide from './Guide'
+import ImageViewer from './ImageViewer'
+import PuzzleVerify from './PuzzleVerify'
+import Signature from './SignautreBoard'
+
+export default function (Vue) {
+    Vue.prototype.$bottomTip = BottomTip
+    Vue.prototype.$guide = Guide
+    Vue.prototype.$image = ImageViewer
+    Vue.prototype.$puzzleVerify = PuzzleVerify
+    Vue.prototype.$signature = Signature
+}
diff --git a/vue/src/main.js b/vue/src/main.js
index 5d89a1b..d458336 100644
--- a/vue/src/main.js
+++ b/vue/src/main.js
@@ -9,27 +9,13 @@ import router from '@/router'
 import '@/assets/icons'
 import '@/utils/errorLog'
 import '@/directive'
-import * as filters from './filter'
-import BottomTip from '@/components/BottomTip'
-import Guide from '@/components/Guide'
-import ImageViewer from '@/components/ImageViewer'
-import PuzzleVerify from '@/components/PuzzleVerify'
-import Signature from '@/components/SignautreBoard'
+import filters from './filter'
+import globalMethods from '@/globalMethods'
 
 Vue.use(Element)
 Vue.use(ElementPersonal)
-
-//注册过滤器
-Object.keys(filters).forEach(key => {
-    Vue.filter(key, filters[key])
-})
-
-//注册插件
-Vue.prototype.$bottomTip = BottomTip
-Vue.prototype.$guide = Guide
-Vue.prototype.$image = ImageViewer
-Vue.prototype.$puzzleVerify = PuzzleVerify
-Vue.prototype.$signature = Signature
+Vue.use(filters)
+Vue.use(globalMethods)
 
 Vue.config.productionTip = false
 
diff --git a/vue/src/mixins/bizDocDetailMixin.js b/vue/src/mixins/bizDocDetailMixin.js
index 3015006..876739e 100644
--- a/vue/src/mixins/bizDocDetailMixin.js
+++ b/vue/src/mixins/bizDocDetailMixin.js
@@ -1,6 +1,7 @@
 import AbstractForm from '@/components/AbstractForm'
 import AbstractFormItem from "@/components/AbstractForm/AbstractFormItem"
 import AbstractTable from "@/components/AbstractTable"
+import CollapseCard from '@/components/CollapseCard'
 import DocDetailHeader from "@/bizComponents/document/DocDetailHeader"
 import DocDetailFooter from "@/bizComponents/document/DocDetailFooter"
 import DocHistory from '@/bizComponents/document/DocHistory'
@@ -18,6 +19,7 @@ export default {
         AbstractForm,
         AbstractFormItem,
         AbstractTable,
+        CollapseCard,
         DocDetailHeader,
         DocDetailFooter,
         DocHistory,
diff --git a/vue/src/views/message/user/MessageStream.vue b/vue/src/views/message/user/MessageStream.vue
index 92e1989..98c9390 100644
--- a/vue/src/views/message/user/MessageStream.vue
+++ b/vue/src/views/message/user/MessageStream.vue
@@ -53,7 +53,6 @@
     import AutoHidden from "./AutoHidden"
     import Empty from '@/components/Empty'
     import {search, read, readAll} from "@/api/message/user"
-    import {isEmpty} from "@/utils"
 
     export default {
         name: "MessageStream",
diff --git a/vue/src/views/purchase/inbound/detail.vue b/vue/src/views/purchase/inbound/detail.vue
index ea93b87..998b286 100644
--- a/vue/src/views/purchase/inbound/detail.vue
+++ b/vue/src/views/purchase/inbound/detail.vue
@@ -8,20 +8,20 @@
         />
 
         <abstract-form :model="form" :rules="rules">
-            <el-card header="流程进度">
+            <collapse-card header="流程进度">
                 <doc-steps :status="form.status" :type="type"/>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="基础信息">
+            <collapse-card 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>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="入库商品">
+            <collapse-card 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 +39,18 @@
                         </template>
                     </el-table-column>
                 </abstract-table>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="附件">
+            <collapse-card header="附件">
                 <upload-file
                         :file-list="form.imageList"
                         :disabled="!canSave"
                         @remove="removeUpload"
                         @success="uploadSuccess"
                 />
-            </el-card>
+            </collapse-card>
 
-            <el-card header="备注">
+            <collapse-card header="备注">
                 <el-input
                         v-model="form.remark"
                         :rows="4"
@@ -59,20 +59,18 @@
                         show-word-limit
                         type="textarea"
                 />
-            </el-card>
+            </collapse-card>
         </abstract-form>
 
         <doc-history :id="form.id"/>
 
         <doc-detail-footer>
-            <template v-slot:right>
-                <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>
-                <el-button v-if="canWithdraw" size="small" type="danger" @click="withdraw">撤 回</el-button>
-                <el-button v-if="canPass" size="small" type="success" @click="pass">通 过</el-button>
-                <el-button v-if="canReject" size="small" type="danger" @click="reject">驳 回</el-button>
-            </template>
+            <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>
+            <el-button v-if="canWithdraw" size="small" type="danger" @click="withdraw">撤 回</el-button>
+            <el-button v-if="canPass" size="small" type="success" @click="pass">通 过</el-button>
+            <el-button v-if="canReject" size="small" type="danger" @click="reject">驳 回</el-button>
         </doc-detail-footer>
 
         <order-selector v-model="parentDialog" @select="selectParent"/>
@@ -80,13 +78,13 @@
 </template>
 
 <script>
-    import OrderSelector from './components/OrderSelector'
     import bizDocDetailMixin from "@/mixins/bizDocDetailMixin"
+    import OrderSelector from './components/OrderSelector'
     import {baseUrl, add, commit, getById, pass, reject, update, withdraw} from "@/api/document/purchase/inbound"
     import {getSubById as getParentSubById} from "@/api/document/purchase/order"
     import {isEmpty} from "@/utils"
-    import {isInteger} from "@/utils/validate"
     import {elAlert} from "@/utils/message"
+    import {isInteger} from "@/utils/validate"
 
     export default {
         name: "purchaseInboundDetail",
diff --git a/vue/src/views/purchase/order/detail.vue b/vue/src/views/purchase/order/detail.vue
index 4625584..e95f7fe 100644
--- a/vue/src/views/purchase/order/detail.vue
+++ b/vue/src/views/purchase/order/detail.vue
@@ -8,20 +8,20 @@
         />
 
         <abstract-form :model="form" :rules="rules">
-            <el-card header="流程进度">
+            <collapse-card header="流程进度">
                 <doc-steps :status="form.status" :finish="form.finish" :type="type"/>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="基础信息">
+            <collapse-card 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>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="采购商品">
+            <collapse-card 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 +85,18 @@
                         </el-button>
                     </div>
                 </abstract-table>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="附件">
+            <collapse-card header="附件">
                 <upload-file
                         :file-list="form.imageList"
                         :disabled="!canSave"
                         @remove="removeUpload"
                         @success="uploadSuccess"
                 />
-            </el-card>
+            </collapse-card>
 
-            <el-card header="备注">
+            <collapse-card header="备注">
                 <el-input
                         v-model="form.remark"
                         :rows="4"
@@ -105,20 +105,18 @@
                         show-word-limit
                         type="textarea"
                 />
-            </el-card>
+            </collapse-card>
         </abstract-form>
 
         <doc-history :id="form.id"/>
 
         <doc-detail-footer>
-            <template v-slot:right>
-                <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>
-                <el-button v-if="canWithdraw" size="small" type="danger" @click="withdraw">撤 回</el-button>
-                <el-button v-if="canPass" size="small" type="success" @click="pass">通 过</el-button>
-                <el-button v-if="canReject" size="small" type="danger" @click="reject">驳 回</el-button>
-            </template>
+            <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>
+            <el-button v-if="canWithdraw" size="small" type="danger" @click="withdraw">撤 回</el-button>
+            <el-button v-if="canPass" size="small" type="success" @click="pass">通 过</el-button>
+            <el-button v-if="canReject" size="small" type="danger" @click="reject">驳 回</el-button>
         </doc-detail-footer>
 
         <supplier-selector v-model="supplierDialog" @select="selectSupplier"/>
@@ -126,13 +124,13 @@
 </template>
 
 <script>
+    import bizDocDetailMixin from "@/mixins/bizDocDetailMixin"
     import CategorySelector from './components/CategorySelector'
     import SupplierSelector from './components/SupplierSelector'
-    import bizDocDetailMixin from "@/mixins/bizDocDetailMixin"
     import {baseUrl, add, commit, getById, pass, reject, update, withdraw} from "@/api/document/purchase/order"
     import {isEmpty} from "@/utils"
-    import {isInteger} from "@/utils/validate"
     import {mul, plus} from "@/utils/math"
+    import {isInteger} from "@/utils/validate"
 
     export default {
         name: "purchaseOrderDetail",
diff --git a/vue/src/views/sell/order/detail.vue b/vue/src/views/sell/order/detail.vue
index 1830fbc..099fb20 100644
--- a/vue/src/views/sell/order/detail.vue
+++ b/vue/src/views/sell/order/detail.vue
@@ -8,20 +8,20 @@
         />
 
         <abstract-form :model="form" :rules="rules">
-            <el-card header="流程进度">
+            <collapse-card header="流程进度">
                 <doc-steps :status="form.status" :type="type"/>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="基础信息">
+            <collapse-card header="基础信息">
                 <abstract-form-item label="客 户：" prop="customer_name">
                     <el-input v-if="canSave" :value="form.customer_name" readonly>
                         <el-button slot="append" @click="customerDialog=true">选择</el-button>
                     </el-input>
                     <template v-else>{{form.customer_name}}</template>
                 </abstract-form-item>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="销售商品">
+            <collapse-card 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 +68,18 @@
                         </el-button>
                     </div>
                 </abstract-table>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="附件">
+            <collapse-card header="附件">
                 <upload-file
                         :file-list="form.imageList"
                         :disabled="!canSave"
                         @remove="removeUpload"
                         @success="uploadSuccess"
                 />
-            </el-card>
+            </collapse-card>
 
-            <el-card header="备注">
+            <collapse-card header="备注">
                 <el-input
                         v-model="form.remark"
                         :rows="4"
@@ -88,20 +88,18 @@
                         show-word-limit
                         type="textarea"
                 />
-            </el-card>
+            </collapse-card>
         </abstract-form>
 
         <doc-history :id="form.id"/>
 
         <doc-detail-footer>
-            <template v-slot:right>
-                <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>
-                <el-button v-if="canWithdraw" size="small" type="danger" @click="withdraw">撤 回</el-button>
-                <el-button v-if="canPass" size="small" type="success" @click="pass">通 过</el-button>
-                <el-button v-if="canReject" size="small" type="danger" @click="reject">驳 回</el-button>
-            </template>
+            <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>
+            <el-button v-if="canWithdraw" size="small" type="danger" @click="withdraw">撤 回</el-button>
+            <el-button v-if="canPass" size="small" type="success" @click="pass">通 过</el-button>
+            <el-button v-if="canReject" size="small" type="danger" @click="reject">驳 回</el-button>
         </doc-detail-footer>
 
         <stock-selector v-model="stockDialog" @select="selectStock"/>
@@ -111,9 +109,9 @@
 </template>
 
 <script>
+    import bizDocDetailMixin from "@/mixins/bizDocDetailMixin"
     import CustomerSelector from './components/CustomerSelector'
     import StockSelector from './components/StockSelector'
-    import bizDocDetailMixin from "@/mixins/bizDocDetailMixin"
     import {baseUrl, add, commit, getById, pass, reject, update, withdraw} from "@/api/document/sell/order"
     import {isEmpty} from "@/utils"
     import {mul, plus} from "@/utils/math"
diff --git a/vue/src/views/sell/outbound/detail.vue b/vue/src/views/sell/outbound/detail.vue
index b9d8f71..2c4c5a4 100644
--- a/vue/src/views/sell/outbound/detail.vue
+++ b/vue/src/views/sell/outbound/detail.vue
@@ -8,20 +8,20 @@
         />
 
         <abstract-form :model="form" :rules="rules">
-            <el-card header="流程进度">
+            <collapse-card header="流程进度">
                 <doc-steps :status="form.status" :finish="form.finish" :type="type"/>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="基础信息">
+            <collapse-card 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>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="出库商品">
+            <collapse-card header="出库商品">
                 <abstract-table :data="form.data" :highlight-current-row="false">
                     <el-table-column align="center" type="expand">
                         <el-table slot-scope="{row}" :data="row.data" border show-summary
@@ -54,18 +54,18 @@
                     <el-table-column align="center" label="出库数量" prop="num" width="150"/>
                     <el-table-column align="center" label="订单剩余未出库数量" prop="remain_num" width="250"/>
                 </abstract-table>
-            </el-card>
+            </collapse-card>
 
-            <el-card header="附件">
+            <collapse-card header="附件">
                 <upload-file
                         :file-list="form.imageList"
                         :disabled="!canSave"
                         @remove="removeUpload"
                         @success="uploadSuccess"
                 />
-            </el-card>
+            </collapse-card>
 
-            <el-card header="备注">
+            <collapse-card header="备注">
                 <el-input
                         v-model="form.remark"
                         :rows="4"
@@ -74,20 +74,18 @@
                         show-word-limit
                         type="textarea"
                 />
-            </el-card>
+            </collapse-card>
         </abstract-form>
 
         <doc-history :id="form.id"/>
 
         <doc-detail-footer>
-            <template v-slot:right>
-                <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>
-                <el-button v-if="canWithdraw" size="small" type="danger" @click="withdraw">撤 回</el-button>
-                <el-button v-if="canPass" size="small" type="success" @click="pass">通 过</el-button>
-                <el-button v-if="canReject" size="small" type="danger" @click="reject">驳 回</el-button>
-            </template>
+            <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>
+            <el-button v-if="canWithdraw" size="small" type="danger" @click="withdraw">撤 回</el-button>
+            <el-button v-if="canPass" size="small" type="success" @click="pass">通 过</el-button>
+            <el-button v-if="canReject" size="small" type="danger" @click="reject">驳 回</el-button>
         </doc-detail-footer>
 
         <order-selector v-model="parentDialog" @select="selectParent"/>
@@ -97,16 +95,16 @@
 </template>
 
 <script>
+    import bizDocDetailMixin from "@/mixins/bizDocDetailMixin"
     import OrderSelector from "./components/OrderSelector"
     import StockSelector from "./components/StockSelector"
-    import bizDocDetailMixin from "@/mixins/bizDocDetailMixin"
     import {getDetailById as getStockDetail} from "@/api/stock/current"
     import {getSubById as getParentSubById} from "@/api/document/sell/order"
     import {baseUrl, add, commit, getById, pass, reject, update, withdraw} from "@/api/document/sell/outbound"
     import {isEmpty} from "@/utils"
     import {plus, sub} from "@/utils/math"
-    import {isInteger} from "@/utils/validate"
     import {elAlert} from "@/utils/message"
+    import {isInteger} from "@/utils/validate"
 
     export default {
         name: "sellOutboundDetail",