| | |
| | | <el-icon :size="18" color="#F3001E" style="margin-right: 4px"><BellFilled /></el-icon> |
| | | 预警消息: |
| | | <div v-if="unchecked != 0"> |
| | | 当日超期未巡检任务<span @click="toOverTime(4)">{{ unchecked }}</span |
| | | >个 |
| | | 当日超期未巡检任务<el-tooltip |
| | | class="box-item" |
| | | effect="light" |
| | | content="查看相关记录" |
| | | placement="bottom-start" |
| | | ><span @click="toOverTime(4)">{{ unchecked }}</span></el-tooltip>个 |
| | | </div> |
| | | <span v-if="unchecked != 0 && unusual != 0">,</span> |
| | | <div v-if="unusual != 0"> |
| | | 存在异常任务<span @click="toOverTime(5)">{{ unusual }}</span |
| | | >个 |
| | | 存在异常任务<el-tooltip |
| | | class="box-item" |
| | | effect="light" |
| | | content="查看相关记录" |
| | | placement="bottom-start" |
| | | ><span @click="toOverTime(5)">{{ unusual }}</span |
| | | ></el-tooltip>个 |
| | | </div> |
| | | 。 |
| | | </div> |
| | |
| | | } |
| | | } |
| | | @media screen and (min-width: 1200px) and (max-width: 1366px) { |
| | | .topCard { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | font-weight: bolder; |
| | | |
| | | .top-info { |
| | | display: flex; |
| | | font-size: 14px; |
| | | align-items: center; |
| | | padding: 6px 10px; |
| | | background: #ffeb87; |
| | | border-radius: 4px; |
| | | border: 1px solid #ffae00; |
| | | |
| | | & > div { |
| | | vertical-align: middle; |
| | | white-space: nowrap; |
| | | span { |
| | | font-size: 18px; |
| | | color: #f3001e; |
| | | margin: 0 2px; |
| | | cursor: pointer; |
| | | |
| | | &:hover{ |
| | | text-decoration: underline; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .left-info { |
| | | width: 70%; |
| | | display: flex; |
| | |
| | | } |
| | | } |
| | | @media screen and (max-width: 1200px) { |
| | | .topCard { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | font-weight: bolder; |
| | | |
| | | .top-info { |
| | | display: flex; |
| | | font-size: 14px; |
| | | align-items: center; |
| | | padding: 2px 6px; |
| | | background: #ffeb87; |
| | | border-radius: 4px; |
| | | border: 1px solid #ffae00; |
| | | |
| | | & > div { |
| | | vertical-align: middle; |
| | | white-space: nowrap; |
| | | span { |
| | | font-size: 16px; |
| | | color: #f3001e; |
| | | margin: 0 1px; |
| | | cursor: pointer; |
| | | |
| | | &:hover{ |
| | | text-decoration: underline; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .left-info { |
| | | width: 70%; |
| | | display: flex; |