|
|
|
@ -10,20 +10,20 @@ |
|
|
|
</div> |
|
|
|
<div v-if="activeIndex == 0"> |
|
|
|
<div class="detail-info"> |
|
|
|
<p><span>流程名称：</span>{{ selectRow && selectRow.title }}</p> |
|
|
|
<p style="width: 60%;"><span>流程名称：</span>{{ selectRow && selectRow.title }}</p> |
|
|
|
<p><span>启动时间：</span>{{ selectRow && selectRow.createTime | parseTime }}</p> |
|
|
|
<p><span>实例ID：</span>{{ selectRow && selectRow.procInstId }}</p> |
|
|
|
<p style="width: 60%;"><span>实例ID：</span>{{ selectRow && selectRow.procInstId }}</p> |
|
|
|
<p><span>发起人：</span>{{ selectRow && selectRow.createBy }}</p> |
|
|
|
</div> |
|
|
|
<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> |
|
|
|
<p><span>利用目的：</span>-</p> |
|
|
|
<p><span>利用次数：</span>-</p> |
|
|
|
<p><span>利用目的：</span>{{ baseInfo && baseInfo.borrowReason }}</p> |
|
|
|
<!-- <p><span>利用次数：</span>-</p> --> |
|
|
|
</div> |
|
|
|
<div class="opinion"> |
|
|
|
<!-- <h5>归档审批</h5> --> |
|
|
|
@ -37,10 +37,10 @@ |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<businessDetails /> |
|
|
|
<businessDetails :table-data="tableData" :is-utilize="isUtilize" :is-flowable-form="true" @select-change="handleSelectChange" /> |
|
|
|
</div> |
|
|
|
<div v-if="activeIndex == 1" class="detail-img"> |
|
|
|
<img src="~@/assets/images/system/process-img.png" alt=""> |
|
|
|
<img :src="'data:image/jpeg;base64,'+ srcImg" alt="" :onerror="defaultImg"> |
|
|
|
</div> |
|
|
|
<!-- <div v-if="activeIndex == 2"> |
|
|
|
<div class="detail-list"> |
|
|
|
@ -65,6 +65,9 @@ |
|
|
|
|
|
|
|
<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 businessDetails from '@/views/system/processManage/runningProcess/module/businessDetails/index.vue' |
|
|
|
export default { |
|
|
|
name: 'Form', |
|
|
|
@ -78,7 +81,13 @@ export default { |
|
|
|
form: { |
|
|
|
opinion: null |
|
|
|
}, |
|
|
|
selectRow: null |
|
|
|
selectRow: null, |
|
|
|
srcImg: '', |
|
|
|
defaultImg: 'this.src="' + require('@/assets/images/system/default-img.jpg') + '"', |
|
|
|
tableData: [], |
|
|
|
baseInfo: null, |
|
|
|
isUtilize: false, |
|
|
|
selectedValues: {} |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
@ -86,19 +95,97 @@ export default { |
|
|
|
methods: { |
|
|
|
changeActiveTab(data) { |
|
|
|
this.activeIndex = data |
|
|
|
if (data === 1) { |
|
|
|
this.getProcessImg() |
|
|
|
} else { |
|
|
|
this.getBusinessFlowDetails() |
|
|
|
} |
|
|
|
}, |
|
|
|
getProcessImg() { |
|
|
|
this.srcImg = '' |
|
|
|
FetchGenProcessDiagram({ 'processId': this.selectRow.procInstId }).then((res) => { |
|
|
|
this.srcImg = res |
|
|
|
}).catch(err => { |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleSelectChange({ id, value }) { |
|
|
|
if (value === -1) { |
|
|
|
this.$message.error('请选择有效实体借阅状态！') |
|
|
|
} |
|
|
|
this.$set(this.selectedValues, id, value) |
|
|
|
}, |
|
|
|
getBusinessFlowDetails() { |
|
|
|
const params = { |
|
|
|
'businessId': this.selectRow.id |
|
|
|
} |
|
|
|
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 => { |
|
|
|
item.utilizeType = item.utilizeType.split(',').map(Number) |
|
|
|
}) |
|
|
|
} else { |
|
|
|
this.isUtilize = false |
|
|
|
res.details.forEach(item => { |
|
|
|
item.utilizeType = [] |
|
|
|
}) |
|
|
|
} |
|
|
|
this.tableData = res.details |
|
|
|
this.tableData.forEach(item => { |
|
|
|
this.$set(this.selectedValues, item.archivesId, item.utilizeState) |
|
|
|
}) |
|
|
|
} else { |
|
|
|
this.$message({ message: '获取数据失败', type: 'error', offset: 8 }) |
|
|
|
} |
|
|
|
}).catch(err => { |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
}, |
|
|
|
submitOpinion(type) { |
|
|
|
this.$refs['form'].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
if (this.selectRow.businessType === 5) { |
|
|
|
if (Object.keys(this.selectedValues).length === 0) { |
|
|
|
this.$message.error('请选择有效实体借阅状态！') |
|
|
|
return false |
|
|
|
} else { |
|
|
|
const hasInvalidSelection = Object.values(this.selectedValues).some(value => value === -1) |
|
|
|
if (hasInvalidSelection) { |
|
|
|
this.$message.error('请选择有效实体借阅状态！') |
|
|
|
return false |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
const params = { |
|
|
|
'id': this.selectRow.id, |
|
|
|
'isPass': type, |
|
|
|
'opinion': this.form.opinion |
|
|
|
'opinion': this.form.opinion, |
|
|
|
'map': this.selectedValues |
|
|
|
} |
|
|
|
console.log(params) |
|
|
|
if (this.selectRow.businessType === 1) { |
|
|
|
FetchBecomeDocumentConfirm(params).then((res) => { |
|
|
|
console.log(res) |
|
|
|
if (res.code !== 500) { |
|
|
|
this.$message({ message: '操作提交成功', type: 'success', offset: 8 }) |
|
|
|
} else { |
|
|
|
this.$message({ message: '操作提交失败', type: 'error', offset: 8 }) |
|
|
|
} |
|
|
|
this.closedDialog() |
|
|
|
}).catch(err => { |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
} else if (this.selectRow.businessType === 5) { |
|
|
|
FetchUtilizeConfirm(params).then((res) => { |
|
|
|
if (res.code !== 500) { |
|
|
|
this.$message({ message: '操作提交成功', type: 'success', offset: 8 }) |
|
|
|
} else { |
|
|
|
this.$message({ message: '操作提交失败', type: 'error', offset: 8 }) |
|
|
|
} |
|
|
|
this.closedDialog() |
|
|
|
}).catch(err => { |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
@ -107,8 +194,14 @@ export default { |
|
|
|
return false |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
closedDialog() { |
|
|
|
this.formVisible = false |
|
|
|
this.form.opinion = null |
|
|
|
this.$emit('refresh') |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
@ -125,7 +218,7 @@ export default { |
|
|
|
color: #545B65; |
|
|
|
background-color: #F6F8FC; |
|
|
|
p{ |
|
|
|
width: 50%; |
|
|
|
width: 40%; |
|
|
|
span{ |
|
|
|
display: inline-block; |
|
|
|
width: 75px; |
|
|
|
@ -165,7 +258,7 @@ export default { |
|
|
|
overflow-y: scroll; |
|
|
|
img{ |
|
|
|
display: block; |
|
|
|
width: 100%; |
|
|
|
// width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
.detail-list{ |
|
|
|
|
