|
|
@@ -3,16 +3,42 @@
|
|
|
<DeptTree @node-click="handleDeptNodeClick" v-model:collapsed="isLeftContentCollapsed" />
|
|
|
|
|
|
<el-col :xs="24" :span="isLeftContentCollapsed ? 24 : 20">
|
|
|
- <el-alert title="" type="warning" :closable="false">
|
|
|
- <template #default>
|
|
|
- <div class="text-[16px]">
|
|
|
- <p>发生C级事故，应1小时内上报到专业公司，24小时内上报到集团运营共享中心及总裁；</p>
|
|
|
- <p>发生B级事故，应半小时内上报到专业公司，12小时内上报到集团运营共享中心及总裁；</p>
|
|
|
- <p>发生A级事故，应立即上报到专业公司，2小时内上报到集团运营共享中心及总裁；</p>
|
|
|
- <p>严谨迟报、漏报、瞒报！！！</p>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-alert>
|
|
|
+ <ContentWrap>
|
|
|
+ <el-alert title="" type="warning" :closable="false">
|
|
|
+ <template #default>
|
|
|
+ <div class="text-[16px]">
|
|
|
+ <p>发生C级事故，应1小时内上报到专业公司，24小时内上报到集团运营共享中心及总裁；</p>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-alert>
|
|
|
+
|
|
|
+ <el-alert title="" type="warning" :closable="false" style="margin-top: 5px">
|
|
|
+ <template #default>
|
|
|
+ <div class="text-[16px]">
|
|
|
+ <p>发生B级事故，应半小时内上报到专业公司，12小时内上报到集团运营共享中心及总裁；</p>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-alert>
|
|
|
+
|
|
|
+ <el-alert title="" type="error" :closable="false" style="margin-top: 5px">
|
|
|
+ <template #default>
|
|
|
+ <div class="text-[16px]">
|
|
|
+ <p>发生A级事故，应立即上报到专业公司，2小时内上报到集团运营共享中心及总裁；</p>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-alert>
|
|
|
+
|
|
|
+ <el-alert title="" type="warning" :closable="false" style="margin-top: 5px" show-icon>
|
|
|
+ <template #icon>
|
|
|
+ <Icon icon="ep:info-filled" />
|
|
|
+ </template>
|
|
|
+ <template #default>
|
|
|
+ <div class="text-[17px]">
|
|
|
+ <p>严谨迟报、漏报、瞒报！！！</p>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-alert>
|
|
|
+ </ContentWrap>
|
|
|
|
|
|
<ContentWrap style="border: 0; margin-top: 10px">
|
|
|
<el-form
|
|
|
@@ -20,8 +46,7 @@
|
|
|
:model="queryParams"
|
|
|
ref="queryForm"
|
|
|
:inline="true"
|
|
|
- label-width="100px"
|
|
|
- >
|
|
|
+ label-width="100px">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="24" :xs="24" :sm="12" :md="6">
|
|
|
<el-form-item label="事件级别" prop="accidentGrade">
|
|
|
@@ -30,8 +55,7 @@
|
|
|
placeholder="请输入事件级别"
|
|
|
clearable
|
|
|
@keyup.enter="handleQuery"
|
|
|
- style="width: 200px"
|
|
|
- />
|
|
|
+ style="width: 200px" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24" :xs="24" :sm="12" :md="6">
|
|
|
@@ -40,8 +64,7 @@
|
|
|
v-model="queryParams.accidentType"
|
|
|
placeholder="请选择事件类型"
|
|
|
clearable
|
|
|
- style="width: 200px"
|
|
|
- />
|
|
|
+ style="width: 200px" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24" :xs="24" :sm="24" :md="12">
|
|
|
@@ -52,8 +75,7 @@
|
|
|
type="primary"
|
|
|
@click="openForm('create', undefined, false)"
|
|
|
color="#626aef"
|
|
|
- v-hasPermi="['rq:iot-accident-report:create']"
|
|
|
- >
|
|
|
+ v-hasPermi="['rq:iot-accident-report:create']">
|
|
|
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
|
|
</el-button>
|
|
|
<!-- <el-button type="success" plain @click="handleExport" :loading="exportLoading">
|
|
|
@@ -75,8 +97,7 @@
|
|
|
:header-cell-style="{ background: '#f5f7fa', color: '#333', height: '50px' }"
|
|
|
:cell-style="{ padding: '12px 8px' }"
|
|
|
height="calc(70vh - 118px)"
|
|
|
- :max-height="tableHeight"
|
|
|
- >
|
|
|
+ :max-height="tableHeight">
|
|
|
<zm-table-column prop="actualTime" label="事件时间" align="center" min-width="150">
|
|
|
<template #default="{ row }">
|
|
|
{{ formatDate(row.actualTime) }}
|
|
|
@@ -93,15 +114,13 @@
|
|
|
prop="lossSituation"
|
|
|
label="事件损失情况"
|
|
|
align="center"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
+ show-overflow-tooltip />
|
|
|
|
|
|
<zm-table-column
|
|
|
prop="accidentAddress"
|
|
|
label="事件地址"
|
|
|
align="center"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
+ show-overflow-tooltip />
|
|
|
<zm-table-column prop="deptName" label="部门名称" align="center" />
|
|
|
<zm-table-column prop="dutyPerson" label="现场负责人" align="center" />
|
|
|
<zm-table-column prop="actualTime" label="创建时间" align="center" min-width="150">
|
|
|
@@ -134,8 +153,7 @@
|
|
|
layout="total, sizes, prev, pager, next"
|
|
|
@size-change="handleSizeChange"
|
|
|
@current-change="handleCurrentChange"
|
|
|
- background
|
|
|
- />
|
|
|
+ background />
|
|
|
</div>
|
|
|
</ContentWrap>
|
|
|
</el-col>
|
|
|
@@ -151,8 +169,7 @@
|
|
|
size="650px"
|
|
|
:with-header="true"
|
|
|
:close-on-click-modal="false"
|
|
|
- destroy-on-close
|
|
|
- >
|
|
|
+ destroy-on-close>
|
|
|
<template #header>
|
|
|
<div class="drawer-header">
|
|
|
<span>{{ approvalDialogTitle }}</span>
|
|
|
@@ -167,13 +184,11 @@
|
|
|
:key="index"
|
|
|
placement="top"
|
|
|
:color="getNodeStatusColor(item.status)"
|
|
|
- :icon="Check"
|
|
|
- >
|
|
|
+ :icon="Check">
|
|
|
<el-card
|
|
|
shadow="never"
|
|
|
class="approval-card"
|
|
|
- :class="{ 'status-completed': item.status === '已完成' || item.status === '已批准' }"
|
|
|
- >
|
|
|
+ :class="{ 'status-completed': item.status === '已完成' || item.status === '已批准' }">
|
|
|
<div class="card-header">
|
|
|
<div class="node-info">
|
|
|
<el-tag :type="getTagTypeByStatus(item.status)" size="small" class="status-tag">
|
|
|
@@ -198,8 +213,7 @@
|
|
|
</div>
|
|
|
<div
|
|
|
class="attachment-section"
|
|
|
- v-if="item.attachments && item.attachments.length > 0"
|
|
|
- >
|
|
|
+ v-if="item.attachments && item.attachments.length > 0">
|
|
|
<span class="label">附件：</span>
|
|
|
<div class="attachments">
|
|
|
<el-link
|
|
|
@@ -208,8 +222,7 @@
|
|
|
type="primary"
|
|
|
:href="attachment.url"
|
|
|
target="_blank"
|
|
|
- class="attachment-link"
|
|
|
- >
|
|
|
+ class="attachment-link">
|
|
|
{{ attachment.name }}
|
|
|
</el-link>
|
|
|
</div>
|
