11 changed files with 815 additions and 26 deletions
-
8src/assets/styles/archives-manage.scss
-
3src/views/collectReorganizi/collectionLibrary/module/blukEditing/index.vue
-
133src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
-
22src/views/collectReorganizi/collectionLibrary/module/collectMoveFile/data.json
-
217src/views/collectReorganizi/collectionLibrary/module/collectMoveFile/index.vue
-
117src/views/collectReorganizi/collectionLibrary/module/collectMoveFile/tree.json
-
63src/views/collectReorganizi/collectionLibrary/module/combineFile/index.vue
-
166src/views/collectReorganizi/collectionLibrary/module/fileNumberAdjustment/index.vue
-
103src/views/collectReorganizi/collectionLibrary/module/insertFile/index.vue
-
7src/views/collectReorganizi/collectionLibrary/module/uploadOriginal/index.vue
-
2src/views/prearchiveLibrary/index.vue
@ -0,0 +1,22 @@ |
|||
[ |
|||
{ |
|||
"id": 1, |
|||
"label": "字段A", |
|||
"isType": 1 |
|||
}, |
|||
{ |
|||
"id": 2, |
|||
"label": "字段B", |
|||
"isType": 0 |
|||
}, |
|||
{ |
|||
"id": 3, |
|||
"label": "字段C", |
|||
"isType": 1 |
|||
}, |
|||
{ |
|||
"id": 4, |
|||
"label": "字段D", |
|||
"isType": 1 |
|||
} |
|||
] |
|||
@ -0,0 +1,217 @@ |
|||
<template> |
|||
<!-- 移动 --> |
|||
<el-dialog class="collectMoveFile-dialog" title="移动" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="collectMoveFileVisible"> |
|||
<div class="collectMove-main"> |
|||
<div class="collectMove-left"> |
|||
<h3 class="arc-title arc-title-top">档案门类</h3> |
|||
<el-tree :data="treeList" :props="defaultProps" @node-click="handleNodeClick"> |
|||
<span slot-scope="{ node, data }" class="custom-tree-node"> |
|||
<span v-if="data.isType===1 " class="iconFolder"> |
|||
{{ data.cnName }} |
|||
</span> |
|||
<span v-if="data.isType===2 || data.isType === 3 || data.isType===5" class="iconArch"> |
|||
{{ data.cnName }} |
|||
</span> |
|||
<span v-if="data.isType===4" class="iconFile"> |
|||
{{ data.cnName }} |
|||
</span> |
|||
</span> |
|||
</el-tree> |
|||
</div> |
|||
<div class="collectMove-right"> |
|||
<div class="head-search"> |
|||
<el-input v-model="query.blurry" clearable size="small" placeholder="输入题名或档号搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> |
|||
<rrOperation /> |
|||
</div> |
|||
<div class="table-list"> |
|||
<el-table :data="crud.data" style="width: 100%" height="380"> |
|||
<el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> |
|||
<el-table-column prop="number" label="题名" width="120" /> |
|||
<el-table-column prop="operator" label="档号" width="120" /> |
|||
<el-table-column prop="operationType" label="年度" width="120" /> |
|||
<el-table-column prop="file" label="所属门类" width="160" /> |
|||
<el-table-column prop="createDate" label="所属分类" width="200" /> |
|||
<el-table-column prop="createDate" label="起始时间" width="200" /> |
|||
<el-table-column prop="createDate" label="终止时间" width="200" /> |
|||
</el-table> |
|||
<!--分页组件--> |
|||
<el-pagination |
|||
:current-page="page.page" |
|||
:total="page.total" |
|||
:page-size="page.size" |
|||
:pager-count="5" |
|||
layout="total, prev, pager, next, sizes" |
|||
@size-change="handleSizeChange" |
|||
@current-change="handleCurrentPage" |
|||
/> |
|||
</div> |
|||
<div class="move-checked"> |
|||
<el-checkbox-group v-model="checkList"> |
|||
<div class="checkbox-style"> |
|||
<span>移动电子文件</span> |
|||
<el-checkbox label="移动电子文件" /> |
|||
</div> |
|||
<div class="checkbox-style"> |
|||
<span>保留原条目</span> |
|||
<el-checkbox label="保留原条目" /> |
|||
</div> |
|||
</el-checkbox-group> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="text" @click="collectMoveFileVisible = false">取消</el-button> |
|||
<el-button type="primary" @click.native="handleComfireCollectMoveFile">确定</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import CRUD, { presenter, crud } from '@crud/crud' |
|||
import rrOperation from '@crud/RR.operation' |
|||
import treeJson from './tree.json' |
|||
export default { |
|||
name: 'CollectMoveFile', |
|||
components: { rrOperation }, |
|||
mixins: [presenter(), crud()], |
|||
cruds() { |
|||
return CRUD({ |
|||
url: 'api/archives-type/menu', |
|||
crudMethod: { }, |
|||
optShow: { |
|||
add: false, |
|||
edit: false, |
|||
del: false, |
|||
reset: true, |
|||
download: false, |
|||
group: false |
|||
} |
|||
}) |
|||
}, |
|||
data() { |
|||
return { |
|||
query: { |
|||
blurry: '' |
|||
}, |
|||
collectMoveFileVisible: false, |
|||
treeList: [], |
|||
defaultProps: { |
|||
children: 'children', |
|||
label: 'label' |
|||
}, |
|||
tableData: [], |
|||
page: { |
|||
page: 1, |
|||
size: 10, |
|||
total: 0 |
|||
}, |
|||
checkList: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.treeList = treeJson.data |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
handleComfireCollectMoveFile() { |
|||
this.collectMoveFileVisible = false |
|||
}, |
|||
handleNodeClick(data) { |
|||
console.log(data) |
|||
}, |
|||
handleSizeChange(size) { |
|||
this.page.size = size |
|||
this.page.page = 1 |
|||
}, |
|||
handleCurrentPage(val) { |
|||
this.page.page = val |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.collectMoveFile-dialog{ |
|||
::v-deep .el-dialog{ |
|||
width: 895px; |
|||
.search-btn-box{ |
|||
.el-button{ |
|||
margin-left: 10px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.collectMove-main{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
height: 557px; |
|||
border: 1px solid #E6E8ED; |
|||
.collectMove-left{ |
|||
width: 297px; |
|||
.arc-title{ |
|||
position: relative; |
|||
height: 48px; |
|||
line-height: 48px; |
|||
text-align: center; |
|||
font-size: 16px; |
|||
color: #0C0E1E; |
|||
background-color: #F3F5F8; |
|||
&::after{ |
|||
content: ""; |
|||
position: absolute; |
|||
right: 12px; |
|||
bottom: 0; |
|||
} |
|||
} |
|||
.arc-title-top{ |
|||
&::after{ |
|||
width: 44px; |
|||
height: 35px; |
|||
background: url("~@/assets/images/collect/daml.png") no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
} |
|||
} |
|||
.collectMove-right{ |
|||
width: 579px; |
|||
border-left: 1px solid #E6E8ED; |
|||
.head-search{ |
|||
padding: 20px 20px 0 0; |
|||
justify-content: flex-end; |
|||
} |
|||
.table-list{ |
|||
height: 440px; |
|||
border-bottom: 1px solid #E6E8ED; |
|||
.el-pagination{ |
|||
margin: 15px 0 !important; |
|||
} |
|||
} |
|||
.move-checked{ |
|||
padding: 0 30px; |
|||
height: 42px; |
|||
line-height: 42px; |
|||
.el-checkbox-group{ |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
} |
|||
.checkbox-style{ |
|||
font-size: 14px; |
|||
color: #0C0E1E; |
|||
margin-right: 30px; |
|||
} |
|||
.el-checkbox{ |
|||
margin-right: 20px; |
|||
::v-deep .el-checkbox__label{ |
|||
opacity: 0; |
|||
margin-left: -100px; |
|||
padding-left: 0; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.dialog-footer{ |
|||
margin-top: 20px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,117 @@ |
|||
{ |
|||
"code": 200, |
|||
"message": "操作成功", |
|||
"data": [ |
|||
{ |
|||
"id": "0ED1F5CF0EBAC01B914132", |
|||
"cnName": "档案", |
|||
"enName": "archives", |
|||
"pid": "0", |
|||
"isType": 1, |
|||
"categorySeq": 0, |
|||
"children": [ |
|||
{ |
|||
"id": "D70C5574B8DCE7A65F7037", |
|||
"cnName": "文书档案", |
|||
"enName": null, |
|||
"pid": "0ED1F5CF0EBAC01B914132", |
|||
"isType": 1, |
|||
"categorySeq": null, |
|||
"children": [ |
|||
{ |
|||
"id": "F0F59CC713C83AE4BAB99B", |
|||
"cnName": "文书档案（案卷）", |
|||
"enName": "tb_2023_06_21_1687319104861", |
|||
"pid": "D70C5574B8DCE7A65F7037", |
|||
"isType": 3, |
|||
"categorySeq": 1, |
|||
"children": [ |
|||
{ |
|||
"id": "CD135F6A77018CE04D4FDB", |
|||
"cnName": "文书档案（卷内）", |
|||
"enName": "tb_2023_06_21_1687319123605", |
|||
"pid": "F0F59CC713C83AE4BAB99B", |
|||
"isType": 4, |
|||
"categorySeq": null, |
|||
"children": [], |
|||
"remark": null, |
|||
"typeMetic": true, |
|||
"create_by": "admin", |
|||
"update_by": "admin", |
|||
"create_time": 1687319124000, |
|||
"update_time": 1687319124000 |
|||
} |
|||
], |
|||
"remark": null, |
|||
"typeMetic": true, |
|||
"create_by": "admin", |
|||
"update_by": "admin", |
|||
"create_time": 1687319105000, |
|||
"update_time": 1687319114000 |
|||
}, |
|||
{ |
|||
"id": "005E76FEC5A2AAB368CA1F", |
|||
"cnName": "文书档案（资料）", |
|||
"enName": "tb_2023_06_21_1687330804487", |
|||
"pid": "D70C5574B8DCE7A65F7037", |
|||
"isType": 5, |
|||
"categorySeq": 2, |
|||
"children": [], |
|||
"remark": null, |
|||
"typeMetic": true, |
|||
"create_by": "admin", |
|||
"update_by": "admin", |
|||
"create_time": 1687330805000, |
|||
"update_time": 1687330811000 |
|||
} |
|||
], |
|||
"remark": null, |
|||
"typeMetic": true, |
|||
"create_by": "admin", |
|||
"update_by": "admin", |
|||
"create_time": 1687243138000, |
|||
"update_time": 1687243138000 |
|||
}, |
|||
{ |
|||
"id": "D70C5574B8DCE7A65F7038", |
|||
"cnName": "基建档案", |
|||
"enName": null, |
|||
"pid": "0ED1F5CF0EBAC01B914132", |
|||
"isType": 1, |
|||
"categorySeq": null, |
|||
"children": [ |
|||
{ |
|||
"id": "F0F59CC713C83AE4BAB99B", |
|||
"cnName": "基建档案（项目）", |
|||
"enName": "tb_2023_06_21_1687319104861", |
|||
"pid": "D70C5574B8DCE7A65F7037", |
|||
"isType": 2, |
|||
"categorySeq": 1, |
|||
"children": [ |
|||
], |
|||
"remark": null, |
|||
"typeMetic": true, |
|||
"create_by": "admin", |
|||
"update_by": "admin", |
|||
"create_time": 1687319105000, |
|||
"update_time": 1687319114000 |
|||
} |
|||
], |
|||
"remark": null, |
|||
"typeMetic": true, |
|||
"create_by": "admin", |
|||
"update_by": "admin", |
|||
"create_time": 1687243138000, |
|||
"update_time": 1687243138000 |
|||
} |
|||
], |
|||
"remark": "", |
|||
"typeMetic": true, |
|||
"create_by": null, |
|||
"update_by": "admin", |
|||
"create_time": null, |
|||
"update_time": 1655112365000 |
|||
} |
|||
], |
|||
"timestamp": 1688967875784 |
|||
} |
|||
@ -0,0 +1,63 @@ |
|||
<template> |
|||
<!-- 合卷 --> |
|||
<el-dialog class="fileUpload-dialog" title="合卷" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="combineFileVisible"> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="合并到" prop="combineNumber"> |
|||
<el-select v-model="form.combineNumber" placeholder="请选择" style="width: 400px;"> |
|||
<el-option |
|||
v-for="item in options" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="text" @click="combineFileVisible = false">取消</el-button> |
|||
<el-button type="primary" @click.native="handleComfireCombineFile">确定</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'CombineFile', |
|||
components: { }, |
|||
mixins: [], |
|||
data() { |
|||
return { |
|||
combineFileVisible: false, |
|||
form: { |
|||
combineNumber: '' |
|||
}, |
|||
options: [ |
|||
{ |
|||
value: '1', |
|||
label: '档号1' |
|||
} |
|||
], |
|||
rules: { |
|||
combineNumber: [ |
|||
{ required: true, message: '请选择', trigger: 'change' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
handleComfireCombineFile() { |
|||
this.combineFileVisible = false |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.dialog-footer{ |
|||
margin-top: 0; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,103 @@ |
|||
<template> |
|||
<!-- 插件 --> |
|||
<el-dialog class="insertFile-dialog" title="插件" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="insertFileVisible"> |
|||
<div class="head-search"> |
|||
<el-input v-model="query.blurry" clearable size="small" placeholder="输入题名搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> |
|||
<rrOperation /> |
|||
</div> |
|||
<el-table :data="crud.data" style="width: 100%"> |
|||
<el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> |
|||
<el-table-column prop="number" label="题名" width="120" /> |
|||
<el-table-column prop="operator" label="档号" width="120" /> |
|||
<el-table-column prop="operationType" label="年度" width="120" /> |
|||
<el-table-column prop="file" label="所属门类" width="160" /> |
|||
<el-table-column prop="createDate" label="所属分类" width="200" /> |
|||
<el-table-column prop="createDate" label="起始时间" width="200" /> |
|||
<el-table-column prop="createDate" label="终止时间" width="200" /> |
|||
</el-table> |
|||
<!--分页组件--> |
|||
<el-pagination |
|||
:current-page="page.page" |
|||
:total="page.total" |
|||
:page-size="page.size" |
|||
:pager-count="5" |
|||
layout="total, prev, pager, next, sizes" |
|||
@size-change="handleSizeChange" |
|||
@current-change="handleCurrentPage" |
|||
/> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="text" @click="insertFileVisible = false">取消</el-button> |
|||
<el-button type="primary" @click.native="handleComfireInsertFile">确定</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import CRUD, { presenter, crud } from '@crud/crud' |
|||
import rrOperation from '@crud/RR.operation' |
|||
export default { |
|||
name: 'InsertFile', |
|||
components: { rrOperation }, |
|||
mixins: [presenter(), crud()], |
|||
cruds() { |
|||
return CRUD({ |
|||
url: 'api/archives-type/menu', |
|||
crudMethod: { }, |
|||
optShow: { |
|||
add: false, |
|||
edit: false, |
|||
del: false, |
|||
reset: true, |
|||
download: false, |
|||
group: false |
|||
} |
|||
}) |
|||
}, |
|||
data() { |
|||
return { |
|||
query: { |
|||
blurry: '' |
|||
}, |
|||
insertFileVisible: false, |
|||
tableData: [], |
|||
page: { |
|||
page: 1, |
|||
size: 10, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
handleComfireInsertFile() { |
|||
this.insertFileVisible = false |
|||
}, |
|||
handleSizeChange(size) { |
|||
this.page.size = size |
|||
this.page.page = 1 |
|||
}, |
|||
handleCurrentPage(val) { |
|||
this.page.page = val |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.insertFile-dialog{ |
|||
::v-deep .el-dialog{ |
|||
width: 815px; |
|||
.search-btn-box{ |
|||
.el-button{ |
|||
margin-left: 10px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.dialog-footer{ |
|||
margin-top: 20px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue