Merge branch 'new' of http://www.beijingsoft.cn:9090/r/smart-web into new

yangys

2025-11-18 831cfa4c439c6d073d706a82d2a439f8b1818498

 src/views/mdc/components/process-charts.vue

@@ -1,11 +1,11 @@
<!--
 * @Date: 2024-04-18 21:52:18
 * @LastEditors: Sneed
 * @LastEditTime: 2024-06-20 23:37:09
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-12-20 14:56:14
 * @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>
@@ -17,11 +17,11 @@
        return {
            option: {
                tooltip: {
                    position: ['50%','50%']
                    // trigger: 'axis',
                    // axisPointer: {
                    //     type: 'shadow'
                    // }
                    trigger: 'axis',
                    position: 'bottom',
                    axisPointer: {
                        type: 'shadow'
                    }
                },
                grid: {
                    left: 0,
@@ -69,7 +69,6 @@
                if (res.code === 200) {
                    if(res.data.length == 0) return;
                    var timeRange = {};
                    console.log(res.data,1111111)
                    timeRange.startTime = res.data[0].startTime;
                    timeRange.endTime = res.data[res.data.length - 1].endTime;
                    var total = Math.abs(moment(timeRange.startTime).diff(moment(timeRange.endTime)));
@@ -87,10 +86,9 @@
                            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);