diff --git a/src/pages/modules/finished/finished-instore-search.vue b/src/pages/modules/finished/finished-instore-search.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/modules/finished/finished-instore.vue b/src/pages/modules/finished/finished-instore.vue
new file mode 100644
index 0000000..12592fd
--- /dev/null
+++ b/src/pages/modules/finished/finished-instore.vue
@@ -0,0 +1,117 @@
+<template>
+    <div class="order-wraper">
+        <div class="search-confirm-wrap">
+            <div class="search-wrap">
+                <div class="search-item">
+                    <div class="search-label">仓库</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value1" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options1"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">单据类型</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value2" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options2"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">入库点</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value3" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options3"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">载具号</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">备注</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item_2 flexend">
+                    <button class="button button--primary">确认入库</button>
+                    <button class="button button--primary">作业查询</button>
+                    <button class="button button--primary">添加单据物料</button>
+                    <button class="button button--primary">删除一行</button>
+                </div>
+            </div>
+        </div>
+        <div class="grid_wraper">
+            <table class="filter-table">
+                <thead>
+                    <tr>
+                        <th>序号</th>
+                        <th>物料编号</th>
+                        <th>物料名称</th>
+                        <th>入库数量</th>
+                        <th>单位</th>
+                        <th>箱号</th>
+                        <th>订单号</th>
+                        <th>客户</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="(e, i) in [1, 2, 3]" :key="i">
+                        <td>1</td>
+                        <td>030301010031</td>
+                        <td>碳化钨粉ZW300</td>
+                        <td>1000</td>
+                        <td>个</td>
+                        <td>xno01</td>
+                        <td>RT20210616001</td>
+                        <td>供应商甲</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      options1: [],
+      value1: '',
+      options2: [],
+      value2: '',
+      options3: [],
+      value3: ''
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.grid_wraper
+    height calc(100% - 95px)
+.filter_input_wraper_1
+    width calc(100% - 45px)
+.search-label_1
+    width 45px
+</style>
diff --git a/src/pages/modules/finished/index.vue b/src/pages/modules/finished/index.vue
new file mode 100644
index 0000000..07e48ed
--- /dev/null
+++ b/src/pages/modules/finished/index.vue
@@ -0,0 +1,55 @@
+<template>
+    <div class="content blue" ref="content">
+        <jxHeader
+        :title="title"
+        @switchColor="switchColor"
+        />
+        <div class="body-container">
+            <div class="main-container">
+                <router-view></router-view>
+            </div>
+        </div>
+    </div>
+    </template>
+
+<script>
+import jxHeader from '@components/header.vue'
+export default {
+  components: {
+    jxHeader
+  },
+  data () {
+    return {
+      title: ['成品入库', '选择成品箱物料', '成品入库查询'][Number(this.$route.meta.guidePath) - 1]
+    }
+  },
+  methods: {
+    switchColor (type) {
+      switch (type) {
+        case 1:
+          this.$refs.content.classList.value = 'content overall_orange'
+          break
+        case 2:
+          this.$refs.content.classList.value = 'content overall_lightgreen'
+          break
+        case 3:
+          this.$refs.content.classList.value = 'content overall_blue'
+          break
+      }
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '~@style/mixin.styl'
+.content
+    _wh(100%, 100vh)
+.body-container
+    _wh(calc(100% - 30px), calc(100% - 55px))
+    margin 0 auto 10px
+    padding 5px
+    border 1px solid #484cce
+.main-container
+    _wh(100%, 100%)
+</style>
diff --git a/src/pages/modules/finished/select-finished-mater.vue b/src/pages/modules/finished/select-finished-mater.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/router/index.js b/src/router/index.js
index 1357405..c4fac1f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,6 +6,11 @@ const workorderIndex = r => require.ensure([], () => r(require('@page/modules/wo
 const workOrderAssignment = r => require.ensure([], () => r(require('@page/modules/workorder/work-order-assignment')), 'workorder')
 const workReportQuery = r => require.ensure([], () => r(require('@page/modules/workorder/work-report-query')), 'workorder')
 const workOrderQuery = r => require.ensure([], () => r(require('@page/modules/workorder/work-order-query')), 'workorder')
+const finishedIndex = r => require.ensure([], () => r(require('@page/modules/finished/index')), 'finished')
+const finishedInstore = r => require.ensure([], () => r(require('@page/modules/finished/finished-instore')), 'finished')
+const selectFinishedMater = r => require.ensure([], () => r(require('@page/modules/finished/select-finished-mater')), 'finished')
+const finishedInstoreSearch = r => require.ensure([], () => r(require('@page/modules/finished/finished-instore-search')), 'finished')
+
 const semifinishedIndex = r => require.ensure([], () => r(require('@page/modules/semifinished/index')), 'semifinished')
 const semiFinishedInstore = r => require.ensure([], () => r(require('@page/modules/semifinished/semi-finished-instore')), 'semifinished')
 const semiFinishedInstoreSearch = r => require.ensure([], () => r(require('@page/modules/semifinished/semi-finished-instore-search')), 'semifinished')
@@ -54,6 +59,23 @@ export default new Router({
         component: workOrderQuery
       }]
     },
+    {
+      path: '/finishedindex',
+      component: finishedIndex,
+      children: [{
+        path: '/finishedinstore', // 成品入库
+        component: finishedInstore,
+        meta: {guidePath: '1'}
+      }, {
+        path: '/selectfinishedmater', // 选择成品箱物料
+        component: selectFinishedMater,
+        meta: {guidePath: '2'}
+      }, {
+        path: '/finishedinstoresearch', // 成品入库查询
+        component: finishedInstoreSearch,
+        meta: {guidePath: '3'}
+      }]
+    },
     {
       path: '/semifinishedindex',
       component: semifinishedIndex,