订单追踪/已采购订单：查看订单明细会保留之前查看的明细

src/App.vue

 <template>
     <div id="app">
-        <keep-alive exclude="InquireDetail,ListDetail">
+        <keep-alive exclude="InquireDetail,ListDetail,orderTrackGoodsDetail">
             <router-view class="router-view"></router-view>
         </keep-alive>
     </div>

src/views/OrderTrack/goodsDetail.vue

@@ -4,28 +4,28 @@
       <div class="xktitle">基本信息</div>
       <el-row :gutter="20" class="infoboxpx">
         <el-col :span="6">
-                    <div class="">订货公司：{{infos.company_name}}</div>
+          <div class="">订货公司：{{ infos.company_name }}</div>
         </el-col>
         <el-col :span="6">
-                    <div class="">订单状态：{{infos.status_val}}</div>
+          <div class="">订单状态：{{ infos.status_val }}</div>
         </el-col>
         <el-col :span="6">
-                    <div class="">收款状态：{{infos.pay_status_val}}</div>
+          <div class="">收款状态：{{ infos.pay_status_val }}</div>
         </el-col>
         <el-col :span="6">
-                    <div class="">发货状态：{{infos.shipping_status_val}}</div>
+          <div class="">发货状态：{{ infos.shipping_status_val }}</div>
         </el-col>
         <el-col :span="6">
-                    <div class="">订单来源：{{infos.source_type}}</div>
+          <div class="">订单来源：{{ infos.source_type }}</div>
         </el-col>
         <el-col :span="6">
-                    <div class="">订单人员：{{infos.purchase_name}}</div>
+          <div class="">订单人员：{{ infos.purchase_name }}</div>
         </el-col>
         <el-col :span="6">
-                    <div class="">订单总额：{{infos.purchase_amount}}</div>
+          <div class="">订单总额：{{ infos.purchase_amount }}</div>
         </el-col>
         <el-col :span="6">
-                    <div class="">币种：{{infos.currency_val}} </div>
+          <div class="">币种：{{ infos.currency_val }}</div>
         </el-col>
       </el-row>
       <div class="xktitle" style="margin-bottom:20px;">型号明细</div>
@@ -44,44 +44,40 @@
         </el-table>
       </div>
     </div>
-        <Menu />
+    <Menu/>
   </section>
 </template>
 <script>
-    import Vue from 'vue';
-    import Menu from "@/components/menu.vue";
-    import {
-        Table,
-        TableColumn,
-        Message,
-        Pagination,
-        Row,
-        Col
-    } from 'element-ui'
+import Vue from 'vue';
+import Menu from "@/components/menu.vue";
+import {Col, Message, Pagination, Row, Table, TableColumn} from 'element-ui'
 
-    Vue.prototype.$message = Message;
-    Vue.use(Pagination);
-    Vue.use(TableColumn).use(Table).use(Row).use(Col);
-    export default {
+Vue.prototype.$message = Message;
+Vue.use(Pagination);
+Vue.use(TableColumn).use(Table).use(Row).use(Col);
+export default {
   name: "orderTrackGoodsDetail",
   data() {
     return {
-                infos:{},
+      infos: {},
       tableData: ""
     };
   },
   created() {
     this.getData();
   },
-        computed: {},
+  computed: {
+    id: function () {
+      return this.$route.query.purchase_id
+    }
+  },
   methods: {
     getData() {
       this.$http('post', "/api/purchase/purOrderDetail", {
-                    id: this.$route.query.purchase_id
-
+        id: this.id
       }).then(res => {
         if (res.code === 0) {
-                        this.infos=res.data.purchase_info
+          this.infos = res.data.purchase_info;
           this.tableData = res.data.purchase_item_list || [];
         } else {
           this.$message({
@@ -95,8 +91,8 @@
   components: {
     Menu
   }
-    };
+};
 </script>
 <style scoped>
-    @import "../../assets/css/goods/goods.min.css";
+@import "../../assets/css/goods/goods.min.css";
 </style>
\ No newline at end of file