U 综合页面 2WM电源分离等修改

whychw

2020-10-15 e822e977fb944ba3c1f7402a74e8b70c8c466601

U 综合页面 2WM电源分离等修改

 src/components/PageNav.vue

@@ -62,7 +62,7 @@
                    router: '',
                    childrens: [
                        {
                            txt: '充电电源主界面',
                            txt: '电源主界面',
                            name: 'main_chargePower',
                            router: '/chargepower/main'
                        },
@@ -93,11 +93,6 @@
                        {
                            txt: '2串2并运行',
                            router: '/chargepower/mixture'
                        },
                        {
                            txt: '充电电源模式选择页面',
                            name: 'chargePowerMenu',
                            router: '/chargepower/menu'
                        }
                    ]
                },

 src/router/routes.js

@@ -115,15 +115,6 @@
                },
                component: (resolve)=>require(['@/views/general/index.vue'], resolve)
            },
            // 综合管理改版
            {
                path: '/general/index1',
                name: 'General1',
                meta: {
                    crumb: '综合管理'
                },
                component: (resolve)=>require(['@/views/general/index1.vue'], resolve)
            },
            {
                path: '/other/circuit',
                name: 'Circuit',

 src/script/draw_general.js

@@ -3,140 +3,173 @@
 */
function draw_main (context, can) {
  const ctx = can.context;

  /**
   * 线路
   */
  // 高压开关柜 后 横线
  can.drawGradualLine({
    startX: 170
    startX: 120
    ,startY: 110
    ,endX: 326
    ,endX: 220
    ,endY: 110
  });
  can.drawGradualLine({
    startX: 226
    startX: 260
    ,startY: 110
    ,endX: 300
    ,endY: 110
  });
  // 3号电源B机组 前 横线
  can.drawGradualLine({
    startX: 148
    ,startY: 276
    ,endX: 326
    ,endX: 220
    ,endY: 276
  });
  can.drawGradualLine({
    startX: 226
    ,startY: 560
    ,endX: 326
    ,endY: 560
    startX: 260
    ,startY: 276
    ,endX: 300
    ,endY: 276
  });
  // 2号电源 前 横线
  can.drawGradualLine({
    startX: 148
    ,startY: 414
    ,endX: 220
    ,endY: 414
  });
  can.drawGradualLine({
    startX: 226
    ,startY: 710
    ,endX: 330
    ,endY: 710
    startX: 260
    ,startY: 414
    ,endX: 300
    ,endY: 414
  });
  can.drawGradualLine({
    startX: 470
    startX: 148
    ,startY: 475
    ,endX: 220
    ,endY: 475
  });
  can.drawGradualLine({
    startX: 260
    ,startY: 475
    ,endX: 300
    ,endY: 475
  });
  // 1号电源 前 横线
  can.drawGradualLine({
    startX: 148
    ,startY: 568
    ,endX: 220
    ,endY: 568
  });
  can.drawGradualLine({
    startX: 260
    ,startY: 568
    ,endX: 300
    ,endY: 568
  });
  can.drawGradualLine({
    startX: 148
    ,startY: 628
    ,endX: 220
    ,endY: 628
  });
  can.drawGradualLine({
    startX: 260
    ,startY: 628
    ,endX: 300
    ,endY: 628
  });
  // 电机 前 横线
  can.drawGradualLine({
    startX: 146
    ,startY: 732
    ,endX: 312
    ,endY: 732
  });
  // 3号电源 A组 后 横线
  can.drawGradualLine({
    startX: 408
    ,startY: 75
    ,endX: 540
    ,endX: 470
    ,endY: 75
  });
  can.drawGradualLine({
    startX: 470
    ,startY: 135
    ,endX: 540
    ,endY: 135
  });
  can.drawGradualLine({
    startX: 470
    ,startY: 240
    ,endX: 540
    ,endY: 240
  });
  can.drawGradualLine({
    startX: 470
    ,startY: 300
    ,endX: 540
    ,endY: 300
  });
  can.drawGradualLine({
    startX: 470
    ,startY: 514
    ,endX: 540
    ,endY: 514
  });
  can.drawGradualLine({
    startX: 470
    ,startY: 574
    ,endX: 540
    ,endY: 574
  });

  can.drawGradualLine({
    startX: 580
    ,startY: 75
    ,endX: 750
    ,endY: 75
  });
  can.drawGradualLine({
    startX: 580
    ,startY: 135
    ,endX: 650
    ,endY: 135
  });
  can.drawGradualLine({
    startX: 580
    ,startY: 240
    ,endX: 650
    ,endY: 240
  });
  can.drawGradualLine({
    startX: 580
    ,startY: 300
    ,endX: 650
    ,endY: 300
  });
  can.drawGradualLine({
    startX: 580
    ,startY: 514
    ,endX: 650
    ,endY: 514
  });
  can.drawGradualLine({
    startX: 580
    ,startY: 574
    ,endX: 650
    ,endY: 574
  });
  can.drawGradualLine({
    startX: 790
    ,startY: 75
    ,endX: 990
    ,endY: 75
  });
  can.drawGradualLine({
    startX: 1130
    ,startY: 75
    ,endX: 1180
    ,endY: 75
  });
  can.drawGradualLine({
    startX: 1220
    startX: 510
    ,startY: 75
    ,endX: 1450
    ,endY: 75
  });
  // 3号电源 B组 后 横线
  can.drawGradualLine({
    startX: 740
    ,startY: 415
    ,endX: 1120
    ,endY: 415
    startX: 408
    ,startY: 254
    ,endX: 470
    ,endY: 254
  });
  can.drawGradualLine({
    startX: 510
    ,startY: 254
    ,endX: 560
    ,endY: 254
  });
  // 2号电源 后 横线
  can.drawGradualLine({
    startX: 408
    ,startY: 426
    ,endX: 470
    ,endY: 426
  });
  can.drawGradualLine({
    startX: 510
    ,startY: 426
    ,endX: 560
    ,endY: 426
  });
  can.drawLine({
    startX: 408
    ,startY: 464
    ,endX: 600
    ,endY: 464
  });

  // 1号电源 后 横线
  can.drawGradualLine({
    startX: 408
    ,startY: 580
    ,endX: 470
    ,endY: 580
  });
  can.drawGradualLine({
    startX: 510
    ,startY: 580
    ,endX: 560
    ,endY: 580
  });
  can.drawLine({
    startX: 408
    ,startY: 616
    ,endX: 600
    ,endY: 616
  });
  
  // 水冷负载2 前 横线
  can.drawGradualLine({
    startX: 1288
    ,startY: 265
    ,endX: 1450
    ,endY: 265
  });
  // 水冷负载3 前 横线
  can.drawGradualLine({
    startX: 1288
    ,startY: 455
    ,endX: 1450
    ,endY: 455
  });
  // 水冷负载4 前 横线
  can.drawGradualLine({
    startX: 1288
    ,startY: 645
@@ -144,26 +177,97 @@
    ,endY: 645
  });

  // 竖线
  // 高压开关柜 出 竖线
  can.drawGradualLine({
    startX: 226
    startX: 148
    ,startY: 110
    ,endX: 226
    // ,endY: 340
    ,endY: 710
    ,endX: 148
    ,endY: 732
  });

  // 电源后 汇后竖线
  can.drawGradualLine({
    startX: 560
    ,startY: 75
    ,endX: 560
    ,endY: 582
  });
  // 电池组前 竖线
  can.drawGradualLine({
    startX: 640
    ,startY: 75
    ,endX: 640
    ,endY: 662
  });
  // 电池组前 横线
  can.drawGradualLine({
    startX: 640
    ,startY: 270
    ,endX: 680
    ,endY: 270
  });
  can.drawGradualLine({
    startX: 720
    ,startY: 270
    ,endX: 760
    ,endY: 270
  });

  can.drawGradualLine({
    startX: 650
    ,startY: 75
    ,endX: 650
    ,endY: 576
    startX: 640
    ,startY: 400
    ,endX: 680
    ,endY: 400
  });
  can.drawGradualLine({
    startX: 930
    ,startY: 75
    ,endX: 930
    ,endY: 415
    startX: 720
    ,startY: 400
    ,endX: 760
    ,endY: 400
  });

  can.drawGradualLine({
    startX: 640
    ,startY: 530
    ,endX: 680
    ,endY: 530
  });
  can.drawGradualLine({
    startX: 720
    ,startY: 530
    ,endX: 760
    ,endY: 530
  });

  can.drawGradualLine({
    startX: 640
    ,startY: 660
    ,endX: 680
    ,endY: 660
  });
  can.drawGradualLine({
    startX: 720
    ,startY: 660
    ,endX: 760
    ,endY: 660
  });
  // 4000V 汇后竖线
  can.drawLine({
    startX: 600
    ,startY: 60
    ,endX: 600
    ,endY: 616
  });
  can.drawLine({
    startX: 590
    ,startY: 60
    ,endX: 610
    ,endY: 60
  });
  can.drawText({
    x: 600
    ,y: 50
    ,txt: 'DC4000V'
  });
  can.drawGradualLine({
    startX: 1290
@@ -171,57 +275,38 @@
    ,endX: 1290
    ,endY: 645
  });
  can.drawGradualLine({
    startX: 740
    ,startY: 415
    ,endX: 740
    ,endY: 445
  });
  can.drawGradualLine({
    startX: 860
    ,startY: 415
    ,endX: 860
    ,endY: 445
  });
  can.drawGradualLine({
    startX: 1000
    ,startY: 415
    ,endX: 1000
    ,endY: 445
  });
  can.drawGradualLine({
    startX: 1120
    ,startY: 415
    ,endX: 1120
    ,endY: 445
  });

  can.drawGradualLine({
    startX: 1190
    ,startY: 75
    ,endX: 1190
    ,endY: 198
  });
  // 画水管
  can.drawWaterLine({
    startX: 440
    ,startY: 734
    ,endX: 542
    ,endY: 734
    startX: 402
    ,startY: 746
    ,endX: 502
    ,endY: 746
  });
  can.drawWaterLine({
    startX: 1062
    ,startY: 115
    ,direction: 'v'
    ,endX: 1062
    ,endY: 215
    startX: 910
    ,startY: 172
    ,endX: 990
    ,endY: 172
  });
  can.drawWaterLine({
    startX: 1200
    ,startY: 95
    startX: 1192
    ,startY: 280
    ,direction: 'v'
    ,endX: 1200
    ,endY: 745
    ,endX: 1192
    ,endY: 540
  });
  can.drawWaterLine({
    startX: 1030
    ,startY: 741
    ,endX: 1204
    ,endY: 741
    ,startY: 540
    ,endX: 1196
    ,endY: 540
  });

    // 画高压开关柜
@@ -232,10 +317,11 @@
  });

  // 画电源
  // 3号电源A机组
  can.drawPower({
    startX: 320
    startX: 300
    ,startY: 50
    ,label: '3号大功率整流器'
    ,label: '3号大功率整流器A机组'
    ,noDraw: true
    ,cbfn_click: function () {
      context.$router.push('/chargepower/main');
@@ -247,14 +333,14 @@
      context.floatBox[0].show = true;
    }
  }, true);
  // 3号电源B机组
  can.drawPower({
    startX: 320
    // ,startY: 270
    startX: 300
    ,startY: 216
    ,label: '2号大功率整流器'
    ,label: '3号大功率整流器B机组'
    ,noDraw: true
    ,cbfn_click: function () {
      context.$router.push('/rectifier/group/?group=CD');
      context.$router.push('/chargepower/main');
    }
    ,cbfn_mouseleave: function () {
      context.floatBox[1].show = false;
@@ -263,13 +349,14 @@
      context.floatBox[1].show = true;
    }
  }, true);
  // 2号电源
  can.drawPower({
    startX: 320
    ,startY: 490
    ,label: '1号大功率整流器'
    startX: 300
    ,startY: 406
    ,label: '2号大功率整流器'
    ,noDraw: true
    ,cbfn_click: function () {
      context.$router.push('/rectifier/group/?group=AB');
      context.$router.push('/rectifier/group/?group=CD');
    }
    ,cbfn_mouseleave: function () {
      context.floatBox[2].show = false;
@@ -278,15 +365,13 @@
      context.floatBox[2].show = true;
    }
  }, true);

  // 画电机
  can.drawMotor({
    startX: 320
    ,startY: 700
    ,label: '推进电机模拟负载系统'
  can.drawPower({
    startX: 300
    ,startY: 560
    ,label: '1号大功率整流器'
    ,noDraw: true
    ,cbfn_click: function () {
      context.$router.push('/motor/index');
      context.$router.push('/rectifier/group/?group=AB');
    }
    ,cbfn_mouseleave: function () {
      context.floatBox[3].show = false;
@@ -296,10 +381,27 @@
    }
  }, true);

  // 画电机
  can.drawMotor({
    startX: 300
    ,startY: 726
    ,label: '推进电机模拟负载系统'
    ,noDraw: true
    ,cbfn_click: function () {
      context.$router.push('/motor/index');
    }
    ,cbfn_mouseleave: function () {
      context.floatBox[4].show = false;
    }
    ,cbfn_mouseenter: function () {
      context.floatBox[4].show = true;
    }
  }, true);

  // 画水冷
  can.drawWater({
    startX: 540
    ,startY: 680
    startX: 500
    ,startY: 704
    ,label: '3号水冷装置'
    ,noDraw: true
    ,cbfn_click: function () {
@@ -307,8 +409,8 @@
    }
  }, true);
  can.drawWater({
    startX: 1014
    ,startY: 212
    startX: 988
    ,startY: 146
    ,label: '1号水冷装置'
    ,noDraw: true
    ,cbfn_click: function () {
@@ -316,8 +418,8 @@
    }
  }, true);
  can.drawWater({
    startX: 943
    ,startY: 690
    startX: 958
    ,startY: 500
    ,label: '2号水冷装置'
    ,noDraw: true
    ,cbfn_click: function () {
@@ -327,8 +429,8 @@

  // 画电池组
  can.drawBatt({
    startX: 727
    ,startY: 444
    startX: 760
    ,startY: 250
    ,label: '电池组1'
    ,noDraw: true
    ,cbfn_click: function () {
@@ -336,8 +438,8 @@
    }
  }, true);
  can.drawBatt({
    startX: 847
    ,startY: 444
    startX: 760
    ,startY: 380
    ,label: '电池组2'
    ,noDraw: true
    ,cbfn_click: function () {
@@ -345,8 +447,8 @@
    }
  }, true);
  can.drawBatt({
    startX: 967
    ,startY: 444
    startX: 760
    ,startY: 510
    ,label: '电池组3'
    ,noDraw: true
    ,cbfn_click: function () {
@@ -354,8 +456,8 @@
    }
  }, true);
  can.drawBatt({
    startX: 1087
    ,startY: 444
    startX: 760
    ,startY: 640
    ,label: '电池组4'
    ,noDraw: true
    ,cbfn_click: function () {
@@ -401,60 +503,109 @@

  // 画开关
  can.drawSwitch({
    startX: 540
    startX: 220
    ,startY: 110
    ,fromStart: true
    ,labelBottom: '-8G'
  }, true);
  can.drawSwitch({
    startX: 220
    ,startY: 275
    ,fromStart: true
    ,labelBottom: '-9G'
  }, true);
  can.drawSwitch({
    startX: 220
    ,startY: 414
    ,fromStart: true
    ,labelBottom: '-13G'
  }, true);
  can.drawSwitch({
    startX: 220
    ,startY: 475
    ,fromStart: true
    ,labelBottom: '-14G'
  }, true);
  can.drawSwitch({
    startX: 220
    ,startY: 568
    ,fromStart: true
    ,labelBottom: '-11G'
  }, true);
  can.drawSwitch({
    startX: 220
    ,startY: 628
    ,fromStart: true
    ,labelBottom: '-15G'
  }, true);

  can.drawSwitch({
    startX: 470
    ,startY: 75
    ,fromStart: true
    ,labelBottom: 'QD2    2000A'
  }, true);
  can.drawSwitch({
    startX: 540
    ,startY: 135
    startX: 470
    ,startY: 254
    ,fromStart: true
    ,labelBottom: 'QD1    2000A'
  }, true);
  can.drawSwitch({
    startX: 540
    ,startY: 240
    ,fromStart: true
    ,labelBottom: 'Q101    2500A'
  }, true);
  can.drawSwitch({
    startX: 540
    ,startY: 300
    startX: 470
    ,startY: 580
    ,fromStart: true
    ,labelBottom: 'QD7    2000A'
  }, true);
  can.drawSwitch({
    startX: 540
    ,startY: 514
    startX: 470
    ,startY: 426
    ,fromStart: true
    ,labelBottom: 'QD9    2000A'
  }, true);

  can.drawSwitch({
    startX: 540
    ,startY: 574
    startX: 680
    ,startY: 270
    ,fromStart: true
    ,labelBottom: 'Q102    2500A'
    ,labelBottom: 'QF1   800A'
  }, true);
  can.drawSwitch({
    startX: 750
    ,startY: 75
    startX: 680
    ,startY: 400
    ,fromStart: true
    ,labelBottom: '开关组合'
    ,labelBottom: 'QF2   800A'
  }, true);
  can.drawSwitch({
    startX: 680
    ,startY: 530
    ,fromStart: true
    ,labelBottom: 'QF3   800A'
  }, true);
  can.drawSwitch({
    startX: 680
    ,startY: 660
    ,fromStart: true
    ,labelBottom: 'QF4   800A'
  }, true);

  can.drawGradualLine({
    startX: 640
    ,startY: 172
    ,endX: 768
    ,endY: 172
  });
  // 画参试设备
  can.drawDev({
    startX: 990
    ,startY: 34
    startX: 770
    ,startY: 134
    ,label: '参试设备'
    ,labelTop: 'DC/AC'
  });
  can.drawDev({
    startX: 1180
    ,startY: 54
    ,width: 40
    ,height: 40
    startX: 1120
    ,startY: 200
    ,label: '参试设备'
  });

  /**
@@ -462,57 +613,72 @@
   */
  // 电源3
  can.drawRect({
    startX: 230
    ,startY: 66
    startX: 152
    ,startY: 45
    ,width: 80
    ,height: 40
    ,subName: 'statuspower'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 152
    ,startY: 210
    ,width: 80
    ,height: 40
    ,subName: 'statuspower'
    ,strokeStyle: 'transparent'
  }, true);
  // 电源2
  can.drawRect({
    startX: 230
    ,startY: 232
    startX: 152
    ,startY: 352
    ,width: 80
    ,height: 40
    ,subName: 'statuspower'
    ,strokeStyle: 'transparent'
  }, true);
  // 电源1
  can.drawRect({
    startX: 230
    ,startY: 516
    startX: 152
    ,startY: 506
    ,width: 80
    ,height: 40
    ,subName: 'statuspower'
    ,strokeStyle: 'transparent'
  }, true);
  // 电机
  can.drawRect({
    startX: 320
    ,startY: 654
    ,width: 150
    startX: 300
    ,startY: 680
    ,width: 80
    ,height: 40
    ,subName: 'statusmotor'
    ,strokeStyle: 'transparent'
  }, true);

  // 水冷
  can.drawRect({
    startX: 548
    ,startY: 636
    startX: 500
    ,startY: 658
    ,width: 80
    ,height: 40
    ,subName: 'statuswater'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 950
    ,startY: 644
    startX: 960
    ,startY: 610
    ,width: 80
    ,height: 40
    ,subName: 'statuswater'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 950
    ,startY: 164
    startX: 990
    ,startY: 100
    ,width: 80
    ,height: 40
    ,subName: 'statuswater'
    ,strokeStyle: 'transparent'
  }, true);

@@ -522,6 +688,7 @@
    ,startY: 84
    ,width: 80
    ,height: 40
    ,subName: 'statusload'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
@@ -529,6 +696,7 @@
    ,startY: 274
    ,width: 80
    ,height: 40
    ,subName: 'statusload'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
@@ -536,6 +704,7 @@
    ,startY: 464
    ,width: 80
    ,height: 40
    ,subName: 'statusload'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
@@ -543,38 +712,59 @@
    ,startY: 654
    ,width: 80
    ,height: 40
    ,subName: 'statusload'
    ,strokeStyle: 'transparent'
  }, true);

  // 电源3信息 index 12
  // 电源3信息
  can.drawRect({
    startX: 320
    startX: 300
    ,startY: 6
    ,width: 150
    ,height: 40
    ,subName: 'powerinfo'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 320
    ,startY: 186
    ,width: 150
    ,height: 26
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 320
    ,startY: 446
    startX: 300
    ,startY: 172
    ,width: 150
    ,height: 40
    ,subName: 'powerinfo'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 300
    ,startY: 370
    ,width: 150
    ,height: 26
    ,subName: 'powerinfo'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 300
    ,startY: 514
    ,width: 150
    ,height: 40
    ,subName: 'powerinfo'
    ,strokeStyle: 'transparent'
  }, true);

  // 电池组信息面板 index 15
  // 电池组信息面板
  can.drawRect({
    startX: 708
    ,startY: 512
    startX: 828
    ,startY: 252
    ,width: 110
    ,height: 110
    ,subName: 'battinfo'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 828
    ,startY: 382
    ,width: 110
    ,height: 110
    ,subName: 'battinfo'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
@@ -582,20 +772,15 @@
    ,startY: 512
    ,width: 110
    ,height: 110
    ,subName: 'battinfo'
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 968
    ,startY: 512
    startX: 828
    ,startY: 642
    ,width: 110
    ,height: 110
    ,strokeStyle: 'transparent'
  }, true);
  can.drawRect({
    startX: 1088
    ,startY: 512
    ,width: 110
    ,height: 110
    ,subName: 'battinfo'
    ,strokeStyle: 'transparent'
  }, true);
  
@@ -611,76 +796,81 @@
  
  // 画电源
  can.drawPower({
    startX: 320
    startX: 300
    ,startY: 50
    ,label: '3号大功率整流器'
    ,noDraw: status.power3 && flag
    ,label: '3号大功率整流器A机组'
    ,noDraw: status.power3A && flag
  });
  can.drawPower({
    startX: 300
    ,startY: 216
    ,label: '3号大功率整流器B机组'
    ,noDraw: status.power3B && flag
  });

  can.drawPower({
    startX: 320
    // ,startY: 270
    ,startY: 216
    startX: 300
    ,startY: 406
    ,label: '2号大功率整流器'
    ,noDraw: status.power2 && flag
  });
  can.drawPower({
    startX: 320
    ,startY: 490
    startX: 300
    ,startY: 560
    ,label: '1号大功率整流器'
    ,noDraw: status.power1 && flag
  });

  // 画电机
  can.drawMotor({
    startX: 320
    ,startY: 700
    startX: 300
    ,startY: 726
    ,label: '推进电机模拟负载系统'
    ,noDraw: status.motor && flag
  });

  // 画水冷
  can.drawWater({
    startX: 540
    ,startY: 680
    startX: 500
    ,startY: 704
    ,label: '3号水冷装置'
    ,noDraw: status.water3 && flag
  });
  can.drawWater({
    startX: 1014
    ,startY: 212
    startX: 988
    ,startY: 146
    ,label: '1号水冷装置'
    ,noDraw: status.water1 && flag
  });
  can.drawWater({
    startX: 943
    ,startY: 690
    startX: 958
    ,startY: 500
    ,label: '2号水冷装置'
    ,noDraw: status.water2 && flag
  });

  // 画电池组
  can.drawBatt({
    startX: 707
    ,startY: 444
    startX: 760
    ,startY: 250
    ,label: '电池组1'
    ,noDraw: status.batt1 && flag
  });
  can.drawBatt({
    startX: 827
    ,startY: 444
    startX: 760
    ,startY: 380
    ,label: '电池组2'
    ,noDraw: status.batt2 && flag
  });
  can.drawBatt({
    startX: 967
    ,startY: 444
    startX: 760
    ,startY: 510
    ,label: '电池组3'
    ,noDraw: status.batt3 && flag
  });
  can.drawBatt({
    startX: 1087
    ,startY: 444
    startX: 760
    ,startY: 640
    ,label: '电池组4'
    ,noDraw: status.batt4 && flag
  });

 src/script/general.js

@@ -129,8 +129,10 @@
    ,font: this.context.font
    // ,strokeStyle: '#fff'
    ,fillStyle: '#fff'
    ,width: 152
    ,height: 112
    // ,width: 152
    ,width: 108
    // ,height: 112
    ,height: 80
    ,label: ''
  };
  let opts = deepObjMerge(defaults, options || {});
@@ -198,8 +200,8 @@
    ,font: this.context.font
    // ,strokeStyle: '#fff'
    ,fillStyle: '#fff'
    ,width: 122
    ,height: 72
    ,width: 102
    ,height: 60
    ,label: ''
  };
  let opts = deepObjMerge(defaults, options || {});
@@ -265,8 +267,8 @@
    ,font: this.context.font
    // ,strokeStyle: '#fff'
    ,fillStyle: '#fff'
    ,width: 96
    ,height: 96
    ,width: 80
    ,height: 80
    ,label: ''
  };
  let opts = deepObjMerge(defaults, options || {});
@@ -332,8 +334,8 @@
    ,font: this.context.font
    // ,strokeStyle: '#fff'
    ,fillStyle: '#fff'
    ,width: 70
    ,height: 40
    ,width: 60
    ,height: 34
    ,label: ''
  };
  let opts = deepObjMerge(defaults, options || {});
@@ -400,8 +402,8 @@
    ,font: this.context.font
    // ,strokeStyle: '#fff'
    ,fillStyle: '#fff'
    ,width: 150
    ,height: 116
    ,width: 114
    ,height: 90
    ,label: ''
  };
  let opts = deepObjMerge(defaults, options || {});
@@ -463,8 +465,8 @@
    ,font: this.context.font
    // ,strokeStyle: '#fff'
    ,fillStyle: '#fff'
    ,width: 156
    ,height: 206
    ,width: 100
    ,height: 132
    ,label: ''
  };
  let opts = deepObjMerge(defaults, options || {});

 src/views/chargePower/alone.vue

@@ -401,7 +401,7 @@
    }
    ,volAdd (val) {
      this.local_set_vol *= 1;
      if (this.local_set_vol + val > 500) {
      if (this.local_set_vol + val > 1100) {
        return false;
      }
      this.local_set_vol += val;
@@ -413,8 +413,8 @@
      this.local_set_vol -= val;
    }
    ,setVol () {
      if (this.local_set_vol > 500) {
        this.local_set_vol = 500;
      if (this.local_set_vol > 1100) {
        this.local_set_vol = 1100;
      }
      if (this.local_set_vol < 0 || parseInt(this.local_set_vol) < 0 || !parseInt(this.local_set_vol)) {
        this.local_set_vol = 0;

 src/views/chargePower/main.vue

@@ -2,7 +2,7 @@
  <div class="main">
    <!-- banner -->
    <div class="flex_row banner">
      <div class="title vertical_middle">2MW整流充电电源运行监控界面</div>
      <div class="title vertical_middle">2MW整流电源运行监控界面</div>
    </div>
    <!-- main -->
    <div class="flex_contain">
@@ -476,7 +476,7 @@
    }
    ,volAdd (val) {
      this.local_set_vol *= 1;
      if (this.local_set_vol + val > 500) {
      if (this.local_set_vol + val > 1100) {
        return false;
      }
      this.local_set_vol += val;
@@ -488,8 +488,8 @@
      this.local_set_vol -= val;
    }
    ,setVol () {
      if (this.local_set_vol > 500) {
        this.local_set_vol = 500;
      if (this.local_set_vol > 1100) {
        this.local_set_vol = 1100;
      }
      if (this.local_set_vol < 0 || parseInt(this.local_set_vol) < 0 || !parseInt(this.local_set_vol)) {
        this.local_set_vol = 0;
@@ -578,6 +578,12 @@

          this.controlData[group].real_set_cur = data.localgivecurr;
          this.controlData[group].real_set_vol = data.localgivevol;

          // 更新当前设定电流电压
          if (group == this.current_grp) {
            this.real_set_cur = data.localgivecurr;
            this.real_set_vol = data.localgivevol;
          }
        }

      });
@@ -1022,7 +1028,7 @@
    flex: 1;
  }
  .item .group_set {
    flex: 3.2;
    flex: 2;
    display: -webkit-flex;
    display: flex;
    justify-content: center;

 src/views/chargePower/mixture.vue

@@ -411,7 +411,7 @@
    }
    ,volAdd (val) {
      this.local_set_vol *= 1;
      if (this.local_set_vol + val > 1000) {
      if (this.local_set_vol + val > 1100) {
        return false;
      }
      this.local_set_vol += val;
@@ -423,8 +423,8 @@
      this.local_set_vol -= val;
    }
    ,setVol () {
      if (this.local_set_vol > 1000) {
        this.local_set_vol = 1000;
      if (this.local_set_vol > 1100) {
        this.local_set_vol = 1100;
      }
      if (this.local_set_vol < 0 || parseInt(this.local_set_vol) < 0 || !parseInt(this.local_set_vol)) {
        this.local_set_vol = 0;

 src/views/chargePower/parallel.vue

@@ -490,7 +490,7 @@
    }
    ,volAdd (val) {
      this.local_set_vol *= 1;
      if (this.local_set_vol + val > 1000) {
      if (this.local_set_vol + val > 1100) {
        return false;
      }
      this.local_set_vol += val;
@@ -502,8 +502,8 @@
      this.local_set_vol -= val;
    }
    ,setVol () {
      if (this.local_set_vol > 1000) {
        this.local_set_vol = 1000;
      if (this.local_set_vol > 1100) {
        this.local_set_vol = 1100;
      }
      if (this.local_set_vol < 0 || parseInt(this.local_set_vol) < 0 || !parseInt(this.local_set_vol)) {
        this.local_set_vol = 0;

 src/views/chargePower/series.vue

@@ -415,7 +415,7 @@
    }
    ,volAdd (val) {
      this.local_set_vol *= 1;
      if (this.local_set_vol + val > 1000) {
      if (this.local_set_vol + val > 1100) {
        return false;
      }
      this.local_set_vol += val;
@@ -427,8 +427,8 @@
      this.local_set_vol -= val;
    }
    ,setVol () {
      if (this.local_set_vol > 1000) {
        this.local_set_vol = 1000;
      if (this.local_set_vol > 1100) {
        this.local_set_vol = 1100;
      }
      if (this.local_set_vol < 0 || parseInt(this.local_set_vol) < 0 || !parseInt(this.local_set_vol)) {
        this.local_set_vol = 0;

 src/views/general/index.vue

@@ -8,6 +8,7 @@
      <canvas id="can" width="1880" height="810"></canvas>
      <canvas id="can1" class="can1" width="1880" height="810"></canvas>
    </div>
    <!--  -->
    <science-box
      class="box"
      v-for="(item, index) in floatBox" :key="'float_' + index"
@@ -16,26 +17,35 @@
      :b-max="containerH">
      <info-group :list="item.list"></info-group>
    </science-box>
    <!-- 负载信息 -->
    <science-box v-for="(load, key) in loads" :key="key" 
    :title="load.title" 
    :top="load.top" :left="load.left">
      <info-group :list="load.list"></info-group>
    </science-box>
    <div class="status" v-for="(item, idx) in status.slice(3)" :key="'status_' + idx" :style="getStyle(item)">
      <label>通讯:</label>
      <span :class="['indicator_css', {'status_normal': item.status, 'status_error': !item.status}]"></span>
    </div>
    <!-- 电源状态 -->
    <div class="status" v-for="(item, idx) in status.slice(0, 3)" :key="'status_power_' + idx" :style="getStyle(item)">
    <div class="status" v-for="(item, idx) in status_power" :key="'status_power_' + idx" :style="getStyle(item)">
      <div class="pos_bl flexR_center">
        <label>通讯:</label>
        <span :class="['indicator_css', {'status_normal': item.status, 'status_error': !item.status}]"></span>
      </div>
      <div class="pos_bl_o flexR_center">
        <label>运行:</label>
        <span :class="['indicator_css', {'status_normal': item.run, 'status_error': !item.run}]"></span>
      </div>
    </div>
    <!-- 其他通信 -->
    <div class="status" v-for="(item, idx) in status_motor" :key="'status_motor_' + idx" :style="getStyle(item)">
      <label>通讯:</label>
      <span :class="['indicator_css', {'status_normal': item.status, 'status_error': !item.status}]"></span>
    </div>
    <div class="status" v-for="(item, idx) in status_water" :key="'status_water_' + idx" :style="getStyle(item)">
      <label>通讯:</label>
      <span :class="['indicator_css', {'status_normal': item.status, 'status_error': !item.status}]"></span>
    </div>
    <div class="status" v-for="(item, idx) in status_load" :key="'status_load_' + idx" :style="getStyle(item)">
      <label>通讯:</label>
      <span :class="['indicator_css', {'status_normal': item.status, 'status_error': !item.status}]"></span>
    </div>
    <!-- 电源信息 -->
    <div class="power-info" v-for="(item, idx) in powerInfo" :key="'info_' + idx" :style="getStyle(item)">
      <div class="pos_bl">
        <label>电流:</label>
@@ -85,7 +95,8 @@
      ,motor: false
      ,power1: false
      ,power2: false
      ,power3: false
      ,power3A: false
      ,power3B: false
    };
const DEV = {
  '1001': 'load1'
@@ -100,8 +111,8 @@
  ,'5001': 'water2'
  ,'5002': 'water3'
  ,'5003': 'water1'
  ,'6001': 'power3'
  ,'6002': 'power3'
  ,'6001': 'power3A'
  ,'6002': 'power3B'
  ,'1000004': 'batt1'
  ,'1000005': 'batt2'
  ,'1000006': 'batt3'
@@ -134,57 +145,55 @@
      floatBox: [
        {
          show: false,
          title: '3号大功率整流器',
          title: '3号大功率整流器A机组',
          top: 0,
          left: 0,
          list: [
            {
              text: '总直流电流：',
              text: '直流电流：',
              value: 0,
              unit: 'A'
            },
            {
              text: '总直流电压：',
              text: '直流电压：',
              value: 0,
              unit: 'V'
            },
            {
              text: 'A机组直流电流：',
              value: 0,
              unit: 'A'
            },
            {
              text: 'A机组直流电压：',
              value: 0,
              unit: 'V'
            },
            {
              text: 'A机组高压开关：',
              text: '高压开关：',
              value: '关闭',
              unit: ''
            },
            {
              text: 'A机组控制角：',
              text: '控制角：',
              value: 0,
              unit: '度'
            },
            }
          ]
        },
        {
          show: false,
          title: '3号大功率整流器B机组',
          top: 0,
          left: 0,
          list: [
            {
              text: 'B机组直流电流：',
              text: '直流电流：',
              value: 0,
              unit: 'A'
            },
            {
              text: 'B机组直流电压：',
              text: '直流电压：',
              value: 0,
              unit: 'V'
            },
            {
              text: 'B机组高压开关：',
              text: '高压开关：',
              value: '关闭',
              unit: ''
            },
            {
              text: 'B机组控制角：',
              text: '控制角：',
              value: 0,
              unit: '度'
            }
@@ -245,7 +254,7 @@
              text: 'D触发角：',
              value: 0,
              unit: '°'
            },
            }
          ]
        },
        {
@@ -303,7 +312,7 @@
              text: 'B触发角：',
              value: 0,
              unit: '°'
            },
            }
          ]
        },
        {
@@ -346,7 +355,7 @@
              text: '齿轮箱高速侧轴功率：',
              value: 0,
              unit: 'kW'
            },
            }
          ]
        }
      ],
@@ -540,11 +549,7 @@
          ]
        }
      ],
      // status 1-3电源
      // 4 电机
      // 5-7 水冷
      // 8-11 负载
      status: [
      status_power: [
        {
          left: 0,
          top: 0,
@@ -574,8 +579,20 @@
          top: 0,
          width: 0,
          height: 0,
          status: false,
          run: false
        }
      ]
      ,status_motor: [
        {
          left: 0,
          top: 0,
          width: 0,
          height: 0,
          status: false
        },
        }
      ]
      ,status_water: [
        {
          left: 0,
          top: 0,
@@ -596,7 +613,9 @@
          width: 0,
          height: 0,
          status: false
        },
        }
      ]
      ,status_load: [
        {
          left: 0,
          top: 0,
@@ -651,12 +670,21 @@
          ,vol: 0
          ,cur: 0
        }
        ,{
          top: 0
          ,left: 0
          ,width: 0
          ,height: 0
          ,vol: 0
          ,cur: 0
        }
      ]
      // 设备告警状态
      ,dev_alarm: {
        power1: false
        ,power2: false
        ,power3: false
        ,power3A: false
        ,power3B: false
        ,motor: false
        ,batt1: false
        ,batt2: false
@@ -719,28 +747,31 @@
                connects.water1 = !!v.connect_en;
                break;
              case 6001:
                connects.power3A = !!v.connect_en;
                break;
              case 6002:
                obj['power3'] = obj['power3'] || [];
                obj['power3'].push(!!v.connect_en);
                connects.power3B = !!v.connect_en;
                break;
            }
          });
          connects.power1 = this.getBoolFromArr(obj.power1);
          connects.power2 = this.getBoolFromArr(obj.power2);
          connects.power3 = this.getBoolFromArr(obj.power3);

          this.status[0].status = connects.power3;
          this.status[1].status = connects.power2;
          this.status[2].status = connects.power1;
          this.status[3].status = connects.motor;
          this.status[4].status = connects.water3;
          this.status[5].status = connects.water2;
          this.status[6].status = connects.water1;
          this.status_power[0].status = connects.power3A;
          this.status_power[1].status = connects.power3B;
          this.status_power[2].status = connects.power2;
          this.status_power[3].status = connects.power1;
          
          this.status_motor[0].status = connects.motor;

          this.status[7].status = connects.load1;
          this.status[8].status = connects.load2;
          this.status[9].status = connects.load3;
          this.status[10].status = connects.load4;
          this.status_water[0].status = connects.water3;
          this.status_water[1].status = connects.water2;
          this.status_water[2].status = connects.water1;

          this.status_load[0].status = connects.load1;
          this.status_load[1].status = connects.load2;
          this.status_load[2].status = connects.load3;
          this.status_load[3].status = connects.load4;
        }
      });
    }
@@ -781,19 +812,19 @@
          let CD = data[2];
          // let D = data[3];
          // console.log('state', AB, B, CD, D);
          this.floatBox[2].list[1].value = AB.conn_flag ? '串联' : '并联';
          this.floatBox[2].list[2].value = (AB.alldcvol).toFixed(bit);
          this.floatBox[2].list[3].value = (AB.alldccurr).toFixed(bit);
          this.floatBox[3].list[1].value = AB.conn_flag ? '串联' : '并联';
          this.floatBox[3].list[2].value = (AB.alldcvol).toFixed(bit);
          this.floatBox[3].list[3].value = (AB.alldccurr).toFixed(bit);

          this.powerInfo[2].vol = (AB.alldcvol).toFixed(bit);
          this.powerInfo[2].cur = (AB.alldccurr).toFixed(bit);
          this.powerInfo[3].vol = (AB.alldcvol).toFixed(bit);
          this.powerInfo[3].cur = (AB.alldccurr).toFixed(bit);

          this.floatBox[1].list[1].value = CD.conn_flag ? '串联' : '并联';
          this.floatBox[1].list[2].value = (CD.alldcvol).toFixed(bit);
          this.floatBox[1].list[3].value = (CD.alldccurr).toFixed(bit);
          this.floatBox[2].list[1].value = CD.conn_flag ? '串联' : '并联';
          this.floatBox[2].list[2].value = (CD.alldcvol).toFixed(bit);
          this.floatBox[2].list[3].value = (CD.alldccurr).toFixed(bit);

          this.powerInfo[1].vol = (CD.alldcvol).toFixed(bit);
          this.powerInfo[1].cur = (CD.alldccurr).toFixed(bit);
          this.powerInfo[2].vol = (CD.alldcvol).toFixed(bit);
          this.powerInfo[2].cur = (CD.alldccurr).toFixed(bit);
          // 电源运行状态
          if (AB.alldcvol > 50) {
            this.status[2].run = true;
@@ -813,21 +844,21 @@
          let CD = data[2];
          let D = data[3];
          // console.log('data', AB, B, CD, D);
          this.floatBox[2].list[0].value = AB.consvolcurrflag ? '恒流' : '恒压';
          this.floatBox[2].list[4].value = (AB.dcvol / 10).toFixed(bit);
          this.floatBox[2].list[5].value = (AB.dccurr / 10).toFixed(bit);
          this.floatBox[2].list[6].value = (AB.controlangle / 10).toFixed(bit);
          this.floatBox[2].list[7].value = (B.dcvol / 10).toFixed(bit);
          this.floatBox[2].list[8].value = (B.dccurr / 10).toFixed(bit);
          this.floatBox[2].list[9].value = (B.controlangle / 10).toFixed(bit);
          this.floatBox[3].list[0].value = AB.consvolcurrflag ? '恒流' : '恒压';
          this.floatBox[3].list[4].value = (AB.dcvol / 10).toFixed(bit);
          this.floatBox[3].list[5].value = (AB.dccurr / 10).toFixed(bit);
          this.floatBox[3].list[6].value = (AB.controlangle / 10).toFixed(bit);
          this.floatBox[3].list[7].value = (B.dcvol / 10).toFixed(bit);
          this.floatBox[3].list[8].value = (B.dccurr / 10).toFixed(bit);
          this.floatBox[3].list[9].value = (B.controlangle / 10).toFixed(bit);

          this.floatBox[1].list[0].value = CD.consvolcurrflag ? '恒流' : '恒压';
          this.floatBox[1].list[4].value = (CD.dcvol / 10).toFixed(bit);
          this.floatBox[1].list[5].value = (CD.dccurr / 10).toFixed(bit);
          this.floatBox[1].list[6].value = (CD.controlangle / 10).toFixed(bit);
          this.floatBox[1].list[7].value = (D.dcvol / 10).toFixed(bit);
          this.floatBox[1].list[8].value = (D.dccurr / 10).toFixed(bit);
          this.floatBox[1].list[9].value = (D.controlangle / 10).toFixed(bit);
          this.floatBox[2].list[0].value = CD.consvolcurrflag ? '恒流' : '恒压';
          this.floatBox[2].list[4].value = (CD.dcvol / 10).toFixed(bit);
          this.floatBox[2].list[5].value = (CD.dccurr / 10).toFixed(bit);
          this.floatBox[2].list[6].value = (CD.controlangle / 10).toFixed(bit);
          this.floatBox[2].list[7].value = (D.dcvol / 10).toFixed(bit);
          this.floatBox[2].list[8].value = (D.dccurr / 10).toFixed(bit);
          this.floatBox[2].list[9].value = (D.controlangle / 10).toFixed(bit);
        }
      });

@@ -860,7 +891,7 @@
          if (res.code) {
            let data = res.data[0];
            // 高压开关
            this.floatBox[0].list[i ? 8 : 4].value = !data.dc_voltage_state ? '开启' : '关闭';
            this.floatBox[i].list[2].value = !data.dc_voltage_state ? '开启' : '关闭';
          }
        });

@@ -869,35 +900,19 @@
          // console.log(res, 'control')
          if (res.code) {
            let data = res.data[0];
            if (i) {
              // 电流
              this.floatBox[0].list[6].value = (data.brachdccurr).toFixed(bit);
              // 电压
              this.floatBox[0].list[7].value = (data.brachdcvol).toFixed(bit);
              // 控制角
              this.floatBox[0].list[9].value = (data.controlangle).toFixed(bit);
            } else {
              // 总直流电压
              this.floatBox[0].list[1].value = (data.alldcvol).toFixed(bit);
              this.powerInfo[0].vol = (data.alldcvol).toFixed(bit);

              // 总直流电流
              this.floatBox[0].list[0].value = (data.alldccurr).toFixed(bit);
              this.powerInfo[0].cur = (data.alldccurr).toFixed(bit);

              // 电源运行状态
              if (data.alldcvol > 50) {
                this.status[0].run = true;
              }
              // 电流
              this.floatBox[0].list[2].value = (data.brachdccurr).toFixed(bit);
              // 电压
              this.floatBox[0].list[3].value = (data.brachdcvol).toFixed(bit);
              // 控制角
              this.floatBox[0].list[5].value = (data.controlangle).toFixed(bit);
              // this.real_set_cur = data.localgivecurr;
              // this.real_set_vol = data.localgivevol;
            // 电源运行状态
            if (data.alldcvol > 50) {
              this.status[0].run = true;
            }
            // 电流
            this.floatBox[i].list[0].value = (data.brachdccurr).toFixed(bit);
            // 电压
            this.floatBox[i].list[1].value = (data.brachdcvol).toFixed(bit);
            // 控制角
            this.floatBox[i].list[3].value = (data.controlangle).toFixed(bit);

            this.powerInfo[i].vol = (data.brachdcvol).toFixed(bit);
            this.powerInfo[i].cur = (data.brachdccurr).toFixed(bit);
          }

        });
@@ -925,12 +940,12 @@
      const $container = this.$refs.container;
      const width = $container.offsetWidth;
      const height = $container.offsetHeight;
      for (let i = 14; i < 18; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_' + i));
        this.battInfo[i - 14].top = position.top;
        this.battInfo[i - 14].left = position.left;
        this.battInfo[i - 14].width = position.width;
        this.battInfo[i - 14].height = position.height;
      for (let i = 0; i < 4; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_battinfo_' + i));
        this.battInfo[i].top = position.top;
        this.battInfo[i].left = position.left;
        this.battInfo[i].width = position.width;
        this.battInfo[i].height = position.height;
      }
    }
    // 获取负载列表
@@ -974,15 +989,15 @@
          const data = res.data[0];

          // 加载电机 电流
          this.floatBox[3].list[0].value = data.load_motor_curr;
          this.floatBox[4].list[0].value = data.load_motor_curr;
          // 加载电机 电压
          this.floatBox[3].list[1].value = data.load_motor_vol;
          this.floatBox[4].list[1].value = data.load_motor_vol;
          // 加载电机 加载功率
          this.floatBox[3].list[4].value = data.load_motor_power;
          this.floatBox[4].list[4].value = data.load_motor_power;
          // 加载电机 转速
          this.floatBox[3].list[2].value = data.load_motor_speed;
          this.floatBox[4].list[2].value = data.load_motor_speed;
          // 加载电机 转矩
          this.floatBox[3].list[3].value = data.load_motor_torque;
          this.floatBox[4].list[3].value = data.load_motor_torque;
        }
      });

@@ -992,9 +1007,9 @@
          const data = res.data[0];

          // 齿轮箱高速侧轴功率
          this.floatBox[3].list[6].value = data.gear_box_power;
          this.floatBox[4].list[6].value = data.gear_box_power;
          // 推进轴功率
          this.floatBox[3].list[5].value = data.advance_power;
          this.floatBox[4].list[5].value = data.advance_power;
        }
      });
    }
@@ -1012,14 +1027,14 @@
      const $container = this.$refs.container;
      const width = $container.offsetWidth;
      const height = $container.offsetHeight;
      for (let i = 0; i < 3; i++) {
      for (let i = 0; i < 4; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('power_' + i));
        this.floatBox[i].left = position.right + 10;
        this.floatBox[i].top = position.top;
      }
      let pos = this.$common.transSize(width, height, 1880, 810, can.getInfo('motor_0'));
      this.floatBox[3].left = pos.right + 10;
      this.floatBox[3].top = pos.top;
      this.floatBox[4].left = pos.right + 10;
      this.floatBox[4].top = pos.top;
    }
    ,getStyle (obj) {
      return {
@@ -1033,26 +1048,53 @@
      const $container = this.$refs.container;
      const width = $container.offsetWidth;
      const height = $container.offsetHeight;
      for (let i = 0; i < 11; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_' + i));
        this.status[i] = this.status[i] || {};
        this.status[i].left = position.left;
        this.status[i].top = position.top;
        this.status[i].width = position.width;
        this.status[i].height = position.height;
        this.status[i].status = 0;
      // status_power
      for (let i = 0; i < 4; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_statuspower_' + i));
        this.status_power[i].left = position.left;
        this.status_power[i].top = position.top;
        this.status_power[i].width = position.width;
        this.status_power[i].height = position.height;
        this.status_power[i].status = 0;
      }
      // status_motor
      for (let i = 0; i < 1; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_statusmotor_' + i));
        this.status_motor[i].left = position.left;
        this.status_motor[i].top = position.top;
        this.status_motor[i].width = position.width;
        this.status_motor[i].height = position.height;
        this.status_motor[i].status = 0;
      }
      // status_water
      for (let i = 0; i < 3; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_statuswater_' + i));
        this.status_water[i].left = position.left;
        this.status_water[i].top = position.top;
        this.status_water[i].width = position.width;
        this.status_water[i].height = position.height;
        this.status_water[i].status = 0;
      }
      // status_load
      for (let i = 0; i < 4; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_statusload_' + i));
        this.status_load[i].left = position.left;
        this.status_load[i].top = position.top;
        this.status_load[i].width = position.width;
        this.status_load[i].height = position.height;
        this.status_load[i].status = 0;
      }
    }
    ,setPowerInfoPos () {
      const $container = this.$refs.container;
      const width = $container.offsetWidth;
      const height = $container.offsetHeight;
      for (let i = 11; i < 14; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_' + i));
        this.powerInfo[i - 11].top = position.top;
        this.powerInfo[i - 11].left = position.left;
        this.powerInfo[i - 11].width = position.width;
        this.powerInfo[i - 11].height = position.height;
      for (let i = 0; i < 4; i++) {
        let position = this.$common.transSize(width, height, 1880, 810, can.getInfo('rect_powerinfo_' + i));
        this.powerInfo[i].top = position.top;
        this.powerInfo[i].left = position.left;
        this.powerInfo[i].width = position.width;
        this.powerInfo[i].height = position.height;
      }
    }
    // 查询所有告警
@@ -1077,9 +1119,6 @@
            }
          });
        }
        // console.log(alarm_list, '====alarm_list');
        // this.alarm_list = alarm_list;
        // this.$event.$emit('update_alarm', alarm_list);
      });
    }
    // 告警重置
@@ -1096,29 +1135,15 @@
      const width = $container.offsetWidth;
      const height = $container.offsetHeight;

      // var breakFlag = false;

      // 遍历can所有的elementList 判断是否点击到某个元素
      for (let i = 0, elementList = can.elementList, j = can.elementList.length; i < j; i++) {
        if( can.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can.elementObjects[elementList[i]])) ) {
          // console.log('你点了元素' + elementList[i]);

          can.emit(elementList[i], 'click', point);
          // breakFlag = true;
          break;
        }
      }
      // 遍历can1所有的elementList 判断是否点击到某个元素
      /*if( !breakFlag ) {
        for (let i = 0, elementList = can1.elementList, j = can1.elementList.length; i < j; i++) {
          if( can1.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can1.elementObjects[elementList[i]])) ) {
            // console.log('你点了元素' + elementList[i]);

            can1.emit(elementList[i], 'click', point);
            break;
          }
        }
      }*/
    }
    ,handelMousemove (e) {
      let point = {x: e.offsetX, y: e.offsetY};
@@ -1129,13 +1154,8 @@
      if (el) {
        if ( can.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can.elementObjects[el])) ) {
          can.emit(el, 'mouseenter', point);
        }
        /* else if ( can1.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can1.elementObjects[el])) ) {
          can1.emit(el, 'mouseenter', point);
        } */
        else {
        } else {
          can.emit(el, 'mouseleave', point);
          // can1.emit(el, 'mouseleave', point);
          el = '';
          // 遍历所有的elementList 判断是否点击到某个元素
          for (let i = 0, elementList = can.elementList, j = can.elementList.length; i < j; i++) {
@@ -1147,16 +1167,6 @@
              break;
            }
          }
          // 遍历所有的elementList 判断是否点击到某个元素
          /*for (let i = 0, elementList = can1.elementList, j = can1.elementList.length; i < j; i++) {
            if( can1.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can1.elementObjects[elementList[i]])) ) {
              // console.log('鼠标现在在' + elementList[i] + '元素上');
              el = elementList[i];
              can1.emit(elementList[i], 'mouseenter', point);

              break;
            }
          }*/
        }
      } else {
        // 遍历所有的elementList 判断是否点击到某个元素
@@ -1167,22 +1177,11 @@
            break;
          }
        }
        // 遍历所有的elementList 判断是否点击到某个元素
        /*for (let i = 0, elementList = can1.elementList, j = can1.elementList.length; i < j; i++) {
          if( can1.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can1.elementObjects[elementList[i]])) ) {
            // console.log('鼠标现在在' + elementList[i] + '元素上');
            el = elementList[i];
            can1.emit(elementList[i], 'mouseenter', point);

            break;
          }
        }*/
      }
    }
    ,handelMouseleave () {
      if (el) {
        can.emit(el, 'mouseleave');
        // can1.emit(el, 'mouseleave');
      }
    }
    
@@ -1301,6 +1300,7 @@
    height: 24px;
    margin-left: .4em;
    display: inline-block;
    margin-right: .4em;
  }
  .box {
    z-index: 1;

 src/views/general/index1.vue

File was deleted

 src/views/motor/index.vue

@@ -1763,7 +1763,7 @@
    background: #00aaff;
  }
  .temp_grp .temp_grp_2 .item:nth-child(3):before,
  .temp_grp .temp_grp_2 .item:nth-child(8):before {
  .temp_grp .temp_grp_2 .item:nth-child(9):before {
    width: 3px;
    background: #15e3f3;
  }