<template>
|
<div class="border-r-small">
|
<div class="font-large">风险评估</div>
|
<el-row justify="space-evenly">
|
<el-statistic title="高风险" :value="10"> </el-statistic>
|
<el-statistic title="中风险" :value="10"> </el-statistic>
|
<el-statistic title="低风险" :value="10"> </el-statistic>
|
</el-row>
|
<el-table
|
:data="tableData"
|
v-loading="loading"
|
table-layout="fixed"
|
:row-class-name="tableRowClassName"
|
:height="tableHeight"
|
size="small"
|
>
|
<el-table-column
|
fixed="left"
|
prop="name"
|
:show-overflow-tooltip="true"
|
label="名称"
|
width="200"
|
>
|
</el-table-column>
|
<el-table-column prop="planTime" :show-overflow-tooltip="true" label="时间">
|
</el-table-column>
|
<el-table-column prop="score" :show-overflow-tooltip="true" label="评分" width="60">
|
</el-table-column>
|
<el-table-column prop="score" :show-overflow-tooltip="true" label="风险" width="60">
|
</el-table-column>
|
</el-table>
|
</div>
|
</template>
|
|
<script>
|
/**
|
* 对完成的任务进行评估风险,显示高风险场景,显示复核的场景的情况
|
*/
|
export default {
|
data() {
|
return {
|
tableData: []
|
}
|
},
|
mounted() {
|
let i = 0
|
while (i < 20) {
|
this.tableData.push({
|
guid: 'SMuheEkjswioSn7A',
|
name: '中科生态数字港项目巡查中科生态数字港项目巡查',
|
district: '金山区',
|
planTime: '2024-06-04',
|
startTime: '2024-06-04 13:31:26',
|
endTime: '2024-06-04 13:33:37',
|
userName: '朱正强',
|
status: '已结束',
|
total: 4,
|
checked: 2,
|
score: 90
|
})
|
i++
|
}
|
}
|
}
|
</script>
|
|
<style scoped></style>
|