档案移交记录
This commit is contained in:
parent
155bc1e5c6
commit
bddee75917
|
|
@ -9,11 +9,29 @@ export function getTransferRecordListApi(params) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 新增档案移交申请
|
// 移交清单
|
||||||
export function saveTransferApplyApi(data) {
|
export function getTransferRecordFilesApi(params) {
|
||||||
return request({
|
return request({
|
||||||
url: '/smartArchives/transferApply/saveTransferApply',
|
url: '/smartArchives/transferRecord/getTransferRecordFiles',
|
||||||
method: 'POST',
|
method: 'GET',
|
||||||
data
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 维护
|
||||||
|
export function updateTransferRecordFileApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smartArchives/transferRecord/updateTransferRecordFile',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 移交
|
||||||
|
export function updateTransferRecordFilesStatusApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smartArchives/transferRecord/updateTransferRecordFilesStatus',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -199,6 +199,8 @@ export default {
|
||||||
},
|
},
|
||||||
async initData() {
|
async initData() {
|
||||||
this.fileList = [];
|
this.fileList = [];
|
||||||
|
console.error(this.id);
|
||||||
|
|
||||||
const res = await getTransferApplyFilesByApplyIdApi({ id: this.id });
|
const res = await getTransferApplyFilesByApplyIdApi({ id: this.id });
|
||||||
console.log(res);
|
console.log(res);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="archiveName" label="档案名称" min-width="300">
|
<el-table-column prop="archiveName" label="档案名称" min-width="300">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div class="archive-name-cell">{{ scope.row.archiveName }}</div>
|
<div class="archive-name-cell file-name-link" @click="viewFile(scope.row)">{{ scope.row.archiveName }}</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
|
|
@ -68,7 +68,7 @@
|
||||||
|
|
||||||
<el-table-column prop="archiveName" label="档案名称" min-width="300">
|
<el-table-column prop="archiveName" label="档案名称" min-width="300">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div class="archive-name-cell">{{ scope.row.archiveName }}</div>
|
<div class="archive-name-cell file-name-link" @click="viewFile(scope.row)">{{ scope.row.archiveName }}</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="createTime" label="接收状态" min-width="120">
|
<el-table-column prop="createTime" label="接收状态" min-width="120">
|
||||||
|
|
@ -106,6 +106,8 @@
|
||||||
<el-button type="primary" class="search-btn" @click="confirmTransferStatus">确定</el-button>
|
<el-button type="primary" class="search-btn" @click="confirmTransferStatus">确定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
<!-- 预览文件 -->
|
||||||
|
<ViewFile v-if="isViewflag" :rowData="row" :title="title" @closeDialog="closeDialog" @showColose="showColose" :width="600" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -115,8 +117,10 @@ import {
|
||||||
getTransferApplyFilesByApplyIdApi,
|
getTransferApplyFilesByApplyIdApi,
|
||||||
getTransferApplyApi
|
getTransferApplyApi
|
||||||
} from '@/api/filesTransfer/apply'
|
} from '@/api/filesTransfer/apply'
|
||||||
|
import ViewFile from '@/views/viewFile/viewFile.vue'
|
||||||
export default {
|
export default {
|
||||||
name: 'RecordDetail',
|
name: 'RecordDetail',
|
||||||
|
components:{ViewFile},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
id: decryptWithSM4(this.$route.query.id),
|
id: decryptWithSM4(this.$route.query.id),
|
||||||
|
|
@ -125,6 +129,9 @@ export default {
|
||||||
receivingOrg: '',
|
receivingOrg: '',
|
||||||
fileList: [],
|
fileList: [],
|
||||||
confirmDialogVisible: false,
|
confirmDialogVisible: false,
|
||||||
|
isViewflag: false,
|
||||||
|
row: {},
|
||||||
|
title: "",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -140,6 +147,20 @@ export default {
|
||||||
this.initData();
|
this.initData();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 预览文件
|
||||||
|
viewFile(row) {
|
||||||
|
console.error(row);
|
||||||
|
|
||||||
|
this.title = "预览";
|
||||||
|
this.row = row;
|
||||||
|
this.isViewflag = true;
|
||||||
|
},
|
||||||
|
closeDialog() {
|
||||||
|
this.isViewflag = false;
|
||||||
|
},
|
||||||
|
showColose() {
|
||||||
|
this.isflag = false;
|
||||||
|
},
|
||||||
handleClose() {
|
handleClose() {
|
||||||
let obj = null;
|
let obj = null;
|
||||||
if(this.viewStatus === 'record'){
|
if(this.viewStatus === 'record'){
|
||||||
|
|
@ -343,4 +364,11 @@ export default {
|
||||||
color: #909399;
|
color: #909399;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
.file-name-link {
|
||||||
|
color: #409EFF;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.file-name-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -20,8 +20,8 @@
|
||||||
<script>
|
<script>
|
||||||
import _ from 'lodash'
|
import _ from 'lodash'
|
||||||
import {
|
import {
|
||||||
updateDataClassAPI,
|
updateTransferRecordFileApi,
|
||||||
} from '@/api/data-collect/data-class-manage'
|
} from '@/api/filesTransfer/record'
|
||||||
export default {
|
export default {
|
||||||
name: "Maintenance",
|
name: "Maintenance",
|
||||||
props: ["width", "dataForm", "title", "disabled", "rowData"],
|
props: ["width", "dataForm", "title", "disabled", "rowData"],
|
||||||
|
|
@ -98,7 +98,7 @@ export default {
|
||||||
target: this.$el.querySelector('.el-dialog') || document.body
|
target: this.$el.querySelector('.el-dialog') || document.body
|
||||||
})
|
})
|
||||||
let params = _.cloneDeep(this.form);
|
let params = _.cloneDeep(this.form);
|
||||||
updateDataClassAPI(params).then(res => {
|
updateTransferRecordFileApi(params).then(res => {
|
||||||
this.loading.close();
|
this.loading.close();
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
this.handleReuslt(res);
|
this.handleReuslt(res);
|
||||||
|
|
|
||||||
|
|
@ -13,26 +13,26 @@
|
||||||
center align="center"></el-table-column>
|
center align="center"></el-table-column>
|
||||||
<el-table-column label="操作" width="100" align="center">
|
<el-table-column label="操作" width="100" align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button v-if="jumpType === 'list'" hasPermi="['transfer:record:maintenance']" plain
|
<el-button v-if="jumpType === 'list' && scope.row.transferStatus === '进行中'" hasPermi="['record:file:update']" plain
|
||||||
type="primary" size="mini" @click="handleMaintenance(scope.row)">维护</el-button>
|
type="primary" size="mini" @click="handleMaintenance(scope.row)">维护</el-button>
|
||||||
<el-button v-if="jumpType === 'progress'" hasPermi="['transfer:record:transfer']" plain
|
<el-button v-if="jumpType === 'progress' && scope.row.transferStatus === '进行中'" hasPermi="['record:file:transfer']" plain
|
||||||
type="primary" size="mini" @click="transfer(scope.row)">移交</el-button>
|
type="primary" size="mini" @click="transfer(scope.row)">移交</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Maintenance v-if="isflag" :rowData="maintenanceRow" :title="maintenanceTitle" @closeDialog="closeDialog"
|
<Maintenance v-if="isflag" :rowData="maintenanceRow" :title="maintenanceTitle" @closeDialog="closeDialog"
|
||||||
:dataForm="maintenanceRow" :width="600" />
|
:dataForm="maintenanceRow" :width="600" @handleQuery="handleQuery" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import _ from 'lodash'
|
import _ from 'lodash'
|
||||||
import {
|
import {
|
||||||
addDataClassAPI,
|
getTransferRecordFilesApi,
|
||||||
updateDataClassAPI,
|
updateTransferRecordFilesStatusApi
|
||||||
} from '@/api/data-collect/data-class-manage'
|
} from '@/api/filesTransfer/record'
|
||||||
import Maintenance from './maintenance.vue';
|
import Maintenance from './maintenance.vue';
|
||||||
export default {
|
export default {
|
||||||
name: "RecordList",
|
name: "RecordList",
|
||||||
|
|
@ -52,6 +52,7 @@ export default {
|
||||||
maintenanceTitle: "",
|
maintenanceTitle: "",
|
||||||
isflag: false,
|
isflag: false,
|
||||||
maintenanceRow: {},
|
maintenanceRow: {},
|
||||||
|
getTransferRecordFilesApi
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
@ -59,39 +60,38 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 初始化表单数据 */
|
/** 初始化表单数据 */
|
||||||
initFormData() {
|
async initFormData() {
|
||||||
|
this.tableColumns = [];
|
||||||
this.tableColumns = [];
|
|
||||||
if (this.jumpType === 'list') {
|
if (this.jumpType === 'list') {
|
||||||
// 移交清单
|
// 移交清单
|
||||||
this.tableColumns = [
|
this.tableColumns = [
|
||||||
{ prop: 'proName', label: '所属分类' },
|
{ prop: 'parParentName', label: '所属分类' },
|
||||||
{ prop: 'singleProName', label: '所属案卷' },
|
{ prop: 'parentName', label: '所属案卷' },
|
||||||
{ prop: 'fileName', label: '文件名称' },
|
{ prop: 'fileName', label: '文件名称' },
|
||||||
];
|
];
|
||||||
this.tableData = [{
|
|
||||||
id: 1,
|
|
||||||
proName: '所属分类',
|
|
||||||
singleProName: '所属案卷',
|
|
||||||
fileName: '文件名称',
|
|
||||||
}];
|
|
||||||
} else {
|
} else {
|
||||||
// 移交进度
|
// 移交进度
|
||||||
this.tableColumns = [
|
this.tableColumns = [
|
||||||
{ prop: 'proName', label: '所属分类' },
|
{ prop: 'parParentName', label: '所属分类' },
|
||||||
{ prop: 'singleProName', label: '所属案卷' },
|
{ prop: 'parentName', label: '所属案卷' },
|
||||||
{ prop: 'createTime', label: '文件名称' },
|
{ prop: 'fileName', label: '文件名称' },
|
||||||
{ prop: 'createTime', label: '进度' },
|
{ prop: 'transferStatus', label: '进度' },
|
||||||
];
|
];
|
||||||
this.tableData = [{
|
|
||||||
id: 1,
|
|
||||||
proName: '所属分类',
|
|
||||||
singleProName: '所属案卷',
|
|
||||||
fileName: '文件名称',
|
|
||||||
createUserName: '操作',
|
|
||||||
progress: '进度',
|
|
||||||
}];
|
|
||||||
}
|
}
|
||||||
|
const transferApplyId = this.rowData.id;
|
||||||
|
const res = await getTransferRecordFilesApi({ transferApplyId });
|
||||||
|
console.log(res);
|
||||||
|
|
||||||
|
if (Array.isArray(res.data) && res.data.length > 0) {
|
||||||
|
|
||||||
|
res.data.map(item => {
|
||||||
|
|
||||||
|
const obj = {...item,transferStatus:(item.transferStatus ?? '0') === '0' ? '进行中' : '已完成'};
|
||||||
|
this.tableData.push(obj);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
closeDialog() {
|
closeDialog() {
|
||||||
this.isflag = false;
|
this.isflag = false;
|
||||||
|
|
@ -107,7 +107,7 @@ export default {
|
||||||
this.dialogVisible = true;
|
this.dialogVisible = true;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
/*维护*/
|
/*维护*/
|
||||||
handleMaintenance(row) {
|
handleMaintenance(row) {
|
||||||
this.maintenanceTitle = "维护";
|
this.maintenanceTitle = "维护";
|
||||||
|
|
@ -119,11 +119,15 @@ export default {
|
||||||
this.$modal.confirm(`是否确认移交文件名称为"${row.fileName}"的数据项?`).then(() => {
|
this.$modal.confirm(`是否确认移交文件名称为"${row.fileName}"的数据项?`).then(() => {
|
||||||
// 显示加载遮罩
|
// 显示加载遮罩
|
||||||
this.$modal.loading("正在移交,请稍候...");
|
this.$modal.loading("正在移交,请稍候...");
|
||||||
delTransferApplyApi({ id: row.id }).then(res => {
|
const transferApplyId = this.rowData.id;
|
||||||
|
const id = row.id;
|
||||||
|
const transferStatus = '1';
|
||||||
|
updateTransferRecordFilesStatusApi({ transferApplyId,id,transferStatus }).then(res => {
|
||||||
this.$modal.closeLoading();
|
this.$modal.closeLoading();
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
this.$modal.msgSuccess(res.msg);
|
this.$modal.msgSuccess(res.msg);
|
||||||
this.reloadData();
|
this.handleQuery();
|
||||||
|
this.$emit("handleQuery");
|
||||||
} else {
|
} else {
|
||||||
this.$modal.msgError(res.msg);
|
this.$modal.msgError(res.msg);
|
||||||
}
|
}
|
||||||
|
|
@ -136,8 +140,18 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/* 刷新数据 */
|
/* 刷新数据 */
|
||||||
reloadData() {
|
async handleQuery() {
|
||||||
|
this.tableData = [];
|
||||||
|
const transferApplyId = this.rowData.id;
|
||||||
|
const res = await getTransferRecordFilesApi({ transferApplyId });
|
||||||
|
|
||||||
|
if (Array.isArray(res.data) && res.data.length > 0) {
|
||||||
|
res.data.map(item => {
|
||||||
|
|
||||||
|
const obj = {...item,transferStatus:(item.transferStatus ?? '0') === '0' ? '进行中' : '已完成'};
|
||||||
|
this.tableData.push(obj);
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ export const formLabel = [
|
||||||
isShow: false, // 是否展示label
|
isShow: false, // 是否展示label
|
||||||
f_type: 'date',
|
f_type: 'date',
|
||||||
f_label: '移交时间',
|
f_label: '移交时间',
|
||||||
f_model: 'transferDate',
|
f_model: 'transfertTime',
|
||||||
},
|
},
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|
@ -25,8 +25,8 @@ export const formLabel = [
|
||||||
export const columnsList = [
|
export const columnsList = [
|
||||||
{ t_props: 'proName', t_label: '项目名称' },
|
{ t_props: 'proName', t_label: '项目名称' },
|
||||||
{ t_props: 'singleProName', t_label: '单项工程名称' },
|
{ t_props: 'singleProName', t_label: '单项工程名称' },
|
||||||
{ t_props: 'singleProName', t_label: '移交时间' },
|
{ t_props: 'transferTime', t_label: '移交时间' },
|
||||||
{ t_props: 'createUserName', t_label: '接收单位' },
|
{ t_props: 'deptName', t_label: '接收单位' },
|
||||||
{ t_slot: 't_list', t_label: '移交清单' },
|
{ t_slot: 't_list', t_label: '移交清单' },
|
||||||
{ t_slot: 't_progress', t_label: '移交进度' },
|
{ t_slot: 't_progress', t_label: '移交进度' },
|
||||||
]
|
]
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- 档案移交申请 -->
|
<!-- 档案移交记录 -->
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<TableModel :formLabel="formLabel" :showOperation="true" :showRightTools="true" ref="recordTableRef"
|
<TableModel :formLabel="formLabel" :showOperation="true" :showRightTools="true" ref="recordTableRef"
|
||||||
:columnsList="columnsList" :request-api="getTransferRecordListApi">
|
:columnsList="columnsList" :request-api="getTransferRecordListApi">
|
||||||
|
|
@ -10,16 +10,11 @@
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<template slot="auditStatus" slot-scope="{ data }">
|
|
||||||
<el-tag size="mini" :type="getStatusType(data.auditStatus)">
|
|
||||||
{{ getStatusText(data.auditStatus) }}
|
|
||||||
</el-tag>
|
|
||||||
</template>
|
|
||||||
<template slot="t_list" slot-scope="{ data }">
|
<template slot="t_list" slot-scope="{ data }">
|
||||||
<span class="jump" @click="handleTList(data)">查看</span>
|
<span class="jump" @click="handleTList(data)">查看</span>
|
||||||
</template>
|
</template>
|
||||||
<template slot="t_progress" slot-scope="{ data }">
|
<template slot="t_progress" slot-scope="{ data }">
|
||||||
<span class="jump" @click="handleTProgress(data)">{{ getProgressStatusText(data.auditStatus) }}</span>
|
<span class="jump" @click="handleTProgress(data)">{{ getProgressStatusText(data.transferStatus) }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template slot="handle" slot-scope="{ data }">
|
<template slot="handle" slot-scope="{ data }">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue