| | |
|---|
| | | :loading="loading" |
|---|
| | | class="j-table-force-nowrap" |
|---|
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange,type:isDisplayOperation?'checkbox':'radio',getCheckboxProps:getCheckboxProps}" |
|---|
| | | @change="handleTableChange"> |
|---|
| | | @change="handleTableChange" |
|---|
| | | :rowClassName="getRowClassName"> |
|---|
| | | |
|---|
| | | <template slot="imageFiles" slot-scope="text, record" v-if="text"> |
|---|
| | | <a @click="handlePreviewImages(record)">预览</a> |
|---|
| | |
|---|
| | | this.loadData(1) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 计算当前时间是否大于故障开始时间+3天 |
|---|
| | | * @param record 表格行数据 |
|---|
| | | * @returns {string} 行样式类名 |
|---|
| | | */ |
|---|
| | | getRowClassName(record) { |
|---|
| | | if ('WAIT_REPAIR' !== record.reportStatus) return ''; |
|---|
| | | |
|---|
| | | // 解析故障开始时间 |
|---|
| | | const faultStartTime = new Date(record.createTime); |
|---|
| | | // 计算故障开始时间+3天的时间戳 |
|---|
| | | const threeDaysLater = new Date(faultStartTime.getTime() + 3 * 24 * 60 * 60 * 1000); |
|---|
| | | // 获取当前时间 |
|---|
| | | const now = new Date(); |
|---|
| | | |
|---|
| | | // 如果当前时间大于故障开始时间+3天，返回标红样式类名 |
|---|
| | | return now > threeDaysLater ? 'row-overdue' : ''; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 获取数据字典值 |
|---|
| | | * @param dictCode 数据字典对应记录编码 |
|---|
| | |
|---|
| | | </script> |
|---|
| | | <style scoped> |
|---|
| | | @import '~@assets/less/common.less'; |
|---|
| | | /* 添加标红样式 */ |
|---|
| | | ::v-deep .row-overdue { |
|---|
| | | color: red !important; |
|---|
| | | } |
|---|
| | | </style> |
|---|
