liu_li
/
yxk-storeroom-system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

借阅管理/档案盘点 需求二次更改

master
x_ying 3 years ago
parent
fb1ce4465a
commit
efc3b462fc
13 changed files with 825 additions and 159 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      src/views/archivesManage/archivesCheck/data1.json
  2. 59
      src/views/archivesManage/archivesCheck/index.vue
  3. 86
      src/views/archivesManage/archivesCheck/module/checkDetail.vue
  4. 29
      src/views/archivesManage/lendManage/borrowerManage/index.vue
  5. 247
      src/views/archivesManage/lendManage/data2.json
  6. 247
      src/views/archivesManage/lendManage/data3.json
  7. 78
      src/views/archivesManage/lendManage/lendConfirm/index.vue
  8. 42
      src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
  9. 59
      src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue
  10. 42
      src/views/archivesManage/lendManage/lendQuery/index.vue
  11. 29
      src/views/archivesManage/lendManage/returnArchives/index.vue
  12. 54
      src/views/archivesManage/lendManage/toLend/index.vue
  13. 4
      src/views/archivesManage/lendManage/toLend/module/archiveDetail.vue

8
src/views/archivesManage/archivesCheck/data1.json
View File

@ -51,7 +51,7 @@
},
{
"id":"6e604355ff1e47e8b48117dca36420c7",
"isCheckNum":"PD-202205250840",
"isCheckNum":"PD-202205250841",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"执行中",
"isStoreNum":"233",
@ -63,7 +63,7 @@
},
{
"id":"6f4a6631d9d3424b960793704f3757b3",
"isCheckNum":"PD-202205250840",
"isCheckNum":"PD-202205250841",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"执行中",
"isStoreNum":"233",
@ -75,7 +75,7 @@
},
{
"id":"76e29d5c0a0541bfb1ee9da432183b15",
"isCheckNum":"PD-202205250840",
"isCheckNum":"PD-202205250842",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"已执行",
"isStoreNum":"233",
@ -87,7 +87,7 @@
},
{
"id":"a0ffdd94161146c49161662c3f9a70cd",
"isCheckNum":"PD-202205250840",
"isCheckNum":"PD-202205250842",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"已执行",
"isStoreNum":"233",

59
src/views/archivesManage/archivesCheck/index.vue
View File

@ -45,28 +45,29 @@
height="calc(100vh - 315px)"
@selection-change="selectionChangeHandler"
@row-click="clickRowHandler"
@row-dblclick="handleDbClick"
>
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="isCheckNum" label="盘点单号" min-width="100" />
<el-table-column prop="isContainPath" label="包含位置" min-width="140" />
<el-table-column prop="isCheckState" label="盘点状态" min-width="60">
<el-table-column type="index" align="center" label="序号" width="55" />
<el-table-column prop="isCheckNum" align="center" label="盘点单号" min-width="100" />
<el-table-column prop="isContainPath" align="center" label="包含位置" min-width="140" />
<el-table-column prop="isCheckState" align="center" label="盘点状态" min-width="60">
<template slot-scope="scope">
<!-- 已执行 / 待执行/执行中 -->
<span class="clear">{{ scope.row.isCheckState }}</span>
</template>
</el-table-column>
<el-table-column prop="isStoreNum" label="在库档案" min-width="60" />
<el-table-column prop="isCheckedNum" label="已盘档案" min-width="60" />
<el-table-column prop="isNoCheckNum" label="未盘档案" min-width="60" />
<el-table-column prop="isLendNum" label="已借档案" min-width="60" />
<el-table-column prop="isMisplaceNum" label="错位档案" min-width="60" />
<el-table-column prop="isBuildTime" label="创建时间" min-width="100" />
<el-table-column prop="" label="操作" min-width="60">
<el-table-column prop="isStoreNum" align="center" label="在库档案" min-width="60" />
<el-table-column prop="isCheckedNum" align="center" label="已盘档案" min-width="60" />
<el-table-column prop="isNoCheckNum" align="center" label="未盘档案" min-width="60" />
<el-table-column prop="isLendNum" align="center" label="已借档案" min-width="60" />
<el-table-column prop="isMisplaceNum" align="center" label="错位档案" min-width="60" />
<el-table-column prop="isBuildTime" align="center" label="创建时间" min-width="100" />
<!-- <el-table-column prop="" align="center" label="操作" min-width="60">
<template slot-scope="scope">
<el-button size="mini" style="width:80px;height:26px;background:#3A99FD;padding:5px 10px" @click="handleDetail(scope.$index, scope.row)">盘点详情</el-button>
</template>
</el-table-column>
</el-table-column> -->
</el-table>
<!-- 删除模态框 -->
<el-dialog title="确认删除" :visible.sync="deleteVisible" :before-close="handleClose">
@ -84,6 +85,8 @@
</el-dialog>
<!-- 新增模态框 -->
<addCheck ref="addCheckDom" />
<!-- 盘点详情 -->
<checkDetail ref="checkDetailDom" />
<!--分页组件-->
<pagination />
</div>
@ -91,19 +94,27 @@
<script>
import rrOperation from '@crud/RR.operation'
import CRUD, { presenter } from '@crud/crud'
import CRUD, { presenter, header } from '@crud/crud'
// import crudJob from '@/api/system/job'
// import crudOperation from '@crud/CRUD.operation'
import pagination from '@crud/Pagination'
import { header } from '@crud/crud'
import data1 from './data1.json'
import addCheck from './module/addCheck.vue'
import checkDetail from './module/checkDetail.vue'
export default {
components: { pagination, rrOperation, addCheck },
components: { pagination, rrOperation, addCheck, checkDetail },
mixins: [header(), presenter()],
cruds() {
return CRUD({
title: '档案盘点'
title: '档案盘点',
optShow: {
// add: false,
// edit: false,
// del: false,
// download: true,
// group: false
}
})
},
dicts: ['job_status'],
@ -151,6 +162,22 @@ export default {
},
clickRowHandler(row) {
this.$refs.table.toggleRowSelection(row)
},
handleDbClick(row) {
this.$refs.table.clearSelection()
const checkDetailDom = this.$refs.checkDetailDom
checkDetailDom.detailVisible = true
checkDetailDom.rowData = row
const arr = data1.rows.filter(item => item.isCheckNum === row.isCheckNum)
checkDetailDom.tableData = arr
// 状态类名
if (row.isCheckState === '已执行') {
checkDetailDom.classLend = 'have-clear'
} else if (row.isCheckState === '待执行') {
checkDetailDom.classLend = 'fail-clear'
} else if (row.isCheckState === '执行中') {
checkDetailDom.classLend = 'no-clear'
}
}
}

86
src/views/archivesManage/archivesCheck/module/checkDetail.vue
View File

@ -1,15 +1,97 @@
<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="one"><span class="color-blue">盘点单号:</span><span class="color-white">{{ rowData.isCheckNum }}</span></p>
<p :class="classLend" class="two"><span class="color-blue">盘点状态:</span><span class="color-white clear" style="padding:0;margin-left:20px">{{ rowData.isCheckState }}</span></p>
<p class="tree"><span class="color-blue">已盘档案:</span><span class="color-white">{{ rowData.isCheckedNum }}</span></p>
<p class="four"><span class="color-blue">已借档案:</span><span class="color-white">{{ rowData.isLendNum }}</span></p>
</div>
<div class="dpflex">
<p class="one"><span class="color-blue">所在区域:</span><span class="color-white">{{ rowData.isContainPath }}</span></p>
<p class="two"><span class="color-blue">在库档案:</span><span class="color-white">{{ rowData.isStoreNum }}</span></p>
<p class="tree"><span class="color-blue">未盘档案:</span><span class="color-white">{{ rowData.isNoCheckNum }}</span></p>
<p class="four"><span class="color-blue">错位档案:</span><span class="color-white">{{ rowData.isMisplaceNum }}</span></p>
</div>
<p style="margin-left: 30px;"><span class="color-blue">创建时间:</span><span class="color-white">{{ rowData.isBuildTime }}</span></p>
<el-table :data="tableData" style="margin-top:15px;width:100%;height:290px">
<el-table-column type="index" label="序号" align="center" width="90" />
<el-table-column prop="" align="center" label="盘点结果" width="90" />
<el-table-column prop="" align="center" label="子条数目" width="90" />
<el-table-column prop="" align="center" label="门类级别" width="90" />
<el-table-column prop="" align="center" label="全宗号" width="90" />
<el-table-column prop="" align="center" label="档号" width="180" />
<el-table-column prop="" align="center" label="归档年度" width="90" />
<el-table-column prop="" align="center" label="题名" width="180" />
<el-table-column prop="" align="center" label="保密程度" width="90" />
<el-table-column prop="" align="center" label="部门名称" width="90" />
<el-table-column prop="" align="center" label="盒名称" width="90" />
<el-table-column prop="isContainPath" align="center" label="所在位置" width="220" />
<el-table-column prop="isBuildTime" align="center" label="创建时间" width="150" />
</el-table>
</div></el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
detailVisible: false,
tableData: [],
rowData: {},
classLend: ''
}
}
}
</script>
<style lang="scss" scoped>
@import '~@/assets/styles/lend-manage.scss';
::v-deep .el-dialog__body{
padding: 10px 40px 80px 0;
}
::v-deep .el-dialog{
width: 950px;
height: 520px;
}
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
position: absolute;
right: -280px;
}
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;
.one{
width: 320px;
margin-left: 30px;
}
.two{
flex:1;
}
.tree{
flex: 1;
}
.four{
flex: 1;
}
}
</style>

29
src/views/archivesManage/lendManage/borrowerManage/index.vue
View File

@ -3,7 +3,7 @@
<head-slot>
<!-- <crudOperation :permission="permission" /> -->
<el-button icon="el-icon-plus" size="mini" @click="addFormVisible = true">新增</el-button>
<el-button icon="el-icon-edit" size="mini" :disabled="selections.length ? false : true " @click="handelEdit">修改</el-button>
<el-button icon="el-icon-edit" size="mini" :disabled="selections.length===1 ? false : true " @click="handelEdit">修改</el-button>
<el-button icon="el-icon-delete" size="mini" :disabled="selections.length ? false : true " @click="deleteVisible = true">删除</el-button>
<!-- 搜索 -->
@ -28,14 +28,14 @@
@selection-change="selectionChangeHandler"
@row-click="clickRowHandler"
>
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="100" />
<el-table-column prop="borrowerName" label="借阅人" min-width="85" />
<el-table-column prop="borrowerDepartment" label="所属部门" min-width="85" />
<el-table-column prop="borrowerIdType" label="证件类型" min-width="85" />
<el-table-column prop="borrowerIdNum" label="证件号码" min-width="140" />
<el-table-column prop="borrowerTel" label="电话号码" min-width="120" />
<el-table-column prop="isOperationTime" label="操作时间" min-width="140" />
<el-table-column type="selection" align="center" width="55" />
<el-table-column type="index" align="center" label="序号" width="100" />
<el-table-column prop="borrowerName" align="center" label="借阅人" min-width="85" />
<el-table-column prop="borrowerDepartment" align="center" label="所属部门" min-width="85" />
<el-table-column prop="borrowerIdType" align="center" label="证件类型" min-width="85" />
<el-table-column prop="borrowerIdNum" align="center" label="证件号码" min-width="140" />
<el-table-column prop="borrowerTel" align="center" label="电话号码" min-width="120" />
<el-table-column prop="isOperationTime" align="center" label="操作时间" min-width="140" />
</el-table>
<!-- 借阅者增加模态框 -->
@ -264,15 +264,8 @@ export default {
this.deleteVisible = false
},
handelEdit() {
if (this.selections.length === 1) {
this.borrowerForm = this.selections[0]
this.editFormVisible = true
} else {
this.$message({
message: '只可以选中1条数据进行修改',
type: 'warning'
})
}
this.borrowerForm = this.selections[0]
this.editFormVisible = true
}
}
}

247
src/views/archivesManage/lendManage/data2.json
View File

@ -0,0 +1,247 @@
{
"total":12,
"rows":[
{
"id":"29f16d62bc7242d5ba8dc84de5451f93",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-26 14:02",
"borrowerName":"李四",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"已解除",
"isDocNum":"JY202205050001",
"isArchiveNum":"1",
"isHandler":"管理员"
},
{
"id":"3d6d548d30db426ea3d95d63f589b294",
"isCategoryName":"文书档案-卷案级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"已解除",
"isDocNum":"JY202205050002",
"isHandler":"管理员"
},
{
"id":"45ff597e7cc64d11803ac422816b1e23",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-27 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"未解除",
"isDocNum":"JY202205050003",
"isArchiveNum":"1",
"isHandler":"管理员"
},
{
"id":"49106aa0d1534a7a900843d0c4531840",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-28 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"未解除",
"isDocNum":"JY202205050004",
"isArchiveNum":"1",
"isHandler":"管理员"
},
{
"id":"6e604355ff1e47e8b48117dca36420c7",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"解除失败",
"isDocNum":"JY202205050005",
"isArchiveNum":"1"
},
{
"id":"6f4a6631d9d3424b960793704f3757b3",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"解除失败",
"isDocNum":"JY202205050006",
"isArchiveNum":"1"
},
{
"id":"76e29d5c0a0541bfb1ee9da432183b15",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isDocNum":"JY202205050007"
},
{
"id":"a0ffdd94161146c49161662c3f9a70cd",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-07-25 14:02",
"borrowerName":"王五",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isDocNum":"JY202205050008"
},
{
"id":"a79e0d67165a4b08b089b309dd947908",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085"
},
{
"id":"ca9b850145b74eeda3c22a997696c979",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085"
},
{
"id":"dff5529c0d0f45b2b19f2adec7ca0102",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085"
},
{
"id":"f3f6ff94c26a4a54967de9cfc56a3b01",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待登记",
"isOperationTime":"2022-06-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085"
}
],
"footer":null,
"postparam":null
}

247
src/views/archivesManage/lendManage/data3.json
View File

@ -0,0 +1,247 @@
{
"total":12,
"rows":[
{
"id":"29f16d62bc7242d5ba8dc84de5451f93",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"逾期",
"isOperationTime":"2022-05-26 14:02",
"borrowerName":"李四",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"已解除",
"isDocNum":"JY202205050001",
"isArchiveNum":"1",
"isHandler":"管理员"
},
{
"id":"3d6d548d30db426ea3d95d63f589b294",
"isCategoryName":"文书档案-卷案级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"逾期",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"已解除",
"isDocNum":"JY202205050002",
"isHandler":"管理员"
},
{
"id":"45ff597e7cc64d11803ac422816b1e23",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"逾期",
"isOperationTime":"2022-05-27 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"未解除",
"isDocNum":"JY202205050003",
"isArchiveNum":"1",
"isHandler":"管理员"
},
{
"id":"49106aa0d1534a7a900843d0c4531840",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"逾期",
"isOperationTime":"2022-05-28 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"未解除",
"isDocNum":"JY202205050004",
"isArchiveNum":"1",
"isHandler":"管理员"
},
{
"id":"6e604355ff1e47e8b48117dca36420c7",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待还",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"解除失败",
"isDocNum":"JY202205050005",
"isArchiveNum":"1"
},
{
"id":"6f4a6631d9d3424b960793704f3757b3",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"逾期",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isWarnState":"解除失败",
"isDocNum":"JY202205050006",
"isArchiveNum":"1"
},
{
"id":"76e29d5c0a0541bfb1ee9da432183b15",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"逾期",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isDocNum":"JY202205050007"
},
{
"id":"a0ffdd94161146c49161662c3f9a70cd",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待还",
"isOperationTime":"2022-07-25 14:02",
"borrowerName":"王五",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"isDocNum":"JY202205050008"
},
{
"id":"a79e0d67165a4b08b089b309dd947908",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待还",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085"
},
{
"id":"ca9b850145b74eeda3c22a997696c979",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待还",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085"
},
{
"id":"dff5529c0d0f45b2b19f2adec7ca0102",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待还",
"isOperationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085"
},
{
"id":"f3f6ff94c26a4a54967de9cfc56a3b01",
"isCategoryName":"文书档案-文件级",
"fieldCnName":"盒号",
"isArchivesID":"FTZN-2022-BGS-D30-0001",
"isTitleName":"这是一份文件的标题标题...",
"isFieldName":"文书-文件-2022",
"isStoragePath":"库房A-库区A-01列-1节1层-左",
"isLendStatus":"待还",
"isOperationTime":"2022-06-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
"borrowGoal":"工作考察",
"borrowerDepartment":"办公室",
"borrowerIdType":"身份证",
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085"
}
],
"footer":null,
"postparam":null
}

78
src/views/archivesManage/lendManage/lendConfirm/index.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="lend-confirm">
<headSlot>
<el-button icon="el-icon-plus" size="mini" :disabled="selections.length ? false : true " @click="lendFormVisible = true">借出</el-button>
<el-button icon="el-icon-plus" size="mini" :disabled="selections.length ? false : true " @click="handleLendBtn">借出</el-button>
<el-button icon="el-icon-edit" size="mini" @click="handelReRecord">重新登记</el-button>
<el-button icon="el-icon-minus" size="mini" :disabled="selections.length ? false : true " @click="handleRemove">移出</el-button>
<crudOperation style="margin-left:10px" />
@ -19,44 +19,26 @@
@row-dblclick="handleDbClick"
>
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="isDocNum" label="单据号" min-width="85" />
<el-table-column prop="isArchiveNum" label="数量" min-width="50" />
<el-table-column prop="borrowerName" label="借阅人" min-width="60" />
<el-table-column prop="borrowerDepartment" label="所属部门" min-width="85" />
<el-table-column prop="borrowerIdType" label="证件类型" min-width="85" />
<el-table-column prop="borrowerIdNum" label="证件号码" min-width="100" />
<el-table-column prop="borrowerTel" label="电话号码" min-width="85" />
<el-table-column prop="borrowDays" label="借阅时间" :show-overflow-tooltip="true" min-width="120" />
<el-table-column prop="borrowGoal" label="借阅目的" min-width="60" />
<el-table-column prop="isLendStatus" label="借阅状态" min-width="60">
<el-table-column type="index" label="序号" align="center" width="55" />
<el-table-column prop="isDocNum" align="center" label="单据号" min-width="85" />
<el-table-column prop="isArchiveNum" align="center" label="数量" min-width="50" />
<el-table-column prop="borrowerName" align="center" label="借阅人" min-width="60" />
<el-table-column prop="borrowerDepartment" align="center" label="所属部门" min-width="85" />
<el-table-column prop="borrowerIdType" align="center" label="证件类型" min-width="85" />
<el-table-column prop="borrowerIdNum" align="center" label="证件号码" min-width="120" />
<el-table-column prop="borrowerTel" align="center" label="电话号码" min-width="85" />
<el-table-column prop="borrowDays" align="center" label="借阅时间" min-width="150" />
<el-table-column prop="borrowGoal" align="center" label="借阅目的" min-width="70" />
<el-table-column prop="isLendStatus" align="center" label="借阅状态" min-width="70">
<template slot-scope="scope">
<!-- 已借 / 待借 -->
<span class="cell-lend">{{ scope.row.isLendStatus }}</span>
</template>
</el-table-column>
<el-table-column sortable prop="isOperationTime" label="操作时间" min-width="85" />
<el-table-column sortable prop="isOperationTime" align="center" label="操作时间" min-width="120" />
</el-table>
<!--借出弹框-->
<el-dialog ref="dialogTable" title="借出" :visible.sync="lendFormVisible">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<el-table :data="selections" :cell-class-name="cellWarn">
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="isCategoryName" label="所属门类" />
<el-table-column prop="isArchivesID" label="档号" min-width="140" />
<el-table-column prop="isTitleName" label="题名" min-width="140" />
<el-table-column prop="isWarnState" label="状态" min-width="85">
<template slot-scope="scope">
<!-- 已解除 / 未解除/解除失败 -->
<span class="clear">{{ scope.row.isWarnState }}</span>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button disabled>解除警报</el-button>
</div>
</el-dialog>
<lendDialog ref="lendDialogDom" />
<!-- 移出确认弹框 -->
<delConfirm ref="delConfirmDom" :list-name="listName" />
<!-- 档案详情 -->
@ -73,10 +55,10 @@ import CRUD, { presenter } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
import delConfirm from '../components/delConfirm.vue'
import archiveDetail from './module/archiveDetail.vue'
import lendDialog from './module/lendDialog.vue'
import data1 from '../data1.json'
export default {
components: { headSlot, pagination, crudOperation, archiveDetail, delConfirm },
components: { headSlot, pagination, crudOperation, archiveDetail, delConfirm, lendDialog },
mixins: [presenter()],
cruds() {
return CRUD({
@ -96,7 +78,6 @@ export default {
return {
tableData: [],
selections: [],
lendFormVisible: false,
lendForm: {},
listName: '借出确认'
}
@ -113,9 +94,21 @@ export default {
},
// 档案详情
handleDbClick(row) {
this.$refs.archiveDetailDom.detailVisible = true
this.$refs.table.clearSelection()
const archiveDetailDom = this.$refs.archiveDetailDom
archiveDetailDom.detailVisible = true
const arr = data1.rows.filter(item => item.isDocNum === row.isDocNum)
this.$refs.archiveDetailDom.rowData = arr
archiveDetailDom.rowData = arr
console.log(arr[0])
// 借阅状态样式类名
if (arr[0].isLendStatus === '已借') {
archiveDetailDom.classLend = 'have-lend'
} else if (arr[0].isLendStatus === '待借') {
archiveDetailDom.classLend = 'no-lend'
} else {
archiveDetailDom.classLend = 'other-lend'
}
console.log(archiveDetailDom.classLend)
},
clickRowHandler(row) {
this.$refs.table.toggleRowSelection(row)
@ -138,14 +131,9 @@ export default {
return 'other-lend'
}
},
cellWarn({ row, columnIndex }) {
if (row.isWarnState === '已解除' && columnIndex === 4) {
return 'no-clear'
} else if (row.isWarnState === '未解除' && columnIndex === 4) {
return 'have-clear'
} else if (row.isWarnState === '解除失败' && columnIndex === 4) {
return 'fail-clear'
}
handleLendBtn() {
this.$refs.lendDialogDom.table = this.selections
this.$refs.lendDialogDom.lendFormVisible = true
}
}
}

42
src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
View File

@ -4,31 +4,24 @@
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<!-- <p><span class="color-blue">所属门类:</span><span class="color-white">{{ rowData.isCategoryName }}</span></p>
<p><span class="color-blue">档号:</span><span class="color-white">{{ rowData.isArchivesID }}</span></p>
<p><span class="color-blue">题名:</span><span class="color-white">{{ rowData.isTitleName }}</span></p>
<p><span class="color-blue">盒名称:</span><span class="color-white">{{ rowData.isFieldName }}</span></p>
<p><span class="color-blue">存放位置:</span><span class="color-white">{{ rowData.isStoragePath }}</span></p> -->
<div class="dpflex">
<p class="left"><span class="color-blue">借阅人:</span><span class="color-white">{{ rowData[0].borrowerName }}</span></p>
<p class="right"><span class="color-blue">所属部门:</span><span class="color-white">{{ rowData[0].borrowerDepartment }}</span></p>
<p class="center"><span class="color-blue">所属部门:</span><span class="color-white">{{ rowData[0].borrowerDepartment }}</span></p>
<p :class="classLend" class="right"><span class="color-blue">借阅状态:</span><span class="color-white cell-lend">{{ rowData[0].isLendStatus }}</span></p>
</div>
<div class="dpflex">
<p class="left"><span class="color-blue">证件类型:</span><span class="color-white">{{ rowData[0].borrowerIdType }}</span></p>
<p class="right"><span class="color-blue">证件号码:</span><span class="color-white">{{ rowData[0].borrowerIdNum }}</span></p>
</div>
<div class="dpflex">
<p class="left"><span class="color-blue">电话号码:</span><span class="color-white">{{ rowData[0].borrowerTel }}</span></p>
<p class="right"><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData[0].borrowDays }}</span></p>
<p class="center"><span class="color-blue">证件号码:</span><span class="color-white">{{ rowData[0].borrowerIdNum }}</span></p>
<p class="right"><span class="color-blue">电话号码:</span><span class="color-white">{{ rowData[0].borrowerTel }}</span></p>
</div>
<div class="dpflex">
<p class="left"><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData[0].borrowGoal }}</span></p>
<p class="right"><span class="color-blue">借阅状态:</span><span class="color-white">{{ rowData[0].isLendStatus }}</span></p>
<p class="center"><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData[0].borrowDays }}</span></p>
<p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData[0].isOperationTime }}</span></p>
</div>
<p><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData[0].isOperationTime }}</span></p>
</div>
<el-table :data="rowData">
<el-table-column type="index" label="序号" width="55" />
<el-table :data="rowData" style="margin-top:15px">
<el-table-column type="index" label="序号" align="center" width="55" />
<el-table-column prop="isCategoryName" label="所属门类" min-width="100" />
<el-table-column prop="isTitleName" label="题名" min-width="140" />
<el-table-column prop="isArchivesID" label="档号" min-width="130" />
@ -44,19 +37,25 @@ export default {
data() {
return {
detailVisible: false,
rowData: []
rowData: [],
classLend: ''
}
}
}
</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: -280px;
}
p{
display: flex;
height: 40px;
@ -75,10 +74,17 @@ p{
.dpflex{
display: flex;
.left{
width: 300px;
flex: 1;
}
.center{
flex:1;
}
.right{
width: 300px;
flex: 1;
.cell-lend{
margin-left: 20px;
}
}
}
</style>

59
src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue
View File

@ -0,0 +1,59 @@
<template>
<div>
<el-dialog ref="dialogTable" title="借出" :visible.sync="lendFormVisible">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<p style="color:#fff;margin:0 0 20px 20px">以下档案需要先解除电子标签警报</p>
<el-table :data="table" :cell-class-name="cellWarn" height="325px">
<el-table-column type="index" label="序号" width="80" />
<el-table-column prop="isCategoryName" label="所属门类" />
<el-table-column prop="isArchivesID" label="档号" min-width="140" />
<el-table-column prop="isTitleName" label="题名" min-width="140" />
<el-table-column prop="isWarnState" label="状态" min-width="85">
<template slot-scope="scope">
<!-- 已解除 / 未解除/解除失败 -->
<span class="clear">{{ scope.row.isWarnState }}</span>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button disabled>解除警报</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
lendFormVisible: false,
table: []
}
},
methods: {
cellWarn({ row, columnIndex }) {
if (row.isWarnState === '已解除' && columnIndex === 4) {
return 'no-clear'
} else if (row.isWarnState === '未解除' && columnIndex === 4) {
return 'have-clear'
} else if (row.isWarnState === '解除失败' && columnIndex === 4) {
return 'fail-clear'
}
}
}
}
</script>
<style lang="scss" scoped>
@import '~@/assets/styles/lend-manage.scss';
::v-deep .el-dialog{
width: 950px;
height: 520px;
}
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
position: absolute;
right: -154px;
}
</style>

42
src/views/archivesManage/lendManage/lendQuery/index.vue
View File

@ -42,7 +42,7 @@
<!--表格渲染-->
<el-table
ref="table"
style="min-width: 100%"
style="width: 100%"
height="calc(100vh - 355px)"
:data="tableData"
:cell-class-name="cell"
@ -51,22 +51,22 @@
@row-dblclick="handleDbClick"
>
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="isLendStatus" label="借阅状态" min-width="60">
<el-table-column type="index" label="序号" align="center" width="55" />
<el-table-column prop="isLendStatus" align="center" label="借阅状态" width="100">
<template slot-scope="scope">
<!-- 已借 / 待借 -->
<span class="cell-lend">{{ scope.row.isLendStatus }}</span>
</template>
</el-table-column>
<el-table-column prop="isFieldName" label="所属门类" min-width="85" />
<el-table-column prop="isArchivesID" label="档号" min-width="130" />
<el-table-column prop="isTitleName" label="题名" min-width="130" />
<el-table-column prop="isFieldName" label="盒名称" min-width="85" />
<el-table-column prop="isStoragePath" label="存放位置" min-width="130" />
<el-table-column prop="borrowerName" label="借阅人" min-width="60" />
<el-table-column prop="borrowDays" label="借阅时间" min-width="130" />
<el-table-column prop="borrowGoal" label="借阅目的" min-width="85" />
<el-table-column v-if="false" sortable prop="isOperationTime" label="操作时间" min-width="85" />
<el-table-column prop="isFieldName" align="center" label="所属门类" width="150" />
<el-table-column prop="isArchivesID" align="center" label="档号" width="200" />
<el-table-column prop="isTitleName" align="center" label="题名" width="200" />
<el-table-column prop="isFieldName" align="center" label="盒名称" width="150" />
<el-table-column prop="isStoragePath" align="center" label="存放位置" width="250" />
<el-table-column prop="borrowerName" align="center" label="借阅人" width="90" />
<el-table-column prop="borrowDays" align="center" label="借阅时间" width="180" />
<el-table-column prop="borrowGoal" align="center" label="借阅目的" width="90" />
<el-table-column align="center" sortable prop="isOperationTime" label="操作时间" width="200" />
</el-table>
<!-- 档案详情 -->
<archiveDetail ref="archiveDetailDom" />
@ -81,7 +81,7 @@ import CRUD, { presenter } from '@crud/crud'
import pagination from '@crud/Pagination'
import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import data1 from '../data1.json'
import data3 from '../data3.json'
import archiveDetail from './module/archiveDetail.vue'
export default {
components: { headSlot, pagination, rrOperation, crudOperation, archiveDetail },
@ -130,7 +130,7 @@ export default {
},
methods: {
getData() {
this.tableData = data1.rows
this.tableData = data3.rows
},
selectionChangeHandler() {
console.log('selectionChangeHandler')
@ -139,18 +139,17 @@ export default {
this.$refs.table.toggleRowSelection(row)
},
cell({ row, columnIndex }) {
if (row.isLendStatus === '待借' && columnIndex === 2) {
if (row.isLendStatus === '逾期' && columnIndex === 2) {
return 'no-lend'
} else if (row.isLendStatus === '已借' && columnIndex === 2) {
} else if (row.isLendStatus === '待还' && columnIndex === 2) {
return 'have-lend'
} else if (row.isLendStatus === '' && columnIndex === 2) {
return 'other-lend'
}
},
// 档案详情
handleDbClick(row) {
this.$refs.table.clearSelection()
this.$refs.archiveDetailDom.detailVisible = true
const arr = data1.rows.filter(item => item.isDocNum === row.isDocNum)
const arr = data3.rows.filter(item => item.isDocNum === row.isDocNum)
this.$refs.archiveDetailDom.rowData = arr
}
}
@ -167,7 +166,7 @@ export default {
border: 1px solid #339cff;
.el-select {
background-color: #021941;
color: #fff;
color: #339CFF;
}
.el-input__inner {
background-color: #021941;
@ -180,4 +179,7 @@ export default {
border: none;
}
}
::v-deep .el-icon-arrow-up:before{
color: #339CFF;
}
</style>

29
src/views/archivesManage/lendManage/returnArchives/index.vue
View File

@ -7,7 +7,7 @@
<!--表格渲染-->
<el-table
ref="table"
style="min-width:100%"
style="width:100%"
height="calc(100vh - 355px)"
:data="tableData"
:cell-class-name="cell"
@ -17,24 +17,24 @@
@row-dblclick="handleDbClick"
>
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="isDocNum" :show-overflow-tooltip="true" label="单据号" min-width="100" />
<el-table-column prop="isCategoryName" label="门类名称" min-width="110" />
<el-table-column prop="isArchivesID" :show-overflow-tooltip="true" label="档号" min-width="120" />
<el-table-column prop="isTitleName" :show-overflow-tooltip="true" label="题名" min-width="120" />
<el-table-column prop="isFieldName" label="盒名称" min-width="120" />
<el-table-column prop="isStoragePath" :show-overflow-tooltip="true" label="存放位置" min-width="120" />
<el-table-column prop="borrowerName" label="借阅人" min-width="60" />
<el-table-column prop="borrowDays" :show-overflow-tooltip="true" label="借阅时间" min-width="115" />
<el-table-column prop="borrowGoal" label="借阅目的" min-width="80" />
<el-table-column prop="isLendStatus" label="借阅状态" min-width="80">
<el-table-column type="index" label="序号" align="center" width="55" />
<el-table-column prop="isDocNum" align="center" label="单据号" width="160" />
<el-table-column prop="isCategoryName" align="center" label="门类名称" width="150" />
<el-table-column prop="isArchivesID" align="center" label="档号" width="220" />
<el-table-column prop="isTitleName" align="center" label="题名" width="200" />
<el-table-column prop="isFieldName" align="center" label="盒名称" width="140" />
<el-table-column prop="isStoragePath" align="center" label="存放位置" width="220" />
<el-table-column prop="borrowerName" align="center" label="借阅人" width="100" />
<el-table-column prop="borrowDays" align="center" label="借阅时间" width="180" />
<el-table-column prop="borrowGoal" align="center" label="借阅目的" width="100" />
<el-table-column prop="isLendStatus" align="center" label="借阅状态" width="100">
<template slot-scope="scope">
<!-- 已借 / 待借 -->
<span class="cell-lend">{{ scope.row.isLendStatus }}</span>
</template>
</el-table-column>
<el-table-column prop="isHandler" label="操作人" min-width="60" />
<el-table-column sortable prop="isOperationTime" :show-overflow-tooltip="true" label="操作时间" min-width="100" />
<el-table-column prop="isHandler" align="center" label="操作人" width="100" />
<el-table-column sortable align="center" prop="isOperationTime" label="操作时间" width="180" />
</el-table>
<!-- 归还确认 -->
<el-dialog title="归还确认" :visible.sync="returnVisible" :before-close="handleClose">
@ -130,6 +130,7 @@ export default {
},
// 档案详情
handleDbClick(row) {
this.$refs.table.clearSelection()
this.$refs.archiveDetailDom.detailVisible = true
const arr = data1.rows.filter(item => item.isDocNum === row.isDocNum)
this.$refs.archiveDetailDom.rowData = arr

54
src/views/archivesManage/lendManage/toLend/index.vue
View File

@ -12,26 +12,25 @@
style="min-width: 100%"
height="calc(100vh - 355px)"
:data="tableData"
:cell-class-name="cell"
:default-sort="{ prop: 'isOperationTime', order: 'descending' }"
@selection-change="selectionChangeHandler"
@row-click="clickRowHandler"
@row-dblclick="handleDbClick"
>
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="isCategoryName" label="所属门类" min-width="85" />
<el-table-column prop="isArchivesID" label="档号" :show-overflow-tooltip="true" min-width="120" />
<el-table-column prop="isTitleName" :show-overflow-tooltip="true" label="题名" min-width="120" />
<el-table-column prop="isFieldName" label="盒名称" min-width="85" />
<el-table-column prop="isStoragePath" label="存放位置" :show-overflow-tooltip="true" min-width="120" />
<el-table-column prop="isLendStatus" label="借阅状态" min-width="60">
<el-table-column type="index" label="序号" align="center" width="55" />
<el-table-column prop="isCategoryName" label="所属门类" align="center" min-width="85" />
<el-table-column prop="isArchivesID" label="档号" align="center" min-width="120" />
<el-table-column prop="isTitleName" align="center" label="题名" min-width="120" />
<el-table-column prop="isFieldName" align="center" label="盒名称" min-width="85" />
<el-table-column prop="isStoragePath" align="center" label="存放位置" min-width="120" />
<el-table-column prop="isLendStatus" align="center" label="借阅状态" min-width="60">
<template slot-scope="scope">
<!-- 已借 / 待借 -->
<!-- 待登记 -->
<span class="cell-lend">{{ scope.row.isLendStatus }}</span>
</template>
</el-table-column>
<el-table-column prop="isOperationTime" label="操作时间" min-width="85" />
<el-table-column prop="isOperationTime" align="center" label="操作时间" min-width="85" />
</el-table>
<!-- 借阅登记模态框 -->
<el-dialog
@ -138,7 +137,7 @@ import DateRangePicker from '@/components/DateRangePicker'
import CRUD, { presenter } from '@crud/crud'
import delConfirm from '../components/delConfirm.vue'
import archiveDetail from './module/archiveDetail.vue'
import data1 from '../data1.json'
import data2 from '../data2.json'
export default {
components: { headSlot, DateRangePicker, pagination, delConfirm, archiveDetail },
mixins: [presenter()],
@ -185,7 +184,7 @@ export default {
methods: {
// 获取数据
getData() {
this.tableData = data1.rows
this.tableData = data2.rows
},
handleRecord() {
this.recordFormVisible = true
@ -196,6 +195,7 @@ export default {
},
// 档案详情
handleDbClick(row) {
this.$refs.table.clearSelection()
this.$refs.archiveDetailDom.detailVisible = true
this.$refs.archiveDetailDom.rowData = row
},
@ -207,20 +207,30 @@ export default {
},
handleRecordConfirm() {
this.recordFormVisible = false
},
cell({ row, columnIndex }) {
if (row.isLendStatus === '待借' && columnIndex === 7) {
return 'no-lend'
} else if (row.isLendStatus === '已借' && columnIndex === 7) {
return 'have-lend'
} else if (row.isLendStatus === '' && columnIndex === 7) {
return 'other-lend'
}
}
// cell({ row, columnIndex }) {
// if (row.isLendStatus === '待借' && columnIndex === 7) {
// return 'no-lend'
// } else if (row.isLendStatus === '已借' && columnIndex === 7) {
// return 'have-lend'
// } else if (row.isLendStatus === '' && columnIndex === 7) {
// return 'other-lend'
// }
// }
}
}
</script>
<style lang="scss" scoped>
@import '~@/assets/styles/lend-manage.scss';
// @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 ;
}
</style>

4
src/views/archivesManage/lendManage/toLend/module/archiveDetail.vue
View File

@ -28,6 +28,9 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep .el-dialog{
width: 600px;
}
::v-deep .el-dialog__body{
padding: 60px 0 80px 110px;
}
@ -46,4 +49,5 @@ p{
padding: 0 0 0 20px;
}
}
</style>
Write Preview
Loading…
Cancel
Save