diff --git a/src/assets/styles/lend-manage.scss b/src/assets/styles/lend-manage.scss
index 9e53e97..1044d0a 100644
--- a/src/assets/styles/lend-manage.scss
+++ b/src/assets/styles/lend-manage.scss
@@ -51,4 +51,7 @@ color:#F65163;
   color: #F65163;
   border: 1px solid #F65163;
 }
+.svg-style{
+  margin-right: 5px;
+}
 
diff --git a/src/views/archivesManage/archivesCheck/index.vue b/src/views/archivesManage/archivesCheck/index.vue
index 642f985..3b59348 100644
--- a/src/views/archivesManage/archivesCheck/index.vue
+++ b/src/views/archivesManage/archivesCheck/index.vue
@@ -17,11 +17,11 @@
         size="small"
         clearable
         placeholder="请输入关键词"
-        style="width: 300px"
-        class="input-prepend"
+        style="width: 300px;margin-right:10px"
+        class="input-prepend filter-item"
         @keyup.enter.native="crud.toQuery"
       >
-        <el-select slot="prepend" v-model="cateSearch" style="width: 100px">
+        <el-select slot="prepend" v-model="cateSearch" style="width: 80px">
           <el-option
             v-for="item in cateSearchOptions"
             :key="item.value"
@@ -159,7 +159,7 @@ export default {
       this.$refs.table.toggleRowSelection(row)
     },
     handleDbClick(row) {
-      this.$refs.table.clearSelection()
+      // this.$refs.table.clearSelection()
       const checkDetailDom = this.$refs.checkDetailDom
       checkDetailDom.detailVisible = true
       checkDetailDom.rowData = row
@@ -181,30 +181,12 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/assets/styles/lend-manage.scss';
+@import "~@/assets/styles/archives-manage.scss";
+
 .head-container {
   color: #fff;
 }
 
-::v-deep .input-prepend {
-  margin: 0 10px 0 0;
-  background-color: #021941;
-  border-radius: 3px;
-  border: 1px solid #339cff;
-  .el-select {
-    background-color: #021941;
-    color: #fff;
-  }
-  .el-input__inner {
-    background-color: #021941;
-    border: none;
-    caret-color: #fff;
-    height: 28px;
-    line-height: 28px;
-  }
-  .el-input-group__prepend {
-    border: none;
-  }
-}
 ::v-deep .el-dialog__footer {
   background-color: #031435;
 }
diff --git a/src/views/archivesManage/lendManage/lendConfirm/index.vue b/src/views/archivesManage/lendManage/lendConfirm/index.vue
index 78eec98..3eb8cb4 100644
--- a/src/views/archivesManage/lendManage/lendConfirm/index.vue
+++ b/src/views/archivesManage/lendManage/lendConfirm/index.vue
@@ -97,7 +97,7 @@ export default {
     },
     // 档案详情
     handleDbClick(row) {
-      this.$refs.table.clearSelection()
+      // this.$refs.table.clearSelection()
       const archiveDetailDom = this.$refs.archiveDetailDom
       archiveDetailDom.detailVisible = true
       const arr = data1.rows.filter(item => item.docNum === row.docNum)
@@ -154,7 +154,4 @@ export default {
   padding: 0;
   margin: 0;
 }
-.svg-style{
-  margin-right: 5px;
-}
 </style>
diff --git a/src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue b/src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
index 59412db..8d0c24c 100644
--- a/src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
+++ b/src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
@@ -19,15 +19,16 @@
           <p class="center"><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData.borrowDays }}</span></p>
           <p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData.operationTime }}</span></p>
         </div>
+        <el-table :data="tableData" style="margin-top:15px">
+          <el-table-column type="index" label="序号" align="center" width="55" />
+          <el-table-column prop="categoryName" label="所属门类" min-width="100" />
+          <el-table-column prop="titleName" label="题名" min-width="140" />
+          <el-table-column prop="archivesID" label="档号" min-width="130" />
+          <el-table-column prop="fieldName" label="盒名称" min-width="80" />
+          <el-table-column prop="storagePath" label="存放位置" min-width="140" />
+        </el-table>
       </div>
-      <el-table :data="tableData" style="margin-top:15px">
-        <el-table-column type="index" label="序号" align="center" width="55" />
-        <el-table-column prop="categoryName" label="所属门类" min-width="100" />
-        <el-table-column prop="titleName" label="题名" min-width="140" />
-        <el-table-column prop="archivesID" label="档号" min-width="130" />
-        <el-table-column prop="fieldName" label="盒名称" min-width="80" />
-        <el-table-column prop="storagePath" label="存放位置" min-width="140" />
-      </el-table>
+
     </el-dialog>
   </div>
 </template>
diff --git a/src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue b/src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue
index baf295a..b5ffcdd 100644
--- a/src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue
+++ b/src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue
@@ -33,9 +33,9 @@ export default {
   },
   methods: {
     cellWarn({ row, columnIndex }) {
-      if (row.warnState === '已解除' && columnIndex === 4) {
+      if (row.warnState === '未解除' && columnIndex === 4) {
         return 'no-clear'
-      } else if (row.warnState === '未解除' && columnIndex === 4) {
+      } else if (row.warnState === '已解除' && columnIndex === 4) {
         return 'have-clear'
       } else if (row.warnState === '解除失败' && columnIndex === 4) {
         return 'fail-clear'
diff --git a/src/views/archivesManage/lendManage/lendQuery/index.vue b/src/views/archivesManage/lendManage/lendQuery/index.vue
index 0faae1c..fb05d71 100644
--- a/src/views/archivesManage/lendManage/lendQuery/index.vue
+++ b/src/views/archivesManage/lendManage/lendQuery/index.vue
@@ -17,18 +17,16 @@
           :value="item.value"
         />
       </el-select>
-
-      <!-- <el-input v-model="query.name" clearable size="small" placeholder="输入岗位名称搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> -->
       <el-input
         v-model="keyWord"
         size="small"
         clearable
         placeholder="请输入关键词"
-        style="width: 300px"
-        class="input-prepend"
+        style="width: 300px;margin:0 10px 0 -20px;padding-left:8px"
+        class="input-prepend filter-item"
         @keyup.enter.native="crud.toQuery"
       >
-        <el-select slot="prepend" v-model="cateSearch" style="width: 100px">
+        <el-select slot="prepend" v-model="cateSearch" style="width: 90px">
           <el-option
             v-for="item in cateSearchOptions"
             :key="item.value"
@@ -145,7 +143,7 @@ export default {
     },
     // 档案详情
     handleDbClick(row) {
-      this.$refs.table.clearSelection()
+      // this.$refs.table.clearSelection()
       const archiveDetailDom = this.$refs.archiveDetailDom
       // const arr = data3.rows.filter(item => item.docNum === row.docNum)
       archiveDetailDom.rowData = row
@@ -164,28 +162,8 @@ export default {
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 @import '~@/assets/styles/lend-manage.scss';
-::v-deep.input-prepend {
-  margin: 0 10px 0 -10px;
-  background-color: #021941;
-  border-radius: 3px;
-  // word-spacing: -10px;
-  border: 1px solid #339cff;
-  .el-select {
-    background-color: #021941;
-    color: #339CFF;
-  }
-  .el-input__inner {
-    background-color: #021941;
-    border: none;
-    caret-color: #fff;
-    color: #fff;
-    height: 28px;
-    line-height: 28px;
-  }
-  .el-input-group__prepend {
-    border: none;
-  }
-}
+@import "~@/assets/styles/archives-manage.scss";
+
 ::v-deep .el-icon-arrow-up:before{
   color: #339CFF;
 }
diff --git a/src/views/archivesManage/lendManage/returnArchives/index.vue b/src/views/archivesManage/lendManage/returnArchives/index.vue
index c8a02e0..f3fcba9 100644
--- a/src/views/archivesManage/lendManage/returnArchives/index.vue
+++ b/src/views/archivesManage/lendManage/returnArchives/index.vue
@@ -124,7 +124,7 @@ export default {
     },
     // 档案详情
     handleDbClick(row) {
-      this.$refs.table.clearSelection()
+      // this.$refs.table.clearSelection()
       const archiveDetailDom = this.$refs.archiveDetailDom
       // const arr = data3.rows.filter(item => item.docNum === row.docNum)
       archiveDetailDom.rowData = row
@@ -153,9 +153,7 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/assets/styles/lend-manage.scss';
-.svg-style{
-  margin-right: 5px;
-}
+
 ::v-deep .el-dialog__footer {
   background-color: #031435;
 }
diff --git a/src/views/archivesManage/lendManage/returnArchives/module/returnDialog.vue b/src/views/archivesManage/lendManage/returnArchives/module/returnDialog.vue
index a724b9c..d532922 100644
--- a/src/views/archivesManage/lendManage/returnArchives/module/returnDialog.vue
+++ b/src/views/archivesManage/lendManage/returnArchives/module/returnDialog.vue
@@ -33,9 +33,9 @@ export default {
   },
   methods: {
     cellWarn({ row, columnIndex }) {
-      if (row.warnRestoreState === '已恢复' && columnIndex === 4) {
+      if (row.warnRestoreState === '未恢复' && columnIndex === 4) {
         return 'no-clear'
-      } else if (row.warnRestoreState === '未恢复' && columnIndex === 4) {
+      } else if (row.warnRestoreState === '已恢复' && columnIndex === 4) {
         return 'have-clear'
       } else if (row.warnRestoreState === '恢复失败' && columnIndex === 4) {
         return 'fail-clear'
diff --git a/src/views/archivesManage/lendManage/toLend/index.vue b/src/views/archivesManage/lendManage/toLend/index.vue
index c4c55e0..2b6e8f3 100644
--- a/src/views/archivesManage/lendManage/toLend/index.vue
+++ b/src/views/archivesManage/lendManage/toLend/index.vue
@@ -15,6 +15,7 @@
       height="calc(100vh - 355px)"
       :data="tableData"
       :default-sort="{ prop: 'operationTime', order: 'descending' }"
+      :cell-class-name="cell"
       @selection-change="selectionChangeHandler"
       @row-click="clickRowHandler"
       @row-dblclick="handleDbClick"
@@ -29,7 +30,7 @@
       <el-table-column prop="lendStatus" align="center" label="借阅状态" min-width="60">
         <template slot-scope="scope">
           <!-- 待登记 -->
-          <span class="cell-lend">{{ scope.row.lendStatus }}</span>
+          <span class="cell-lend" style="width:80px">{{ scope.row.lendStatus }}</span>
         </template>
       </el-table-column>
       <el-table-column prop="operationTime" align="center" label="操作时间" min-width="85" />
@@ -107,7 +108,7 @@ export default {
     },
     // 档案详情
     handleDbClick(row) {
-      this.$refs.table.clearSelection()
+      // this.$refs.table.clearSelection()
       this.$refs.archiveDetailDom.detailVisible = true
       this.$refs.archiveDetailDom.rowData = row
     },
@@ -116,38 +117,21 @@ export default {
     },
     clickRowHandler(row) {
       this.$refs.table.toggleRowSelection(row) // 单击选中
+    },
+    cell({ row, columnIndex }) {
+      if (row.lendStatus === '待登记' && columnIndex === 7) {
+        return 'no-lend'
+      }
     }
-
-    // cell({ row, columnIndex }) {
-    //   if (row.lendStatus === '待借' && columnIndex === 7) {
-    //     return 'no-lend'
-    //   } else if (row.lendStatus === '已借' && columnIndex === 7) {
-    //     return 'have-lend'
-    //   } else if (row.lendStatus === '' && columnIndex === 7) {
-    //     return 'other-lend'
-    //   }
-    // }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-// @import '~@/assets/styles/lend-manage.scss';
-.cell-lend{
-  display: inline-block;
-  text-align: center;
-  width: 76px;
-  height: 26px;
-  line-height: 26px;
-  color: #F65163;
-  border: 1px solid #F65163;
-  border-radius:13px ;
-}
+@import '~@/assets/styles/lend-manage.scss';
+
 ::v-deep .el-range-separator{
   color: #fff;
   padding-top:2px ;
 }
-.svg-style{
-  margin-right: 5px;
-}
 </style>
diff --git a/src/views/archivesManage/outInStorage/data1.json b/src/views/archivesManage/outInStorage/data1.json
new file mode 100644
index 0000000..31605ec
--- /dev/null
+++ b/src/views/archivesManage/outInStorage/data1.json
@@ -0,0 +1,110 @@
+{
+  "total":8,
+  "rows":[
+      {
+          "id":"29f16d62bc7242d5ba8dc84de5451f93",
+          "checkNum":"PD-202205250840",
+          "inState":"未入",
+          "havePutIn":"0",
+          "fieldName":"文书-文件-2022",
+          "TID":"E2806894200040159AF8AD06",
+          "barCode":"|||||||||||||||||||||||||",
+          "storagePath":"库房A-库区A-01列-1节1层-左",
+          "misplaceNum":"20",
+          "operationTime":"2022-5-25  08:40",
+          "checkResult":"在库"
+      },
+      {
+          "id":"3d6d548d30db426ea3d95d63f589b294",
+          "checkNum":"PD-202205250840",
+          "containPath":"未入",
+          "havePutIn":"0",
+          "fieldName":"文书-文件-2022",
+          "TID":"E2806894200040159AF8AD06",
+          "barCode":"|||||||||||||||||||||||||",
+          "storagePath":"库房A-库区A-01列-1节1层-左",
+          "misplaceNum":"20",
+          "operationTime":"2022-5-25  08:41",
+          "checkResult":"在库"
+      },
+      {
+          "id":"45ff597e7cc64d11803ac422816b1e23",
+          "checkNum":"PD-202205250840",
+          "inState":"待入",
+          "havePutIn":"2",
+          "fieldName":"文书-文件-2022",
+          "TID":"E2806894200040159AF8AD06",
+          "barCode":"|||||||||||||||||||||||||",
+          "storagePath":"库房A-库区A-01列-1节1层-左",
+          "misplaceNum":"20",
+          "operationTime":"2022-5-25  08:42",
+          "checkResult":"已借"
+      },
+      {
+          "id":"49106aa0d1534a7a900843d0c4531840",
+          "checkNum":"PD-202205250840",
+          "inState":"待入",
+          "havePutIn":"2",
+          "fieldName":"文书-文件-2022",
+          "TID":"E2806894200040159AF8AD06",
+          "barCode":"|||||||||||||||||||||||||",
+          "storagePath":"库房A-库区A-01列-1节1层-左",
+          "misplaceNum":"20",
+          "operationTime":"2022-5-25  08:50",
+          "checkResult":"错位"
+      },
+      {
+          "id":"6e604355ff1e47e8b48117dca36420c7",
+          "checkNum":"PD-202205250841",
+          "inState":"未入",
+          "havePutIn":"2",
+          "fieldName":"文书-文件-2022",
+          "TID":"E2806894200040159AF8AD06",
+          "barCode":"|||||||||||||||||||||||||",
+          "storagePath":"库房A-库区A-01列-1节1层-左",
+          "misplaceNum":"20",
+          "operationTime":"2022-5-25  08:40",
+          "checkResult":"错位"
+      },
+      {
+          "id":"6f4a6631d9d3424b960793704f3757b3",
+          "checkNum":"PD-202205250841",
+          "inState":"待入",
+          "havePutIn":"2",
+          "fieldName":"文书-文件-2022",
+          "TID":"E2806894200040159AF8AD06",
+          "barCode":"|||||||||||||||||||||||||",
+          "storagePath":"库房A-库区A-01列-1节1层-左",
+          "misplaceNum":"20",
+          "operationTime":"2022-5-25  08:40",
+          "checkResult":"错位"
+
+      },
+      {
+          "id":"76e29d5c0a0541bfb1ee9da432183b15",
+          "checkNum":"PD-202205250842",
+          "inState":"待入",
+          "havePutIn":"0",
+          "fieldName":"文书-文件-2022",
+          "TID":"E2806894200040159AF8AD06",
+          "barCode":"|||||||||||||||||||||||||",
+          "storagePath":"库房A-库区A-01列-1节1层-左",
+          "misplaceNum":"20",
+          "operationTime":"2022-5-25  08:40"
+      },
+      {
+          "id":"a0ffdd94161146c49161662c3f9a70cd",
+          "checkNum":"PD-202205250842",
+          "inState":"未入",
+          "havePutIn":"0",
+          "fieldName":"文书-文件-2022",
+          "TID":"E2806894200040159AF8AD06",
+          "barCode":"|||||||||||||||||||||||||",
+          "storagePath":"库房A-库区A-01列-1节1层-左",
+          "misplaceNum":"20",
+          "operationTime":"2022-5-25  08:40"
+      }
+  ],
+  "footer":null,
+  "postparam":null
+}
\ No newline at end of file
diff --git a/src/views/archivesManage/outInStorage/inStorage/index.vue b/src/views/archivesManage/outInStorage/inStorage/index.vue
new file mode 100644
index 0000000..dd2a231
--- /dev/null
+++ b/src/views/archivesManage/outInStorage/inStorage/index.vue
@@ -0,0 +1,145 @@
+<template>
+  <div>
+    <head-slot>
+      <el-button size="mini" @click="handleIn">
+        <svg-icon icon-class="dengji-fanbai" class-name="svg-style" />入库</el-button>
+      <el-button size="mini">
+        <svg-icon icon-class="yichu-fanbai" class-name="svg-style" />人工确认</el-button>
+      <el-input
+        v-model="keyWord"
+        size="small"
+        clearable
+        placeholder="请输入关键词"
+        style="width: 300px;margin-left:0;padding-left:10px"
+        class="input-prepend filter-item"
+        @keyup.enter.native="crud.toQuery"
+      >
+        <el-select slot="prepend" v-model="optionVal" style="width: 90px">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-input>
+      <rrOperation />
+      <!-- <button @click="getTableData">测试按钮</button> -->
+    </head-slot>
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      style="width: 100%"
+      height="calc(100vh - 355px)"
+      :data="tableData"
+      :cell-class-name="cell"
+      @row-click="clickRowHandler"
+      @row-dblclick="handleDbClick"
+      @selection-change="selectionChangeHandler"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index" label="序号" align="center" width="80" />
+      <el-table-column prop="inState" align="center" label="入库" min-width="80">
+        <template slot-scope="scope">
+          <!-- 未入 / 待入 -->
+          <span class="clear" style="width:56px">{{ scope.row.inState }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="havePutIn" align="center" label="已装" min-width="80" />
+      <el-table-column prop="fieldName" align="center" label="盒名称" min-width="150" />
+      <el-table-column prop="TID" align="center" label="TID" min-width="250" />
+      <el-table-column prop="barCode" align="center" label="条形码" width="200" />
+      <el-table-column prop="storagePath" align="center" label="存放位置" width="250" />
+      <el-table-column align="center" prop="operationTime" label="操作时间" width="200" />
+    </el-table>
+    <!-- 分页 -->
+    <pagination />
+    <!-- 档案盒详情 -->
+    <fieldDetail ref="archiveDetailDom" />
+    <!-- 入库操作 -->
+    <inDialog ref="inDialogDom" />
+  </div>
+</template>
+
+<script>
+import headSlot from '../../lendManage/components/headSlot.vue'
+import rrOperation from '@crud/RR.operation'
+import CRUD, { presenter, crud } from '@crud/crud'
+import pagination from '@crud/Pagination'
+import fieldDetail from './module/fieldDetail.vue'
+import inDialog from './module/inDialog.vue'
+import data1 from '../data1.json'
+export default {
+  name: 'InStorage',
+  components: { headSlot, rrOperation, pagination, fieldDetail, inDialog },
+  mixins: [presenter(), crud()],
+
+  cruds() {
+    return CRUD({
+      url: 'api/case/initCaseList',
+      // crudMethod: caseCrudMethod,
+      title: '档案盒',
+      optShow: {}
+    })
+  },
+  data() {
+    return {
+      tableData: [],
+      selections: [],
+      keyWord: '',
+      optionVal: '盒名称',
+      options: [
+        { value: '选项5', label: '盒名称' },
+        { value: '选项6', label: '条形码' },
+        { value: '选项7', label: 'TID' }
+      ]
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    getData() {
+      this.tableData = data1.rows
+    },
+    // 单元格样式
+    cell({ row, columnIndex }) {
+      if (row.inState === '未入' && columnIndex === 2) {
+        return 'fail-clear'
+      } else if (row.inState === '待入' && columnIndex === 2) {
+        return 'no-clear'
+      }
+    },
+    clickRowHandler(row) {
+      this.$refs.table.toggleRowSelection(row) // 单击选中
+    },
+    // 档案详情
+    handleDbClick(row) {
+      // this.$refs.table.clearSelection()
+      this.$refs.archiveDetailDom.detailVisible = true
+      this.$refs.archiveDetailDom.rowData = row
+    },
+    selectionChangeHandler(val) {
+      this.selections = val
+      // console.log(val, '-----')
+    },
+    // 入库
+    handleIn() {
+      if (this.selections.length > 0) {
+        this.$refs.inDialogDom.dialogVisible = true
+      } else {
+        this.$message({
+          message: '请选择要入库的档案',
+          type: 'warning'
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/styles/archives-manage.scss";
+@import '~@/assets/styles/lend-manage.scss';
+
+</style>
diff --git a/src/views/archivesManage/outInStorage/inStorage/module/fieldDetail.vue b/src/views/archivesManage/outInStorage/inStorage/module/fieldDetail.vue
new file mode 100644
index 0000000..b708584
--- /dev/null
+++ b/src/views/archivesManage/outInStorage/inStorage/module/fieldDetail.vue
@@ -0,0 +1,95 @@
+<template>
+  <div>
+    <el-dialog title="档案盒详情" :visible.sync="detailVisible">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <div class="dpflex">
+          <p class="left"><span class="color-blue">盒名称:</span><span class="color-white">{{ rowData.fieldName }}</span></p>
+          <p class="right"><span class="color-blue">存放位置:</span><span class="color-white">{{ rowData.storagePath }}</span></p>
+        </div>
+        <div class="dpflex">
+          <p class="left"><span class="color-blue">条形码:</span><span class="color-white">{{ rowData.barCode }}</span></p>
+          <p class="right"><span class="color-blue">TID:</span><span class="color-white">{{ rowData.TID }}</span></p>
+        </div>
+        <div class="dpflex">
+          <p class="left"><span class="color-blue">创建时间:</span><span class="color-white">{{ rowData.operationTime }}</span></p>
+        </div>
+      </div>
+      <el-table :data="tableData" style="margin-top:15px">
+        <el-table-column type="index" label="序号" align="center" width="55" />
+        <el-table-column prop="" label="子条数目" width="100" />
+        <el-table-column prop="" label="门类级别" width="140" />
+        <el-table-column prop="" label="门类名称" width="130" />
+        <el-table-column prop="" label="全宗号" width="80" />
+        <el-table-column prop="" label="档号" width="140" />
+        <el-table-column prop="" label="归档年度" width="140" />
+        <el-table-column prop="" label="题名" width="140" />
+        <el-table-column prop="" label="保密程度" width="140" />
+        <el-table-column prop="" label="部门" width="80" />
+        <el-table-column prop="" label="盒名称" width="140" />
+        <el-table-column prop="" label="所在位置" width="140" />
+        <el-table-column prop="" label="创建时间" width="140" />
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      detailVisible: false,
+      rowData: {},
+      tableData: []
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~@/assets/styles/lend-manage.scss';
+::v-deep .el-dialog__body{
+  padding: 60px 40px 80px 40px;
+}
+::v-deep .el-dialog{
+  width: 1200px;
+}
+::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
+    position: absolute;
+    right: -283px;
+    bottom: -10px;
+}
+p{
+  display: flex;
+  height: 40px;
+  align-items: center;
+  .color-blue{
+    color: #3A99FD;
+    width: 70px;
+    height: 19px;
+    text-align: right;
+  }
+  .color-white{
+    color: white;
+    padding: 0 0 0 20px;
+  }
+}
+.dpflex{
+  display: flex;
+  .left{
+    flex: 1;
+  }
+  .center{
+    flex:1;
+  }
+  .right{
+    flex: 1;
+    .cell-lend{
+      margin-left: 20px;
+      width: 76px;
+    }
+  }
+}
+
+</style>
diff --git a/src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue b/src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue
new file mode 100644
index 0000000..549d008
--- /dev/null
+++ b/src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue
@@ -0,0 +1,152 @@
+<template>
+  <div>
+    <el-dialog title="入库" :visible.sync="dialogVisible">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <div class="header">
+          选择位置
+        </div>
+        <div class="content">
+          <!-- 左侧 -->
+          <div class="content-left">
+            <!-- <span class="right-top-line" /> -->
+            <!-- <span class="left-bottom-line" /> -->
+            <!-- <el-tree ref="archivesTree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" /> -->
+            <el-tree ref="archivesTree" :data="treeData" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+          </div>
+          <!-- 右侧 -->
+          <div class="content-right">
+            <!-- <span class="right-top-line" /> -->
+            <!-- <span class="left-bottom-line" /> -->
+            <!-- 密集架 -->
+            <div class="frame-content head-container">
+              <div class="frame-item">
+                <span>区号</span>
+                <el-input v-model="fieldNum" type="number" class="filter-item" />
+              </div>
+              <div class="frame-item item-line">
+                <span>列</span>
+                <el-input v-model="fieldNum" type="number" class="filter-item" />
+              </div>
+              <div class="frame-item item-line">
+                <span>节</span>
+                <el-input v-model="fieldNum" type="number" class="filter-item" />
+              </div>
+              <div class="frame-item item-line">
+                <span>层</span>
+                <el-input v-model="fieldNum" type="number" class="filter-item" />
+              </div>
+              <div class="frame-item item-line">
+                <span>方向</span>
+                <el-input v-model="fieldNum" type="number" class="filter-item" />
+              </div>
+            </div>
+            <!-- 回转柜 -->
+            <!-- <div>
+              回转柜
+            </div> -->
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dialogVisible: true,
+      defaultProps: { children: 'children', label: 'cnName' },
+      treeData: [{
+        cnName: '档案库',
+        children: [
+          { cnName: '密集柜' },
+          { cnName: '回转柜' }
+        ]
+      }],
+      fieldNum: 0
+
+    }
+  },
+  methods: {
+    // 切换菜单
+    handleNodeClick(data) {
+      console.log(data)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog{
+  width: 720px;
+  .setting-dialog{
+    height: 552px;
+    overflow: hidden;
+  }
+  .el-dialog__body{
+    padding: 0;
+  }
+}
+
+::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
+    position: absolute;
+    right: -50px;
+    bottom: -10px;
+}
+.header{
+  height: 60px;
+  line-height: 60px;
+  color: #339CFF;
+  font-size: 16px;
+  padding-left: 65px;
+  border-bottom: 1px solid #339CFF;
+}
+.content{
+  color: #339CFF;
+  height: 492px;
+  display: flex;
+  .content-left{
+    background-color: #021941;
+    width: 200px;
+    // height: 100%;
+  }
+  .content-right{
+    flex: 1;
+    padding:10px 15px ;
+  }
+}
+.frame-content{
+  display: flex;
+  flex-wrap: wrap;
+  .frame-item{
+  display: flex;
+  width: 148px;
+  margin-bottom: 30px;
+  position: relative;
+  span{
+    width: 33px;
+    height: 32px;
+    line-height: 32px;
+    text-align: right;
+    padding-right: 5px;
+  }
+  .el-input{
+  width: 76px;
+  }
+}
+  .item-line::before{
+    content: '';
+    display: block;
+    height: 1px;
+    width: 20px;
+    background-color:#339CFF;
+    position: absolute;
+    top: 50%;
+    left: -20px;
+  }
+}
+</style>
diff --git a/src/views/archivesManage/outInStorage/index.vue b/src/views/archivesManage/outInStorage/index.vue
new file mode 100644
index 0000000..c9e9e79
--- /dev/null
+++ b/src/views/archivesManage/outInStorage/index.vue
@@ -0,0 +1,66 @@
+<template>
+  <div class="app-container lend-container">
+    <!-- 借阅列表 -->
+    <!-- 借阅管理tab -->
+    <div class="tab-content">
+      <span class="right-top-line" />
+      <span class="left-bottom-line" />
+      <ul class="tab-nav">
+        <li :class="{ 'active-tab-nav': activeIndex == 0 }" @click="changeActiveTab(0)">入库<i /></li>
+        <li :class="{ 'active-tab-nav': activeIndex == 1 }" @click="changeActiveTab(1)">出库<i /></li>
+        <li :class="{ 'active-tab-nav': activeIndex == 2 }" @click="changeActiveTab(2)">出入库记录<i /></li>
+        <!-- 最右侧装饰img -->
+        <span class="tab-right-img" />
+      </ul>
+      <component :is="comName" />
+
+    </div>
+  </div>
+</template>
+
+<script>
+import inStorage from './inStorage/index.vue'
+import outStorage from './outStorage/index.vue'
+import outInHistory from './outInHistory/index.vue'
+
+export default {
+  name: 'OutInStorage',
+  components: {
+    inStorage,
+    outStorage,
+    outInHistory
+  },
+  data() {
+    return {
+      activeIndex: 0
+    }
+  },
+  computed: {
+    comName: function() {
+      if (this.activeIndex === 0) {
+        return 'inStorage'
+      } else if (this.activeIndex === 1) {
+        return 'outStorage'
+      } else if (this.activeIndex === 2) {
+        return 'outInHistory'
+      }
+      return 'inStorage'
+    }
+  },
+  methods: {
+    changeActiveTab(data) {
+      this.activeIndex = data
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.lend-container{
+  .tab-content{
+    position: relative;
+    margin-top: 61px;
+    border: 1px solid #113d72;
+  }
+}
+</style>
diff --git a/src/views/archivesManage/outInStorage/outInHistory/index.vue b/src/views/archivesManage/outInStorage/outInHistory/index.vue
new file mode 100644
index 0000000..5a05b2d
--- /dev/null
+++ b/src/views/archivesManage/outInStorage/outInHistory/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div style="color:#fff">
+    记录
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/archivesManage/outInStorage/outStorage/index.vue b/src/views/archivesManage/outInStorage/outStorage/index.vue
new file mode 100644
index 0000000..c2c6ca5
--- /dev/null
+++ b/src/views/archivesManage/outInStorage/outStorage/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div style="color:#fff">
+    出库
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/archivesManage/recycleBin/index.vue b/src/views/archivesManage/recycleBin/index.vue
index 82731ea..a58f739 100644
--- a/src/views/archivesManage/recycleBin/index.vue
+++ b/src/views/archivesManage/recycleBin/index.vue
@@ -128,6 +128,7 @@ export default {
   },
   created() {
     this.getData()
+    console.log(this.crud, '1111111111')
   },
   methods: {
     // 获取表格数据
@@ -185,7 +186,4 @@ export default {
     height: 30px;
     line-height: 30px;
   }
-  .svg-style{
-    margin-right: 5px;
-  }
 </style>