diff --git a/src/views/archivesManage/outInStorage/data1.json b/src/views/archivesManage/outInStorage/data1.json
index 31605ec..6f9a95d 100644
--- a/src/views/archivesManage/outInStorage/data1.json
+++ b/src/views/archivesManage/outInStorage/data1.json
@@ -12,7 +12,7 @@
           "storagePath":"库房A-库区A-01列-1节1层-左",
           "misplaceNum":"20",
           "operationTime":"2022-5-25  08:40",
-          "checkResult":"在库"
+          "childrenNum":11
       },
       {
           "id":"3d6d548d30db426ea3d95d63f589b294",
@@ -25,7 +25,7 @@
           "storagePath":"库房A-库区A-01列-1节1层-左",
           "misplaceNum":"20",
           "operationTime":"2022-5-25  08:41",
-          "checkResult":"在库"
+          "childrenNum":11
       },
       {
           "id":"45ff597e7cc64d11803ac422816b1e23",
@@ -38,7 +38,7 @@
           "storagePath":"库房A-库区A-01列-1节1层-左",
           "misplaceNum":"20",
           "operationTime":"2022-5-25  08:42",
-          "checkResult":"已借"
+          "childrenNum":11
       },
       {
           "id":"49106aa0d1534a7a900843d0c4531840",
@@ -51,7 +51,7 @@
           "storagePath":"库房A-库区A-01列-1节1层-左",
           "misplaceNum":"20",
           "operationTime":"2022-5-25  08:50",
-          "checkResult":"错位"
+          "childrenNum":11
       },
       {
           "id":"6e604355ff1e47e8b48117dca36420c7",
@@ -64,7 +64,7 @@
           "storagePath":"库房A-库区A-01列-1节1层-左",
           "misplaceNum":"20",
           "operationTime":"2022-5-25  08:40",
-          "checkResult":"错位"
+          "childrenNum":11
       },
       {
           "id":"6f4a6631d9d3424b960793704f3757b3",
@@ -77,7 +77,7 @@
           "storagePath":"库房A-库区A-01列-1节1层-左",
           "misplaceNum":"20",
           "operationTime":"2022-5-25  08:40",
-          "checkResult":"错位"
+          "childrenNum":11
 
       },
       {
diff --git a/src/views/archivesManage/outInStorage/inStorage/index.vue b/src/views/archivesManage/outInStorage/inStorage/index.vue
index 385aca0..bb91119 100644
--- a/src/views/archivesManage/outInStorage/inStorage/index.vue
+++ b/src/views/archivesManage/outInStorage/inStorage/index.vue
@@ -97,7 +97,6 @@ export default {
   name: 'InStorage',
   components: { headSlot, rrOperation, pagination, fieldDetail, inDialog },
   mixins: [presenter(), crud()],
-
   cruds() {
     return CRUD({
       url: 'api/case/initCaseList',
diff --git a/src/views/archivesManage/outInStorage/outStorage/index.vue b/src/views/archivesManage/outInStorage/outStorage/index.vue
index c2c6ca5..519bf48 100644
--- a/src/views/archivesManage/outInStorage/outStorage/index.vue
+++ b/src/views/archivesManage/outInStorage/outStorage/index.vue
@@ -1,15 +1,133 @@
 <template>
-  <div style="color:#fff">
-    出库
+  <div>
+    <head-slot>
+      <el-button size="mini" @click="handleOut">
+        <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: 100px">
+          <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"
+      @row-click="clickRowHandler"
+      @selection-change="selectionChangeHandler"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index" label="序号" align="center" width="80" />
+      <el-table-column type="childrenNum" label="子条目数" align="center" width="90" />
+      <el-table-column type="categoryGrade" label="门类级别" align="center" width="100" />
+      <el-table-column type="" label="档号" align="center" min-width="200" />
+      <el-table-column type="" label="题名" align="center" min-width="200" />
+      <el-table-column type="" label="保密程度" align="center" width="100" />
+      <el-table-column type="" label="部门" align="center" width="100" />
+      <el-table-column prop="fieldName" align="center" label="盒名称" width="150" />
+      <el-table-column prop="storagePath" align="center" label="所在位置" width="250" />
+      <el-table-column align="center" prop="operationTime" label="创建时间" width="200" />
+    </el-table>
+    <!-- 分页 -->
+    <pagination />
+    <!-- 出库弹框 -->
+    <el-dialog title="出库" :visible.sync="msgVisible">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <p>确定将当前选中的档案全部出库?</p>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="handleConfirm">确认</el-button>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
+import headSlot from '../../lendManage/components/headSlot.vue'
+import data1 from '../data1.json'
+import rrOperation from '@crud/RR.operation'
+import CRUD, { presenter, crud } from '@crud/crud'
+import pagination from '@crud/Pagination'
 export default {
-
+  components: { headSlot, rrOperation, pagination },
+  mixins: [presenter(), crud()],
+  cruds() {
+    return CRUD({
+      url: 'api/case/initCaseList',
+      // crudMethod: caseCrudMethod,
+      title: '档案盒',
+      optShow: {}
+    })
+  },
+  data() {
+    return {
+      msgVisible: false,
+      keyWord: '',
+      optionVal: '盒名称',
+      selections: [],
+      options: [
+        { value: '选项5', label: '盒名称' },
+        { value: '选项6', label: '条形码' },
+        { value: '选项7', label: 'TID' },
+        { value: '选项8', label: '所在位置' }
+      ]
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    getData() {
+      this.tableData = data1.rows
+    },
+    clickRowHandler(row) {
+      this.$refs.table.toggleRowSelection(row) // 单击选中
+    },
+    selectionChangeHandler(val) {
+      this.selections = val
+      // console.log(val, '-----')
+    },
+    // 出库
+    handleOut() {
+      if (this.selections.length > 0) {
+        this.msgVisible = true
+      } else {
+        this.$message({
+          message: '请选择档案',
+          type: 'warning'
+        })
+      }
+    },
+    handleConfirm() {
+      this.msgVisible = false
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
-
+@import "~@/assets/styles/archives-manage.scss";
+@import '~@/assets/styles/lend-manage.scss';
+.setting-dialog{
+  color: #fff;
+}
 </style>