You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
3.1 KiB
89 lines
3.1 KiB
<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><span class="color-blue">单据号:</span><span class="color-white">{{ rowData.docNum }}</span></p>
|
|
<p><span class="color-blue">借阅人:</span><span class="color-white">{{ rowData.borrowerName }}</span></p>
|
|
<p><span class="color-blue">所属部门:</span><span class="color-white">{{ rowData.borrowerDepartment }}</span></p>
|
|
<p class="no-lend"><span class="color-blue">借阅状态:</span><span class="cell-lend">待借阅</span></p>
|
|
<p><span class="color-blue">证件类型:</span><span class="color-white">{{ rowData.borrowerIdType }}</span></p>
|
|
<p><span class="color-blue">证件号码:</span><span class="color-white">{{ rowData.borrowerIdNum }}</span></p>
|
|
<p><span class="color-blue">电话号码:</span><span class="color-white">{{ rowData.borrowerTel }}</span></p>
|
|
<p><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData.borrowGoal }}</span></p>
|
|
<p><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData.borrowDays }}</span></p>
|
|
<p><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData.operationTime }}</span></p>
|
|
</div>
|
|
<el-table :data="tableData" style="margin-top:15px">
|
|
<el-table-column type="index" label="序号" align="center" width="55" />
|
|
<el-table-column prop="categoryName" label="所属门类" min-width="100" />
|
|
<el-table-column prop="titleName" label="题名" min-width="140" />
|
|
<el-table-column prop="archivesID" label="档号" min-width="130" />
|
|
<el-table-column prop="fieldName" label="盒名称" min-width="80" />
|
|
<el-table-column prop="storagePath" label="存放位置" min-width="140" />
|
|
</el-table>
|
|
</div>
|
|
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
detailVisible: false,
|
|
rowData: {},
|
|
tableData: []
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import '~@/assets/styles/lend-manage.scss';
|
|
::v-deep .el-dialog__body{
|
|
padding: 20px 0 60px 0;
|
|
}
|
|
::v-deep .el-dialog{
|
|
width: 1100px;
|
|
}
|
|
::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
|
|
position: absolute;
|
|
right: -283px;
|
|
bottom: -10px;
|
|
}
|
|
.dpflex{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0 30px;
|
|
p{
|
|
display: flex;
|
|
align-items: center;
|
|
width: 33%;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
span{
|
|
display: block;
|
|
line-height: 40px;
|
|
&.color-blue{
|
|
color: #3A99FD;
|
|
width: 70px;
|
|
text-align: right;
|
|
}
|
|
&.color-white{
|
|
color: white;
|
|
padding: 0 0 0 20px;
|
|
}
|
|
&.cell-lend{
|
|
margin-left: 20px;
|
|
width: 76px;
|
|
line-height: 26px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
</style>
|