| | |
| | | <!-- |
| | | * @Date: 2024-04-18 21:52:18 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-06-20 23:37:09 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-12-06 17:54:28 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/TimeAlarm.vue |
| | | --> |
| | | <template> |
| | | <div ref="processCharts" style="width: 100%;height:40px;" id="record"></div> |
| | | <div ref="processCharts" style="width: 100%;height:80px;" id="record"></div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | return { |
| | | option: { |
| | | tooltip: { |
| | | position: ['50%','50%'] |
| | | // trigger: 'axis', |
| | | // axisPointer: { |
| | | // type: 'shadow' |
| | | // } |
| | | trigger: 'axis', |
| | | position: 'bottom', |
| | | axisPointer: { |
| | | type: 'shadow' |
| | | } |
| | | }, |
| | | grid: { |
| | | left: 0, |
| | |
| | | item.color = "#fdff85"; |
| | | } |
| | | var obj = {name: item.deviceStatusName,type: 'bar',stack: 'total',barWidth: "20px",data: [current / total],itemStyle: {color: item.color},"tooltip": { |
| | | "show": true, |
| | | "trigger": "item", |
| | | formatter: (value, ticket) => { |
| | | return `${item.deviceStatusName}: ${item.startTime} - ${item.endTime}` |
| | | return `${item.deviceStatusName}: ${item.startTime} - ${item.endTime}<br />程序名称: ${item.progName}`; |
| | | } |
| | | }}; |
| | | arr.push(obj); |
| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-04-26 09:36:18 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-11-25 14:32:50 |
| | | * @LastEditTime: 2024-12-06 17:27:03 |
| | | * @FilePath: /smart-web/src/views/mdc/status-record.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-04-26 09:36:18 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-12-06 11:12:32 |
| | | * @LastEditTime: 2024-12-06 11:25:26 |
| | | * @FilePath: /smart-web/src/views/mdc/status-record.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |