From 4f97657270b7aef0d3b7a6b25ea2b4adb07a77c7 Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: Fri, 10 Nov 2023 16:55:34 +0800
Subject: [PATCH] 新增风险等级筛选条件、等级颜色
---
src/views/experiment/developing/index.vue | 62 ++++++++++++++++++++++++++-----
1 files changed, 52 insertions(+), 10 deletions(-)
diff --git a/src/views/experiment/developing/index.vue b/src/views/experiment/developing/index.vue
index 8ee6f9d..9500ff9 100644
--- a/src/views/experiment/developing/index.vue
+++ b/src/views/experiment/developing/index.vue
@@ -13,6 +13,12 @@
<el-option v-for="item in developState.experimentTypeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</div>
+ <div class="basic-line">
+ <span>风险等级：</span>
+ <el-select v-model="developState.searchQuery.searchParams.assessLevel" clearable filterable class="input-box" placeholder="风险等级">
+ <el-option v-for="item in developState.riskLevelList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+ </el-select>
+ </div>
<div style="padding-bottom: 10px">
<el-button type="primary" @click="getdevelopData">查询</el-button>
<el-button plain @click="reset">重置</el-button>
@@ -68,12 +74,17 @@
</el-tag>
</template>
</el-table-column>
- <el-table-column prop="assessLevel" label="风险等级">
+ <el-table-column prop="status" label="最近评估时间" show-overflow-tooltip>
<template #default="scope">
- <el-tag :type="scope.row.assessLevel == 4?'danger':scope.row.assessLevel == 3 || scope.row.assessLevel == 2?'warning':''">
- {{scope.row.assessLevel == 1?'低风险':scope.row.assessLevel == 2?'一般风险':scope.row.assessLevel == 3?'较大风险':scope.row.assessLevel == 4?'重大风险':'--'}}
- </el-tag>
+ <span>{{scope.row.experimentAssessLogs?scope.row.experimentAssessLogs.map(i=>i.assessEndTime.substring(0,16)).join(','): ''}}</span>
</template>
+ </el-table-column>
+ <el-table-column prop="assessLevel" label="风险等级">
+ <template #default="scope">
+ <el-tag type="info" :class="developState.tagBg[scope.row.assessLevel - 1]" style="color:#383838;">
+ {{scope.row.assessLevel == 1 ?'重大风险':scope.row.assessLevel == 2?'较大风险':scope.row.assessLevel == 3?'一般风险':scope.row.assessLevel == 4?'低风险':'--'}}
+ </el-tag>
+ </template>
</el-table-column>
<!-- <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column>-->
<!-- <el-table-column prop="createByUserName" label="创建人" show-overflow-tooltip></el-table-column>-->
@@ -82,7 +93,8 @@
<el-table-column label="操作" width="250" fixed="right">
<template #default="scope">
<el-button size="small" text type="primary" :icon="View" @click="openProjectDialog('查看', scope.row)">查看</el-button>
- <el-button size="small" :disabled="scope.row.status == 2 ? true : false" text type="primary" :icon="Edit" @click="applyAccess( scope.row)">申请评估</el-button>
+ <el-button size="small" text type="primary" :icon="View" v-if="scope.row.stage == 4" @click="openReportDialog('查看',scope.row)">查看评估报告</el-button>
+ <el-button size="small" :disabled="scope.row.stage == 2 ? true : false" text type="primary" :icon="Edit" @click="applyAccess( scope.row)">申请评估</el-button>
<el-button size="small" :disabled="(scope.row.status == 2 && scope.row.stage == 1) ? false : true" text type="warning" :icon="RefreshLeft" @click="cancelAccess( scope.row)">撤销评估</el-button>
<el-button size="small" type="warning" v-if="scope.row.rectifyStatus == 1" text :icon="Edit" @click="openProjectDialog('整改', scope.row)">整改</el-button>
</template>
@@ -97,6 +109,7 @@
<develop-dialog ref="DevelopDialogRef" @refresh="getdevelopData"></develop-dialog>
<!-- <apply-start ref="ApplyStartRef"></apply-start>-->
<test ref="ApplyStartRef" @refresh="getdevelopData"></test>
+ <report-dialog ref="ReportDialogRef"></report-dialog>
</div>
</template>
@@ -106,13 +119,13 @@
import {ElMessage, ElMessageBox} from "element-plus";
import { View,Edit, Plus, RefreshLeft } from '@element-plus/icons-vue';
import {roomApi} from "/@/api/basic/room";
-
+const ReportDialog = defineAsyncComponent(() => import('../../analyse/assessApply/components/reportDialog.vue'));
const DevelopDialog = defineAsyncComponent(() => import('./components/developDialog.vue'));
const Test = defineAsyncComponent(() => import('./components/applyDialog.vue'))
-const DevelopDialogRef = ref();
-const ApplyStartRef = ref();
-
+const DevelopDialogRef = ref()
+const ApplyStartRef = ref()
+const ReportDialogRef = ref()
const developState = reactive<ProjectStateType>({
developData: [],
searchQuery: {
@@ -121,6 +134,7 @@
searchParams: {
experimentName: '',
experimentType: null,
+ assessLevel: null
}
},
total: 0,
@@ -132,7 +146,14 @@
{id: 5, name: '特种设备类'},
{id: 6, name: '其它类'},
],
- allRoomList: []
+ allRoomList: [],
+ riskLevelList: [
+ {id: 1, name: '重大风险'},
+ {id: 2, name: '较大风险'},
+ {id: 3, name: '一般风险'},
+ {id: 4, name: '低风险'},
+ ],
+ tagBg: ['red', 'orange', 'yellow', 'blue']
})
const getdevelopData = async () => {
@@ -151,6 +172,10 @@
const openProjectDialog = (title: string, value: ProjectType) => {
DevelopDialogRef.value.showDevelopDialog(title, value, developState.allRoomList);
};
+
+const openReportDialog = (title: string,value: ProjectType) =>{
+ ReportDialogRef.value.showReportDialog(title, value, developState.allRoomList);
+}
const applyAccess = (val: ProjectType) => {
ElMessageBox.confirm(`此操作将申请评估该实验：“${val.experimentName}”，是否继续?`, '提示', {
@@ -248,8 +273,10 @@
searchParams: {
experimentName: '',
experimentType: null,
+ assessLevel: null
}
}
+ getdevelopData()
};
const getRoomData = async () => {
@@ -397,6 +424,18 @@
color: #0098f5;
}
}
+.red {
+ background: rgba(255,0,0,0.6);
+}
+.orange {
+ background: rgba(248,82,8,0.6);
+}
+.yellow {
+ background: rgba(247,255,0,0.6);
+}
+.blue {
+ background: rgba(0,112,192,0.6);
+}
:deep(.el-date-editor) {
width: 100%;
@@ -415,4 +454,7 @@
background-color: var(--el-card-bg-color);
box-shadow: none;
}
+:deep(.el-tag){
+ border: none;
+}
</style>
--
Gitblit v1.9.2