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

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

 <template>
-    <section class="goods pagex">
-        <div class="goods-con">
-            <div class="xktitle">基本信息</div>
-            <el-row :gutter="20" class="infoboxpx">
-                <el-col :span="6">
-                    <div class="">订货公司：{{infos.company_name}}</div>
-                </el-col>
-                <el-col :span="6">
-                    <div class="">订单状态：{{infos.status_val}}</div>
-                </el-col>
-                <el-col :span="6">
-                    <div class="">收款状态：{{infos.pay_status_val}}</div>
-                </el-col>
-                <el-col :span="6">
-                    <div class="">发货状态：{{infos.shipping_status_val}}</div>
-                </el-col>
-                <el-col :span="6">
-                    <div class="">订单来源：{{infos.source_type}}</div>
-                </el-col>
-                <el-col :span="6">
-                    <div class="">订单人员：{{infos.purchase_name}}</div>
-                </el-col>
-                <el-col :span="6">
-                    <div class="">订单总额：{{infos.purchase_amount}}</div>
-                </el-col>
-                <el-col :span="6">
-                    <div class="">币种：{{infos.currency_val}} </div>
-                </el-col>
-            </el-row>
-            <div class="xktitle" style="margin-bottom:20px;">型号明细</div>
-            <div class="data-box th-all" v-if="tableData">
-                <el-table :data="tableData" border>
-                    <el-table-column prop="quote_sn" label="报价单号" min-width="150"></el-table-column>
-                    <el-table-column prop="goods_name" label="型号" min-width="150"></el-table-column>
-                    <el-table-column prop="brand_name" label="品牌" min-width="150"></el-table-column>
-                    <el-table-column prop="purchase_qty" label="订单数量" width="100"></el-table-column>
-                    <el-table-column prop="price_without_tax" label="单价(未税)" width="110"></el-table-column>
-                    <el-table-column prop="price_in_tax" label="单价(含税)" width="110"></el-table-column>
-                    <el-table-column prop="total_amount" label="小计" width="110"></el-table-column>
-                    <el-table-column prop="out_qty" label="已发货" width="70"></el-table-column>
-                    <el-table-column prop="no_out_qty" label="未发货" width="70"></el-table-column>
-                    <el-table-column prop="source_type" label="来源" width="100"></el-table-column>
-                </el-table>
-            </div>
-        </div>
-        <Menu />
-    </section>
+  <section class="goods pagex">
+    <div class="goods-con">
+      <div class="xktitle">基本信息</div>
+      <el-row :gutter="20" class="infoboxpx">
+        <el-col :span="6">
+          <div class="">订货公司：{{ infos.company_name }}</div>
+        </el-col>
+        <el-col :span="6">
+          <div class="">订单状态：{{ infos.status_val }}</div>
+        </el-col>
+        <el-col :span="6">
+          <div class="">收款状态：{{ infos.pay_status_val }}</div>
+        </el-col>
+        <el-col :span="6">
+          <div class="">发货状态：{{ infos.shipping_status_val }}</div>
+        </el-col>
+        <el-col :span="6">
+          <div class="">订单来源：{{ infos.source_type }}</div>
+        </el-col>
+        <el-col :span="6">
+          <div class="">订单人员：{{ infos.purchase_name }}</div>
+        </el-col>
+        <el-col :span="6">
+          <div class="">订单总额：{{ infos.purchase_amount }}</div>
+        </el-col>
+        <el-col :span="6">
+          <div class="">币种：{{ infos.currency_val }}</div>
+        </el-col>
+      </el-row>
+      <div class="xktitle" style="margin-bottom:20px;">型号明细</div>
+      <div class="data-box th-all" v-if="tableData">
+        <el-table :data="tableData" border>
+          <el-table-column prop="quote_sn" label="报价单号" min-width="150"></el-table-column>
+          <el-table-column prop="goods_name" label="型号" min-width="150"></el-table-column>
+          <el-table-column prop="brand_name" label="品牌" min-width="150"></el-table-column>
+          <el-table-column prop="purchase_qty" label="订单数量" width="100"></el-table-column>
+          <el-table-column prop="price_without_tax" label="单价(未税)" width="110"></el-table-column>
+          <el-table-column prop="price_in_tax" label="单价(含税)" width="110"></el-table-column>
+          <el-table-column prop="total_amount" label="小计" width="110"></el-table-column>
+          <el-table-column prop="out_qty" label="已发货" width="70"></el-table-column>
+          <el-table-column prop="no_out_qty" label="未发货" width="70"></el-table-column>
+          <el-table-column prop="source_type" label="来源" width="100"></el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <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 {
-        name: "orderTrackGoodsDetail",
-        data() {
-            return {
-                infos:{},
-                tableData: ""
-            };
-        },
-        created() {
-            this.getData();
-        },
-        computed: {},
-        methods: {
-            getData() {
-                this.$http('post', "/api/purchase/purOrderDetail", {
-                    id: this.$route.query.purchase_id
-
-                }).then(res => {
-                    if (res.code === 0) {
-                        this.infos=res.data.purchase_info
-                        this.tableData = res.data.purchase_item_list || [];
-                    } else {
-                        this.$message({
-                            message: res.msg,
-                            type: "error"
-                        });
-                    }
-                })
-            }
-        },
-        components: {
-            Menu
-        }
+Vue.prototype.$message = Message;
+Vue.use(Pagination);
+Vue.use(TableColumn).use(Table).use(Row).use(Col);
+export default {
+  name: "orderTrackGoodsDetail",
+  data() {
+    return {
+      infos: {},
+      tableData: ""
     };
+  },
+  created() {
+    this.getData();
+  },
+  computed: {
+    id: function () {
+      return this.$route.query.purchase_id
+    }
+  },
+  methods: {
+    getData() {
+      this.$http('post', "/api/purchase/purOrderDetail", {
+        id: this.id
+      }).then(res => {
+        if (res.code === 0) {
+          this.infos = res.data.purchase_info;
+          this.tableData = res.data.purchase_item_list || [];
+        } else {
+          this.$message({
+            message: res.msg,
+            type: "error"
+          });
+        }
+      })
+    }
+  },
+  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