档案目录管理
This commit is contained in:
parent
ee61dc7088
commit
83f84b8888
|
|
@ -0,0 +1,55 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 获取档案目录树
|
||||||
|
export function getArchivalCatalogueTreeApi(params) {
|
||||||
|
return request({
|
||||||
|
url: '/smartArchives/archive/getArchivalCatalogueTree',
|
||||||
|
method: 'get',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增档案目录
|
||||||
|
export function addArchiveApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smartArchives/archive',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改档案目录
|
||||||
|
export function putArchiveApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smartArchives/archive',
|
||||||
|
method: 'put',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除档案目录
|
||||||
|
export function delArchiveApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smartArchives/archive',
|
||||||
|
method: 'delete',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 编辑-详情
|
||||||
|
export function getArchivalCatalogueByIdApi(params) {
|
||||||
|
return request({
|
||||||
|
url: '/smartArchives/archive/getArchivalCatalogueById',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 列表
|
||||||
|
export function getArchivalCatalogueListApi(params) {
|
||||||
|
return request({
|
||||||
|
url: '/smartArchives/archive/getArchivalCatalogue',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-input
|
<el-input
|
||||||
v-model="typeName"
|
v-model="contentName"
|
||||||
placeholder="请输入类型名称"
|
placeholder="请输入类型名称"
|
||||||
clearable
|
clearable
|
||||||
maxlength="50"
|
maxlength="50"
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
v-if="isMousemoveId === data.id"
|
v-if="isMousemoveId === data.id"
|
||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="data.level < 4"
|
v-if="data.level < 3"
|
||||||
type="text"
|
type="text"
|
||||||
size="mini"
|
size="mini"
|
||||||
icon="el-icon-plus"
|
icon="el-icon-plus"
|
||||||
|
|
@ -103,10 +103,11 @@
|
||||||
:inline="true"
|
:inline="true"
|
||||||
v-show="showSearch"
|
v-show="showSearch"
|
||||||
label-width="68px"
|
label-width="68px"
|
||||||
|
@submit.native.prevent
|
||||||
>
|
>
|
||||||
<el-form-item label="" prop="keyword">
|
<el-form-item label="" prop="contentName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.keyword"
|
v-model="queryParams.contentName"
|
||||||
placeholder="请输入类型名称"
|
placeholder="请输入类型名称"
|
||||||
clearable
|
clearable
|
||||||
style="width: 240px"
|
style="width: 240px"
|
||||||
|
|
@ -176,36 +177,36 @@
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="文件名称"
|
label="文件名称"
|
||||||
align="center"
|
align="center"
|
||||||
key="fileName"
|
key="contentName"
|
||||||
prop="fileName"
|
prop="contentName"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="案卷期限"
|
label="案卷期限"
|
||||||
align="center"
|
align="center"
|
||||||
key="filePeriod"
|
key="term"
|
||||||
prop="filePeriod"
|
prop="term"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="档案标识代码"
|
label="档案标识代码"
|
||||||
align="center"
|
align="center"
|
||||||
key="fileCode"
|
key="markCode"
|
||||||
prop="fileCode"
|
prop="markCode"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="所属专业"
|
label="所属专业"
|
||||||
align="center"
|
align="center"
|
||||||
key="filePro"
|
key="major"
|
||||||
prop="filePro"
|
prop="major"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="文件分类标记"
|
label="文件分类标记"
|
||||||
align="center"
|
align="center"
|
||||||
key="fileCategory"
|
key="classifyMark"
|
||||||
prop="fileCategory"
|
prop="classifyMark"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
@ -296,38 +297,40 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="分类名称" prop="typeName">
|
<el-form-item label="分类名称" prop="contentName">
|
||||||
<el-input
|
<el-input
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
v-model="addFormParams.typeName"
|
v-model="addFormParams.contentName"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="分类号" prop="classNumber">
|
<el-form-item label="分类号" prop="sort">
|
||||||
<el-input
|
<el-input-number
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
v-model="addFormParams.classNumber"
|
v-model="addFormParams.sort"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:min="0"
|
||||||
|
:precision="0"
|
||||||
|
controls-position="right"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-row style="text-align: right">
|
|
||||||
<el-form-item>
|
|
||||||
<el-button
|
|
||||||
size="small"
|
|
||||||
type="primary"
|
|
||||||
style="color: #fff"
|
|
||||||
@click="onSubmit"
|
|
||||||
>确 定</el-button
|
|
||||||
>
|
|
||||||
<el-button size="small" @click="onCancel"
|
|
||||||
>取 消</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
</el-form>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
style="color: #fff"
|
||||||
|
@click="onSubmit"
|
||||||
|
>确 定</el-button
|
||||||
|
>
|
||||||
|
<el-button size="small" @click="onCancel">取 消</el-button>
|
||||||
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<el-dialog
|
<el-dialog
|
||||||
|
|
@ -336,70 +339,72 @@
|
||||||
width="50%"
|
width="50%"
|
||||||
:close-on-click-modal="false"
|
:close-on-click-modal="false"
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
|
:title="title"
|
||||||
>
|
>
|
||||||
<el-form
|
<el-form
|
||||||
label-width="120px"
|
label-width="120px"
|
||||||
:model="addFormDetails"
|
:model="addFormDetails"
|
||||||
:rules="addFormParamsRules"
|
:rules="addFormDetailsRules"
|
||||||
ref="formDetails"
|
ref="formDetails"
|
||||||
|
:disabled="isView"
|
||||||
>
|
>
|
||||||
<el-form-item label="所属案卷" prop="caseFileName">
|
<el-form-item label="所属案卷" prop="parentName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="addFormDetails.caseFileName"
|
v-model="addFormDetails.parentName"
|
||||||
placeholder="请输入所属案卷"
|
placeholder="请输入所属案卷"
|
||||||
disabled
|
disabled
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="文件题名" prop="fileName">
|
<el-form-item label="文件题名" prop="contentName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="addFormDetails.fileName"
|
v-model="addFormDetails.contentName"
|
||||||
placeholder="请输入文件题名"
|
placeholder="请输入文件题名"
|
||||||
maxlength="100"
|
maxlength="100"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="保管期限" prop="filePeriod">
|
<el-form-item label="保管期限" prop="term">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="addFormDetails.filePeriod"
|
v-model="addFormDetails.term"
|
||||||
placeholder="请输入保管期限"
|
placeholder="请输入保管期限"
|
||||||
maxlength="100"
|
maxlength="100"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="归档责任单位" prop="archiveUnit">
|
<el-form-item label="归档责任单位" prop="unitName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="addFormDetails.archiveUnit"
|
v-model="addFormDetails.unitName"
|
||||||
placeholder="请输入归档责任单位"
|
placeholder="请输入归档责任单位"
|
||||||
maxlength="100"
|
maxlength="100"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="所属专业" prop="filePro">
|
<el-form-item label="所属专业" prop="major">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="addFormDetails.filePro"
|
v-model="addFormDetails.major"
|
||||||
placeholder="请输入所属专业"
|
placeholder="请输入所属专业"
|
||||||
maxlength="100"
|
maxlength="100"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="档案标识代码" prop="fileCode">
|
<el-form-item label="档案标识代码" prop="markCode">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="addFormDetails.fileCode"
|
v-model="addFormDetails.markCode"
|
||||||
placeholder="请选择档案标识代码"
|
placeholder="请选择档案标识代码"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in fileCodeList"
|
v-for="item in markCodeList"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
:label="item.label"
|
:label="item.label"
|
||||||
:value="item.value"
|
:value="item.value"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="文件分类标记" prop="fileCategory">
|
<el-form-item label="文件分类标记" prop="classifyMark">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="addFormDetails.fileCategory"
|
v-model="addFormDetails.classifyMark"
|
||||||
placeholder="请选择文件分类标记"
|
placeholder="请选择文件分类标记"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in fileCategoryList"
|
v-for="item in classifyMarkList"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
:label="item.label"
|
:label="item.label"
|
||||||
:value="item.value"
|
:value="item.value"
|
||||||
|
|
@ -407,6 +412,19 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button
|
||||||
|
v-if="!isView"
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
style="color: #fff"
|
||||||
|
@click="submitForm"
|
||||||
|
>确 定</el-button
|
||||||
|
>
|
||||||
|
<el-button size="small" @click="dialogVisible = false">{{
|
||||||
|
isView ? '关 闭' : '取 消'
|
||||||
|
}}</el-button>
|
||||||
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -414,102 +432,90 @@
|
||||||
<script>
|
<script>
|
||||||
import Treeselect from '@riophae/vue-treeselect'
|
import Treeselect from '@riophae/vue-treeselect'
|
||||||
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
||||||
|
import {
|
||||||
|
getArchivalCatalogueTreeApi,
|
||||||
|
addArchiveApi,
|
||||||
|
putArchiveApi,
|
||||||
|
delArchiveApi,
|
||||||
|
getArchivalCatalogueByIdApi,
|
||||||
|
getArchivalCatalogueListApi,
|
||||||
|
} from '@/api/archivesManagement'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Type',
|
name: 'ArchCatalogue',
|
||||||
components: { Treeselect },
|
components: { Treeselect },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: false,
|
loading: false,
|
||||||
|
isSubmit: false,
|
||||||
// 显示搜索条件
|
// 显示搜索条件
|
||||||
showSearch: true,
|
showSearch: true,
|
||||||
// 类型名称
|
// 类型名称
|
||||||
typeName: undefined,
|
contentName: undefined,
|
||||||
// 树选项
|
// 树选项
|
||||||
treeOptions: [
|
treeOptions: [],
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
label: '全部',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
label: '一级分类',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
id: 11,
|
|
||||||
label: '二级分类',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
id: 111,
|
|
||||||
label: '三级分类',
|
|
||||||
level: 3,
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
id: 1111,
|
|
||||||
label: '四级分类',
|
|
||||||
level: 4,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
level: 2,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
level: 1,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
level: 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//列表数据
|
//列表数据
|
||||||
typeList: [
|
typeList: [],
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
fileName: '文件名称1',
|
|
||||||
filePeriod: '2020-2025',
|
|
||||||
fileType: 'pdf',
|
|
||||||
fileCode: 'A123456',
|
|
||||||
filePro: '土建',
|
|
||||||
fileCategory: '合同类',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
total: 0,
|
total: 0,
|
||||||
levelTemp: undefined,
|
|
||||||
idTemp: undefined,
|
|
||||||
parentId: undefined,
|
parentId: undefined,
|
||||||
defaultProps: {
|
defaultProps: {
|
||||||
children: 'children',
|
children: 'children',
|
||||||
label: 'label',
|
label: 'contentName',
|
||||||
},
|
},
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
typeName: undefined,
|
parentId: null,
|
||||||
level: 0,
|
contentName: null,
|
||||||
},
|
},
|
||||||
// 弹框参数
|
// 弹框参数
|
||||||
isAdd: true,
|
isAdd: true,
|
||||||
isView: false,
|
isView: false,
|
||||||
addFormDetails: {
|
addFormDetails: {
|
||||||
caseFileId: '', // 所属案卷
|
parentId: '', // 所属案卷id
|
||||||
caseFileName: '', // 所属案卷
|
parentName: '', // 所属案卷
|
||||||
fileName: '', // 文件提名
|
level: 4,
|
||||||
filePeriod: '', // 保管期限
|
contentName: '', // 文件题名
|
||||||
archiveUnit: '', // 归档责任单位
|
term: '', // 保管期限
|
||||||
filePro: '', // 所属专业
|
unitName: '', // 归档责任单位
|
||||||
fileCode: '', // 档案标识代码
|
major: '', // 所属专业
|
||||||
fileCategory: '', // 文件分类标记
|
markCode: '', // 档案标识代码
|
||||||
|
classifyMark: '', // 文件分类标记
|
||||||
},
|
},
|
||||||
fileCodeList: [
|
addFormDetailsRules: {
|
||||||
{ label: '普通文件', value: 1 },
|
contentName: [
|
||||||
{ label: '照片', value: 2 },
|
{
|
||||||
],
|
required: true,
|
||||||
fileCategoryList: [
|
message: '请输入文件题名',
|
||||||
{ label: '合同类', value: 1 },
|
trigger: 'blur',
|
||||||
{ label: '归档类', value: 2 },
|
},
|
||||||
],
|
],
|
||||||
|
term: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入保管期限',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
unitName: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择归档责任单位',
|
||||||
|
trigger: 'change',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
major: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入所属专业',
|
||||||
|
trigger: 'change',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
markCodeList: [],
|
||||||
|
classifyMarkList: [],
|
||||||
title: '', // 弹出层标题
|
title: '', // 弹出层标题
|
||||||
dialogVisible: false,
|
dialogVisible: false,
|
||||||
/* 新增弹框等数据源定义 */
|
/* 新增弹框等数据源定义 */
|
||||||
|
|
@ -518,9 +524,8 @@ export default {
|
||||||
addTitle: '', // 新增弹框标题
|
addTitle: '', // 新增弹框标题
|
||||||
addFormParams: {
|
addFormParams: {
|
||||||
label: '',
|
label: '',
|
||||||
typeName: '',
|
contentName: '',
|
||||||
classNumber: '',
|
sort: '',
|
||||||
keeperUserId: '',
|
|
||||||
},
|
},
|
||||||
addFormParamsRules: {
|
addFormParamsRules: {
|
||||||
nodeId: [
|
nodeId: [
|
||||||
|
|
@ -530,14 +535,14 @@ export default {
|
||||||
trigger: 'change',
|
trigger: 'change',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
typeName: [
|
contentName: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '名称不能为空',
|
message: '名称不能为空',
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
classNumber: [
|
sort: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '分类号不能为空',
|
message: '分类号不能为空',
|
||||||
|
|
@ -552,106 +557,83 @@ export default {
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
// 根据名称筛选部门树
|
// 根据名称筛选部门树
|
||||||
typeName(val) {
|
contentName(val) {
|
||||||
this.$refs.tree.filter(val)
|
this.$refs.tree.filter(val)
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// this.getTreeData()
|
this.getTreeData()
|
||||||
// this.getKeeperData()
|
|
||||||
// this.getRepairerData()
|
|
||||||
// this.getList()
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
selectNode(value) {
|
selectNode(data) {
|
||||||
console.log('选中节点--', value)
|
console.log('🚀 ~ selectNode ~ data:', data)
|
||||||
this.levelTemp = value.level
|
this.addFormParams.level = data.level + 1
|
||||||
this.idTemp = value.id
|
this.addFormParams.parentId = data.id
|
||||||
this.parentId = value.parentId || null
|
|
||||||
},
|
},
|
||||||
normalizer(node) {
|
normalizer(node) {
|
||||||
|
console.log('🚀 ~ normalizer ~ node:', node)
|
||||||
if (node.children && !node.children.length) {
|
if (node.children && !node.children.length) {
|
||||||
delete node.children
|
delete node.children
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
id: node.id,
|
id: node.id,
|
||||||
label: node.label,
|
label: node.contentName,
|
||||||
children: node.children,
|
children: node.children,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 查询新增页面-上级类型下拉树结构 */
|
/** 查询新增页面-上级类型下拉树结构 */
|
||||||
getTreeData() {
|
getTreeData() {
|
||||||
getMaTypeList().then((response) => {
|
getArchivalCatalogueTreeApi().then((response) => {
|
||||||
this.treeOptions = response.data
|
this.treeOptions = response.data
|
||||||
console.log(this.treeOptions)
|
console.log(
|
||||||
if (this.treeOptions.length > 0) {
|
'🚀 ~ getTreeData ~ this.treeOptions:',
|
||||||
if (
|
this.treeOptions,
|
||||||
this.treeOptions[0].children &&
|
)
|
||||||
this.treeOptions[0].children.length > 0
|
|
||||||
) {
|
|
||||||
const firstNode = this.treeOptions[0].children[0]
|
|
||||||
this.queryParams.typeId = firstNode.id
|
|
||||||
this.queryParams.level = 1
|
|
||||||
this.queryParams.houseId = firstNode.houseId
|
|
||||||
this.getList()
|
|
||||||
} else {
|
|
||||||
this.queryParams.typeId = this.treeOptions[0].id
|
|
||||||
this.queryParams.level = 0
|
|
||||||
this.queryParams.houseId = this.treeOptions[0].id
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
getListByMaType(this.queryParams).then((response) => {
|
console.log('🚀 ~ getList ~ this.queryParams:', this.queryParams)
|
||||||
if (
|
getArchivalCatalogueListApi(this.queryParams)
|
||||||
response.code === 200 &&
|
.then((res) => {
|
||||||
response.data &&
|
this.loading = false
|
||||||
response.data.rows
|
if (!res.rows) return
|
||||||
) {
|
this.typeList = res.rows || []
|
||||||
this.typeList = response.data.rows
|
this.total = res.total || 0
|
||||||
this.total = response.data.total
|
})
|
||||||
}
|
.catch(() => {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 筛选节点 - 左侧树
|
// 筛选节点 - 左侧树
|
||||||
filterNode(value, data) {
|
filterNode(value, data) {
|
||||||
if (!value) return true
|
if (!value) return true
|
||||||
return data.label.indexOf(value) !== -1
|
return data.contentName.indexOf(value) !== -1
|
||||||
},
|
},
|
||||||
// 节点单击事件 - 左侧树
|
// 节点单击事件 - 左侧树
|
||||||
async handleNodeClick(data, node) {
|
async handleNodeClick(data, node) {
|
||||||
console.log('🚀 ~ handleNodeClick ~ data:', data)
|
console.log('🚀 ~ handleNodeClick ~ data:', data)
|
||||||
this.nodeId = data.id
|
this.nodeId = data.level == 3 ? data.id : null
|
||||||
this.nodeName = data.label
|
this.nodeName = data.level == 3 ? data.contentName : null
|
||||||
if (data.level == 0) {
|
this.queryParams.parentId = data.level == 3 ? data.id : null
|
||||||
this.queryParams.typeId = data.id
|
|
||||||
this.queryParams.level = data.level
|
if (data.level == 3) {
|
||||||
this.queryParams.houseId = data.id
|
this.getList()
|
||||||
} else {
|
|
||||||
this.queryParams.typeId = data.id
|
|
||||||
this.queryParams.level = data.level
|
|
||||||
this.queryParams.houseId = data.houseId
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 搜索按钮操作 */
|
/** 搜索按钮操作 */
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
// this.queryParams.pageNum = 1;
|
this.queryParams.pageNum = 1
|
||||||
|
this.queryParams.pageSize = 10
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
/** 重置按钮操作 */
|
/** 重置按钮操作 */
|
||||||
resetQuery() {
|
resetQuery() {
|
||||||
this.resetForm('queryForm')
|
this.resetForm('queryForm')
|
||||||
this.queryParams.typeId = undefined
|
|
||||||
this.queryParams.pageNum = 1
|
this.queryParams.pageNum = 1
|
||||||
this.queryParams.pageSize = 10
|
this.queryParams.pageSize = 10
|
||||||
this.queryParams.level = 0
|
this.getList()
|
||||||
// this.$refs.tree.setCurrentKey(null)
|
|
||||||
// this.handleQuery()
|
|
||||||
},
|
},
|
||||||
//查看
|
//查看
|
||||||
handleView(row) {
|
handleView(row) {
|
||||||
|
|
@ -662,7 +644,7 @@ export default {
|
||||||
this.title = '查看卷内文件'
|
this.title = '查看卷内文件'
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.$refs.formDetails.resetFields()
|
this.$refs.formDetails.resetFields()
|
||||||
this.addFormDetails = { ...row }
|
this.getInfo(row.id)
|
||||||
}, 300)
|
}, 300)
|
||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
|
|
@ -673,41 +655,69 @@ export default {
|
||||||
this.title = '新增卷内文件'
|
this.title = '新增卷内文件'
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.$refs.formDetails.resetFields()
|
this.$refs.formDetails.resetFields()
|
||||||
this.addFormDetails.caseFileId = this.nodeId
|
this.addFormDetails.parentId = this.nodeId
|
||||||
this.addFormDetails.caseFileName = this.nodeName
|
this.addFormDetails.parentName = this.nodeName
|
||||||
console.log(
|
console.log('🚀 ~ parentName:', this.addFormDetails.parentName)
|
||||||
'🚀 ~ caseFileName:',
|
|
||||||
this.addFormDetails.caseFileName,
|
|
||||||
)
|
|
||||||
}, 300)
|
}, 300)
|
||||||
},
|
},
|
||||||
/** 修改按钮操作 */
|
/** 修改按钮操作 */
|
||||||
handleUpdate(row) {
|
handleUpdate(row) {
|
||||||
console.log('🚀 ~ handleUpdate ~ row:', row)
|
console.log('🚀 ~ handleUpdate ~ row:', row)
|
||||||
|
this.isAdd = false
|
||||||
|
this.isView = false
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
this.title = '修改卷内文件'
|
this.title = '修改卷内文件'
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.$refs.formDetails.resetFields()
|
this.$refs.formDetails.resetFields()
|
||||||
this.addFormDetails = { ...row }
|
this.getInfo(row.id)
|
||||||
}, 300)
|
}, 300)
|
||||||
},
|
},
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
const typeId = row.typeId
|
|
||||||
this.$modal
|
this.$modal
|
||||||
.confirm('是否确认删除数据项?')
|
.confirm('是否确认删除数据项?')
|
||||||
.then(function () {})
|
.then(async () => {
|
||||||
.then(() => {
|
try {
|
||||||
this.$modal.msgSuccess('删除成功')
|
this.isLoading = true
|
||||||
this.getList()
|
await delArchiveApi({ id: row.id })
|
||||||
|
this.$modal.msgSuccess('删除成功')
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ handleDelete ~ error:', error)
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.catch(() => {})
|
.catch(() => {})
|
||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm() {
|
submitForm() {
|
||||||
console.log('提交---')
|
this.$refs['formDetails'].validate(async (valid) => {
|
||||||
this.$refs['form'].validate((valid) => {
|
|
||||||
if (!valid) return
|
if (!valid) return
|
||||||
|
try {
|
||||||
|
if (this.isSubmit) return
|
||||||
|
this.isSubmit = true
|
||||||
|
this.isLoading = true
|
||||||
|
const params = { ...this.addFormDetails }
|
||||||
|
console.log('🚀 ~ submitForm ~ params:', params)
|
||||||
|
if (this.isAdd) {
|
||||||
|
await addArchiveApi(params)
|
||||||
|
} else {
|
||||||
|
await putArchiveApi(params)
|
||||||
|
}
|
||||||
|
|
||||||
|
this.$message({
|
||||||
|
message: '添加成功',
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ submitForm ~ error:', error)
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
this.isSubmit = false
|
||||||
|
this.dialogVisible = false
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
/** 导出按钮作 */
|
/** 导出按钮作 */
|
||||||
|
|
@ -733,13 +743,22 @@ export default {
|
||||||
`导出_${currentTime}.xlsx`,
|
`导出_${currentTime}.xlsx`,
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
|
async getInfo(id) {
|
||||||
|
try {
|
||||||
|
const { data } = await getArchivalCatalogueByIdApi({ id })
|
||||||
|
this.addFormParams = { ...data }
|
||||||
|
this.addFormParams.label = data.parentName
|
||||||
|
this.addFormDetails = { ...data }
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ getInfo ~ error:', error)
|
||||||
|
}
|
||||||
|
},
|
||||||
handleAddNewNode() {
|
handleAddNewNode() {
|
||||||
this.isNew = true
|
this.isNew = true
|
||||||
this.addFormParams = {
|
this.addFormParams = {
|
||||||
label: '',
|
label: '',
|
||||||
typeName: '',
|
contentName: '',
|
||||||
classNumber: '',
|
sort: '',
|
||||||
keeperUserId: '',
|
|
||||||
nodeId: null,
|
nodeId: null,
|
||||||
}
|
}
|
||||||
this.addTitle = '新增分类'
|
this.addTitle = '新增分类'
|
||||||
|
|
@ -747,38 +766,35 @@ export default {
|
||||||
},
|
},
|
||||||
/* 树节点增加 */
|
/* 树节点增加 */
|
||||||
appendTreeNode(data) {
|
appendTreeNode(data) {
|
||||||
this.isNew = false
|
|
||||||
this.levelTemp = data.level
|
|
||||||
this.idTemp = data.id
|
|
||||||
console.log('dataAdd', data)
|
console.log('dataAdd', data)
|
||||||
Object.assign(this.addFormParams, data)
|
this.isNew = false
|
||||||
this.addFormParams.typeName = ''
|
this.addFormParams.sort = null
|
||||||
|
this.addFormParams.contentName = ''
|
||||||
|
this.addFormParams.nodeId = data.id
|
||||||
|
this.addFormParams.level = data.level + 1
|
||||||
|
this.addFormParams.parentId = data.id
|
||||||
|
this.addFormParams.label = data.contentName || ''
|
||||||
|
console.log(
|
||||||
|
'🚀 ~ appendTreeNode ~ this.addFormParams:',
|
||||||
|
this.addFormParams,
|
||||||
|
)
|
||||||
this.addTitle = '新增分类'
|
this.addTitle = '新增分类'
|
||||||
this.addTitleVisible = true
|
this.addTitleVisible = true
|
||||||
},
|
},
|
||||||
/* 树节点修改 */
|
/* 树节点修改 */
|
||||||
editTreeNode(data) {
|
editTreeNode(data) {
|
||||||
this.isNew = false
|
this.isNew = false
|
||||||
console.log('🚀 ~ editTreeNode ~ data:', data)
|
|
||||||
this.levelTemp = data.level
|
|
||||||
console.log('🚀 ~ editTreeNode ~ this.levelTemp:', this.levelTemp)
|
|
||||||
this.idTemp = data.id
|
|
||||||
this.parentId = data.parentId
|
|
||||||
console.log('data', data)
|
|
||||||
Object.assign(this.addFormParams, data)
|
|
||||||
this.addTitle = '修改分类'
|
this.addTitle = '修改分类'
|
||||||
this.addFormParams.typeName = data.label
|
|
||||||
this.addTitleVisible = true
|
this.addTitleVisible = true
|
||||||
|
this.getInfo(data.id)
|
||||||
},
|
},
|
||||||
/* 树节点删除 */
|
/* 树节点删除 */
|
||||||
removeTreeNode(data) {
|
removeTreeNode(data) {
|
||||||
// this.$message.success('删除--')
|
console.log('🚀 ~ removeTreeNode ~ data:', data)
|
||||||
console.log(data, '删除时的数据源--')
|
|
||||||
const typeId = data.id
|
|
||||||
this.$modal
|
this.$modal
|
||||||
.confirm('是否确认删除数据项?')
|
.confirm('是否确认删除数据项?')
|
||||||
.then(function () {
|
.then(function () {
|
||||||
// return delMaType(typeId)
|
return delArchiveApi({ id: data.id })
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
this.$modal.msgSuccess('删除成功')
|
this.$modal.msgSuccess('删除成功')
|
||||||
|
|
@ -788,51 +804,40 @@ export default {
|
||||||
},
|
},
|
||||||
/* 确定 */
|
/* 确定 */
|
||||||
onSubmit() {
|
onSubmit() {
|
||||||
const { id, typeName, classNumber, keeperUserId } =
|
console.log(
|
||||||
this.addFormParams
|
'🚀 ~ onSubmit ~ this.addFormParams:',
|
||||||
console.log('level', this.levelTemp)
|
this.addFormParams,
|
||||||
console.log('idTemp', this.idTemp)
|
)
|
||||||
const addParams = {
|
|
||||||
parentId: this.levelTemp == 0 ? 0 : this.idTemp,
|
|
||||||
typeName,
|
|
||||||
level: this.levelTemp,
|
|
||||||
houseId: this.levelTemp == 0 ? id : null,
|
|
||||||
classNumber,
|
|
||||||
}
|
|
||||||
|
|
||||||
const editParams = {
|
const params = {
|
||||||
houseId: id,
|
id: this.addFormParams.id || '',
|
||||||
typeName,
|
parentId: this.addFormParams.parentId,
|
||||||
level: this.levelTemp,
|
contentName: this.addFormParams.contentName,
|
||||||
parentId: this.parentId,
|
sort: this.addFormParams.sort,
|
||||||
typeId: id,
|
level: this.addFormParams.level,
|
||||||
classNumber,
|
|
||||||
keeperUserId,
|
|
||||||
}
|
}
|
||||||
|
|
||||||
this.$refs['addFormParamsRef'].validate(async (valid) => {
|
this.$refs['addFormParamsRef'].validate(async (valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (this.addTitle === '新增') {
|
try {
|
||||||
const res = await addMaType(addParams)
|
if (this.isSubmit) return
|
||||||
if (res.code === 200) {
|
this.isSubmit = true
|
||||||
|
this.isLoading = true
|
||||||
|
if (this.addTitle === '新增分类') {
|
||||||
|
await addArchiveApi(params)
|
||||||
this.$message.success('新增成功!')
|
this.$message.success('新增成功!')
|
||||||
this.addTitleVisible = false
|
|
||||||
this.getList()
|
|
||||||
this.getTreeData()
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
let res = null
|
|
||||||
if (this.levelTemp == 0) {
|
|
||||||
res = await updatePartType(editParams)
|
|
||||||
} else {
|
} else {
|
||||||
res = await updateMaType(editParams)
|
await putArchiveApi(params)
|
||||||
}
|
|
||||||
if (res.code === 200) {
|
|
||||||
this.$message.success('修改成功!')
|
this.$message.success('修改成功!')
|
||||||
this.addTitleVisible = false
|
|
||||||
this.getList()
|
|
||||||
this.getTreeData()
|
|
||||||
}
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ onSubmit ~ error:', error)
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
this.isSubmit = false
|
||||||
|
this.addTitleVisible = false
|
||||||
|
this.getTreeData()
|
||||||
|
// this.getList()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue