14 changed files with 682 additions and 288 deletions
-
21src/api/system/category/process.js
-
75src/assets/styles/prearchive-library.scss
-
64src/views/prearchiveLibrary/index.vue
-
275src/views/prearchiveLibrary/module/batchFile.vue
-
1src/views/prearchiveLibrary/module/form.vue
-
65src/views/prearchiveLibrary/module/moveFile.vue
-
213src/views/prearchiveLibrary/module/scope.vue
-
41src/views/system/archivesCategory/processManage/index.vue
-
99src/views/system/archivesCategory/processManage/module/form.vue
-
2src/views/system/groupManage/index.vue
-
26src/views/system/log/operateLog/index.vue
-
6src/views/system/log/search.vue
-
2src/views/system/role/index.vue
-
80src/views/system/user/center.vue
@ -0,0 +1,21 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// 门类流程管理基础
|
||||
|
export function FetchInitCategoryFlowBase(params) { |
||||
|
return request({ |
||||
|
url: 'api/category/initCategoryFlowBase', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 根据门类获取流程设置
|
||||
|
export function FetchInitFlowByCategoryId(params) { |
||||
|
return request({ |
||||
|
url: 'api/category/initFlowByCategoryId', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export default { FetchInitCategoryFlowBase, FetchInitFlowByCategoryId } |
||||
@ -0,0 +1,75 @@ |
|||||
|
@import 'variables'; |
||||
|
@import 'mixin'; |
||||
|
|
||||
|
|
||||
|
.move-form{ |
||||
|
::v-deep .el-dialog{ |
||||
|
width: 828px; |
||||
|
} |
||||
|
.move-main{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
height: 477px; |
||||
|
border: 1px solid #E6E8ED; |
||||
|
} |
||||
|
.move-left{ |
||||
|
width: 253px; |
||||
|
padding: 12px 20px 0 12px; |
||||
|
border-right: 1px solid #E6E8ED; |
||||
|
} |
||||
|
|
||||
|
.move-right{ |
||||
|
flex: 1; |
||||
|
h4{ |
||||
|
position: relative; |
||||
|
padding-left: 52px; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
font-size: 16px; |
||||
|
color: #0C0E1E; |
||||
|
border-bottom: 1px solid #E6E8ED; |
||||
|
background: #F5F9FC; |
||||
|
&::before{ |
||||
|
content: ""; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
display: inline-block; |
||||
|
width: 39px; |
||||
|
height: 40px; |
||||
|
border-right: 1px solid #E6E8ED; |
||||
|
} |
||||
|
} |
||||
|
.raido-main{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
flex-wrap: wrap; |
||||
|
justify-content: flex-start; |
||||
|
height: 360px; |
||||
|
overflow: hidden; |
||||
|
overflow-y: scroll; |
||||
|
.el-radio{ |
||||
|
width: 100%; |
||||
|
margin-right: 0; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
border-bottom: 1px solid #E6E8ED; |
||||
|
::v-deep .el-radio__input{ |
||||
|
margin-left: 12px; |
||||
|
} |
||||
|
::v-deep .el-radio__label{ |
||||
|
display: inline-block; |
||||
|
padding-left: 12px; |
||||
|
margin-left: 12px; |
||||
|
border-left: 1px solid #E6E8ED; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.select-content{ |
||||
|
padding: 0 18px; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
border-top: 1px solid #E6E8ED; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,213 @@ |
|||||
|
<template> |
||||
|
<!-- 归档范围 --> |
||||
|
<el-dialog class="move-form" append-to-body :modal-append-to-body="false" :close-on-click-modal="false" :before-close="handleClose" :visible="scopeVisible" title="归档范围"> |
||||
|
<span class="dialog-right-top" /> |
||||
|
<span class="dialog-left-bottom" /> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="move-main"> |
||||
|
<div class="move-left"> |
||||
|
<!--门类树状结构--> |
||||
|
<div class="tree-scroll"> |
||||
|
<el-tree |
||||
|
ref="tree2" |
||||
|
v-loading="crud.loading" |
||||
|
:data="crud.data" |
||||
|
node-key="id" |
||||
|
:props="defaultProps" |
||||
|
:expand-on-click-node="false" |
||||
|
@node-click="handleNodeClick2" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="move-right"> |
||||
|
<h4>归档范围</h4> |
||||
|
<div class="raido-main" style="height: 395px;"> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
v-loading="crud.loading" |
||||
|
lazy |
||||
|
:show-header="false" |
||||
|
:data="tableData" |
||||
|
:row-key="getRowKey" |
||||
|
:load="getSonClass" |
||||
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}" |
||||
|
highlight-current-row |
||||
|
@select="handleSelect" |
||||
|
@selection-change="selectionChangeHandler" |
||||
|
@row-click="clickRowHandler" |
||||
|
> |
||||
|
<el-table-column type="selection" align="center" width="55" /> |
||||
|
<el-table-column :show-overflow-tooltip="true" prop="scopeName" label="名称" /> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="select-content"> |
||||
|
当前选中：{{ selections.length!==0 ? selections[0].scopeName : '' }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="text" @click="cancelScope">取消</el-button> |
||||
|
<el-button type="primary" @click="confirmedScope">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { FetchInitArchivesScope, FetchSonArchivesScope } from '@/api/system/archivesScope' |
||||
|
import CRUD, { presenter, header, crud } from '@crud/crud' |
||||
|
import Vue from 'vue' |
||||
|
export default { |
||||
|
name: 'ScopeModule', |
||||
|
components: { }, |
||||
|
cruds() { |
||||
|
return [ |
||||
|
CRUD({ |
||||
|
title: '归档范围', url: 'api/category/menu', |
||||
|
crudMethod: {}, sort: [] |
||||
|
}) |
||||
|
] |
||||
|
}, |
||||
|
mixins: [presenter(), header(), crud()], |
||||
|
data() { |
||||
|
return { |
||||
|
scopeVisible: false, |
||||
|
selectedCategory: null, |
||||
|
tableData: [], |
||||
|
selections: [], |
||||
|
defaultProps: { children: 'children', label: 'cnName' } |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
mounted() { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
getRowKey(row) { |
||||
|
return row.id |
||||
|
}, |
||||
|
filterData(data) { |
||||
|
return data.filter(node => { |
||||
|
if (node.children && node.children.length > 0) { |
||||
|
node.children = this.filterData(node.children) // 递归处理子节点 |
||||
|
} |
||||
|
return node.isType !== 3 // 过滤掉isType为3的节点 |
||||
|
}) |
||||
|
}, |
||||
|
// 逆归实现 获取指定元素 |
||||
|
findNode(tree, func) { |
||||
|
for (const node of tree) { |
||||
|
if (func(node)) return node |
||||
|
if (node.children) { |
||||
|
const res = this.findNode(node.children, func) |
||||
|
if (res) return res |
||||
|
} |
||||
|
} |
||||
|
return null |
||||
|
}, |
||||
|
// 展开选中的父级 |
||||
|
expandParents(node) { |
||||
|
node.expanded = true |
||||
|
if (node.parent) { |
||||
|
this.expandParents(node.parent) |
||||
|
} |
||||
|
}, |
||||
|
[CRUD.HOOK.afterRefresh]() { |
||||
|
this.crud.data = this.filterData(this.crud.data) |
||||
|
this.$nextTick(() => { |
||||
|
if (this.$refs.tree2) { |
||||
|
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.tree2.setCurrentKey(currentKey.id) |
||||
|
this.$nextTick(() => { |
||||
|
// 设置某个节点的父级展开 |
||||
|
const selectedKey = this.$refs.tree2.getCurrentNode() |
||||
|
if (this.$refs.tree2.getNode(selectedKey) && this.$refs.tree2.getNode(selectedKey).parent) { |
||||
|
this.expandParents(this.$refs.tree2.getNode(selectedKey).parent) |
||||
|
} |
||||
|
// 选中节点的门类详情 |
||||
|
this.handleNodeClick(selectedKey) |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 选中门类后，设置门类详情数据 |
||||
|
handleNodeClick2(val) { |
||||
|
if (val) { |
||||
|
this.selectedCategory = val |
||||
|
if (val.pid !== '0') { |
||||
|
Vue.set(this.selectedCategory, 'parentName', this.$refs.tree2.getNode(val.pid).data.cnName) |
||||
|
} |
||||
|
this.getInitArchivesScope() |
||||
|
} |
||||
|
}, |
||||
|
getInitArchivesScope() { |
||||
|
FetchInitArchivesScope({ 'categoryId': this.selectedCategory.id }).then(res => { |
||||
|
this.tableData = res.content.map(function(item, index) { |
||||
|
if (item.sonNum !== 0) { |
||||
|
item.hasChildren = true |
||||
|
item.children = null |
||||
|
} else { |
||||
|
item.hasChildren = false |
||||
|
} |
||||
|
return item |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
getSonClass(tree, treeNode, resolve) { |
||||
|
setTimeout(() => { |
||||
|
FetchSonArchivesScope({ pid: tree.id }).then(res => { |
||||
|
const data = res.map(function(obj) { |
||||
|
if (obj.sonNum !== 0 && obj.sonNum) { |
||||
|
obj.hasChildren = true |
||||
|
obj.children = null |
||||
|
} else { |
||||
|
obj.hasChildren = false |
||||
|
} |
||||
|
return obj |
||||
|
}) |
||||
|
resolve(data) |
||||
|
}) |
||||
|
}, 100) |
||||
|
}, |
||||
|
handleSelect(selection) { |
||||
|
this.$refs.table.clearSelection() // 清除当前选择 |
||||
|
if (selection.length > 0) { |
||||
|
// 设置选中项 |
||||
|
this.$refs.table.toggleRowSelection(selection[0]) |
||||
|
} |
||||
|
}, |
||||
|
// table - 当前选中得row |
||||
|
clickRowHandler(row) { |
||||
|
this.$refs.table.clearSelection() |
||||
|
this.$refs.table.toggleRowSelection(row) |
||||
|
}, |
||||
|
selectionChangeHandler(val) { |
||||
|
this.selections = val |
||||
|
}, |
||||
|
cancelScope() { |
||||
|
this.scopeVisible = false |
||||
|
}, |
||||
|
confirmedScope() { |
||||
|
this.scopeVisible = false |
||||
|
this.$emit('getScope', this.selections) |
||||
|
}, |
||||
|
handleClose(done) { |
||||
|
this.scopeVisible = false |
||||
|
done() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "~@/assets/styles/prearchive-library.scss"; |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue