出入库管理 出入库记录

src/views/archivesManage/outInStorage/inStorage/index.vue

@@ -10,7 +10,7 @@
         size="small"
         clearable
         placeholder="请输入关键词"
-        style="width: 300px;margin-left:0;padding-left:10px"
+        style="width: 300px;margin-right:10px;padding-left:10px"
         class="input-prepend filter-item"
         @keyup.enter.native="crud.toQuery"
       >

src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue

@@ -75,7 +75,7 @@
                     <el-option v-for="item in cabColOptions" :key="item.value" :label="item.label" :value="item.value" />
                   </el-select>
                 </div>
-                <div class="refresh-btn" style="width:446px">
+                <div class="refresh-btn" style="padding-right:42px;margin-bottom:30px">
                   <el-button type="primary" class="el-icon-refresh" />
                 </div>
               </div>
@@ -240,7 +240,8 @@ export default {
 .refresh-btn{
   display: flex;
   justify-content: right;
-  padding-right:39px;
+  padding-right:40px;
+  width: 100%;
 }
 ::v-deep .head-container .filter-item .el-input__inner{
   height: 36px;

src/views/archivesManage/outInStorage/outInHistory/index.vue

@@ -1,15 +1,127 @@
 <template>
-  <div style="color:#fff">
-    记录
+  <div>
+    <head-slot>
+      <crudOperation />
+      <el-select v-model="stateVal" class="filter-item" style="width: 100px; height: 30px;margin:0 0 0 10px">
+        <el-option v-for="item in StateOptions" :key="item.value" :label="item.label" :value="item.value" />
+      </el-select>
+      <el-input
+        v-model="keyWord"
+        size="small"
+        clearable
+        placeholder="请输入关键词"
+        style="width: 300px;margin-right:10px;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 />
   </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'
+import crudOperation from '@crud/CRUD.operation'
+
 export default {
+  name: 'OutInHistory',
+  components: { headSlot, rrOperation, pagination, crudOperation },
+  mixins: [presenter(), crud()],
+  cruds() {
+    return CRUD({
+      url: 'api/case/initCaseList',
+      // crudMethod: caseCrudMethod,
+      title: '档案盒',
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: true
+      }
+    })
+  },
+  data() {
+    return {
+      msgVisible: false,
+      keyWord: '',
+      selections: [],
+      optionVal: '档号',
+      options: [
+        { value: '选项5', label: '档号' },
+        { value: '选项6', label: '题名' },
+        { value: '选项7', label: '部门' },
+        { value: '选项8', label: '盒名称' },
+        { value: '选项1', label: '归档年度' },
+        { value: '选项2', label: '门类名称' }
+      ],
+      stateVal: '全部',
+      StateOptions: [
+        { value: '选项5', label: '全部' },
+        { value: '选项6', label: '出库' },
+        { value: '选项7', 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, '-----')
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
-
+@import "~@/assets/styles/archives-manage.scss";
+@import '~@/assets/styles/lend-manage.scss';
+.setting-dialog{
+  color: #fff;
+}
 </style>

src/views/archivesManage/outInStorage/outStorage/index.vue

@@ -8,7 +8,7 @@
         size="small"
         clearable
         placeholder="请输入关键词"
-        style="width: 300px;margin-left:0;padding-left:10px"
+        style="width: 300px;margin-right:10px;padding-left:10px"
         class="input-prepend filter-item"
         @keyup.enter.native="crud.toQuery"
       >