15 changed files with 339 additions and 502 deletions
-
29src/api/archivesManage/lendManage.js
-
110src/views/archivesManage/lendManage/borrowerManage/index.vue
-
121src/views/archivesManage/lendManage/borrowerManage/module/addBorrower.vue
-
119src/views/archivesManage/lendManage/borrowerManage/module/editBorrower.vue
-
28src/views/archivesManage/lendManage/components/archiveDetail.vue
-
2src/views/archivesManage/lendManage/index.vue
-
27src/views/archivesManage/lendManage/lendConfirm/index.vue
-
23src/views/archivesManage/lendManage/lendConfirm/module/lendDialog.vue
-
1src/views/archivesManage/lendManage/lendProcess/index.vue
-
139src/views/archivesManage/lendManage/lendQuery/index.vue
-
83src/views/archivesManage/lendManage/lendQuery/module/archiveDetail.vue
-
47src/views/archivesManage/lendManage/mixins/lending.js
-
65src/views/archivesManage/lendManage/returnArchives/index.vue
-
7src/views/archivesManage/lendManage/toLend/index.vue
-
28src/views/archivesManage/lendManage/toLend/module/lendRecord.vue
@ -1,119 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<el-dialog |
|
||||
append-to-body |
|
||||
:close-on-click-modal="false" |
|
||||
:visible.sync="editFormVisible" |
|
||||
title="修改借阅人" |
|
||||
@close="handleClose" |
|
||||
> |
|
||||
<span class="dialog-right-top" /> |
|
||||
<span class="dialog-left-bottom" /> |
|
||||
<div class="setting-dialog"> |
|
||||
<el-form |
|
||||
ref="form" |
|
||||
:model="borrowerForm" |
|
||||
:rules="rules" |
|
||||
size="small" |
|
||||
label-width="80px" |
|
||||
style="margin-left:90px" |
|
||||
> |
|
||||
<el-form-item label="借阅人" prop="borrowerName"> |
|
||||
<el-input |
|
||||
v-model="borrowerForm.borrowerName" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="电话号码" prop="borrowerTel"> |
|
||||
<el-input v-model="borrowerForm.borrowerTel" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="所属部门" prop="borrowerDepartment" class="down-select"> |
|
||||
<el-select |
|
||||
v-model="borrowerForm.departmentDatas" |
|
||||
|
|
||||
multiple |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in borrowerForm.departmentDatas" |
|
||||
:key="item.name" |
|
||||
:disabled="level !== 1 && item.level <= level" |
|
||||
:label="item.name" |
|
||||
:value="item.id" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="证件类型" prop="borrowerIdType" class="down-select"> |
|
||||
<el-select |
|
||||
v-model="borrowerForm.idType" |
|
||||
multiple |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in borrowerForm.idType" |
|
||||
:key="item.name" |
|
||||
:disabled="level !== 1 && item.level <= level" |
|
||||
:label="item.name" |
|
||||
:value="item.id" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="证件号码" prop="borrowerIdNum"> |
|
||||
<el-input v-model="borrowerForm.borrowerIdNum" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
@click="handleEditComfirm" |
|
||||
>确认</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
editFormVisible: false, |
|
||||
borrowerForm: {}, |
|
||||
rules: { |
|
||||
borrowerName: [ |
|
||||
{ required: true, message: '请输入姓名', trigger: 'blur' } |
|
||||
], |
|
||||
borrowerTel: [ |
|
||||
{ required: true, message: '请输入电话号码', trigger: 'blur' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
handleEditComfirm() { |
|
||||
this.$refs.form.validate((valid) => { |
|
||||
if (valid) { |
|
||||
this.$message({ |
|
||||
message: '修改成功！', |
|
||||
type: 'success' |
|
||||
}) |
|
||||
this.editFormVisible = false |
|
||||
this.$refs.form.resetFields() |
|
||||
} else { |
|
||||
this.$message.error('修改失败！') |
|
||||
return false |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
handleClose() { |
|
||||
this.$refs.form.resetFields() |
|
||||
this.$refs.form.clearValidate() |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
::v-deep .el-dialog .el-form .el-input__inner{ |
|
||||
width: 300px; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,83 +0,0 @@ |
|||||
<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="left"><span class="color-blue">单据号</span><span class="color-white">{{ rowData[0].docNum }}</span></p> |
|
||||
<p class="right"><span class="color-blue">借阅人:</span><span class="color-white">{{ rowData[0].borrowerName }}</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].borrowerDepartment }}</span></p> |
|
||||
</div> |
|
||||
<div class="dpflex"> |
|
||||
<p class="left"><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].borrowDays }}</span></p> |
|
||||
<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 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"> |
|
||||
<p class="left"><span class="color-blue">所属门类:</span><span class="color-white">{{ rowData[0].categoryName }}</span></p> |
|
||||
<p class="right"><span class="color-blue">档号:</span><span class="color-white">{{ rowData[0].archivesID }}</span></p> |
|
||||
</div> |
|
||||
<p class="left"><span class="color-blue">题名:</span><span class="color-white">{{ rowData[0].titleName }}</span></p> |
|
||||
<div class="dpflex"> |
|
||||
<p class="left"><span class="color-blue">盒名称:</span><span class="color-white">{{ rowData[0].fieldName }}</span></p> |
|
||||
<p class="right"><span class="color-blue">存放位置:</span><span class="color-white">{{ rowData[0].storagePath }}</span></p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
detailVisible: false, |
|
||||
rowData: [] |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
::v-deep .el-dialog__body{ |
|
||||
padding: 60px 40px 80px 40px; |
|
||||
} |
|
||||
::v-deep .el-dialog{ |
|
||||
width: 800px; |
|
||||
} |
|
||||
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; |
|
||||
.left{ |
|
||||
width: 350px; |
|
||||
} |
|
||||
.right{ |
|
||||
width: 300px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue