档案盘点 页面样式

src/views/archivesManage/archivesCheck/index.vue

@@ -6,7 +6,29 @@
       <eHeader :dict="dict" :permission="permission" />
       <crudOperation :permission="permission" />
     </div>
-    档案盘点-------crud测试
+    <!--表格渲染-->
+    <el-table
+      ref="fieldTable"
+      style="min-width: 100%"
+      height="calc(100vh - 367px)"
+      @selection-change="selectionChangeHandler"
+      @row-click="clickRowHandler"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index" label="序号" width="55" />
+      <el-table-column prop="fieldCnName" label="盘点单号" min-width="140" />
+      <el-table-column prop="fieldName" label="包含位置" min-width="140" />
+      <el-table-column label="盘点状态" min-width="85" />
+      <el-table-column prop="isColumnLength" label="在库档案" min-width="85" />
+      <el-table-column prop="isColumnLength" label="已盘档案" min-width="85" />
+      <el-table-column prop="isColumnLength" label="未盘档案" min-width="85" />
+      <el-table-column prop="isColumnLength" label="已借档案" min-width="85" />
+      <el-table-column prop="isColumnLength" label="错位档案" min-width="85" />
+      <el-table-column prop="isColumnLength" label="创建时间" min-width="85" />
+
+    </el-table>
+    <!--分页组件-->
+    <pagination />
   </div>
 </template>
 
@@ -15,16 +37,24 @@ import eHeader from './module/header'
 import CRUD, { presenter } from '@crud/crud'
 import crudJob from '@/api/system/job'
 import crudOperation from '@crud/CRUD.operation'
+import pagination from '@crud/Pagination'
 
 export default {
   name: 'Job',
-  components: { eHeader, crudOperation },
+  components: { eHeader, crudOperation, pagination },
   cruds() {
     return CRUD({
       title: '岗位',
-      url: 'api/job',
+      //   url: 'api/job',
       sort: ['jobSort,asc', 'id,desc'],
-      crudMethod: { ...crudJob }
+      crudMethod: { ...crudJob },
+      optShow: {
+        add: true,
+        edit: false,
+        del: true,
+        download: false,
+        group: false
+      }
     })
   },
   mixins: [presenter()],
@@ -43,7 +73,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.app-container {
+.head-container {
   color: #fff;
+  //   display: flex;
+  //   align-items: center;
+}
+.crud-opts {
+  // display: inline-block;
 }
 </style>

src/views/archivesManage/archivesCheck/module/header.vue

@@ -4,11 +4,6 @@
     class="head-search"
   >
     <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" />
-    <date-range-picker v-model="query.createTime" class="date-item" />
-    <el-select v-model="query.enabled" clearable size="small" placeholder="状态" class="filter-item" style="width: 100px" @change="crud.toQuery">
-      <i slot="prefix" class="iconfont icon-zhuangtai-fanbai" />
-      <el-option v-for="item in dict.dict.job_status" :key="item.value" :label="item.label" :value="item.value" />
-    </el-select>
     <rrOperation />
   </div>
 </template>
@@ -16,9 +11,8 @@
 <script>
 import { header } from '@crud/crud'
 import rrOperation from '@crud/RR.operation'
-import DateRangePicker from '@/components/DateRangePicker'
 export default {
-  components: { rrOperation, DateRangePicker },
+  components: { rrOperation },
   mixins: [header()],
   props: {
     dict: {