| | |
| | | <template> |
| | | <div class="border-r-small"> |
| | | <div class="font-large">风险评估</div> |
| | | <el-row justify="space-evenly"> |
| | | <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 setup> |
| | | <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> |