| | |
| | | <el-table :data="tableData" style="width: 100%" ref="multipleTableRef" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column prop="name" label="预案名称" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="type" label="预案类型" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="level" label="预案级别" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="type" label="预案类型" show-overflow-tooltip sortable> |
| | | <template #default="scope"> |
| | | <span v-if="scope.row.type == 1">综合应急预案</span> |
| | | <span v-if="scope.row.type == 2">现场处置方案</span> |
| | | <span v-if="scope.row.type == 3">专项应急预案</span> |
| | | <span v-if="scope.row.type == 4">其他预案</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="level" label="预案级别" show-overflow-tooltip sortable> |
| | | <template #default="scope"> |
| | | <span v-if="scope.row.level == 1">综合应急预案</span> |
| | | <span v-if="scope.row.level == 2">现场处置方案</span> |
| | | <span v-if="scope.row.level == 3">专项应急预案</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="releaseDate" label="发布实施日期" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column label="操作" width="260" align="center" fixed="right"> |
| | | <template #default="scope"> |
| | |
| | | size="small" |
| | | text |
| | | type="primary" |
| | | v-if="scope.row.approveStatus === 1 || scope.row.checkApprove == true" |
| | | @click="onApproval(scope.row.id)" |
| | | v-if="scope.row.approveStatus === 2 && scope.row.checkApprove === true" |
| | | @click="onApproval('修改',scope.row.approveId,scope.row.id)" |
| | | > |
| | | 审批 |
| | | </el-button> |
| | |
| | | size="small" |
| | | text |
| | | type="primary" |
| | | v-if="scope.row.approveStatus === 1 || scope.row.checkApprove == false" |
| | | @click="initiateApproval(scope.row.id)" |
| | | v-if="scope.row.approveStatus === 2 && scope.row.checkApprove === false" |
| | | @click="onApproval('详情',scope.row.approveId,scope.row.id)" |
| | | > |
| | | 查看审批 |
| | | 查看审批 |
| | | </el-button> |
| | | <el-button size="small" text type="primary" v-if="scope.row.approveStatus === 2" @click="initiateApproval(scope.row.id)"> |
| | | <el-button size="small" text type="primary" v-if="scope.row.approveStatus === 3" @click="onApprovalProcess(scope.row.id)"> |
| | | 查看审批流程 |
| | | </el-button> |
| | | <!-- <el-button size="small" text type="primary" @click="jumpFrom(0)">--> |
| | |
| | | </div> |
| | | </el-card> |
| | | <OpenAdd ref="addRef" @myAdd="onMyAdd" /> |
| | | <AbolishLibrary ref="abolishRef" /> |
| | | <InitiateApproval ref="initiateApprovalRef" /> |
| | | <Approval ref="approvalRef" /> |
| | | <AbolishLibrary ref="abolishRef" @myAdd="onMyAdd" /> |
| | | <InitiateApproval ref="initiateApprovalRef" @myAdd="onMyAdd" /> |
| | | <Approval ref="approvalRef" @myAdd="onMyAdd" /> |
| | | <ApprovalProcess ref="processRef" @myAdd="onMyAdd" /> |
| | | <!-- <StartUp ref="startRef" @myAdd="startUp"/>--> |
| | | <el-dialog v-model="dialogFormVisible" width="30%" title="启动" :fullscreen="full"> |
| | | <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> |
| | |
| | | import OpenAdd from '/@/views/contingencyManagement/panManagement/component/openAdd.vue'; |
| | | // import StartUp from '/@/views/contingencyManagement/panManagement/component/startUp.vue'; |
| | | import AbolishLibrary from '/@/views/contingencyManagement/panManagement/component/abolishLibrary.vue'; |
| | | import ApprovalProcess from '/@/views/contingencyManagement/panManagement/component/approvalProcess.vue'; |
| | | import InitiateApproval from '/@/views/contingencyManagement/panManagement/component/initiateApproval.vue'; |
| | | import Approval from '/@/views/contingencyManagement/panManagement/component/approval.vue'; |
| | | // import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue'; |
| | | import { emergencyPlanApi } from '/@/api/emergencyPlan'; |
| | | import { emergencyPlanLogApi } from '/@/api/emergencyPlanLog'; |
| | | import { emergencyPlanApi } from '/@/api/contingencyManagement/emergencyPlan'; |
| | | import { emergencyPlanLogApi } from '/@/api/contingencyManagement/emergencyPlanLog'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'systemUser', |
| | |
| | | Refresh, |
| | | VideoPause, |
| | | VideoPlay, |
| | | ApprovalProcess, |
| | | // UpData, |
| | | emergencyPlanApi, |
| | | }, |
| | |
| | | // 分页改变 |
| | | const onHandleSizeChange = (val: number) => { |
| | | listQuery.pageSize = val; |
| | | onSubmit(); |
| | | }; |
| | | // 分页未改变 |
| | | const onHandleCurrentChange = (val: number) => { |
| | | listQuery.pageIndex = val; |
| | | onSubmit(); |
| | | }; |
| | | |
| | | // const router=useRouter() |
| | |
| | | // } |
| | | // 发起审批弹窗 |
| | | const initiateApprovalRef = ref(); |
| | | const initiateApproval = () => { |
| | | initiateApprovalRef.value.openDialog(); |
| | | const initiateApproval = (row: object) => { |
| | | initiateApprovalRef.value.openDialog('发起审批',row, true); |
| | | }; |
| | | // 审批 |
| | | const approvalRef = ref(); |
| | | const onApproval = () => { |
| | | approvalRef.value.openDialog(); |
| | | const onApproval = (val: string,row: object,id) => { |
| | | if(val=='详情'){ |
| | | approvalRef.value.openDialog('查看审批', row, true); |
| | | } else { |
| | | approvalRef.value.openDialog('审批', row, false,id); |
| | | } |
| | | }; |
| | | // 审批流程 |
| | | const processRef = ref(); |
| | | const onApprovalProcess = (row:object,id) => { |
| | | processRef.value.openDialog(row,id); |
| | | }; |
| | | |
| | | //全屏 |
| | | const full = ref(false); |
| | | const toggleFullscreen = () => { |
| | |
| | | initiateApprovalRef, |
| | | onApproval, |
| | | approvalRef, |
| | | onApprovalProcess, |
| | | processRef, |
| | | }; |
| | | }, |
| | | }); |