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
3b520efa1a
commit
940cd25b0c
17 changed files with 312 additions and 197 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. 17
      src/assets/styles/lend-manage.scss
  2. 151
      src/views/archivesManage/archivesCheck/data1.json
  3. 40
      src/views/archivesManage/archivesCheck/index.vue
  4. 42
      src/views/archivesManage/archivesCheck/module/checkDetail.vue
  5. 3
      src/views/archivesManage/lendManage/borrowerManage/index.vue
  6. 12
      src/views/archivesManage/lendManage/data1.json
  7. 17
      src/views/archivesManage/lendManage/data3.json
  8. 42
      src/views/archivesManage/lendManage/index.vue
  9. 32
      src/views/archivesManage/lendManage/lendConfirm/index.vue
  10. 6
      src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
  11. 3
      src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue
  12. 13
      src/views/archivesManage/lendManage/lendQuery/index.vue
  13. 2
      src/views/archivesManage/lendManage/lendQuery/module/archiveDetail.vue
  14. 50
      src/views/archivesManage/lendManage/returnArchives/index.vue
  15. 8
      src/views/archivesManage/lendManage/returnArchives/module/archiveDetail.vue
  16. 60
      src/views/archivesManage/lendManage/returnArchives/module/returnDialog.vue
  17. 11
      src/views/archivesManage/lendManage/toLend/index.vue

17
src/assets/styles/lend-manage.scss
View File

@ -1,24 +1,23 @@
.cell-lend{
display: inline-block;
height: 26px;
line-height: 26px;
border-radius: 13px;
text-align: center;
}
.no-lend .cell-lend{
color:#F65163;
border: 1px solid #F65163;
padding: 2px 8px;
border-radius: 11px;
}
.have-lend .cell-lend{
color: #fff;
padding: 2px 8px;
border-radius: 11px;
background-color: #F65163;
}
.other-lend .cell-lend{
color:#F65163;
border: 1px solid #F65163;
padding: 2px 8px;
border-radius: 11px;
position: relative;
display: inline-block;
width: 46px;
height: 22px;
&::after{
content: '';
display: block;

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

@ -3,99 +3,106 @@
"rows":[
{
"id":"29f16d62bc7242d5ba8dc84de5451f93",
"isCheckNum":"PD-202205250840",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"已执行",
"isStoreNum":"233",
"isCheckedNum":"230",
"isNoCheckNum":"3",
"isLendNum":"111",
"isMisplaceNum":"20",
"isBuildTime":"2022-5-25 08:40"
"checkNum":"PD-202205250840",
"containPath":"父区域-子区域，父区域-子区域1",
"checkState":"已执行",
"storeNum":"233",
"CheckedNum":"230",
"noCheckNum":"3",
"haveLendNum":"111",
"misplaceNum":"20",
"CreateTime":"2022-5-25 08:40",
"checkResult":"在库"
},
{
"id":"3d6d548d30db426ea3d95d63f589b294",
"isCheckNum":"PD-202205250840",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"已执行",
"isStoreNum":"233",
"isCheckedNum":"230",
"isNoCheckNum":"3",
"isLendNum":"111",
"isMisplaceNum":"20",
"isBuildTime":"2022-5-25 08:41"
"checkNum":"PD-202205250840",
"containPath":"父区域-子区域，父区域-子区域1",
"checkState":"已执行",
"storeNum":"233",
"CheckedNum":"230",
"noCheckNum":"3",
"haveLendNum":"111",
"misplaceNum":"20",
"CreateTime":"2022-5-25 08:41",
"checkResult":"在库"
},
{
"id":"45ff597e7cc64d11803ac422816b1e23",
"isCheckNum":"PD-202205250840",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"待执行",
"isStoreNum":"233",
"isCheckedNum":"230",
"isNoCheckNum":"3",
"isLendNum":"111",
"isMisplaceNum":"20",
"isBuildTime":"2022-5-25 08:42"
"checkNum":"PD-202205250840",
"containPath":"父区域-子区域，父区域-子区域1",
"checkState":"待执行",
"storeNum":"233",
"CheckedNum":"230",
"noCheckNum":"3",
"haveLendNum":"111",
"misplaceNum":"20",
"CreateTime":"2022-5-25 08:42",
"checkResult":"已借"
},
{
"id":"49106aa0d1534a7a900843d0c4531840",
"isCheckNum":"PD-202205250840",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"待执行",
"isStoreNum":"233",
"isCheckedNum":"230",
"isNoCheckNum":"3",
"isLendNum":"111",
"isMisplaceNum":"20",
"isBuildTime":"2022-5-25 08:50"
"checkNum":"PD-202205250840",
"containPath":"父区域-子区域，父区域-子区域1",
"checkState":"待执行",
"storeNum":"233",
"CheckedNum":"230",
"noCheckNum":"3",
"haveLendNum":"111",
"misplaceNum":"20",
"CreateTime":"2022-5-25 08:50",
"checkResult":"错位"
},
{
"id":"6e604355ff1e47e8b48117dca36420c7",
"isCheckNum":"PD-202205250841",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"执行中",
"isStoreNum":"233",
"isCheckedNum":"230",
"isNoCheckNum":"3",
"isLendNum":"111",
"isMisplaceNum":"20",
"isBuildTime":"2022-5-25 08:40"
"checkNum":"PD-202205250841",
"containPath":"父区域-子区域，父区域-子区域1",
"checkState":"执行中",
"storeNum":"233",
"CheckedNum":"230",
"noCheckNum":"3",
"haveLendNum":"111",
"misplaceNum":"20",
"CreateTime":"2022-5-25 08:40",
"checkResult":"错位"
},
{
"id":"6f4a6631d9d3424b960793704f3757b3",
"isCheckNum":"PD-202205250841",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"执行中",
"isStoreNum":"233",
"isCheckedNum":"230",
"isNoCheckNum":"3",
"isLendNum":"111",
"isMisplaceNum":"20",
"isBuildTime":"2022-5-25 08:40"
"checkNum":"PD-202205250841",
"containPath":"父区域-子区域，父区域-子区域1",
"checkState":"执行中",
"storeNum":"233",
"CheckedNum":"230",
"noCheckNum":"3",
"haveLendNum":"111",
"misplaceNum":"20",
"CreateTime":"2022-5-25 08:40",
"checkResult":"错位"
},
{
"id":"76e29d5c0a0541bfb1ee9da432183b15",
"isCheckNum":"PD-202205250842",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"已执行",
"isStoreNum":"233",
"isCheckedNum":"230",
"isNoCheckNum":"3",
"isLendNum":"111",
"isMisplaceNum":"20",
"isBuildTime":"2022-5-25 08:40"
"checkNum":"PD-202205250842",
"containPath":"父区域-子区域，父区域-子区域1",
"checkState":"已执行",
"storeNum":"233",
"CheckedNum":"230",
"noCheckNum":"3",
"haveLendNum":"111",
"misplaceNum":"20",
"CreateTime":"2022-5-25 08:40"
},
{
"id":"a0ffdd94161146c49161662c3f9a70cd",
"isCheckNum":"PD-202205250842",
"isContainPath":"父区域-子区域，父区域-子区域1",
"isCheckState":"已执行",
"isStoreNum":"233",
"isCheckedNum":"230",
"isNoCheckNum":"3",
"isLendNum":"111",
"isMisplaceNum":"20",
"isBuildTime":"2022-5-25 08:40"
"checkNum":"PD-202205250842",
"containPath":"父区域-子区域，父区域-子区域1",
"checkState":"已执行",
"storeNum":"233",
"CheckedNum":"230",
"noCheckNum":"3",
"haveLendNum":"111",
"misplaceNum":"20",
"CreateTime":"2022-5-25 08:40"
}
],
"footer":null,

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

@ -46,25 +46,20 @@
>
<el-table-column type="selection" width="55" />
<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">
<el-table-column prop="checkNum" align="center" label="盘点单号" min-width="100" />
<el-table-column prop="containPath" align="center" label="包含位置" min-width="140" />
<el-table-column prop="checkState" align="center" label="盘点状态" min-width="60">
<template slot-scope="scope">
<!-- 已执行 / 待执行/执行中 -->
<span class="clear">{{ scope.row.isCheckState }}</span>
<span class="clear">{{ scope.row.checkState }}</span>
</template>
</el-table-column>
<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 prop="storeNum" align="center" label="在库档案" min-width="60" />
<el-table-column prop="CheckedNum" align="center" label="已盘档案" min-width="60" />
<el-table-column prop="noCheckNum" align="center" label="未盘档案" min-width="60" />
<el-table-column prop="haveLendNum" align="center" label="已借档案" min-width="60" />
<el-table-column prop="misplaceNum" align="center" label="错位档案" min-width="60" />
<el-table-column prop="CreateTime" align="center" label="创建时间" min-width="100" />
</el-table>
<!-- 删除模态框 -->
<el-dialog title="确认删除" :visible.sync="deleteVisible" :before-close="handleClose">
@ -100,6 +95,7 @@ import addCheck from './module/addCheck.vue'
import checkDetail from './module/checkDetail.vue'
export default {
name: 'ArchivesCheck',
components: { pagination, rrOperation, addCheck, checkDetail },
mixins: [header(), presenter()],
cruds() {
@ -146,11 +142,11 @@ export default {
console.log('close')
},
cell({ row, columnIndex }) {
if (row.isCheckState === '已执行' && columnIndex === 4) {
if (row.checkState === '已执行' && columnIndex === 4) {
return 'have-clear'
} else if (row.isCheckState === '待执行' && columnIndex === 4) {
} else if (row.checkState === '待执行' && columnIndex === 4) {
return 'fail-clear'
} else if (row.isCheckState === '执行中' && columnIndex === 4) {
} else if (row.checkState === '执行中' && columnIndex === 4) {
return 'no-clear'
}
},
@ -165,14 +161,14 @@ export default {
const checkDetailDom = this.$refs.checkDetailDom
checkDetailDom.detailVisible = true
checkDetailDom.rowData = row
const arr = data1.rows.filter(item => item.isCheckNum === row.isCheckNum)
const arr = data1.rows.filter(item => item.checkNum === row.checkNum)
checkDetailDom.tableData = arr
// 状态类名
if (row.isCheckState === '已执行') {
if (row.checkState === '已执行') {
checkDetailDom.classLend = 'have-clear'
} else if (row.isCheckState === '待执行') {
} else if (row.checkState === '待执行') {
checkDetailDom.classLend = 'fail-clear'
} else if (row.isCheckState === '执行中') {
} else if (row.checkState === '执行中') {
checkDetailDom.classLend = 'no-clear'
}
}

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

@ -5,21 +5,26 @@
<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>
<p class="one"><span class="color-blue">盘点单号:</span><span class="color-white">{{ rowData.checkNum }}</span></p>
<p :class="classLend" class="two"><span class="color-blue">盘点状态:</span><span class="color-white clear" style="padding:0;margin-left:20px">{{ rowData.checkState }}</span></p>
<p class="tree"><span class="color-blue">已盘档案:</span><span class="color-white">{{ rowData.CheckedNum }}</span></p>
<p class="four"><span class="color-blue">已借档案:</span><span class="color-white">{{ rowData.haveLendNum }}</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>
<p class="one"><span class="color-blue">所在区域:</span><span class="color-white">{{ rowData.containPath }}</span></p>
<p class="two"><span class="color-blue">在库档案:</span><span class="color-white">{{ rowData.storeNum }}</span></p>
<p class="tree"><span class="color-blue">未盘档案:</span><span class="color-white">{{ rowData.noCheckNum }}</span></p>
<p class="four"><span class="color-blue">错位档案:</span><span class="color-white">{{ rowData.misplaceNum }}</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">
<p style="margin-left: 30px;"><span class="color-blue">创建时间:</span><span class="color-white">{{ rowData.CreateTime }}</span></p>
<el-table :data="tableData" :cell-class-name="cell" 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="checkResult" align="center" label="盘点结果" width="90">
<template slot-scope="scope">
<!-- 在库/已借/错位 -->
<span class="clear" style="width:56px">{{ scope.row.checkResult }}</span>
</template>
</el-table-column>
<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" />
@ -29,8 +34,8 @@
<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-column prop="containPath" align="center" label="所在位置" width="220" />
<el-table-column prop="CreateTime" align="center" label="创建时间" width="150" />
</el-table>
</div></el-dialog>
</div>
@ -45,6 +50,17 @@ export default {
rowData: {},
classLend: ''
}
},
methods: {
cell({ row, columnIndex }) {
if (row.checkResult === '已借' && columnIndex === 1) {
return 'have-clear'
} else if (row.checkResult === '错位' && columnIndex === 1) {
return 'fail-clear'
} else if (row.checkResult === '在库' && columnIndex === 1) {
return 'no-clear'
}
}
}
}
</script>

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

@ -13,7 +13,7 @@
size="small"
placeholder="请输入关键词"
prefix-icon="el-icon-search"
style="width: 200px; margin-left: 10px"
style="width: 200px; margin:0 10px 0 10px;"
class="filter-item"
@keyup.enter.native="crud.toQuery"
/>
@ -209,6 +209,7 @@ import rrOperation from '@crud/RR.operation'
// import crudOperation from '@crud/CRUD.operation'
import data1 from '../data1.json'
export default {
name: 'BorrowerManage',
components: { headSlot, pagination, rrOperation },
mixins: [presenter(), header()],
cruds() {

12
src/views/archivesManage/lendManage/data1.json
View File

@ -10,6 +10,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"",
"noLendStatus":"待借阅",
"operationTime":"2022-05-26 14:02",
"borrowerName":"李四",
"borrowDays":"2022-5-25至2022-6-25",
@ -32,6 +33,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"已借",
"noLendStatus":"待借阅",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -53,6 +55,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待借",
"noLendStatus":"待借阅",
"operationTime":"2022-05-27 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -75,6 +78,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待借",
"noLendStatus":"待借阅",
"operationTime":"2022-05-28 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -97,6 +101,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待借",
"noLendStatus":"待借阅",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -118,6 +123,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"已借",
"noLendStatus":"待借阅",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -139,6 +145,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待借",
"noLendStatus":"待借阅",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -158,6 +165,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"已借",
"noLendStatus":"待借阅",
"operationTime":"2022-07-25 14:02",
"borrowerName":"王五",
"borrowDays":"2022-5-25至2022-6-25",
@ -177,6 +185,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待借",
"noLendStatus":"待借阅",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -195,6 +204,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"",
"noLendStatus":"待借阅",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -213,6 +223,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"",
"noLendStatus":"待借阅",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -231,6 +242,7 @@
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待借",
"noLendStatus":"待借阅",
"operationTime":"2022-06-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",

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

@ -19,6 +19,7 @@
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"warnState":"已解除",
"warnRestoreState":"已恢复",
"docNum":"JY202205050001",
"archiveNum":"1",
"lendHandler":"管理员"
@ -41,6 +42,7 @@
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"warnState":"已解除",
"warnRestoreState":"已恢复",
"docNum":"JY202205050002",
"lendHandler":"管理员"
},
@ -62,6 +64,7 @@
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"warnState":"未解除",
"warnRestoreState":"未恢复",
"docNum":"JY202205050003",
"archiveNum":"1",
"lendHandler":"管理员"
@ -84,6 +87,7 @@
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"warnState":"未解除",
"warnRestoreState":"未恢复",
"docNum":"JY202205050004",
"archiveNum":"1",
"lendHandler":"管理员"
@ -96,7 +100,7 @@
"titleName":"这是一份文件的标题标题...",
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待还",
"lendStatus":"待归还",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -128,6 +132,7 @@
"borrowerIdNum":"420880190011115636",
"borrowerTel":"027-5955 7085",
"warnState":"解除失败",
"warnRestoreState":"恢复失败",
"docNum":"JY202205050006",
"archiveNum":"1"
},
@ -158,7 +163,7 @@
"titleName":"这是一份文件的标题标题...",
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待还",
"lendStatus":"待归还",
"operationTime":"2022-07-25 14:02",
"borrowerName":"王五",
"borrowDays":"2022-5-25至2022-6-25",
@ -177,7 +182,7 @@
"titleName":"这是一份文件的标题标题...",
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待还",
"lendStatus":"待归还",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -195,7 +200,7 @@
"titleName":"这是一份文件的标题标题...",
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待还",
"lendStatus":"待归还",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -213,7 +218,7 @@
"titleName":"这是一份文件的标题标题...",
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待还",
"lendStatus":"待归还",
"operationTime":"2022-05-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",
@ -231,7 +236,7 @@
"titleName":"这是一份文件的标题标题...",
"fieldName":"文书-文件-2022",
"storagePath":"库房A-库区A-01列-1节1层-左",
"lendStatus":"待还",
"lendStatus":"待归还",
"operationTime":"2022-06-25 14:02",
"borrowerName":"张三",
"borrowDays":"2022-5-25至2022-6-25",

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

@ -6,36 +6,12 @@
<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>
<li
:class="{ 'active-tab-nav': activeIndex == 3 }"
@click="changeActiveTab(3)"
>
借阅查询<i />
</li>
<li
:class="{ 'active-tab-nav': activeIndex == 4 }"
@click="changeActiveTab(4)"
>
借阅者管理<i />
</li>
<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>
<li :class="{ 'active-tab-nav': activeIndex == 3 }" @click="changeActiveTab(3)">借还记录<i /></li>
<li :class="{ 'active-tab-nav': activeIndex == 4 }" @click="changeActiveTab(4)">借阅者管理<i /></li>
<li :class="{ 'active-tab-nav': activeIndex == 5 }" @click="changeActiveTab(5)">借阅流程管理<i /></li>
<!-- 最右侧装饰img -->
<span class="tab-right-img" />
</ul>
@ -52,6 +28,7 @@ import lendConfirm from './lendConfirm/index.vue'
import returnArchives from './returnArchives/index.vue'
import lendQuery from './lendQuery/index.vue'
import borrowerManage from './borrowerManage/index.vue'
import lendProcess from './lendProcess/index.vue'
export default {
name: 'BorrowManage',
@ -60,7 +37,8 @@ export default {
lendConfirm,
returnArchives,
lendQuery,
borrowerManage
borrowerManage,
lendProcess
},
data() {
return {
@ -80,6 +58,8 @@ export default {
return 'lendQuery'
} else if (this.activeIndex === 4) {
return 'borrowerManage'
} else if (this.activeIndex === 5) {
return 'lendProcess'
}
return 'toLend'
}

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

@ -32,10 +32,10 @@
<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="lendStatus" align="center" label="借阅状态" min-width="70">
<el-table-column prop="noLendStatus" align="center" label="借阅状态" min-width="70">
<template slot-scope="scope">
<!-- 已借 / 待借 -->
<span class="cell-lend">{{ scope.row.lendStatus }}</span>
<!-- 待借阅 -->
<span class="cell-lend" style="width:76px">{{ scope.row.noLendStatus }}</span>
</template>
</el-table-column>
<el-table-column sortable prop="operationTime" align="center" label="操作时间" min-width="120" />
@ -123,20 +123,30 @@ export default {
},
// 移出
handleRemove() {
this.$refs.delConfirmDom.deleteVisible = true
if (this.selections.length > 0) {
this.$refs.delConfirmDom.deleteVisible = true
} else {
this.$message({
message: '请选择要移出当前列表的档案',
type: 'warning'
})
}
},
cell({ row, columnIndex }) {
if (row.lendStatus === '待借' && columnIndex === 11) {
if (columnIndex === 11) {
return 'no-lend'
} else if (row.lendStatus === '已借' && columnIndex === 11) {
return 'have-lend'
} else if (row.lendStatus === '' && columnIndex === 11) {
return 'other-lend'
}
},
handleLendBtn() {
this.$refs.lendDialogDom.table = this.selections
this.$refs.lendDialogDom.lendFormVisible = true
if (this.selections.length > 0) {
this.$refs.lendDialogDom.table = this.selections
this.$refs.lendDialogDom.lendFormVisible = true
} else {
this.$message({
message: '请选择要借出的档案',
type: 'warning'
})
}
}
}
}

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

@ -7,7 +7,7 @@
<div class="dpflex">
<p class="left"><span class="color-blue">借阅人:</span><span class="color-white">{{ rowData[0].borrowerName }}</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].lendStatus }}</span></p>
<p :class="classLend" class="right"><span class="color-blue">借阅状态:</span><span class="cell-lend">{{ rowData[0].lendStatus }}</span></p>
</div>
<div class="dpflex">
<p class="left"><span class="color-blue">证件类型:</span><span class="color-white">{{ rowData[0].borrowerIdType }}</span></p>
@ -54,7 +54,8 @@ export default {
}
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
position: absolute;
right: -280px;
right: -283px;
bottom: -10px;
}
p{
display: flex;
@ -83,6 +84,7 @@ p{
flex: 1;
.cell-lend{
margin-left: 20px;
width: 76px;
}
}
}

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

@ -53,7 +53,8 @@ export default {
}
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
position: absolute;
right: -154px;
right: -163px;
bottom: -4px;
}
</style>

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

@ -55,10 +55,11 @@
<el-table-column prop="lendStatus" align="center" label="借阅状态" width="100">
<template slot-scope="scope">
<!-- 已借 / 待借 -->
<span class="cell-lend">{{ scope.row.lendStatus }}</span>
<span class="cell-lend" style="width:76px">{{ scope.row.lendStatus }}</span>
</template>
</el-table-column>
<el-table-column prop="fieldName" align="center" label="所属门类" width="150" />
<el-table-column prop="docNum" align="center" label="单据号" width="160" />
<el-table-column prop="fieldName" align="center" label="门类名称" width="150" />
<el-table-column prop="archivesID" align="center" label="档号" width="200" />
<el-table-column prop="titleName" align="center" label="题名" width="200" />
<el-table-column prop="fieldName" align="center" label="盒名称" width="150" />
@ -66,7 +67,7 @@
<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="operationTime" label="操作时间" width="200" />
<el-table-column align="center" prop="operationTime" label="归还时间" width="200" />
</el-table>
<!-- 档案详情 -->
<archiveDetail ref="archiveDetailDom" />
@ -84,6 +85,7 @@ import crudOperation from '@crud/CRUD.operation'
import data3 from '../data3.json'
import archiveDetail from '../returnArchives/module/archiveDetail.vue'
export default {
name: 'LendQuery',
components: { headSlot, pagination, rrOperation, crudOperation, archiveDetail },
mixins: [presenter()],
cruds() {
@ -141,7 +143,7 @@ export default {
cell({ row, columnIndex }) {
if (row.lendStatus === '逾期' && columnIndex === 2) {
return 'no-lend'
} else if (row.lendStatus === '待还' && columnIndex === 2) {
} else if (row.lendStatus === '待归还' && columnIndex === 2) {
return 'have-lend'
}
},
@ -153,7 +155,7 @@ export default {
const arr = data3.rows.filter(item => item.docNum === row.docNum)
archiveDetailDom.rowData = arr
// 借阅状态样式类名
if (arr[0].lendStatus === '待还') {
if (arr[0].lendStatus === '待归还') {
archiveDetailDom.classLend = 'have-lend'
} else if (arr[0].lendStatus === '逾期') {
archiveDetailDom.classLend = 'no-lend'
@ -179,6 +181,7 @@ export default {
background-color: #021941;
border: none;
caret-color: #fff;
color: #fff;
height: 28px;
line-height: 28px;
}

2
src/views/archivesManage/lendManage/lendQuery/module/archiveDetail.vue
View File

@ -21,7 +21,7 @@
<p class="right"><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData[0].borrowGoal }}</span></p>
</div>
<div class="dpflex">
<p class="left"><span class="color-blue">借阅状态:</span><span class="color-white">{{ rowData[0].lendStatus }}</span></p>
<p class="left"><span class="color-blue">借阅状态:</span><span style="width:76px">{{ rowData[0].lendStatus }}</span></p>
<p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData[0].operationTime }}</span></p>
</div>
<div class="dpflex">

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

@ -1,7 +1,7 @@
<template>
<div class="to-lend">
<head-slot>
<el-button size="mini" @click="returnVisible=true">
<el-button size="mini" @click="handleReturn">
<svg-icon icon-class="guihuan-fanbai" class-name="svg-style" />归还</el-button>
<crudOperation style="margin-left:10px" />
</head-slot>
@ -30,8 +30,8 @@
<el-table-column prop="borrowGoal" align="center" label="借阅目的" width="100" />
<el-table-column prop="lendStatus" align="center" label="借阅状态" width="100">
<template slot-scope="scope">
<!-- 已借 / 待借 -->
<span class="cell-lend">{{ scope.row.lendStatus }}</span>
<!-- 逾期 / 待归还 -->
<span class="cell-lend" style="width:76px">{{ scope.row.lendStatus }}</span>
</template>
</el-table-column>
<el-table-column prop="lendHandler" align="center" label="操作人" width="100" />
@ -48,18 +48,8 @@
</div>
</div>
</el-dialog>
<el-dialog title="归还失败" :visible.sync="returnAgainVisible" :before-close="handleClose">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<!-- 判断 "归还成功" "当前标签已损坏...." -->
<!-- ////////////////标签损坏 弹出重新绑定的模态框 -->
<p><span style="color:#fff;">当前标签已损坏，请先解除该档案的电子标签绑定</span></p>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click.native="handleConfirmAgain">确定</el-button>
</div>
</div>
</el-dialog>
<!-- 归还失败 -->
<returnDialog ref="returnDialogDom" />
<!-- 档案详情 -->
<archiveDetail ref="archiveDetailDom" />
<!-- 分页 -->
@ -74,9 +64,9 @@ import CRUD, { presenter } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
import data3 from '../data3.json'
import archiveDetail from './module/archiveDetail.vue'
import returnDialog from './module/returnDialog.vue'
export default {
components: { headSlot, pagination, crudOperation, archiveDetail },
components: { headSlot, pagination, crudOperation, archiveDetail, returnDialog },
mixins: [presenter()],
cruds() {
return CRUD({
@ -116,7 +106,9 @@ export default {
// 归还确认
handleConfirm() {
this.returnVisible = false
this.returnAgainVisible = true
const returnDialogDom = this.$refs.returnDialogDom
returnDialogDom.table = this.selections
returnDialogDom.returnVisible = true
},
handleConfirmAgain() {
this.returnAgainVisible = false
@ -124,7 +116,7 @@ export default {
cell({ row, columnIndex }) {
if (row.lendStatus === '逾期' && columnIndex === 11) {
return 'no-lend'
} else if (row.lendStatus === '待还' && columnIndex === 11) {
} else if (row.lendStatus === '待归还' && columnIndex === 11) {
return 'have-lend'
} else if (row.lendStatus === '' && columnIndex === 11) {
return 'other-lend'
@ -138,12 +130,22 @@ export default {
const arr = data3.rows.filter(item => item.docNum === row.docNum)
archiveDetailDom.rowData = arr
// 借阅状态样式类名
if (arr[0].lendStatus === '待还') {
if (arr[0].lendStatus === '待归还') {
archiveDetailDom.classLend = 'have-lend'
} else if (arr[0].lendStatus === '逾期') {
archiveDetailDom.classLend = 'no-lend'
}
console.log(archiveDetailDom.classLend)
},
handleReturn() {
if (this.selections.length > 0) {
this.returnVisible = true
} else {
this.$message({
message: '请选择要归还的档案',
type: 'warning'
})
}
}
}
}
@ -154,4 +156,12 @@ export default {
.svg-style{
margin-right: 5px;
}
::v-deep .el-dialog__footer {
background-color: #031435;
}
.el-dialog .dialog-footer {
padding: 0;
margin: 0;
}
</style>

8
src/views/archivesManage/lendManage/returnArchives/module/archiveDetail.vue
View File

@ -22,7 +22,7 @@
<p class="right"><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData[0].borrowGoal }}</span></p>
</div>
<div class="dpflex">
<p class="left" :class="classLend"><span class="color-blue">借阅状态:</span><span class="color-white cell-lend">{{ rowData[0].lendStatus }}</span></p>
<p class="left" :class="classLend"><span class="color-blue">借阅状态:</span><span class="cell-lend">{{ rowData[0].lendStatus }}</span></p>
<p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData[0].operationTime }}</span></p>
</div>
<div class="dpflex">
@ -84,6 +84,12 @@ p{
}
}
.cell-lend{
width: 76px;
margin-left: 20px;
}
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
position: absolute;
right: -83px;
bottom: -10px;
}
</style>

60
src/views/archivesManage/lendManage/returnArchives/module/returnDialog.vue
View File

@ -0,0 +1,60 @@
<template>
<div>
<el-dialog ref="dialogTable" title="归还" :visible.sync="returnVisible">
<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="categoryName" label="所属门类" />
<el-table-column prop="archivesID" label="档号" min-width="140" />
<el-table-column prop="titleName" label="题名" min-width="140" />
<el-table-column prop="warnRestoreState" label="状态" min-width="85">
<template slot-scope="scope">
<!-- 已恢复 / 未恢复/恢复失败 -->
<span class="clear">{{ scope.row.warnRestoreState }}</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 {
returnVisible: false,
table: []
}
},
methods: {
cellWarn({ row, columnIndex }) {
if (row.warnRestoreState === '已恢复' && columnIndex === 4) {
return 'no-clear'
} else if (row.warnRestoreState === '未恢复' && columnIndex === 4) {
return 'have-clear'
} else if (row.warnRestoreState === '恢复失败' && columnIndex === 4) {
return 'fail-clear'
}
}
}
}
</script>
<style lang="scss" scoped>
@import '~@/assets/styles/lend-manage.scss';
::v-deep .el-dialog{
width: 950px;
height: 519px;
}
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
position: absolute;
right: -163px;
bottom: -4px;
}
</style>

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

@ -21,7 +21,7 @@
>
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" align="center" width="55" />
<el-table-column prop="categoryName" label="所属门类" align="center" min-width="85" />
<el-table-column prop="categoryName" label="门类名称" align="center" min-width="85" />
<el-table-column prop="archivesID" label="档号" align="center" min-width="120" />
<el-table-column prop="titleName" align="center" label="题名" min-width="120" />
<el-table-column prop="fieldName" align="center" label="盒名称" min-width="85" />
@ -94,7 +94,14 @@ export default {
},
// 移出
handleRemove() {
this.$refs.delConfirmDom.deleteVisible = true
if (this.selections.length > 0) {
this.$refs.delConfirmDom.deleteVisible = true
} else {
this.$message({
message: '请选择要移出当前列表的档案',
type: 'warning'
})
}
},
// 档案详情
handleDbClick(row) {

Write Preview
Loading…
Cancel
Save