<template>
|
<div class="border-r-small">
|
<div ref="titleRef" class="font-large">综合风险评估</div>
|
<el-row ref="statisticRef" 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="risk" :show-overflow-tooltip="true" label="风险" width="60">
|
</el-table-column>
|
<!-- <el-table-column prop="recheck" :show-overflow-tooltip="true" label="复核" width="60">
|
</el-table-column> -->
|
</el-table>
|
</div>
|
</template>
|
|
<script>
|
import { unCalc } from '@/utils/css-util'
|
/**
|
* 对完成的任务进行评估风险，显示高风险场景，显示复核的场景的情况
|
*/
|
export default {
|
props: {
|
height: {
|
type: String,
|
default: '200'
|
}
|
},
|
data() {
|
return {
|
tableData: [],
|
tableHeight: '200'
|
}
|
},
|
watch: {
|
height(nV, oV) {
|
if (nV != oV) {
|
this.tableHeight = this.calcTableHeight()
|
}
|
}
|
},
|
methods: {
|
calcTableHeight() {
|
const h1 = this.$refs.titleRef.offsetHeight
|
const h2 = this.$refs.statisticRef.$el.offsetHeight
|
const h = h1 + h2
|
const r = `calc(${unCalc(this.height)} - ${h}px)`
|
return r
|
}
|
},
|
mounted() {
|
this.tableHeight = this.calcTableHeight()
|
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,
|
risk: '高',
|
recheck: 1
|
})
|
i++
|
}
|
}
|
}
|
</script>
|
|
<style scoped></style>
|
