|
|
|
@ -15,14 +15,18 @@ |
|
|
|
<p style="width: 60%;"><span>实例ID：</span>{{ selectRow && selectRow.procInstId }}</p> |
|
|
|
<p><span>发起人：</span>{{ selectRow && selectRow.createBy }}</p> |
|
|
|
</div> |
|
|
|
<!-- 1.归档 index=1 2.退回 index=2 3.开放 index=6 4.销毁index=7 5.利用index=3 6.内部移交index=4 7.外部移交index=5 --> |
|
|
|
<div class="detail-list"> |
|
|
|
<p><span>业务类型：</span>归档审批</p> |
|
|
|
<p><span>原始位置：</span>-</p> |
|
|
|
<p><span>目标位置：</span>-</p> |
|
|
|
<p><span>赋权类型：</span>-</p> |
|
|
|
<p><span>起始时间：</span>-</p> |
|
|
|
<p><span>终止时间：</span>-</p> |
|
|
|
<p><span>利用目的：</span>{{ baseInfo && baseInfo.borrowReason }}</p> |
|
|
|
<p><span>业务类型：</span>{{ businessTypeText }}</p> |
|
|
|
<p><span>原始位置：</span>{{ baseInfo && baseInfo.businessType === 1 ? '收集库' : baseInfo && baseInfo.businessType === 2 ? '管理库' : '-' }}</p> |
|
|
|
<p><span>目标位置：</span>{{ baseInfo && baseInfo.businessType === 1 ? '管理库' : baseInfo && baseInfo.businessType === 2 ? '收集库' : '-' }}</p> |
|
|
|
<!-- <p><span>赋权类型：</span>-</p> --> |
|
|
|
<p v-if="baseInfo && baseInfo.giveStartTime"><span>起始时间：</span>{{ baseInfo && baseInfo.giveStartTime | parseTime }}</p> |
|
|
|
<p v-else><span>起始时间：</span>-</p> |
|
|
|
<p v-if="baseInfo && baseInfo.giveEndTime"><span>终止时间：</span>{{ baseInfo && baseInfo.giveEndTime | parseTime }}</p> |
|
|
|
<p v-else><span>终止时间：</span>-</p> |
|
|
|
<p v-if="baseInfo && baseInfo.businessType !== 5"><span>申请缘由：</span>{{ baseInfo && baseInfo.remarks }}</p> |
|
|
|
<p v-else><span>利用目的：</span>{{ baseInfo && baseInfo.borrowReason }}</p> |
|
|
|
<!-- <p><span>利用次数：</span>-</p> --> |
|
|
|
</div> |
|
|
|
<div class="opinion"> |
|
|
|
@ -37,24 +41,11 @@ |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<businessDetails :table-data="tableData" :is-utilize="isUtilize" :is-flowable-form="true" @select-change="handleSelectChange" /> |
|
|
|
<businessDetails :table-data="tableData" :is-utilize="isUtilize" :is-flowable-form="true" :set-page="setPage" @select-change="handleSelectChange" @page-change="pageChangeHandler" @size-change="sizeChangeHandler" /> |
|
|
|
</div> |
|
|
|
<div v-if="activeIndex == 1" class="detail-img"> |
|
|
|
<img :src="'data:image/jpeg;base64,'+ srcImg" alt="" :onerror="defaultImg"> |
|
|
|
</div> |
|
|
|
<!-- <div v-if="activeIndex == 2"> |
|
|
|
<div class="detail-list"> |
|
|
|
<p><span>业务类型：</span>归档审批</p> |
|
|
|
<p><span>原始位置：</span>全宗A-整理库-门类A</p> |
|
|
|
<p><span>目标位置：</span>全宗A-整理库-门类A</p> |
|
|
|
<p><span>赋权类型：</span>-</p> |
|
|
|
<p><span>起始时间：</span>-</p> |
|
|
|
<p><span>终止时间：</span>-</p> |
|
|
|
<p><span>利用目的：</span>-</p> |
|
|
|
<p><span>利用次数：</span>-</p> |
|
|
|
</div> |
|
|
|
<businessDetails /> |
|
|
|
</div> --> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="submitOpinion(false)">驳回</el-button> |
|
|
|
<el-button type="primary" @click="submitOpinion(true)">审批</el-button> |
|
|
|
@ -65,9 +56,13 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import { FetchBecomeDocumentConfirm } from '@/api/collect/collect' |
|
|
|
// import { FetchUtilizeConfirm } from '@/api/archivesManage/library' |
|
|
|
import { FetchGenProcessDiagram } from '@/api/system/flowable' |
|
|
|
import { FetchBusinessFlowDetails, FetchUtilizeConfirm } from '@/api/archivesManage/library' |
|
|
|
import { FetchBusinessFlowDetails, FetchUtilizeConfirm, FetchArchivesReturnConfirm, FetchArchivesOpenConfirm } from '@/api/archivesManage/library' |
|
|
|
// FetchArchivesDestructionConfirm, |
|
|
|
// FetchArchivesOpenConfirm, |
|
|
|
// FetchArchivesReturnConfirm, |
|
|
|
// FetchTransferConfirm, |
|
|
|
// FetchOfflineTransferConfirm |
|
|
|
import businessDetails from '@/views/system/processManage/runningProcess/module/businessDetails/index.vue' |
|
|
|
export default { |
|
|
|
name: 'Form', |
|
|
|
@ -87,10 +82,37 @@ export default { |
|
|
|
tableData: [], |
|
|
|
baseInfo: null, |
|
|
|
isUtilize: false, |
|
|
|
selectedValues: {} |
|
|
|
selectedValues: {}, |
|
|
|
setPage: { |
|
|
|
total: 0, |
|
|
|
size: 10, |
|
|
|
page: 0 |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
businessTypeText() { |
|
|
|
const businessType = this.baseInfo && this.baseInfo.businessType |
|
|
|
// 1.归档 index=1 2.退回 index=2 3.开放 index=6 4.销毁index=7 5.利用index=3 6.内部移交index=4 7.外部移交index=5 |
|
|
|
switch (businessType) { |
|
|
|
case 1 : |
|
|
|
return '归档审批' |
|
|
|
case 2 : |
|
|
|
return '退回审批' |
|
|
|
case 3: |
|
|
|
return '开放鉴定' |
|
|
|
case 4: |
|
|
|
return '销毁鉴定' |
|
|
|
case 5: |
|
|
|
return '赋权审批' |
|
|
|
case 6: |
|
|
|
return '内部移交' |
|
|
|
case 7: |
|
|
|
return '外部移交' |
|
|
|
default: |
|
|
|
return '-' |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
changeActiveTab(data) { |
|
|
|
@ -98,6 +120,7 @@ export default { |
|
|
|
if (data === 1) { |
|
|
|
this.getProcessImg() |
|
|
|
} else { |
|
|
|
this.setPage.page = 0 |
|
|
|
this.getBusinessFlowDetails() |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -117,27 +140,29 @@ export default { |
|
|
|
}, |
|
|
|
getBusinessFlowDetails() { |
|
|
|
const params = { |
|
|
|
'businessId': this.selectRow.id |
|
|
|
'businessId': this.selectRow.id, |
|
|
|
'page': this.setPage.page, |
|
|
|
'size': this.setPage.size |
|
|
|
} |
|
|
|
FetchBusinessFlowDetails(params).then((res) => { |
|
|
|
if (res.code !== 500) { |
|
|
|
console.log(res) |
|
|
|
this.baseInfo = res.businessFlow |
|
|
|
if (this.selectRow.businessType === 5) { |
|
|
|
this.isUtilize = true |
|
|
|
res.details.forEach(item => { |
|
|
|
res.details.content.forEach(item => { |
|
|
|
item.utilizeType = item.utilizeType.split(',').map(Number) |
|
|
|
}) |
|
|
|
} else { |
|
|
|
this.isUtilize = false |
|
|
|
res.details.forEach(item => { |
|
|
|
res.details.content.forEach(item => { |
|
|
|
item.utilizeType = [] |
|
|
|
}) |
|
|
|
} |
|
|
|
this.tableData = res.details |
|
|
|
this.tableData = res.details.content |
|
|
|
this.tableData.forEach(item => { |
|
|
|
this.$set(this.selectedValues, item.archivesId, item.utilizeState) |
|
|
|
}) |
|
|
|
this.setPage.total = res.details.totalElements |
|
|
|
} else { |
|
|
|
this.$message({ message: '获取数据失败', type: 'error', offset: 8 }) |
|
|
|
} |
|
|
|
@ -145,6 +170,17 @@ export default { |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 当前页改变 |
|
|
|
pageChangeHandler(e) { |
|
|
|
this.setPage.page = e |
|
|
|
this.getBusinessFlowDetails() |
|
|
|
}, |
|
|
|
// 每页条数改变 |
|
|
|
sizeChangeHandler(e) { |
|
|
|
this.setPage.size = e |
|
|
|
this.setPage.page = 0 |
|
|
|
this.getBusinessFlowDetails() |
|
|
|
}, |
|
|
|
submitOpinion(type) { |
|
|
|
this.$refs['form'].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
@ -170,7 +206,7 @@ export default { |
|
|
|
if (this.selectRow.businessType === 1) { |
|
|
|
FetchBecomeDocumentConfirm(params).then((res) => { |
|
|
|
if (res.code !== 500) { |
|
|
|
this.$message({ message: '操作提交成功', type: 'success', offset: 8 }) |
|
|
|
this.$message({ message: res, type: 'success', offset: 8 }) |
|
|
|
} else { |
|
|
|
this.$message({ message: '操作提交失败', type: 'error', offset: 8 }) |
|
|
|
} |
|
|
|
@ -180,8 +216,33 @@ export default { |
|
|
|
}) |
|
|
|
} else if (this.selectRow.businessType === 5) { |
|
|
|
FetchUtilizeConfirm(params).then((res) => { |
|
|
|
console.log(res) |
|
|
|
if (res.code !== 500) { |
|
|
|
this.$message({ message: res, type: 'success', offset: 8 }) |
|
|
|
} else { |
|
|
|
this.$message({ message: '操作提交失败', type: 'error', offset: 8 }) |
|
|
|
} |
|
|
|
this.closedDialog() |
|
|
|
}).catch(err => { |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
} else if (this.selectRow.businessType === 2) { |
|
|
|
FetchArchivesReturnConfirm(params).then((res) => { |
|
|
|
console.log(res) |
|
|
|
if (res.code !== 500) { |
|
|
|
this.$message({ message: res, type: 'success', offset: 8 }) |
|
|
|
} else { |
|
|
|
this.$message({ message: '操作提交失败', type: 'error', offset: 8 }) |
|
|
|
} |
|
|
|
this.closedDialog() |
|
|
|
}).catch(err => { |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
} else if (this.selectRow.businessType === 3) { |
|
|
|
FetchArchivesOpenConfirm(params).then((res) => { |
|
|
|
console.log(res) |
|
|
|
if (res.code !== 500) { |
|
|
|
this.$message({ message: '操作提交成功', type: 'success', offset: 8 }) |
|
|
|
this.$message({ message: res, type: 'success', offset: 8 }) |
|
|
|
} else { |
|
|
|
this.$message({ message: '操作提交失败', type: 'error', offset: 8 }) |
|
|
|
} |
|
|
|
|
