11 changed files with 307 additions and 241 deletions
-
194src/views/archivesManage/lendManage/borrowerManage/index.vue
-
120src/views/archivesManage/lendManage/borrowerManage/module/addBorrower.vue
-
119src/views/archivesManage/lendManage/borrowerManage/module/editBorrower.vue
-
2src/views/archivesManage/lendManage/data1.json
-
14src/views/archivesManage/lendManage/lendConfirm/index.vue
-
24src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
-
2src/views/archivesManage/lendManage/lendProcess/index.vue
-
15src/views/archivesManage/lendManage/lendQuery/index.vue
-
14src/views/archivesManage/lendManage/returnArchives/index.vue
-
32src/views/archivesManage/lendManage/returnArchives/module/archiveDetail.vue
-
10src/views/archivesManage/lendManage/toLend/module/lendRecord.vue
@ -0,0 +1,120 @@ |
|||
<template> |
|||
<div> |
|||
<el-dialog |
|||
append-to-body |
|||
:close-on-click-modal="false" |
|||
:visible.sync="addFormVisible" |
|||
title="借阅人信息" |
|||
@close="handleClose" |
|||
> |
|||
<span class="dialog-right-top" /> |
|||
<span class="dialog-left-bottom" /> |
|||
<div class="setting-dialog"> |
|||
<el-form |
|||
ref="borrowerFormDom" |
|||
: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="tel"> |
|||
<el-input v-model="borrowerForm.tel" /> |
|||
</el-form-item> |
|||
<el-form-item label="所属部门" prop="department" 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="idType" 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="idNumber"> |
|||
<el-input v-model="borrowerForm.idNumber" /> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="借阅时间" prop="lendDate"> |
|||
<date-range-picker style="width: 420px" /> |
|||
</el-form-item> --> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button |
|||
type="primary" |
|||
@click="handleAddConfirm" |
|||
>确认</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
addFormVisible: false, |
|||
borrowerForm: {}, |
|||
rules: { |
|||
borrowerName: [ |
|||
{ required: true, message: '请输入姓名', trigger: 'blur' } |
|||
], |
|||
tel: [ |
|||
{ required: true, message: '请输入电话号码', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
handleAddConfirm() { |
|||
this.$refs.borrowerFormDom.validate((valid) => { |
|||
if (valid) { |
|||
this.$message({ |
|||
message: '新增成功！', |
|||
type: 'success' |
|||
}) |
|||
this.$refs.borrowerFormDom.resetFields() |
|||
this.addFormVisible = false |
|||
} else { |
|||
this.$message.error('新增失败！') |
|||
} |
|||
}) |
|||
}, |
|||
handleClose() { |
|||
this.$refs.borrowerFormDom.resetFields() |
|||
this.$refs.borrowerFormDom.clearValidate() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
::v-deep .el-dialog .el-form .el-input__inner{ |
|||
width: 300px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,119 @@ |
|||
<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> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue