mdc模块更新

Lius

2025-08-25 2599e052377b665651fa4c6e052ca8ae58b81098

 src/views/mdc/base/modules/DeviceBaseInfo/EquipmentDetailModal.vue

@@ -1,8 +1,7 @@
<template>
  <div ref="wrap">
    <a-modal
      :title="title"
      width="70%"
      width="90%"
      :visible="visible"
      :getContainer="() => this.$refs.wrap"
      @cancel="handleCancel"
@@ -74,6 +73,7 @@
              </div>
            </td>
          </tr>

          <tr>
            <td colspan="5">
              <a-descriptions
@@ -84,29 +84,29 @@
                <a-descriptions-item label="设备名称">{{resultData.equipmentName}}</a-descriptions-item>
                <a-descriptions-item label="IP地址">{{resultData.equipmentIp}}</a-descriptions-item>
                <a-descriptions-item label="端口号">{{resultData.dataPort}}</a-descriptions-item>
                <a-descriptions-item label="系统版本号">{{resultData.systemVersion}}</a-descriptions-item>
                <!--                <a-descriptions-item label="系统版本号">{{resultData.systemVersion}}</a-descriptions-item>-->
                <a-descriptions-item label="驱动类型">{{resultData.driveType}}</a-descriptions-item>
                <a-descriptions-item label="设备型号">{{resultData.equipmentModel}}</a-descriptions-item>
                <a-descriptions-item label="设备类型">{{resultData.equipmentType}}</a-descriptions-item>
                <a-descriptions-item label="设备功率">{{resultData.devicePower}}</a-descriptions-item>
                <!--                <a-descriptions-item label="设备功率">{{resultData.devicePower}}</a-descriptions-item>-->
                <a-descriptions-item label="有效轴数">{{resultData.validAxis}}</a-descriptions-item>
                <a-descriptions-item label="最大轴数">{{resultData.maxAxis}}</a-descriptions-item>
                <a-descriptions-item label="备注">{{resultData.remark}}</a-descriptions-item>

              </a-descriptions>

              <!---数据源调整  动态展示 运行数据---->

              <a-descriptions
                title="运行数据"
                v-show="mdcDriveTypeParamConfigList != null"
                v-if="driverType != 'PLC'"
                v-if="runData&&runData.length>0&&resultData.driveType != 'PLC'"
                :column="4"
                class="operationData"
              >

                <a-descriptions-item
                  v-for="(item,id) in mdcDriveTypeParamConfigList  "
                  :key="id"
                  v-for="(item,id) in runData"
                  :key="item.id"
                  :label="item.key"
                >
                  <a-tooltip @mouseenter="mouseEnterItem">
@@ -120,6 +120,23 @@

              </a-descriptions>

              <a-descriptions
                title="坐标信息"
                v-if="xyzList != null"
                :column="5"
              >
                <a-descriptions-item label="机床坐标X">{{xyzList.xmachine}}</a-descriptions-item>
                <a-descriptions-item label="Y">{{xyzList.ymachine}}</a-descriptions-item>
                <a-descriptions-item label="Z">{{xyzList.zmachine}}</a-descriptions-item>
                <a-descriptions-item label="A">{{xyzList.amachine}}</a-descriptions-item>
                <a-descriptions-item label="B">{{xyzList.bmachine}}</a-descriptions-item>
                <a-descriptions-item label="绝对坐标X">{{xyzList.xabsolute}}</a-descriptions-item>
                <a-descriptions-item label="Y">{{xyzList.yabsolute}}</a-descriptions-item>
                <a-descriptions-item label="Z">{{xyzList.zabsolute}}</a-descriptions-item>
                <a-descriptions-item label="A">{{xyzList.aabsolute}}</a-descriptions-item>
                <a-descriptions-item label="B">{{xyzList.babsolute}}</a-descriptions-item>
              </a-descriptions>

            </td>
          </tr>
        </table>
@@ -129,7 +146,8 @@
          :style="{ marginRight: '8px' }"
          @click="handleCancel"
          style="color: #1191b0;"
        >关闭</a-button>
        >关闭
        </a-button>
      </template>
    </a-modal>
  </div>
@@ -148,29 +166,28 @@
    props: {},
    data() {
      return {
        mdcDriveTypeParamConfigList: [],
        xyzAliasesList: [],
        title: '',
        runData: [],
        // xyzAliasesList: [],
        //主轴倍率
        spindlebeilv: 1,
        spindlebeilv: null,
        //进给倍率
        feedbeilv: 1,
        feedbeilv: null,
        // 主轴负荷
        spindleload: 1,
        spindleload: null,
        //快速进给倍率
        rapidfeed: 1,
        rapidfeed: null,
        visible: false,
        resultData: {},
        driverType: '',
        deviceTypeDict: '',
        url: {
          mdcEquipmentDetailedInfo: '/mdc/mdcEquipment/mdcEquipmentDetailedInfo'
        },
        modalTimer:null,
        ee:" "
        modalTimer: null,
        xyzList: null
      }
    },
    mounted() {
    beforeDestroy() {
      clearInterval(this.modalTimer)
      this.modalTimer = null
    },
    methods: {
      drawLine() {
@@ -180,12 +197,12 @@
          let mdcEquiMoniGauge1 = this.$echarts.init(document.getElementById('mdcEquiMoniGauge1'), 'macarons')
          let mdcEquiMoniGaugeOption1 = {
            tooltip: {
              formatter: "{a} <br/>{b} : {c}%"
              formatter: '{a} <br/>{b} : {c}%'
            },

            series: [{
              name: "外部线",
              type: "gauge",
              name: '外部线',
              type: 'gauge',
              radius: '65%', // 动态
              startAngle: 225,
              endAngle: -45,
@@ -198,19 +215,19 @@
                }
              },
              axisLabel: {
                show: false,
                show: false
              },
              axisTick: {
                show: false,
                show: false
              },
              splitLine: {
                show: false,
                show: false
              },
              detail: {
                show: false
              },
              title: { //标题
                show: false,
                show: false
              }
            },
              {
@@ -227,26 +244,26 @@
                  lineStyle: {
                    color: [
                      [1, 'rgba(0,0,0,0)']
                    ],
                    ]
                  }
                }, //仪表盘轴线
                axisLabel: {
                  show: true,
                  color: '#31F3FF',
                  fontSize: 10, // 动态
                  distance: -20, // 动态
                  distance: -20 // 动态

                }, //刻度标签。
                axisTick: {
                  show: false,
                  show: false
                }, //刻度样式
                splitLine: {
                  show: false,
                },
                  show: false
                }
              },
              {
                name: "内部宽线条",
                type: "gauge",
                name: '内部宽线条',
                type: 'gauge',
                radius: '55%',
                startAngle: 225,
                endAngle: -45,
@@ -259,24 +276,24 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false,
                  show: false
                },
                detail: {
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "内部细线条",
                type: "gauge",
                name: '内部细线条',
                type: 'gauge',
                radius: '40%',
                startAngle: 225,
                endAngle: -45,
@@ -289,24 +306,24 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false,
                  show: false
                },
                detail: {
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "间隔条形",
                type: "gauge",
                name: '间隔条形',
                type: 'gauge',
                radius: '52.5%',
                z: 4,
                splitNumber: 35,
@@ -318,7 +335,7 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
@@ -336,12 +353,12 @@
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "数据",
                type: "gauge",
                name: '数据',
                type: 'gauge',
                radius: '52.5%',
                z: 3,
                startAngle: 225,
@@ -360,10 +377,10 @@
                  show: false
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false
@@ -377,8 +394,8 @@
                pointer: {
                  show: true,
                  width: 3,
                  itemStyle:{
                    color:'#fff',
                  itemStyle: {
                    color: '#fff'
                  }
                },
                data: [{
@@ -388,60 +405,60 @@
              },
              // 内圆
              {
                "name": '内圆环',
                "type": 'pie',
                "radius": ['4%', '2%'],
                "hoverAnimation": false,
                'name': '内圆环',
                'type': 'pie',
                'radius': ['4%', '2%'],
                'hoverAnimation': false,
                tooltip: {
                  show: false
                },
                cursor: "default",
                "labelLine": {
                  "normal": {
                    "show": false
                cursor: 'default',
                'labelLine': {
                  'normal': {
                    'show': false
                  }
                },
                itemStyle: {
                  color: '#fff'
                },
                animation: false,
                "data": [1]
                'data': [1]
              },
              // 内圆
              {
                "name": '内圆环2',
                "type": 'pie',
                "radius": '2%',
                "hoverAnimation": false,
                cursor: "default",
                'name': '内圆环2',
                'type': 'pie',
                'radius': '2%',
                'hoverAnimation': false,
                cursor: 'default',
                tooltip: {
                  show: false
                },
                "labelLine": {
                  "normal": {
                    "show": false
                'labelLine': {
                  'normal': {
                    'show': false
                  }
                },
                itemStyle: {
                  color: '#31F3FF'
                },
                animation: false,
                "data": [1]
              },
                'data': [1]
              }
            ]
          };
          }
          mdcEquiMoniGauge1.setOption(mdcEquiMoniGaugeOption1)
        }
        if (_this.feedbeilv) {
          let mdcEquiMoniGauge2 = this.$echarts.init(document.getElementById('mdcEquiMoniGauge2'), 'macarons')
          let mdcEquiMoniGaugeOption2 = {
            tooltip: {
              formatter: "{a} <br/>{b} : {c}%"
              formatter: '{a} <br/>{b} : {c}%'
            },

            series: [{
              name: "外部线",
              type: "gauge",
              name: '外部线',
              type: 'gauge',
              radius: '65%', // 动态
              startAngle: 225,
              endAngle: -45,
@@ -454,19 +471,19 @@
                }
              },
              axisLabel: {
                show: false,
                show: false
              },
              axisTick: {
                show: false,
                show: false
              },
              splitLine: {
                show: false,
                show: false
              },
              detail: {
                show: false
              },
              title: { //标题
                show: false,
                show: false
              }
            },
              {
@@ -483,26 +500,26 @@
                  lineStyle: {
                    color: [
                      [1, 'rgba(0,0,0,0)']
                    ],
                    ]
                  }
                }, //仪表盘轴线
                axisLabel: {
                  show: true,
                  color: '#31F3FF',
                  fontSize: 10, // 动态
                  distance: -20, // 动态
                  distance: -20 // 动态

                }, //刻度标签。
                axisTick: {
                  show: false,
                  show: false
                }, //刻度样式
                splitLine: {
                  show: false,
                },
                  show: false
                }
              },
              {
                name: "内部宽线条",
                type: "gauge",
                name: '内部宽线条',
                type: 'gauge',
                radius: '55%',
                startAngle: 225,
                endAngle: -45,
@@ -515,24 +532,24 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false,
                  show: false
                },
                detail: {
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "内部细线条",
                type: "gauge",
                name: '内部细线条',
                type: 'gauge',
                radius: '40%',
                startAngle: 225,
                endAngle: -45,
@@ -545,24 +562,24 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false,
                  show: false
                },
                detail: {
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "间隔条形",
                type: "gauge",
                name: '间隔条形',
                type: 'gauge',
                radius: '52.5%',
                z: 4,
                splitNumber: 35,
@@ -574,7 +591,7 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
@@ -592,12 +609,12 @@
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "数据",
                type: "gauge",
                name: '数据',
                type: 'gauge',
                radius: '52.5%',
                z: 3,
                startAngle: 225,
@@ -616,10 +633,10 @@
                  show: false
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false
@@ -633,8 +650,8 @@
                pointer: {
                  show: true,
                  width: 3,
                  itemStyle:{
                    color:'#fff'
                  itemStyle: {
                    color: '#fff'
                  }
                },
                data: [{
@@ -644,60 +661,60 @@
              },
              // 内圆
              {
                "name": '内圆环',
                "type": 'pie',
                "radius": ['4%', '2%'],
                "hoverAnimation": false,
                'name': '内圆环',
                'type': 'pie',
                'radius': ['4%', '2%'],
                'hoverAnimation': false,
                tooltip: {
                  show: false
                },
                cursor: "default",
                "labelLine": {
                  "normal": {
                    "show": false
                cursor: 'default',
                'labelLine': {
                  'normal': {
                    'show': false
                  }
                },
                itemStyle: {
                  color: '#fff'
                },
                animation: false,
                "data": [1]
                'data': [1]
              },
              // 内圆
              {
                "name": '内圆环2',
                "type": 'pie',
                "radius": '2%',
                "hoverAnimation": false,
                cursor: "default",
                'name': '内圆环2',
                'type': 'pie',
                'radius': '2%',
                'hoverAnimation': false,
                cursor: 'default',
                tooltip: {
                  show: false
                },
                "labelLine": {
                  "normal": {
                    "show": false
                'labelLine': {
                  'normal': {
                    'show': false
                  }
                },
                itemStyle: {
                  color: '#31F3FF'
                },
                animation: false,
                "data": [1]
              },
                'data': [1]
              }
            ]
          };
          }
          mdcEquiMoniGauge2.setOption(mdcEquiMoniGaugeOption2)
        }
        if (_this.spindleload) {
          let mdcEquiMoniGauge3 = this.$echarts.init(document.getElementById('mdcEquiMoniGauge3'), 'macarons')
          let mdcEquiMoniGaugeOption3 = {
            tooltip: {
              formatter: "{a} <br/>{b} : {c}%"
              formatter: '{a} <br/>{b} : {c}%'
            },

            series: [{
              name: "外部线",
              type: "gauge",
              name: '外部线',
              type: 'gauge',
              radius: '65%', // 动态
              startAngle: 225,
              endAngle: -45,
@@ -710,19 +727,19 @@
                }
              },
              axisLabel: {
                show: false,
                show: false
              },
              axisTick: {
                show: false,
                show: false
              },
              splitLine: {
                show: false,
                show: false
              },
              detail: {
                show: false
              },
              title: { //标题
                show: false,
                show: false
              }
            },
              {
@@ -739,26 +756,26 @@
                  lineStyle: {
                    color: [
                      [1, 'rgba(0,0,0,0)']
                    ],
                    ]
                  }
                }, //仪表盘轴线
                axisLabel: {
                  show: true,
                  color: '#31F3FF',
                  fontSize: 10, // 动态
                  distance: -20, // 动态
                  distance: -20 // 动态

                }, //刻度标签。
                axisTick: {
                  show: false,
                  show: false
                }, //刻度样式
                splitLine: {
                  show: false,
                },
                  show: false
                }
              },
              {
                name: "内部宽线条",
                type: "gauge",
                name: '内部宽线条',
                type: 'gauge',
                radius: '55%',
                startAngle: 225,
                endAngle: -45,
@@ -771,24 +788,24 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false,
                  show: false
                },
                detail: {
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "内部细线条",
                type: "gauge",
                name: '内部细线条',
                type: 'gauge',
                radius: '40%',
                startAngle: 225,
                endAngle: -45,
@@ -801,24 +818,24 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false,
                  show: false
                },
                detail: {
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "间隔条形",
                type: "gauge",
                name: '间隔条形',
                type: 'gauge',
                radius: '52.5%',
                z: 4,
                splitNumber: 35,
@@ -830,7 +847,7 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
@@ -848,12 +865,12 @@
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "数据",
                type: "gauge",
                name: '数据',
                type: 'gauge',
                radius: '52.5%',
                z: 3,
                startAngle: 225,
@@ -872,10 +889,10 @@
                  show: false
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false
@@ -889,8 +906,8 @@
                pointer: {
                  show: true,
                  width: 3,
                  itemStyle:{
                    color:'#fff'
                  itemStyle: {
                    color: '#fff'
                  }
                },
                data: [{
@@ -900,60 +917,60 @@
              },
              // 内圆
              {
                "name": '内圆环',
                "type": 'pie',
                "radius": ['4%', '2%'],
                "hoverAnimation": false,
                'name': '内圆环',
                'type': 'pie',
                'radius': ['4%', '2%'],
                'hoverAnimation': false,
                tooltip: {
                  show: false
                },
                cursor: "default",
                "labelLine": {
                  "normal": {
                    "show": false
                cursor: 'default',
                'labelLine': {
                  'normal': {
                    'show': false
                  }
                },
                itemStyle: {
                  color: '#fff'
                },
                animation: false,
                "data": [1]
                'data': [1]
              },
              // 内圆
              {
                "name": '内圆环2',
                "type": 'pie',
                "radius": '2%',
                "hoverAnimation": false,
                cursor: "default",
                'name': '内圆环2',
                'type': 'pie',
                'radius': '2%',
                'hoverAnimation': false,
                cursor: 'default',
                tooltip: {
                  show: false
                },
                "labelLine": {
                  "normal": {
                    "show": false
                'labelLine': {
                  'normal': {
                    'show': false
                  }
                },
                itemStyle: {
                  color: '#31F3FF'
                },
                animation: false,
                "data": [1]
              },
                'data': [1]
              }
            ]
          };
          }
          mdcEquiMoniGauge3.setOption(mdcEquiMoniGaugeOption3)
        }
        if (_this.rapidfeed) {
          let mdcEquiMoniGauge4 = this.$echarts.init(document.getElementById('mdcEquiMoniGauge4'), 'macarons')
          let mdcEquiMoniGaugeOption4 = {
            tooltip: {
              formatter: "{a} <br/>{b} : {c}%"
              formatter: '{a} <br/>{b} : {c}%'
            },

            series: [{
              name: "外部线",
              type: "gauge",
              name: '外部线',
              type: 'gauge',
              radius: '65%', // 动态
              startAngle: 225,
              endAngle: -45,
@@ -966,19 +983,19 @@
                }
              },
              axisLabel: {
                show: false,
                show: false
              },
              axisTick: {
                show: false,
                show: false
              },
              splitLine: {
                show: false,
                show: false
              },
              detail: {
                show: false
              },
              title: { //标题
                show: false,
                show: false
              }
            },
              {
@@ -995,26 +1012,26 @@
                  lineStyle: {
                    color: [
                      [1, 'rgba(0,0,0,0)']
                    ],
                    ]
                  }
                }, //仪表盘轴线
                axisLabel: {
                  show: true,
                  color: '#31F3FF',
                  fontSize: 10, // 动态
                  distance: -20, // 动态
                  distance: -20 // 动态

                }, //刻度标签。
                axisTick: {
                  show: false,
                  show: false
                }, //刻度样式
                splitLine: {
                  show: false,
                },
                  show: false
                }
              },
              {
                name: "内部宽线条",
                type: "gauge",
                name: '内部宽线条',
                type: 'gauge',
                radius: '55%',
                startAngle: 225,
                endAngle: -45,
@@ -1027,24 +1044,24 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false,
                  show: false
                },
                detail: {
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "内部细线条",
                type: "gauge",
                name: '内部细线条',
                type: 'gauge',
                radius: '40%',
                startAngle: 225,
                endAngle: -45,
@@ -1057,24 +1074,24 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false,
                  show: false
                },
                detail: {
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "间隔条形",
                type: "gauge",
                name: '间隔条形',
                type: 'gauge',
                radius: '52.5%',
                z: 4,
                splitNumber: 35,
@@ -1086,7 +1103,7 @@
                  }
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
@@ -1104,12 +1121,12 @@
                  show: false
                },
                title: {
                  show: false,
                  show: false
                }
              },
              {
                name: "数据",
                type: "gauge",
                name: '数据',
                type: 'gauge',
                radius: '52.5%',
                z: 3,
                startAngle: 225,
@@ -1128,10 +1145,10 @@
                  show: false
                },
                axisLabel: {
                  show: false,
                  show: false
                },
                axisTick: {
                  show: false,
                  show: false
                },
                splitLine: {
                  show: false
@@ -1145,8 +1162,8 @@
                pointer: {
                  show: true,
                  width: 3,
                  itemStyle:{
                    color:'#fff'
                  itemStyle: {
                    color: '#fff'
                  }
                },
                data: [{
@@ -1156,110 +1173,111 @@
              },
              // 内圆
              {
                "name": '内圆环',
                "type": 'pie',
                "radius": ['4%', '2%'],
                "hoverAnimation": false,
                'name': '内圆环',
                'type': 'pie',
                'radius': ['4%', '2%'],
                'hoverAnimation': false,
                tooltip: {
                  show: false
                },
                cursor: "default",
                "labelLine": {
                  "normal": {
                    "show": false
                cursor: 'default',
                'labelLine': {
                  'normal': {
                    'show': false
                  }
                },
                itemStyle: {
                  color: '#fff'
                },
                animation: false,
                "data": [1]
                'data': [1]
              },
              // 内圆
              {
                "name": '内圆环2',
                "type": 'pie',
                "radius": '2%',
                "hoverAnimation": false,
                cursor: "default",
                'name': '内圆环2',
                'type': 'pie',
                'radius': '2%',
                'hoverAnimation': false,
                cursor: 'default',
                tooltip: {
                  show: false
                },
                "labelLine": {
                  "normal": {
                    "show": false
                'labelLine': {
                  'normal': {
                    'show': false
                  }
                },
                itemStyle: {
                  color: '#31F3FF'
                },
                animation: false,
                "data": [1]
              },
                'data': [1]
              }
            ]
          };
          }
          mdcEquiMoniGauge4.setOption(mdcEquiMoniGaugeOption4)
        }
      },

      close() {
        this.$emit('close')
        this.visible = false
        clearInterval(this.modalTimer);
        clearInterval(this.modalTimer)
        this.modalTimer = null
      },

      handleCancel() {
        this.close()
        clearInterval(this.modalTimer);
        clearInterval(this.modalTimer)
        this.modalTimer = null
      },

      timerModel(id){
        this.ee = id
      timerModel(id) {
        this.modalTimer = setInterval(() => {
          setTimeout( this.initData(this.ee),0)
        },1000*4)
          setTimeout(this.initData(id), 0)
        }, 1000 * 4)
      },

      initData(id) {
        let _this = this
        this.visible = true
        // _this.drawLine()
        getAction(this.url.mdcEquipmentDetailedInfo, { id: id }).then((res) => {
          if (res.success) {
            _this.resultData = res.result.equipment
            _this.driverType = res.result.driveType
            _this.spindlebeilv = res.result.spindlebeilv
            _this.feedbeilv = res.result.feedbeilv
            _this.spindleload = res.result.spindleload
            _this.rapidfeed = res.result.rapidfeed;
            _this.mdcDriveTypeParamConfigList = res.result.runData;
            // _this.xyzAliasesList = res.result.xyzAliasesList;
            _this.rapidfeed = res.result.rapidfeed
            _this.runData = res.result.runData
            _this.xyzList = res.result.xyzList

            // _this.xyzAliasesList = res.result.xyzAliasesList
            this.$nextTick(() => {
              _this.drawLine()
            })
          } else {
            // _this.$message.warn(res.message)
            _this.$notification.warning({
              message:'消息',
              description:res.message
            });
              message: '消息',
              description: res.message
            })
          }
        })

      },

      mouseEnterItem(e){
      resetData() {
        this.resultData = {}
        this.spindlebeilv = null
        this.feedbeilv = null
        this.spindleload = null
        this.rapidfeed = null
        this.runData = []
        this.xyzList = null
      },

      mouseEnterItem(e) {
        console.log(e, e.target, e.target.clientWidth, e.target.scrollWidth)
        if (e.target.clientWidth >= e.target.scrollWidth) {
          e.target.style.pointerEvents = 'none' // 阻止鼠标事件    pointer-events 属性用于设置元素是否对鼠标事件做出反应。
        }
      }
    },
    beforeDestroy(){
      clearInterval(this.modalTimer);
      this.modalTimer = null
    }
  }
</script>
@@ -1268,6 +1286,7 @@
  body {
    overflow-y: hidden !important;
  }

  .full-modal {
    .ant-modal {
      top: 0;
@@ -1285,51 +1304,63 @@
      flex: 1;
    }
  }

  /deep/ .ant-modal-content {
    background-color: #312c2c;
    opacity: 0.9;
  }

  /deep/ .ant-modal-close {
    color: #1191b0;
    font-size: 24px;
  }

  /deep/ .ant-modal-close-x {
    font-size: 24px;
  }

  /deep/ .ant-modal-footer {
    border-top: none;
  }

  /deep/ .ant-descriptions {
    border: 1px solid #16738d;
    margin: 10px 0;
  }

  /deep/ .ant-descriptions-title {
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
  }

  /deep/ .ant-descriptions-view {
    padding: 0 20px;
  }

  /deep/ .ant-descriptions-view .ant-descriptions-row .ant-descriptions-item {
    padding-bottom: 5px;
  }

  /deep/ .ant-descriptions-item-colon {
    color: #fff;
    width: 5.1vw;
  }

  /deep/ .ant-descriptions-item-content {
    color: #fff;
    border: 1px solid #4bcfc8;
    padding: 0 10px;
    width: auto;
    min-width: 130px;
    /*max-width: 300px;*/
    height: 25px;
  }

  .mdcEquipMon {
    color: #fff;
  }

  fieldset {
    border: 1px solid #16738d;
    padding: 17px;
@@ -1372,19 +1403,18 @@
    margin-bottom: 0px;
  }

  /deep/ .ant-descriptions-item-label{
  /deep/ .ant-descriptions-item-label {
    width: 6.7vw;
    text-align: right;
    margin-right: 10px;
  }

  /deep/ .operationData .ant-descriptions-item-content
  {
  /deep/ .operationData .ant-descriptions-item-content {
    width: 130px;
    overflow: hidden;
  }

  .description-item-class{
  .description-item-class {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;