stock-details.vue

src/views/modules/warehouse/stock-details.vue

@@ -0,0 +1,15 @@
+<template>
+    <div>
+      详情
+    </div>
+</template>
+
+<script>
+  export default {
+    name: 'stock-details'
+  }
+</script>
+
+<style scoped>
+
+</style>

src/views/modules/warehouse/stock.vue

@@ -128,12 +128,15 @@
         :total="totalPage"
         layout="total, sizes, prev, pager, next, jumper">
       </el-pagination>
+      <stock-details v-if="detailVisible" ref="details"/>
     </div>
 </template>
 
 <script>
+  import StockDetails from './stock-details'
   export default {
     name: 'stock',
+    components: {StockDetails},
     data () {
       return {
         dataForm: {
@@ -144,7 +147,8 @@
         pageSize: 10,
         totalPage: 0,
         dataListLoading: false,
-        dataListSelections: []
+        dataListSelections: [],
+        detailVisible: false
       }
     },
     activated () {