档案目录管理功能
This commit is contained in:
parent
e924770226
commit
ebcca1c49d
|
|
@ -0,0 +1,91 @@
|
|||
import request from '@/axios';
|
||||
|
||||
// 获取档案目录树
|
||||
export function getArchivalCatalogueTreeApi(params) {
|
||||
|
||||
return request({
|
||||
url: '/blade-system/archive/getArchivalCatalogueTree',
|
||||
method: 'POST',
|
||||
data:{
|
||||
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
// 新增档案目录
|
||||
export function addArchiveLeftApi(data) {
|
||||
return request({
|
||||
url: '/blade-system/archive/addLeft',
|
||||
method: 'POST',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
// 新增档案表格数据
|
||||
export function addArchiveRightApi(data) {
|
||||
return request({
|
||||
url: '/blade-system/archive/addRight',
|
||||
method: 'POST',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改档案目录
|
||||
export function editArchiveLeftApi(data) {
|
||||
return request({
|
||||
url: '/blade-system/archive/editLeft',
|
||||
method: 'POST',
|
||||
data:data,
|
||||
})
|
||||
}
|
||||
|
||||
// 修改档案目录
|
||||
export function editArchiveRightApi(data) {
|
||||
return request({
|
||||
url: '/blade-system/archive/editRight',
|
||||
method: 'POST',
|
||||
data:data,
|
||||
})
|
||||
}
|
||||
|
||||
// 删除档案目录
|
||||
export function delArchiveApi(id) {
|
||||
let data = {
|
||||
id:id
|
||||
};
|
||||
return request({
|
||||
url: '/blade-system/archive/del',
|
||||
method: 'POST',
|
||||
data:data,
|
||||
})
|
||||
}
|
||||
|
||||
// 编辑-详情
|
||||
export function getArchivalCatalogueByIdApi(params) {
|
||||
return request({
|
||||
url: '/blade-system/archive/getArchivalCatalogueById',
|
||||
method: 'POST',
|
||||
params:params
|
||||
})
|
||||
}
|
||||
|
||||
// 列表
|
||||
export function getArchivalCatalogueListApi(data) {
|
||||
return request({
|
||||
url: '/blade-system/archive/getArchivalCatalogue',
|
||||
method: 'POST',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
// 查询序号
|
||||
export function getMaxSortApi(parentId) {
|
||||
let data = {
|
||||
parentId: parentId
|
||||
};
|
||||
return request({
|
||||
url: '/blade-system/archive/geMaxSort',
|
||||
method: 'POST',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,686 @@
|
|||
<template>
|
||||
<el-row class="full-height">
|
||||
<!-- 左侧树 -->
|
||||
<el-col :span="6" class="left-panel">
|
||||
<div class="box">
|
||||
<el-scrollbar>
|
||||
<basic-container>
|
||||
<avue-tree
|
||||
:option="treeOption"
|
||||
:data="treeData"
|
||||
@node-click="nodeClick"
|
||||
>
|
||||
<template #default="{ node, data }">
|
||||
<span>{{ data.contentName }}</span>
|
||||
|
||||
<el-icon
|
||||
v-if="data.level != 3"
|
||||
class="el-icon-circle-plus-outline icon-op"
|
||||
@click.stop="openDialog('add',data)"
|
||||
>
|
||||
<CirclePlus />
|
||||
</el-icon>
|
||||
|
||||
<el-icon
|
||||
v-if="data.level > 0"
|
||||
class="el-icon-edit icon-op"
|
||||
@click.stop="openDialog('edit',data)"
|
||||
>
|
||||
<Edit />
|
||||
</el-icon>
|
||||
|
||||
<el-icon
|
||||
v-if="data.level > 0"
|
||||
class="el-icon-delete icon-op"
|
||||
@click.stop="deleteNode(data)"
|
||||
>
|
||||
<Delete />
|
||||
</el-icon>
|
||||
</template>
|
||||
</avue-tree>
|
||||
</basic-container>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<!-- 右侧表格 -->
|
||||
<el-col :span="18" class="right-panel">
|
||||
<basic-container class="right-basic">
|
||||
<avue-crud
|
||||
:option="option"
|
||||
:table-loading="loading"
|
||||
:data="data"
|
||||
v-model:page="page"
|
||||
:permission="permissionList"
|
||||
:before-open="beforeOpen"
|
||||
v-model="form"
|
||||
ref="crud"
|
||||
@row-update="rowUpdate"
|
||||
@row-save="rowSave"
|
||||
@row-del="rowDel"
|
||||
@search-change="searchChange"
|
||||
@search-reset="searchReset"
|
||||
@selection-change="selectionChange"
|
||||
@current-change="currentChange"
|
||||
@size-change="sizeChange"
|
||||
@on-load="onLoad"
|
||||
>
|
||||
</avue-crud>
|
||||
</basic-container>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 树的新增修改删除弹窗 -->
|
||||
<el-dialog
|
||||
:title="dialogTitle"
|
||||
v-model="dialogVisible"
|
||||
width="500px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form :model="editForm" ref="editFormRef" label-width="100px">
|
||||
<!-- 上级节点 -->
|
||||
<el-form-item label="上级节点" prop="parentId">
|
||||
<avue-tree
|
||||
ref="tree"
|
||||
:data="treeForDialog"
|
||||
:option="treeSelectOption"
|
||||
v-model="editForm.parentId"
|
||||
@node-click="onParentSelect"
|
||||
>
|
||||
<template #default="{ node, data }">
|
||||
<span>{{ data.contentName }}</span>
|
||||
</template>
|
||||
</avue-tree>
|
||||
</el-form-item>
|
||||
|
||||
<!-- 名称 -->
|
||||
<el-form-item label="分类名称" prop="contentName">
|
||||
<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6 }" maxlength="64" v-model="editForm.contentName" placeholder="请输入分类名称" />
|
||||
</el-form-item>
|
||||
|
||||
<!-- 案卷排序号 -->
|
||||
<el-form-item label="案卷排序号" prop="sort">
|
||||
<el-input-number v-model="editForm.sort" :min="1" maxlength="3" />
|
||||
<span style="color:red">{{ sortTip }}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="saveNode">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from "vue";
|
||||
import {
|
||||
getArchivalCatalogueTreeApi,
|
||||
addArchiveLeftApi,
|
||||
editArchiveLeftApi,
|
||||
delArchiveApi,
|
||||
getArchivalCatalogueListApi,
|
||||
getMaxSortApi,
|
||||
addArchiveRightApi, editArchiveRightApi
|
||||
} from '@/api/archivesManagement/archCatalogue';
|
||||
import { mapGetters } from 'vuex';
|
||||
// import { add, getDetail, getList, remove, update } from '@/api/data-collect/data-class-manage';
|
||||
export default {
|
||||
name: "ArchCatalogue",
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
query: {},
|
||||
loading: true,
|
||||
data: [],
|
||||
rawData: [],
|
||||
page: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 0,
|
||||
},
|
||||
selectionList: [],
|
||||
|
||||
option: {
|
||||
height: "calc(100vh - 280px)",
|
||||
tip: false,
|
||||
searchShow: true,
|
||||
searchMenuSpan: 6,
|
||||
border: true,
|
||||
index: true,
|
||||
viewBtn: true,
|
||||
selection: false,
|
||||
columnBtn: true,
|
||||
column: [
|
||||
{
|
||||
label: '所属案卷',
|
||||
labelWidth: 120,
|
||||
prop: 'path',
|
||||
hide: true,
|
||||
type: 'input', // 不要用 static，用 input
|
||||
readonly: true, // 设置为只读
|
||||
disabled: true, // 设置为禁用
|
||||
},
|
||||
|
||||
{
|
||||
label: "文件名称",
|
||||
labelWidth: 120,
|
||||
prop: "contentName",
|
||||
search: true,
|
||||
type: "input",
|
||||
placeholder: "请输入文件名称",
|
||||
searchLabelWidth: 120,
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入文件名称',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: '案卷期限',
|
||||
labelWidth: 120,
|
||||
prop: 'term',
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入案卷期限',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: '档案标识代码',
|
||||
labelWidth: 120,
|
||||
prop: 'markCode', //该列对应的数据字段名（即后端返回或提交时使用的 key）。
|
||||
type: 'select', //指定该字段在表单中的输入类型为“下拉选择框”
|
||||
dicUrl: '/blade-system/system/dict/data/type', // 接口地址
|
||||
dicMethod: 'post', // 指定为 POST 请求
|
||||
dicQuery: {
|
||||
dictType: 'mark_code' //作为请求体（body）发送（Avue 内部会处理）
|
||||
},
|
||||
props: {
|
||||
label: 'dictLabel',
|
||||
value: 'dictLabel',
|
||||
},
|
||||
slot: true,
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择档案标识代码',
|
||||
trigger: 'change',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: '归档责任单位',
|
||||
labelWidth: 120,
|
||||
prop: 'unitName',
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入归档责任单位',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: '所属专业',
|
||||
labelWidth: 120,
|
||||
prop: 'major',
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入所属专业',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: '文件分类标记',
|
||||
labelWidth: 120,
|
||||
prop: 'classifyMarkId', //该列对应的数据字段名（即后端返回或提交时使用的 key）。
|
||||
type: 'select', //指定该字段在表单中的输入类型为“下拉选择框”
|
||||
dicUrl: '/blade-system/archive/getFilesClassifyMarkSelect', // 接口地址
|
||||
dicMethod: 'post', // 指定为 POST 请求
|
||||
props: {
|
||||
label: 'name',
|
||||
value: 'id',
|
||||
},
|
||||
slot: true,
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择文件分类标记',
|
||||
trigger: 'change',
|
||||
},
|
||||
],
|
||||
},
|
||||
]
|
||||
},
|
||||
|
||||
treeDeptId: "0",
|
||||
treeLevel:0,
|
||||
treeData: [],
|
||||
treeOption: {
|
||||
nodeKey: "id",
|
||||
menu: false,
|
||||
addBtn: false,
|
||||
props: { label: "contentName", children: "children" },
|
||||
level: null,
|
||||
defaultExpandAll: true,
|
||||
},
|
||||
|
||||
shareDialogVisible: false,
|
||||
shareRowData: null,
|
||||
selectedNodeId: 0,
|
||||
selectedNodeName: '',
|
||||
|
||||
dialogVisible: false,
|
||||
dialogType: "add",
|
||||
editForm: { contentName:null,id:null,level:null,parentId:null,sort:null },
|
||||
|
||||
treeOptions: [], // 原来的树数据
|
||||
treeForDialog: [], // 弹窗树数据
|
||||
treeSelectOption: {
|
||||
menu: false,
|
||||
addBtn: false,
|
||||
searchShow: false,
|
||||
nodeKey: "id",
|
||||
props: {
|
||||
label: "contentName",
|
||||
children: "children",
|
||||
value: "id"
|
||||
},
|
||||
defaultExpandAll: true,
|
||||
multiple: false,
|
||||
checkStrictly: true,
|
||||
selectClick: true,
|
||||
},
|
||||
|
||||
sortTip: "",
|
||||
dialogTitle: '',
|
||||
treeKey: 0, // 用于强制重新渲染
|
||||
selectedNodePath:'',
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
...mapGetters(['permission']),
|
||||
permissionList() {
|
||||
let isLevel3 = this.treeLevel ===3;
|
||||
return {
|
||||
addBtn: this.validData(this.permission.post_add, false) && isLevel3,
|
||||
viewBtn: this.validData(this.permission.post_view, false),
|
||||
delBtn: this.validData(this.permission.post_delete, false),
|
||||
editBtn: this.validData(this.permission.post_edit, false),
|
||||
};
|
||||
},
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.loadFullTree();
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 左侧树：全部展开
|
||||
async loadFullTree() {
|
||||
try {
|
||||
const res = await getArchivalCatalogueTreeApi(0);
|
||||
const rows = res.data?.data || [];
|
||||
|
||||
// 在转换时添加 parentId
|
||||
const convert = (list, parentId = null) => list.map(item => ({
|
||||
id: item.id,
|
||||
contentName: item.contentName,
|
||||
level: item.level,
|
||||
parentId: parentId, // 添加父节点ID
|
||||
children: item.children && item.children.length > 0 ? convert(item.children, item.id) : []
|
||||
}));
|
||||
|
||||
this.treeData = convert(rows);
|
||||
this.treeOptions = this.treeData; // 确保 treeOptions 也有 parentId
|
||||
} catch (err) {
|
||||
console.error("加载左树失败", err);
|
||||
this.treeData = [];
|
||||
this.treeOptions = [];
|
||||
}
|
||||
},
|
||||
|
||||
nodeClick(node) {
|
||||
this.treeDeptId = node.id;
|
||||
this.treeLevel = node.level;
|
||||
this.selectedNodeId = node.id;
|
||||
this.selectedNodeName = node.contentName;
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
|
||||
// 弹窗树打开
|
||||
async openDialog(type, node) {
|
||||
this.dialogType = type;
|
||||
this.dialogVisible = true;
|
||||
this.dialogTitle = type === 'add' ? '新增分类' : '编辑分类';
|
||||
console.log('打开弹窗 - 类型:', type, '节点:', node);
|
||||
// 初始化表单
|
||||
if (type === 'edit') {
|
||||
this.editForm = { ...node };
|
||||
// 编辑模式：使用节点的原始 parentId
|
||||
if (!node.parentId) {
|
||||
// 如果节点没有 parentId，尝试查找父节点
|
||||
const parentNode = this.findParentNode(this.treeData, node.id);
|
||||
this.editForm.parentId = parentNode ? parentNode.id : null;
|
||||
} else {
|
||||
this.editForm.parentId = node.parentId;
|
||||
}
|
||||
} else {
|
||||
// 新增模式：父节点就是当前点击的节点
|
||||
this.editForm = {
|
||||
id: null,
|
||||
parentId: node.id,
|
||||
level: node.level + 1,
|
||||
contentName: '',
|
||||
sort: 1
|
||||
};
|
||||
}
|
||||
|
||||
console.log('设置的 parentId:', this.editForm.parentId);
|
||||
|
||||
// 构建弹窗树数据
|
||||
this.treeForDialog = this.filterTreeForDialog(this.treeOptions, type === 'edit' ? node : null);
|
||||
|
||||
// 强制重新渲染树组件
|
||||
this.treeKey += 1;
|
||||
|
||||
// 使用 $nextTick 确保 DOM 更新
|
||||
await this.$nextTick();
|
||||
|
||||
// 强制设置树的值
|
||||
if (this.$refs.tree && this.editForm.parentId) {
|
||||
setTimeout(() => {
|
||||
// 尝试不同的设置方法
|
||||
if (this.$refs.tree.setValue) {
|
||||
this.$refs.tree.setValue(this.editForm.parentId);
|
||||
}
|
||||
if (this.$refs.tree.setCurrentKey) {
|
||||
this.$refs.tree.setCurrentKey(this.editForm.parentId);
|
||||
}
|
||||
}, 150);
|
||||
}
|
||||
|
||||
// 获取排序提示
|
||||
if (this.editForm.parentId) {
|
||||
await this.onParentChange(this.editForm.parentId);
|
||||
}
|
||||
},
|
||||
|
||||
// 在树中查找节点的父节点
|
||||
findParentNode(tree, nodeId, parent = null) {
|
||||
for (const item of tree) {
|
||||
if (item.id === nodeId) {
|
||||
return parent;
|
||||
}
|
||||
if (item.children && item.children.length > 0) {
|
||||
const found = this.findParentNode(item.children, nodeId, item);
|
||||
if (found) return found;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
},
|
||||
|
||||
// 过滤树数据用于弹窗
|
||||
filterTreeForDialog(list, excludeNode = null) {
|
||||
return list
|
||||
.filter(n => {
|
||||
if (!excludeNode) return true;
|
||||
return !this.isDescendant(excludeNode, n);
|
||||
})
|
||||
.filter(n => n.level < 3)
|
||||
.map(n => ({
|
||||
...n,
|
||||
children: n.children ? this.filterTreeForDialog(n.children, excludeNode) : []
|
||||
}));
|
||||
},
|
||||
|
||||
// 判断 target 是否 excludeNode 本身或其子孙
|
||||
isDescendant(excludeNode, target) {
|
||||
if (excludeNode.id === target.id) return true;
|
||||
if (!excludeNode.children || excludeNode.children.length === 0) return false;
|
||||
return excludeNode.children.some(child => this.isDescendant(child, target));
|
||||
},
|
||||
|
||||
async saveNode() {
|
||||
try {
|
||||
// 验证表单
|
||||
if (!this.editForm.contentName || !this.editForm.contentName.trim()) {
|
||||
this.$message({ type: 'warning', message: '请输入分类名称!' });
|
||||
return;
|
||||
}
|
||||
|
||||
const api = this.dialogType === "add" ? addArchiveLeftApi : editArchiveLeftApi;
|
||||
await api(this.editForm);
|
||||
this.dialogVisible = false;
|
||||
this.$message({ type: 'success', message: '操作成功!' });
|
||||
await this.loadFullTree();
|
||||
} catch (error) {
|
||||
console.error('保存失败:', error);
|
||||
this.$message({ type: 'error', message: '操作失败!' });
|
||||
}
|
||||
},
|
||||
|
||||
async deleteNode(data) {
|
||||
try {
|
||||
await this.$confirm('确定要删除该节点吗？', '提示', {
|
||||
type: 'warning'
|
||||
});
|
||||
await delArchiveApi(data.id);
|
||||
await this.loadFullTree();
|
||||
this.$message({ type: 'success', message: '删除成功!' });
|
||||
} catch (error) {
|
||||
if (error !== 'cancel') {
|
||||
console.error('删除失败:', error);
|
||||
this.$message({ type: 'error', message: '删除失败!' });
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
async onParentChange(parentId) {
|
||||
if (parentId) {
|
||||
const parent = this.findNode(this.treeOptions, parentId);
|
||||
this.editForm.level = parent ? parent.level + 1 : 1;
|
||||
|
||||
try {
|
||||
const res = await getMaxSortApi(parentId);
|
||||
const maxSort = res.data?.data || 0;
|
||||
this.sortTip = `当前已有最大排序为 ${maxSort}`;
|
||||
|
||||
// 自动设置排序号
|
||||
if (this.dialogType === 'add') {
|
||||
this.editForm.sort = maxSort + 1;
|
||||
} else {
|
||||
// 编辑时保持原排序，如果原排序大于最大值则使用最大值
|
||||
this.editForm.sort = maxSort;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取最大排序失败:', error);
|
||||
this.sortTip = '获取排序信息失败';
|
||||
}
|
||||
} else {
|
||||
this.editForm.level = 1;
|
||||
this.sortTip = "";
|
||||
}
|
||||
},
|
||||
|
||||
findNode(tree, id) {
|
||||
for (const node of tree) {
|
||||
if (node.id === id) return node;
|
||||
if (node.children) {
|
||||
const found = this.findNode(node.children, id);
|
||||
if (found) return found;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
},
|
||||
|
||||
// 选择父节点
|
||||
onParentSelect(node) {
|
||||
this.editForm.parentId = node.id;
|
||||
this.editForm.level = node.level + 1;
|
||||
this.onParentChange(node.id);
|
||||
},
|
||||
|
||||
searchChange(params, done) {
|
||||
this.query = params;
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad(this.page, params);
|
||||
done();
|
||||
},
|
||||
|
||||
searchReset() {
|
||||
this.query = {};
|
||||
this.onLoad(this.page);
|
||||
},
|
||||
|
||||
shareRow(row) {
|
||||
const { $cellEdit, $index, ...cleanRow } = row;
|
||||
cleanRow.selectedNodeName = this.selectedNodeName;
|
||||
cleanRow.selectedNodeId = this.selectedNodeId;
|
||||
cleanRow.jsonId = cleanRow.id;
|
||||
this.shareRowData = cleanRow;
|
||||
this.shareDialogVisible = true;
|
||||
},
|
||||
rowSave(row, done, loading) {
|
||||
row.level = 4;
|
||||
row.parentId = this.selectedNodeId;
|
||||
row.classifyMark= row.classifyMarkId;
|
||||
|
||||
addArchiveRightApi(row).then(
|
||||
() => {
|
||||
this.onLoad(this.page);
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功!',
|
||||
});
|
||||
done();
|
||||
},
|
||||
error => {
|
||||
window.console.log(error);
|
||||
loading();
|
||||
}
|
||||
);
|
||||
},
|
||||
rowUpdate(row, index, done, loading) {
|
||||
row.level = 4;
|
||||
row.parentId = this.selectedNodeId;
|
||||
row.classifyMark= row.classifyMarkId;
|
||||
editArchiveRightApi(row).then(
|
||||
() => {
|
||||
this.onLoad(this.page);
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功!',
|
||||
});
|
||||
done();
|
||||
},
|
||||
error => {
|
||||
window.console.log(error);
|
||||
loading();
|
||||
}
|
||||
);
|
||||
},
|
||||
rowDel(row) {
|
||||
this.$confirm('确定将选择数据删除?', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
})
|
||||
.then(() => {
|
||||
return delArchiveApi(row.id);
|
||||
})
|
||||
.then(() => {
|
||||
this.onLoad(this.page);
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功!',
|
||||
});
|
||||
});
|
||||
},
|
||||
beforeOpen(done, type) {
|
||||
if (type === 'add') {
|
||||
this.$nextTick(() => {
|
||||
this.form.path = this.selectedNodePath;
|
||||
console.log("aaa=",this.form.path)
|
||||
});
|
||||
}
|
||||
done();
|
||||
},
|
||||
selectionChange(list) {
|
||||
this.selectionList = list;
|
||||
},
|
||||
currentChange(currentPage) {
|
||||
this.page.currentPage = currentPage;
|
||||
},
|
||||
sizeChange(pageSize) {
|
||||
this.page.pageSize = pageSize;
|
||||
},
|
||||
onLoad(page, params = {}) {
|
||||
this.loading = true;
|
||||
let data = {
|
||||
...params,
|
||||
pageNum:page.currentPage,
|
||||
pageSize:page.pageSize,
|
||||
parentId: this.treeDeptId
|
||||
};
|
||||
getArchivalCatalogueListApi(data).then(res => {
|
||||
const data = res.data;
|
||||
this.page.total = data.total;
|
||||
this.data = data.rows;
|
||||
this.loading = false;
|
||||
if(data.rows.length){
|
||||
this.selectedNodePath = data.rows[0].path;
|
||||
}
|
||||
this.selectionClear();
|
||||
});
|
||||
},
|
||||
|
||||
selectionClear() {
|
||||
this.selectionList = [];
|
||||
this.$refs.crud.toggleSelection();
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.full-height {
|
||||
height: 100%;
|
||||
}
|
||||
.box {
|
||||
height: 800px;
|
||||
}
|
||||
.el-scrollbar {
|
||||
height: 100%;
|
||||
}
|
||||
.box .el-scrollbar__wrap {
|
||||
overflow: scroll;
|
||||
}
|
||||
.icon-op {
|
||||
font-size: 16px;
|
||||
margin-left: 6px;
|
||||
color: #409EFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icon-op:hover {
|
||||
color: #66b1ff;
|
||||
}
|
||||
.left-panel {
|
||||
border-right: 1px solid #e6e6e6;
|
||||
}
|
||||
.right-panel {
|
||||
padding-left: 16px;
|
||||
}
|
||||
.right-basic {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue