10 changed files with 520 additions and 232 deletions
-
52src/api/prearchiveLibrary/prearchiveLibrary.js
-
5src/components/Crud/crud.js
-
21src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
-
151src/views/collectReorganizi/collectionLibrary/module/fileSeqAdjustment/index.vue
-
27src/views/components/category/PreviewForm.vue
-
196src/views/prearchiveLibrary/index.vue
-
19src/views/prearchiveLibrary/module/form.vue
-
46src/views/prearchiveLibrary/table.json
-
109src/views/prearchiveLibrary/treeList.vue
-
8src/views/system/fileLibraryManage/index.vue
@ -0,0 +1,52 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
import qs from 'qs' |
||||
|
|
||||
|
export function FetchInitPreDocument(params) { |
||||
|
return request({ |
||||
|
url: 'api/re-document/initPreDocument' + '?' + qs.stringify(params, { indices: false }), |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function FetchInitDocumentsViewTable(params) { |
||||
|
return request({ |
||||
|
url: 'api/re-document/initDocumentsViewTable', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function add(data) { |
||||
|
return request({ |
||||
|
url: 'api/re-document/editDocument', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function edit(data) { |
||||
|
return request({ |
||||
|
url: 'api/re-document/editDocument', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function del(ids) { |
||||
|
const params = { id: ids[0] } |
||||
|
return request({ |
||||
|
url: 'api/re-document/deleteDocument', |
||||
|
method: 'delete', |
||||
|
params |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function FetchDoeditDocument(params) { |
||||
|
return request({ |
||||
|
url: 'api/re-document/doeditDocument', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export default { add, edit, del, FetchInitPreDocument, FetchInitDocumentsViewTable, FetchDoeditDocument } |
||||
@ -0,0 +1,151 @@ |
|||||
|
<template> |
||||
|
<!-- 卷内顺序调整 --> |
||||
|
<div> |
||||
|
<el-dialog class="adjust-dialog" title="卷内顺序调整" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="adjustmentVisible" @opened="opened"> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="base-info"> |
||||
|
<p>案卷档号：YXK-2022-JJ-001</p> |
||||
|
<p>案卷题名：案卷名称123</p> |
||||
|
</div> |
||||
|
<i class="drag-tip">提示：请通过拖动鼠标来调整当前顺序</i> |
||||
|
<el-table :data="sortTableData" :tree-props="{children: 'childrens'}" class="category-sort" style="width: 100%;" row-key="id"> |
||||
|
<el-table-column type="index" label="序号" width="100" align="center" /> |
||||
|
<el-table-column prop="archive_no" label="字段名称" /> |
||||
|
</el-table> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="adjustmentVisible = false">取消</el-button> |
||||
|
<el-button type="primary" @click.native="handleSort">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Sortable from 'sortablejs' |
||||
|
export default { |
||||
|
name: 'FileSeqAdjustment', |
||||
|
components: { }, |
||||
|
mixins: [], |
||||
|
props: { |
||||
|
selectedCategory: { |
||||
|
type: Object, |
||||
|
default: function() { |
||||
|
return {} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
adjustmentVisible: false, |
||||
|
sortTableData: [ |
||||
|
{ |
||||
|
'case_no': '746DF968E7E629CAEFF889', |
||||
|
'responsibleby': '发文机关003', |
||||
|
'children_num': 0, |
||||
|
'tid': '', |
||||
|
'medium_qty': '1', |
||||
|
'maintitle': '发文标题003', |
||||
|
'security_class': '秘密', |
||||
|
'archive_year': 2023, |
||||
|
'archive_no': 'AA001-Y-WS.W-2023-001-001', |
||||
|
'created_date': '2023-07-02', |
||||
|
'id': '17D5B3A9B0A0092CA96DAE', |
||||
|
'is_storage': 2, |
||||
|
'is_borrow': 3 |
||||
|
}, |
||||
|
{ |
||||
|
'case_no': '746DF968E7E629CAEFF889', |
||||
|
'responsibleby': '', |
||||
|
'children_num': 0, |
||||
|
'tid': '', |
||||
|
'medium_qty': '0', |
||||
|
'maintitle': '卷册01002', |
||||
|
'security_class': '秘密', |
||||
|
'archive_year': 2023, |
||||
|
'archive_no': 'AA001-Y-WS.W-2023-001-002', |
||||
|
'created_date': '', |
||||
|
'id': '8B7D6D926100324DFCCDA5', |
||||
|
'is_storage': 2, |
||||
|
'is_borrow': 3 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
selectedCategory: function(newValue, oldValue) { |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
// 行拖拽 |
||||
|
rowDrop(className, targetName) { |
||||
|
// 此时找到的元素是要拖拽元素的父容器 |
||||
|
const tbody = document.querySelector('.' + className + ' .el-table__body-wrapper tbody') |
||||
|
const that = this |
||||
|
Sortable.create(tbody, { |
||||
|
// 指定父元素下可被拖拽的子元素 |
||||
|
draggable: '.el-table__row', |
||||
|
onEnd({ newIndex, oldIndex }) { |
||||
|
if (newIndex === oldIndex) return |
||||
|
that[targetName].splice(newIndex, 0, that[targetName].splice(oldIndex, 1)[0]) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
opened() { |
||||
|
this.rowDrop('category-sort', 'sortTableData') |
||||
|
}, |
||||
|
handleSort() { |
||||
|
const data = this.sortTableData.map((value, index) => { |
||||
|
return { id: value.id, sort: index + 1 } |
||||
|
}) |
||||
|
this.sortTableData.forEach((item, index) => { |
||||
|
item.categorySeq = index + 1 |
||||
|
}) |
||||
|
console.log(data) |
||||
|
// sort(data).then(() => { |
||||
|
// this.sortVisible = false |
||||
|
// this.$message({ |
||||
|
// message: '保存成功', |
||||
|
// type: 'success', |
||||
|
// duration: 2500 |
||||
|
// }) |
||||
|
// this.$emit('treeNodeSort', this.sortTableData) |
||||
|
// }) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
.adjust-dialog{ |
||||
|
::v-deep .el-dialog{ |
||||
|
width: 815px; |
||||
|
.el-dialog__body{ |
||||
|
padding: 16px 0 30px 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.base-info{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
color: #0c0e1e; |
||||
|
padding: 0 20px 30px 20px; |
||||
|
p{ |
||||
|
flex: 1; |
||||
|
} |
||||
|
} |
||||
|
.drag-tip { |
||||
|
display: block; |
||||
|
padding-left: 20px; |
||||
|
padding-bottom: 10px; |
||||
|
font-style: normal; |
||||
|
font-weight: bold; |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
</style> |
||||
@ -1,46 +0,0 @@ |
|||||
[ |
|
||||
{ |
|
||||
"id": 1, |
|
||||
"title": "归档文件标题1", |
|
||||
"number": "[2020] 1号", |
|
||||
"date": "2020-10-01", |
|
||||
"problem": "档案室", |
|
||||
"officialIdent": "-", |
|
||||
"recordType": "决议", |
|
||||
"seClassification": "机密", |
|
||||
"period": "永久" |
|
||||
}, |
|
||||
{ |
|
||||
"id": 2, |
|
||||
"title": "归档文件标题2", |
|
||||
"number": "[2020] 2号", |
|
||||
"date": "2020-10-01", |
|
||||
"problem": "档案室", |
|
||||
"officialIdent": "-", |
|
||||
"recordType": "决议", |
|
||||
"seClassification": "机密", |
|
||||
"period": "永久" |
|
||||
}, |
|
||||
{ |
|
||||
"id": 3, |
|
||||
"title": "归档文件标题3", |
|
||||
"number": "[2020] 3号", |
|
||||
"date": "2020-10-01", |
|
||||
"problem": "档案室", |
|
||||
"officialIdent": "-", |
|
||||
"recordType": "决议", |
|
||||
"seClassification": "机密", |
|
||||
"period": "永久" |
|
||||
}, |
|
||||
{ |
|
||||
"id": 4, |
|
||||
"title": "归档文件标题4", |
|
||||
"number": "[2020] 4号", |
|
||||
"date": "2020-10-01", |
|
||||
"problem": "档案室", |
|
||||
"officialIdent": "-", |
|
||||
"recordType": "决议", |
|
||||
"seClassification": "机密", |
|
||||
"period": "永久" |
|
||||
} |
|
||||
] |
|
||||
@ -0,0 +1,109 @@ |
|||||
|
<template> |
||||
|
|
||||
|
<div class="container-left"> |
||||
|
<span class="right-top-line" /> |
||||
|
<span class="left-bottom-line" /> |
||||
|
<!--门类树状结构--> |
||||
|
<div class="tree-scroll"> |
||||
|
<el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @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" class="iconFile"> |
||||
|
{{ data.cnName }} |
||||
|
</span> |
||||
|
</span> |
||||
|
</el-tree> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import CRUD, { presenter, header } from '@crud/crud' |
||||
|
import { preLibraryCrud } from './mixins/index' |
||||
|
|
||||
|
export default { |
||||
|
name: 'PrearchiveTree', |
||||
|
components: { }, |
||||
|
cruds() { |
||||
|
return [ |
||||
|
CRUD({ |
||||
|
title: '预归档库', url: 'api/document/menu', |
||||
|
crudMethod: { }, |
||||
|
optShow: { |
||||
|
add: false, |
||||
|
edit: false, |
||||
|
del: false, |
||||
|
download: true, |
||||
|
group: false, |
||||
|
reset: true |
||||
|
} |
||||
|
}) |
||||
|
] |
||||
|
}, |
||||
|
mixins: [presenter(), header(), preLibraryCrud], |
||||
|
data() { |
||||
|
return { |
||||
|
permission: { |
||||
|
add: ['admin', 'prearchiveLibrary:add'], |
||||
|
edit: ['admin', 'prearchiveLibrary:edit'], |
||||
|
del: ['admin', 'prearchiveLibrary:del'], |
||||
|
sort: ['admin', 'prearchiveLibrary:sort'] |
||||
|
}, |
||||
|
defaultProps: { |
||||
|
children: 'children', |
||||
|
label: 'cnName' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
methods: { |
||||
|
[CRUD.HOOK.beforeToAdd](crud, form, btn) { |
||||
|
}, |
||||
|
[CRUD.HOOK.afterRefresh]() { |
||||
|
this.crud.data = this.filterData(this.crud.data) |
||||
|
this.$nextTick(() => { |
||||
|
let currentKey |
||||
|
if (this.crud.data[0].isType === 1) { |
||||
|
currentKey = this.findNode(this.crud.data[0].children, (node) => { |
||||
|
return node.isType !== 1 |
||||
|
}) |
||||
|
} else { |
||||
|
currentKey = this.crud.data[0] |
||||
|
} |
||||
|
|
||||
|
// 设置某个节点的当前选中状态 |
||||
|
this.$refs.tree.setCurrentKey(currentKey.id) |
||||
|
this.$nextTick(() => { |
||||
|
// 设置某个节点的父级展开 |
||||
|
const selectedKey = this.$refs.tree.getCurrentNode() |
||||
|
if (this.$refs.tree.getNode(selectedKey) && this.$refs.tree.getNode(selectedKey).parent) { |
||||
|
this.expandParents(this.$refs.tree.getNode(selectedKey).parent) |
||||
|
} |
||||
|
// 选中节点的门类详情 |
||||
|
this.handleNodeClick(selectedKey) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
// 选中门类后 |
||||
|
handleNodeClick(val) { |
||||
|
if (val) { |
||||
|
this.$emit('nodeClick', val) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
[data-theme=dark] .elect-cont-left .container-left { |
||||
|
min-height: calc(100vh - 158px); |
||||
|
} |
||||
|
.tree-scroll{ |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue