U 电机页面修改 综合页面修改

whychw

2020-09-24 cdbbf01831745b8e0cfd5be06c60cb54308ab7d2

U 电机页面修改 综合页面修改

 src/script/draw_general.js

@@ -12,19 +12,19 @@



  can.drawGradualLine({
  /*can.drawGradualLine({
    startX: 176
    ,startY: 340
    ,endX: 226
    ,endY: 340
  });
  can.drawGradualLine({
  });*/
  /*can.drawGradualLine({
    startX: 176
    ,startY: 370
    ,endX: 276
    ,endY: 370
  });
  can.drawGradualLine({
  });*/
  /*can.drawGradualLine({
    startX: 176
    ,startY: 400
    ,endX: 276
@@ -35,21 +35,24 @@
    ,startY: 430
    ,endX: 226
    ,endY: 430
  });
  });*/
  can.drawGradualLine({
    startX: 226
    // startX: 226
    startX: 170
    ,startY: 110
    ,endX: 326
    ,endY: 110
  });
  can.drawGradualLine({
    startX: 276
    // startX: 276
    startX: 226
    ,startY: 330
    ,endX: 326
    ,endY: 330
  });
  can.drawGradualLine({
    startX: 276
    // startX: 276
    startX: 226
    ,startY: 560
    ,endX: 326
    ,endY: 560
@@ -181,29 +184,30 @@
    startX: 226
    ,startY: 110
    ,endX: 226
    ,endY: 340
  });

  can.drawGradualLine({
    startX: 276
    ,startY: 330
    ,endX: 276
    ,endY: 370
  });

  can.drawGradualLine({
    startX: 276
    ,startY: 400
    ,endX: 276
    ,endY: 560
  });

  can.drawGradualLine({
    startX: 226
    ,startY: 430
    ,endX: 226
    // ,endY: 340
    ,endY: 710
  });

  // can.drawGradualLine({
  //   startX: 276
  //   ,startY: 330
  //   ,endX: 276
  //   ,endY: 370
  // });

  // can.drawGradualLine({
  //   startX: 276
  //   ,startY: 400
  //   ,endX: 276
  //   ,endY: 560
  // });

  // can.drawGradualLine({
  //   startX: 226
  //   ,startY: 430
  //   ,endX: 226
  //   ,endY: 710
  // });
  can.drawGradualLine({
    startX: 650
    ,startY: 75
@@ -278,7 +282,7 @@
    // 画高压开关柜
  can.drawHighTensionCabinet({
    startX: 20
    ,startY: 300
    ,startY: 60
    ,label: '高压开关柜'
  });


 src/views/general/index.vue

@@ -38,6 +38,20 @@
let can, can1;
let resizeHandler;
let el = '';
// 通信状态
let connects = {
      load1: false
      ,load2: false
      ,load3: false
      ,load4: false
      ,water1: false
      ,water2: false
      ,water3: false
      ,motor: false
      ,power1: false
      ,power2: false
      ,power3: false
    };
export default {
  name: 'General',
  components: {
@@ -367,7 +381,57 @@
        {
          left: 0,
          top: 0,
          status: 0
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        },
        {
          left: 0,
          top: 0,
          status: false
        }
      ]
    }
@@ -380,10 +444,80 @@
      this.$api.common.getConnect().then((res) => {
        res = JSON.parse(res.data.result);
        if (res.code) {
          console.log(res.data);
          // TODO
          // console.log(res.data);
          let obj = {};
          res.data.forEach((v) => {
            switch (v.dev_id) {
              case 1001:
                connects.load1 = !!v.connect_en;
                break;
              case 1002:
                connects.load2 = !!v.connect_en;
                break;
              case 1003:
                connects.load3 = !!v.connect_en;
                break;
              case 1004:
                connects.load4 = !!v.connect_en;
                break;
              case 2001:
                connects.motor = !!v.connect_en;
                break;
              case 4001:
              case 4002:
                obj['power1'] = obj['power1'] || [];
                obj['power1'].push(!!v.connect_en);
                break;
              case 4003:
              case 4004:
                obj['power2'] = obj['power2'] || [];
                obj['power2'].push(!!v.connect_en);
                break;
              case 5001:
                connects.water2 = !!v.connect_en;
                break;
              case 5002:
                connects.water3 = !!v.connect_en;
                break;
              case 5003:
                connects.water1 = !!v.connect_en;
                break;
              case 6001:
              case 6002:
                obj['power3'] = obj['power3'] || [];
                obj['power3'].push(!!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.water1;
          this.status[5].status = connects.water3;
          this.status[6].status = connects.water2;

          this.status[7].status = connects.load1;
          this.status[8].status = connects.load2;
          this.status[9].status = connects.load3;
          this.status[10].status = connects.load4;
        }
        console.log(this.connects);
      });
    }
    ,getBoolFromArr (arr) {
      let res = true;
      for (let i = 0, j = arr.length; i < j; i++) {
        if (!arr[i]) {
          res = false;
          break;
        }
      }
      return res;
    }
    ,canvasInit () {
      can = new EleCircleGeneral('can');
@@ -656,43 +790,21 @@
      const height = $container.offsetHeight;

      if (el) {
          if ( can.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can.elementObjects[el])) ) {
            can.emit(el, 'mouseenter', point);
      // console.log(can, '===can===', el);
          } else if ( can1.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can1.elementObjects[el])) ) {
            can1.emit(el, 'mouseenter', point);
          } 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++) {
              if( can.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can.elementObjects[elementList[i]])) ) {
                // console.log('鼠标现在在' + elementList[i] + '元素上');
                el = elementList[i];
                can.emit(elementList[i], 'mouseenter', point);

                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;
              }
            }
          }
        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 {
          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++) {
            if( can.pointIsInRect(point, this.$common.transSize(width, height, 1880, 810, can.elementObjects[elementList[i]])) ) {
              // console.log('鼠标现在在' + elementList[i] + '元素上');
              el = elementList[i];
              can.emit(elementList[i], 'mouseenter', point);
// console.log(can, '===can===', el, 2);

              break;
            }
          }
@@ -707,7 +819,26 @@
            }
          }
        }
      } else {
        // 遍历所有的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]])) ) {
            el = elementList[i];
            can.emit(elementList[i], 'mouseenter', point);
            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) {

 src/views/motor/index.vue

@@ -62,17 +62,23 @@
        </div>
        <div class="flex_footer">
          <div class="temp_grp">
            <div v-for="(item, index) in GList" class="item" :key="index">
              <g-temp :ref="'G_temp_' + index"
                :fixedSize="true"
                :info="item.info"
                ></g-temp>
            <div class="temp_grp_inner temp_grp_1">
              <div v-for="(item, index) in GList" class="item" :key="index">
                <g-temp :ref="'G_temp_' + index"
                  :fixedSize="true"
                  :max="210"
                  :info="item.info"
                  ></g-temp>
              </div>
            </div>
            <div v-for="(item, index) in GList2" class="item" :key="'li_' + index">
              <g-temp :ref="'G_temp2_' + index"
                :info="item.info"
                :fixedSize="true"
                ></g-temp>
            <div class="temp_grp_inner temp_grp_2">
              <div v-for="(item, index) in GList2" class="item" :key="'li_' + index">
                <g-temp :ref="'G_temp2_' + index"
                  :info="item.info"
                  :max="160"
                  :fixedSize="true"
                  ></g-temp>
              </div>
            </div>
          </div>
        </div>
@@ -393,15 +399,16 @@
        }, {
          info: '齿轮箱轴承温度6'
          ,value: 0
        }, {
        }
      ],
      GList2: [
        {
          info: '电机水冷进水风温'
          ,value: 0
        }, {
          info: '电机水冷出水风温'
          ,value: 0
        }
      ],
      GList2: [
        },
        {
          info: '绕组温度U1'
          ,value: 0
@@ -577,15 +584,15 @@
          // console.log(res.data);
          const data = res.data[0];
          // 电机水冷进出水风温
          this.GList[6].value = data.load_motor_inwater_tmp / 10;
          this.GList[7].value = data.load_motor_outwater_tmp / 10;
          this.GList2[0].value = data.load_motor_inwater_tmp / 10;
          this.GList2[1].value = data.load_motor_outwater_tmp / 10;
          // 加载电机绕组温度
          this.GList2[0].value = data.load_motor_wind_tmp1 / 10;
          this.GList2[1].value = data.load_motor_wind_tmp2 / 10;
          this.GList2[2].value = data.load_motor_wind_tmp3 / 10;
          this.GList2[2].value = data.load_motor_wind_tmp1 / 10;
          this.GList2[3].value = data.load_motor_wind_tmp2 / 10;
          this.GList2[4].value = data.load_motor_wind_tmp3 / 10;
          // 加载电机轴承温度
          this.GList2[3].value = data.load_motor_bear_tmp1 / 10;
          this.GList2[4].value = data.load_motor_bear_tmp2 / 10;
          this.GList2[5].value = data.load_motor_bear_tmp1 / 10;
          this.GList2[6].value = data.load_motor_bear_tmp2 / 10;
          // 加载电机 电流
          this.data_list[0].value = data.load_motor_curr;
          // 加载电机 电压
@@ -933,10 +940,10 @@
      });
    }
    ,updateTemp () {
      for (let i = 0; i < 8; i++) {
      for (let i = 0; i < 6; i++) {
        this.$refs['G_temp_' + i][0].drawPoint(this.GList[i].value);
      }
      for (let i = 0; i < 5; i++) {
      for (let i = 0; i < 7; i++) {
        this.$refs['G_temp2_' + i][0].drawPoint(this.GList2[i].value);
      }
    }
@@ -1162,7 +1169,7 @@
    position: relative;
  }
  .flex_footer:after {
    content: '';
    /* content: '';
    position: absolute;
    width: 100%;
    height: 1px;
@@ -1170,7 +1177,7 @@
    left: 0;
    background: #15e3f3;
    -webkit-transform: translate(0, 6px) scaleX(.96);
    transform: translate(0, 6px) scaleX(.96);
    transform: translate(0, 6px) scaleX(.96); */
  }
  .flex_main .p_data {
    flex: 1.2;
@@ -1487,6 +1494,18 @@
    display: flex;
    flex: 1;
  }
  .temp_grp_inner {
    display: -webkit-flex;
    display: flex;
    border: 2px #15e3f3 solid;
  }
  .temp_grp_1 {
    flex: 6;
  }
  .temp_grp_2 {
    flex: 7;
    margin-left: 1em;
  }
  .temp_grp .item {
    flex: 1;
    padding: 0 .08rem;