Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

预告警问题详情查看

Browse Source
This commit is contained in:
hongawen
2024-05-29 19:01:34 +08:00
parent 70b624066f
commit ad298c727c
4 changed files with 206 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/pqs/supervise/technology/components/alarm.vue
View File

@@ -94,7 +94,7 @@ const tableStore = new TableStore({
render: 'basicButton', render: 'basicButton',
click: row => { click: row => {
// handleAudit(row.processInstanceId) // handleAudit(row.processInstanceId)
ElMessage.warning("待打通生成管理系统接口！") ElMessage.warning('待打通生成管理系统接口！')
} }
}, },
{ {
@@ -107,7 +107,7 @@ const tableStore = new TableStore({
return row.status !== 5 return row.status !== 5
}, },
click: row => { click: row => {
feedbackPopup.value.open('填报反馈单',row.id,row.status) feedbackPopup.value.open('填报反馈单', row.id, row.status, row.issueDetail,row.problemPath)
} }
}, },

2
src/views/pqs/supervise/technology/components/earlyWarn.vue
View File

@@ -100,7 +100,7 @@ const tableStore = new TableStore({
return row.status !== 5 return row.status !== 5
}, },
click: row => { click: row => {
feedbackPopup.value.open('填报反馈单', row.id, row.status) feedbackPopup.value.open('填报反馈单', row.id, row.status, row.issueDetail,row.problemPath)
} }
}, },
{ {

45
src/views/pqs/supervise/technology/feedbackPopup.vue
View File

@@ -4,12 +4,29 @@
class='cn-operate-dialog' class='cn-operate-dialog'
v-model='dialogVisible' v-model='dialogVisible'
:title='title' :title='title'
width="450px" width='450px'
top='30vh' top='30vh'
> >
<el-scrollbar> <el-scrollbar>
<el-form :inline='false' :model='formData' label-width='120px' :rules='rules' ref='formRef'> <el-form :inline='false' :model='formData' label-width='120px' :rules='rules' ref='formRef'>
<el-form-item label='问题详情：'>
<el-input
v-model='formData.issueDetail'
autocomplete='off'
type='textarea'
:autosize='{minRows:2,maxRows:6}'
readonly
/>
</el-form-item>
<el-form-item label='问题附件：' v-if='showFile'>
<el-icon>
<Link />
</el-icon>
<a :href='problemDetail.problemPath' target='_blank'>{{ problemDetail.problemName }}</a>
</el-form-item>
<el-form-item label='采取的措施：' prop='takeStep'> <el-form-item label='采取的措施：' prop='takeStep'>
<el-input <el-input
v-model='formData.takeStep' v-model='formData.takeStep'
@@ -51,8 +68,9 @@
import { ref, inject, reactive, nextTick } from 'vue' import { ref, inject, reactive, nextTick } from 'vue'
import { ElMessage, genFileId, UploadProps, UploadRawFile } from 'element-plus' import { ElMessage, genFileId, UploadProps, UploadRawFile } from 'element-plus'
import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除 import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
import { uploadFile } from '@/api/system-boot/file' import { getFileNameAndFilePath, uploadFile } from '@/api/system-boot/file'
import { addFeedback } from '@/api/supervision-boot/leaflet' import { addFeedback } from '@/api/supervision-boot/leaflet'
import { Link } from '@element-plus/icons-vue'
//下拉数据源 //下拉数据源
const title = ref('') const title = ref('')
@@ -65,9 +83,17 @@ const dialogVisible = ref(false)
const formData = reactive({ const formData = reactive({
id: '', id: '',
status: '', status: '',
issueDetail: '',
takeStep: '', takeStep: '',
reportPath: '' reportPath: ''
}) })
//附件是否显示
const showFile = ref(false)
const problemDetail = reactive({
problemPath: '',
problemName: ''
})
//处理成效报告 //处理成效报告
const reportPath = ref('') const reportPath = ref('')
@@ -82,7 +108,7 @@ const resetForm = () => {
} }
} }
const open = async (text: string, id: string, status: any, takeStep?: string, reportPath?: string) => { const open = async (text: string, id: string, status: any, issueDetail: string, problemPath?: string, takeStep?: string, reportPath?: string) => {
title.value = text title.value = text
resetForm() resetForm()
if (takeStep) { if (takeStep) {
@@ -94,6 +120,19 @@ const open = async (text: string, id: string, status: any, takeStep?: string, re
} }
formData.id = id formData.id = id
formData.status = status formData.status = status
formData.issueDetail = issueDetail
//判断附件是否存在，如果存在则回显出让用户可以点击下载
if (problemPath) {
let arrPath = problemPath.split(',')
await getFileNameAndFilePath({ filePath: arrPath[0] }).then(res => {
problemDetail.problemPath = res.data.url
problemDetail.problemName = res.data.fileName
})
showFile.value = true
}else{
showFile.value = false
}
dialogVisible.value = true dialogVisible.value = true
} }

117
src/views/system/bpm/processInstance/detail/index.vue
View File

@@ -1,55 +1,55 @@
<!-- 流程详情页面 tab切换 --> <!-- 流程详情页面 tab切换 -->
<template> <template>
<div class="default-main" style="overflow: hidden;"> <div class='default-main' style='overflow: hidden;'>
<!--返回按钮--> <!--返回按钮-->
<back-component style="margin: 8px; position: absolute; z-index: 10; top: -3px; right: 2px" /> <back-component style='margin: 8px; position: absolute; z-index: 10; top: -3px; right: 2px' />
<el-tabs type="border-card" v-model="tab" @tab-click="handleClickTab"> <el-tabs type='border-card' v-model='tab' @tab-click='handleClickTab'>
<el-tab-pane label="流程审核" name="流程审核" v-if="runningTasks.length > 0"> <el-tab-pane label='流程审核' name='流程审核' v-if='runningTasks.length > 0'>
<el-card <el-card
v-for="(item, index) in runningTasks" v-for='(item, index) in runningTasks'
:key="index" :key='index'
v-loading="processInstanceLoading" v-loading='processInstanceLoading'
class="box-card" class='box-card'
> >
<template #header> <template #header>
<span class="el-icon-picture-outline">当前任务【{{ item.name }}】</span> <span class='el-icon-picture-outline'>当前任务【{{ item.name }}】</span>
</template> </template>
<el-col :offset="6" :span="16"> <el-col :offset='6' :span='16'>
<el-form <el-form
:ref="'form' + index" :ref="'form' + index"
:model="auditForms[index]" :model='auditForms[index]'
:rules="auditRule" :rules='auditRule'
label-width="100px" label-width='100px'
> >
<el-form-item v-if="processInstance && processInstance.name" label="流程名"> <el-form-item v-if='processInstance && processInstance.name' label='流程名'>
{{ processInstance.name }} {{ processInstance.name }}
</el-form-item> </el-form-item>
<el-form-item v-if="processInstance && processInstance.startUser" label="发起人"> <el-form-item v-if='processInstance && processInstance.startUser' label='发起人'>
{{ processInstance?.startUser.name }} {{ processInstance?.startUser.name }}
</el-form-item> </el-form-item>
<el-form-item v-if="processInstance && processInstance.startUser" label="发起部门"> <el-form-item v-if='processInstance && processInstance.startUser' label='发起部门'>
{{ processInstance?.startUser.deptName }} {{ processInstance?.startUser.deptName }}
</el-form-item> </el-form-item>
<el-card v-if="runningTasks[index].formId != null" class="mb-15px !-mt-10px"> <el-card v-if='runningTasks[index].formId != null' class='mb-15px !-mt-10px'>
<template #header> <template #header>
<span class="el-icon-picture-outline"> <span class='el-icon-picture-outline'>
{{ runningTasks[index]?.formName }} {{ runningTasks[index]?.formName }}
</span> </span>
</template> </template>
<form-create <form-create
v-model="approveForms[index].value" v-model='approveForms[index].value'
v-model:api="approveFormFApis[index]" v-model:api='approveFormFApis[index]'
:option="approveForms[index].option" :option='approveForms[index].option'
:rule="approveForms[index].rule" :rule='approveForms[index].rule'
/> />
</el-card> </el-card>
<el-form-item label="审批建议" prop="reason" style="margin-top: 15px"> <el-form-item label='审批建议' prop='reason' style='margin-top: 15px'>
<el-input <el-input
v-model="auditForms[index].reason" v-model='auditForms[index].reason'
placeholder="请输入审批建议" placeholder='请输入审批建议'
type="textarea" type='textarea'
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label='抄送人' prop='copyUserIds'>--> <!-- <el-form-item label='抄送人' prop='copyUserIds'>-->
@@ -63,10 +63,10 @@
<!-- </el-select>--> <!-- </el-select>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
</el-form> </el-form>
<div style="margin-bottom: 20px; margin-left: 10%; font-size: 14px"> <div style='margin-bottom: 20px; margin-left: 10%; font-size: 14px'>
<el-button type="success" :icon="Select" @click="handleAudit(item, true)">通过</el-button> <el-button type='success' :icon='Select' @click='handleAudit(item, true)'>通过</el-button>
<el-button type="danger" :icon="Close" @click="handleAudit(item, false)">不通过</el-button> <el-button type='danger' :icon='Close' @click='handleAudit(item, false)'>不通过</el-button>
<!-- <el-button type='primary' @click='openTaskUpdateAssigneeForm(item.id)'>--> <!-- <el-button type='primary' @click='openTaskUpdateAssigneeForm(item.id)'>-->
<!-- <Icon icon='ep:edit' />--> <!-- <Icon icon='ep:edit' />-->
@@ -80,66 +80,65 @@
<!-- <Icon icon='ep:plus' />--> <!-- <Icon icon='ep:plus' />-->
<!-- 加签--> <!-- 加签-->
<!-- </el-button>--> <!-- </el-button>-->
<!-- <el-button type="warning" :icon="Back" @click="handleBack(item)">回退</el-button>-->
<el-button type="warning" :icon="Back" @click="handleBack(item)">回退</el-button>
</div> </div>
</el-col> </el-col>
</el-card> </el-card>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="申请信息" name="申请信息"> <el-tab-pane label='申请信息' name='申请信息'>
<!-- 申请信息 --> <!-- 申请信息 -->
<el-card v-loading="processInstanceLoading" class="box-card"> <el-card v-loading='processInstanceLoading' class='box-card'>
<template #header> <template #header>
<span class="el-icon-document">申请信息【{{ processInstance.name }}】</span> <span class='el-icon-document'>申请信息【{{ processInstance.name }}】</span>
</template> </template>
<!-- 情况一：流程表单 --> <!-- 情况一：流程表单 -->
<el-col v-if="processInstance?.processDefinition?.formType === 10" :offset="6" :span="16"> <el-col v-if='processInstance?.processDefinition?.formType === 10' :offset='6' :span='16'>
<form-create <form-create
v-model="detailForm.value" v-model='detailForm.value'
v-model:api="fApi" v-model:api='fApi'
:option="detailForm.option" :option='detailForm.option'
:rule="detailForm.rule" :rule='detailForm.rule'
/> />
</el-col> </el-col>
<!-- 情况二：业务表单 --> <!-- 情况二：业务表单 -->
<div v-if="processInstance?.processDefinition?.formType === 20"> <div v-if='processInstance?.processDefinition?.formType === 20'>
<BusinessFormComponent :id="processInstance.businessKey" :applyTitle="processInstance.name" /> <BusinessFormComponent :id='processInstance.businessKey' :applyTitle='processInstance.name' />
</div> </div>
</el-card> </el-card>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="审批记录" name="审批记录"> <el-tab-pane label='审批记录' name='审批记录'>
<!-- 审批记录 --> <!-- 审批记录 -->
<ProcessInstanceTaskList <ProcessInstanceTaskList
:loading="tasksLoad" :loading='tasksLoad'
:process-instance="processInstance" :process-instance='processInstance'
:tasks="tasks" :tasks='tasks'
@refresh="getTaskList" @refresh='getTaskList'
/> />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="流程图" name="流程图"> <el-tab-pane label='流程图' name='流程图'>
<ProcessInstanceBpmnViewer <ProcessInstanceBpmnViewer
ref="mapRef" ref='mapRef'
:id="`${id}`" :id='`${id}`'
:bpmn-xml="bpmnXml" :bpmn-xml='bpmnXml'
:loading="processInstanceLoading" :loading='processInstanceLoading'
:process-instance="processInstance" :process-instance='processInstance'
:tasks="tasks" :tasks='tasks'
/> />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<ContentWrap> <ContentWrap>
<!-- 弹窗：转派审批人 --> <!-- 弹窗：转派审批人 -->
<TaskTransferForm ref="taskTransferFormRef" @success="getDetail" /> <TaskTransferForm ref='taskTransferFormRef' @success='getDetail' />
<!-- 弹窗：回退节点 --> <!-- 弹窗：回退节点 -->
<TaskReturnForm ref="taskReturnFormRef" @success="getDetail" /> <TaskReturnForm ref='taskReturnFormRef' @success='getDetail' />
<!-- 弹窗：委派，将任务委派给别人处理，处理完成后，会重新回到原审批人手中--> <!-- 弹窗：委派，将任务委派给别人处理，处理完成后，会重新回到原审批人手中-->
<TaskDelegateForm ref="taskDelegateForm" @success="getDetail" /> <TaskDelegateForm ref='taskDelegateForm' @success='getDetail' />
<!-- 弹窗：加签，当前任务审批人为A，向前加签选了一个C，则需要C先审批，然后再是A审批，向后加签B，A审批完，需要B再审批完，才算完成这个任务节点 --> <!-- 弹窗：加签，当前任务审批人为A，向前加签选了一个C，则需要C先审批，然后再是A审批，向后加签B，A审批完，需要B再审批完，才算完成这个任务节点 -->
<TaskSignCreateForm ref="taskSignCreateFormRef" @success="getDetail" /> <TaskSignCreateForm ref='taskSignCreateFormRef' @success='getDetail' />
</ContentWrap> </ContentWrap>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang='ts' setup>
import { onMounted, provide, ref, getCurrentInstance, reactive, watch, unref, nextTick, markRaw } from 'vue' import { onMounted, provide, ref, getCurrentInstance, reactive, watch, unref, nextTick, markRaw } from 'vue'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import { useUserStore } from '@/stores/modules/user' import { useUserStore } from '@/stores/modules/user'
@@ -415,7 +414,7 @@ onMounted(async () => {
} }
}) })
</script> </script>
<style lang="scss" scoped> <style lang='scss' scoped>
::v-deep .el-tab-pane { ::v-deep .el-tab-pane {
height: calc(100vh - 200px) !important; height: calc(100vh - 200px) !important;
overflow: auto !important; overflow: auto !important;