改为PageLayout布局

src/components/detail/BasicDetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+    <page-layout title="基础详情页">
       <a-card :bordered="false">
         <detail-list title="退款详情">
           <detail-list-item term="取货单号">1000000000</detail-list-item>
@@ -32,7 +32,7 @@
         >
         </a-table>
       </a-card>
-  </div>
+    </page-layout>
 </template>
 
 <script>
@@ -42,6 +42,7 @@ import AAvatar from 'vue-antd-ui/es/avatar/Avatar'
 import DetailList from '../tool/DetailList'
 import ADivider from 'vue-antd-ui/es/divider/index'
 import ATable from 'vue-antd-ui/es/table'
+import PageLayout from '../layout/PageLayout'
 
 const DetailListItem = DetailList.Item
 
@@ -189,7 +190,7 @@ const scheduleData = [
 
 export default {
   name: 'BasicDetail',
-  components: {ATable, ADivider, DetailListItem, DetailList, AAvatar, ATooltip, ACard},
+  components: {PageLayout, ATable, ADivider, DetailListItem, DetailList, AAvatar, ATooltip, ACard},
   data () {
     return {
       goodsColumns,