15 changed files with 334 additions and 30 deletions
-
6src/assets/styles/archives-manage.scss
-
5src/views/archiveUtilize/archiveEditing/module/detail.vue
-
2src/views/archiveUtilize/archiveEditing/module/material.vue
-
186src/views/archiveUtilize/archiveEditing/module/onlineEditing.vue
-
5src/views/archivesManage/managementLibrary/anjuan/tableList.vue
-
1src/views/archivesManage/managementLibrary/file/index.vue
-
3src/views/archivesManage/managementLibrary/juannei/index.vue
-
3src/views/archivesManage/managementLibrary/project/index.vue
-
6src/views/collectReorganizi/collectionLibrary/anjuan/tableList.vue
-
1src/views/collectReorganizi/collectionLibrary/file/index.vue
-
1src/views/collectReorganizi/collectionLibrary/juannei/index.vue
-
10src/views/collectReorganizi/collectionLibrary/mixins/index.js
-
2src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
-
132src/views/collectReorganizi/collectionLibrary/module/collectMoveFile/index.vue
-
1src/views/collectReorganizi/collectionLibrary/project/index.vue
@ -0,0 +1,186 @@ |
|||
<template> |
|||
<div> |
|||
<div class="head-container"> |
|||
<crudOperation /> |
|||
</div> |
|||
<el-table |
|||
ref="table" |
|||
:data="crud.data" |
|||
style="width: 100%;" |
|||
height="calc(100vh - 485px)" |
|||
@cell-dblclick="tableDoubleClick" |
|||
@selection-change="crud.selectionChangeHandler" |
|||
> |
|||
|
|||
<el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> |
|||
<el-table-column type="index" label="序号" width="55" align="center" /> |
|||
<el-table-column prop="username" label="档号" align="center" /> |
|||
<el-table-column prop="description" label="题名" /> |
|||
<el-table-column prop="browser" label="操作人" align="center" /> |
|||
<el-table-column prop="createTime" label="加入时间" width="200"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.createTime | parseTime }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination v-if="crud.data.length !== 0" /> |
|||
|
|||
<el-dialog title="利用详情" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="lendDetail" :before-close="handleCloseDialog"> |
|||
<div class="setting-dialog"> |
|||
<el-form ref="form" :model="form" inline label-width="100px"> |
|||
<el-form-item label="利用人" prop="user"> |
|||
<el-input v-model="form.user" style="width: 280px;" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="利用流程" prop="process"> |
|||
<el-input v-model="form.process" style="width: 280px;" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="开始时间" prop="startDate"> |
|||
<el-input v-model="form.startDate" style="width: 280px;" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="结束时间" prop="endDate"> |
|||
<el-input v-model="form.endDate" style="width: 280px;" disabled /> |
|||
</el-form-item> |
|||
<el-row> |
|||
<el-form-item label="利用事由" prop="remark"> |
|||
<el-input v-model="form.remark" type="textarea" :rows="4" style="width: 703px;" disabled /> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="状态" prop="status"> |
|||
<span class="row-state soon-state">即将到期</span> |
|||
<span class="row-state end-state">利用中</span> |
|||
<span class="row-state cancel-state">已过期</span> |
|||
</el-form-item> |
|||
</el-row> |
|||
</el-form> |
|||
<el-table |
|||
ref="table" |
|||
:data="detailArcData" |
|||
style="width: 100%;" |
|||
height="calc(100vh - 560px)" |
|||
> |
|||
<el-table-column type="index" label="序号" align="center" width="55" /> |
|||
<el-table-column prop="title" label="档案文件"> |
|||
<template> |
|||
<div class="title-style"><span>文件</span>【档号】题名</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="description" label="利用方式" width="340"> |
|||
<template> |
|||
<el-checkbox-group v-model="checkList" class="checkbox-style"> |
|||
<el-checkbox label="电子查看" disabled /> |
|||
<el-checkbox label="下载" disabled /> |
|||
<el-checkbox label="打印" disabled /> |
|||
<el-checkbox label="实体借阅" disabled /> |
|||
</el-checkbox-group> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="createTime" label="实体借阅状态" align="center" width="110"> |
|||
<template> |
|||
<div> |
|||
<span class="row-state soon-state">即将到期</span> |
|||
<!-- <span class="row-state end-state">利用中</span> |
|||
<span class="row-state cancel-state">已过期</span> --> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click.native="handleCloseDialog">关闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import CRUD, { presenter, crud } from '@crud/crud' |
|||
import pagination from '@crud/Pagination' |
|||
import crudOperation from '@crud/CRUD.operation' |
|||
|
|||
export default { |
|||
name: 'OnlineEditing', |
|||
components: { pagination, crudOperation }, |
|||
mixins: [presenter(), crud()], |
|||
cruds() { |
|||
return CRUD({ |
|||
url: 'api/log/initLog', |
|||
title: '在线编研', |
|||
optShow: { |
|||
add: true, |
|||
edit: true, |
|||
del: true, |
|||
download: true, |
|||
reset: false, |
|||
group: false |
|||
} |
|||
}) |
|||
}, |
|||
props: { |
|||
activeIndex: { |
|||
type: Number, |
|||
default: 0 |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
selections: [], |
|||
keyWord: null, |
|||
options: [ |
|||
{ value: 'username', label: '利用人' }, |
|||
{ value: 'account', label: '利用事由' } |
|||
], |
|||
optionVal: '', |
|||
startTime: null, |
|||
endTime: null, |
|||
lendDetail: false, |
|||
form: { |
|||
user: '张三', |
|||
process: '档案借阅流程-张三-2023-01-01', |
|||
startDate: '2016-09-21 08:50:08', |
|||
endDate: '2016-10-21 08:50:08', |
|||
remark: '利用事由' |
|||
}, |
|||
detailArcData: [], |
|||
checkList: ['电子查看', '实体借阅'] |
|||
} |
|||
}, |
|||
watch: { |
|||
activeIndex: function(newValue, oldValue) { |
|||
console.log('newValue', newValue) |
|||
this.crud.query.isType = newValue |
|||
this.crud.toQuery() |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
[CRUD.HOOK.beforeRefresh]() { |
|||
this.crud.query.isType = this.activeIndex |
|||
}, |
|||
resetQuery() { |
|||
|
|||
}, |
|||
tableDoubleClick(row) { |
|||
this.lendDetail = true |
|||
}, |
|||
handleCloseDialog(done) { |
|||
this.lendDetail = false |
|||
// 关闭弹框 |
|||
// done() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
::v-deep .el-checkbox-group{ |
|||
.el-checkbox{ |
|||
margin-right: 10px !important; |
|||
} |
|||
} |
|||
::v-deep .el-pagination{ |
|||
margin: 24px 0 10px 0 !important |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue