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

借阅管理 页面修改

master
xuhuajiao 3 years ago
parent
6efe7860ca
commit
3f863c0a48
3 changed files with 42 additions and 46 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/lendManage/lendConfirm/index.vue
  2. 58
      src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
  3. 2
      src/views/archivesManage/lendManage/toLend/index.vue

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

@ -2,9 +2,9 @@
<div>
<div class="head-container">
<el-button size="mini" class="iconfont icon-jiechu-fanbai" :disabled="!selections.length" @click="handleLendBtn">借出</el-button>
<el-button size="mini" class="iconfont icon-dengji-fanbai" @click="handelReRecord">重新登记</el-button>
<el-button size="mini" class="iconfont icon-dengji-fanbai" :disabled="!selections.length" @click="handelReRecord">重新登记</el-button>
<el-button size="mini" class="iconfont icon-yichu-fanbai" :disabled="!selections.length" @click="handleRemove">移出</el-button>
<crudOperation style="margin-left:10px" />
<el-button :disabled="selections.length !== 1" :loading="crud.downloadLoading" size="mini" icon="el-icon-download">导出</el-button>
</div>
<!--表格渲染-->
<el-table
@ -51,13 +51,13 @@
<script>
import pagination from '@crud/Pagination'
import CRUD, { presenter } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
// 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: { pagination, crudOperation, archiveDetail, delConfirm, lendDialog },
components: { pagination, archiveDetail, delConfirm, lendDialog },
mixins: [presenter()],
cruds() {
return CRUD({

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

@ -5,19 +5,16 @@
<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.borrowerName }}</span></p>
<p class="center"><span class="color-blue">所属部门:</span><span class="color-white">{{ rowData.borrowerDepartment }}</span></p>
<p class="right no-lend"><span class="color-blue">借阅状态:</span><span class="cell-lend">待借阅</span></p>
</div>
<div class="dpflex">
<p class="left"><span class="color-blue">证件类型:</span><span class="color-white">{{ rowData.borrowerIdType }}</span></p>
<p class="center"><span class="color-blue">证件号码:</span><span class="color-white">{{ rowData.borrowerIdNum }}</span></p>
<p class="right"><span class="color-blue">电话号码:</span><span class="color-white">{{ rowData.borrowerTel }}</span></p>
</div>
<div class="dpflex">
<p class="left"><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData.borrowGoal }}</span></p>
<p class="center"><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData.borrowDays }}</span></p>
<p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData.operationTime }}</span></p>
<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" />
@ -48,44 +45,43 @@ export default {
<style lang="scss" scoped>
@import '~@/assets/styles/lend-manage.scss';
::v-deep .el-dialog__body{
padding: 60px 40px 80px 40px;
padding: 20px 0 60px 0;
}
::v-deep .el-dialog{
width: 1200px;
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;
height: 40px;
align-items: center;
.color-blue{
width: 33%;
height: 40px;
line-height: 40px;
span{
display: block;
line-height: 40px;
&.color-blue{
color: #3A99FD;
width: 70px;
height: 19px;
text-align: right;
}
.color-white{
&.color-white{
color: white;
padding: 0 0 0 20px;
}
}
.dpflex{
display: flex;
.left{
flex: 1;
}
.center{
flex:1;
}
.right{
flex: 1;
.cell-lend{
&.cell-lend{
margin-left: 20px;
width: 76px;
line-height: 26px;
}
}
}
}

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

@ -1,7 +1,7 @@
<template>
<div class="to-lend">
<div class="head-container">
<el-button size="mini" class="iconfont icon-dengji-fanbai" @click="handleRecord">登记</el-button>
<el-button size="mini" class="iconfont icon-dengji-fanbai" :disabled="!selections.length" @click="handleRecord">登记</el-button>
<el-button size="mini" class="iconfont icon-yichu-fanbai" :disabled="!selections.length" @click="handleRemove">移出</el-button>
</div>

Write Preview
Loading…
Cancel
Save