| | |
| | | <div class="button_Line"> |
| | | <div class="button_Left"> |
| | | <el-button size="default" type="primary" @click="onOpenAdd"> |
| | | <el-icon> |
| | | <Plus /> </el-icon |
| | | >新建 |
| | | <el-icon> <Plus /> </el-icon>新建 |
| | | </el-button> |
| | | <el-button size="default" type="warning" plain :disabled="warning"> |
| | | <el-icon> |
| | | <Edit /> </el-icon |
| | | >修改 |
| | | <el-icon> <Edit /> </el-icon>修改 |
| | | </el-button> |
| | | <el-button size="default" type="danger" plain :disabled="danger" @click="onDeleteAll"> |
| | | <el-icon> |
| | | <Delete /> </el-icon |
| | | >删除 |
| | | <el-icon> <Delete /> </el-icon>删除 |
| | | </el-button> |
| | | <el-button size="default" type="primary" @click="onabolishLibrary"> 废止库 </el-button> |
| | | </div> |
| | |
| | | <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> |
| | | <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> |
| | | <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> |
| | | <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"> |
| | | <el-button size="small" text type="primary" @click="isDialogFormVisible(scope.row.id)"> |
| | | <el-icon style="margin-right: 5px"> |
| | | <VideoPlay /> </el-icon |
| | | >启动 |
| | | <el-icon style="margin-right: 5px"> <VideoPlay /> </el-icon>启动 |
| | | </el-button> |
| | | <el-button size="small" text type="primary" @click="abolish(scope.row.id)"> |
| | | <el-icon style="margin-right: 5px"> |
| | | <VideoPause /> </el-icon |
| | | >废止 |
| | | <el-icon style="margin-right: 5px"> <VideoPause /> </el-icon>废止 |
| | | </el-button> |
| | | <el-button size="small" text type="primary" @click="onEdit('修改', scope.row.id)"> |
| | | <el-icon style="margin-right: 5px"> |
| | | <EditPen /> </el-icon |
| | | >修改 |
| | | <el-icon style="margin-right: 5px"> <EditPen /> </el-icon>修改 |
| | | </el-button> |
| | | <el-button |
| | | size="small" |
| | |
| | | text |
| | | type="primary" |
| | | v-if="scope.row.approveStatus === 2 && scope.row.checkApprove === true" |
| | | @click="onApproval('修改',scope.row.approveId,scope.row.id)" |
| | | @click="onApproval('修改', scope.row.approveId, scope.row.id)" |
| | | > |
| | | 审批 |
| | | </el-button> |
| | |
| | | text |
| | | type="primary" |
| | | v-if="scope.row.approveStatus === 2 && scope.row.checkApprove === false" |
| | | @click="onApproval('详情',scope.row.approveId,scope.row.id)" |
| | | @click="onApproval('详情', scope.row.approveId, scope.row.id)" |
| | | > |
| | | 查看审批 |
| | | 查看审批 |
| | | </el-button> |
| | | <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="onRowDel(scope.row.id)"> |
| | | <el-icon> |
| | | <Delete /> </el-icon |
| | | >删除 |
| | | <el-icon> <Delete /> </el-icon>删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <AbolishLibrary ref="abolishRef" @myAdd="onMyAdd" /> |
| | | <InitiateApproval ref="initiateApprovalRef" @myAdd="onMyAdd" /> |
| | | <Approval ref="approvalRef" @myAdd="onMyAdd" /> |
| | | <ApprovalProcess ref="processRef" @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> |
| | |
| | | Refresh, |
| | | VideoPause, |
| | | VideoPlay, |
| | | ApprovalProcess, |
| | | ApprovalProcess, |
| | | // UpData, |
| | | emergencyPlanApi, |
| | | }, |
| | |
| | | // 发起审批弹窗 |
| | | const initiateApprovalRef = ref(); |
| | | const initiateApproval = (row: object) => { |
| | | initiateApprovalRef.value.openDialog('发起审批',row, true); |
| | | initiateApprovalRef.value.openDialog('发起审批', row, true); |
| | | }; |
| | | // 审批 |
| | | const approvalRef = ref(); |
| | | const onApproval = (val: string,row: object,id) => { |
| | | if(val=='详情'){ |
| | | approvalRef.value.openDialog('查看审批', row, true); |
| | | } else { |
| | | approvalRef.value.openDialog('审批', row, false,id); |
| | | } |
| | | 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 processRef = ref(); |
| | | const onApprovalProcess = (row: object, id) => { |
| | | processRef.value.openDialog(row, id); |
| | | }; |
| | | |
| | | //全屏 |
| | | const full = ref(false); |
| | |
| | | initiateApprovalRef, |
| | | onApproval, |
| | | approvalRef, |
| | | onApprovalProcess, |
| | | processRef, |
| | | onApprovalProcess, |
| | | processRef, |
| | | }; |
| | | }, |
| | | }); |
| | |
| | | min-width: 30px; |
| | | border-radius: 2px; |
| | | } |
| | | </style> |
| | | </style> |