wk/vue_mdc_wk.git

			@@ -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,168 +73,37 @@
			</div>
			</td>
			</tr>

			<tr>
			<td colspan="5">
			<a-descriptions
			title="基础信息"
			:column="4"
			>
			<a-descriptions-item label="设备编号">{{resultData.equipmentID}}</a-descriptions-item>
			<a-descriptions-item label="设备名称">{{resultData.equipmentName}}</a-descriptions-item>
			<a-descriptions-item label="IP地址">{{resultData.equipmentIP}}</a-descriptions-item>
			<a-descriptions-item label="设备编号">{{resultData.equipmentId}}</a-descriptions-item>
			<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.driveType}}</a-descriptions-item>
			<a-descriptions-item label="设备型号">{{resultData.equipmentModel}}</a-descriptions-item>
			<a-descriptions-item label="设备类型">{{resultData.deviceType}}</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.equipmentType}}</a-descriptions-item>
			<a-descriptions-item label="备注">{{resultData.remark}}</a-descriptions-item>

			</a-descriptions>

			<!-- <a-descriptions
			title="运行数据"
			v-if="driverType != 'LSV2' && driverType != 'ZUOLAN' "
			:column="4"
			>
			<a-descriptions-item label="主轴倍率(%)">{{resultData.spindlebeilv}}</a-descriptions-item>
			<a-descriptions-item label="进给倍率(%)">{{resultData.feedbeilv}}</a-descriptions-item>
			<a-descriptions-item label="主轴负荷(%)">{{resultData.spindleload}}</a-descriptions-item>
			<a-descriptions-item label="主轴转速(rpm)">{{resultData.spindlespeed}}</a-descriptions-item>
			<a-descriptions-item label="进给速度(mm/min)">{{resultData.feedrate}}</a-descriptions-item>
			</a-descriptions>

			<a-descriptions
			title="运行数据 for lsv2"
			v-if="driverType == 'LSV2'"
			:column="4"
			>
			<a-descriptions-item label="主轴倍率(%)">{{resultData.spindlebeilv}}</a-descriptions-item>
			<a-descriptions-item label="设备正常运行时间">{{resultData.equipmentNormalTime}}</a-descriptions-item>
			<a-descriptions-item label="快速进给倍率(%)">{{resultData.rapidfeed}}</a-descriptions-item>
			<a-descriptions-item label="NC正常运行时间">{{resultData.nCNormalTime}}</a-descriptions-item>
			<a-descriptions-item label="进给倍率(%)">{{resultData.feedbeilv}}</a-descriptions-item>
			<a-descriptions-item label="设备运行时间">{{resultData.equipmentTime}}</a-descriptions-item>
			<a-descriptions-item label="当前刀具号">{{resultData.toolNum}}</a-descriptions-item>
			</a-descriptions> -->

			<!-- <a-descriptions
			title="程序信息"
			v-if="driverType != 'LSV2' && driverType != 'ZUOLAN' "
			:column="4"
			>
			<a-descriptions-item label="序列号">{{resultData.sequencenumber}}</a-descriptions-item>
			<a-descriptions-item
			label="当前执行代码"
			:span="2"
			>{{resultData.executingcode}}</a-descriptions-item>
			<a-descriptions-item label="工件名称">{{resultData.productName}}</a-descriptions-item>
			</a-descriptions> -->

			<!-- <a-descriptions
			title="程序信息 for lsv2"
			v-if="driverType == 'LSV2'"
			:column="4"
			>
			<a-descriptions-item label="当前程序">{{resultData.program}}</a-descriptions-item>
			<a-descriptions-item label="程序执行点">{{resultData.programPosition}}</a-descriptions-item>
			<a-descriptions-item label="操作模式">{{resultData.operationType}}</a-descriptions-item>
			<a-descriptions-item label="错误信息编号一">{{resultData.firstErrorNum}}</a-descriptions-item>
			<a-descriptions-item label="错误信息一">{{resultData.firstError}}</a-descriptions-item>
			<a-descriptions-item label="错误信息">{{resultData.errorinfo}}</a-descriptions-item>
			<a-descriptions-item label="错误信息编号二">{{resultData.secondErrorNum}}</a-descriptions-item>
			<a-descriptions-item label="错误信息二">{{resultData.secondError}}</a-descriptions-item>
			</a-descriptions> -->

			<!--<a-descriptions
			title="轴监控数据 fro SIEMENS840DSL"
			v-if="driverType == 'SIEMENS840DSL'"
			:column="4"
			>
			<a-descriptions-item label="X轴温度">{{resultData.temperatureX}}</a-descriptions-item>
			<a-descriptions-item label="Y轴温度">{{resultData.temperatureY}}</a-descriptions-item>
			<a-descriptions-item label="Z轴温度">{{resultData.temperatureZ}}</a-descriptions-item>
			<a-descriptions-item label="A轴温度">{{resultData.temperatureA}}</a-descriptions-item>
			<a-descriptions-item label="B轴温度">{{resultData.temperatureB}}</a-descriptions-item>
			<a-descriptions-item label="X轴电流">{{resultData.equipmentCurrentX}}</a-descriptions-item>
			<a-descriptions-item label="Y轴电流">{{resultData.equipmentCurrentY}}</a-descriptions-item>
			<a-descriptions-item label="Z轴电流">{{resultData.equipmentCurrentZ}}</a-descriptions-item>
			<a-descriptions-item label="A轴电流">{{resultData.equipmentCurrentA}}</a-descriptions-item>
			<a-descriptions-item label="B轴电流">{{resultData.equipmentCurrentB}}</a-descriptions-item>
			<a-descriptions-item label="X轴随动误差">{{resultData.equipmentLagErrorX}}</a-descriptions-item>
			<a-descriptions-item label="Y轴随动误差">{{resultData.equipmentLagErrorY}}</a-descriptions-item>
			<a-descriptions-item label="Z轴随动误差">{{resultData.equipmentLagErrorZ}}</a-descriptions-item>
			<a-descriptions-item label="A轴随动误差">{{resultData.equipmentLagErrorA}}</a-descriptions-item>
			<a-descriptions-item label="B轴随动误差">{{resultData.equipmentLagErrorB}}</a-descriptions-item>
			</a-descriptions>
			-->
			<!-- <a-descriptions
			title="坐标信息 "
			v-if="driverType == 'FANUC'"
			:column="3"
			>
			<a-descriptions-item label="绝对坐标X">{{resultData.xabsolute}}</a-descriptions-item>
			<a-descriptions-item label="绝对坐标Y">{{resultData.yabsolute}}</a-descriptions-item>
			<a-descriptions-item label="绝对坐标Z">{{resultData.zabsolute}}</a-descriptions-item>
			<a-descriptions-item label="机床坐标X">{{resultData.xmachine}}</a-descriptions-item>
			<a-descriptions-item label="机床坐标Y">{{resultData.ymachine}}</a-descriptions-item>
			<a-descriptions-item label="机床坐标Z">{{resultData.zmachine}}</a-descriptions-item>
			</a-descriptions>

			<a-descriptions
			title="坐标信息 for lsv2"
			v-if="driverType == 'LSV2'"
			:column="4"
			>
			<a-descriptions-item label="X坐标">{{resultData.xmachine}}</a-descriptions-item>
			<a-descriptions-item label="Y坐标">{{resultData.ymachine}}</a-descriptions-item>
			<a-descriptions-item label="Z坐标">{{resultData.zmachine}}</a-descriptions-item>
			<a-descriptions-item label="A坐标">{{resultData.amachine}}</a-descriptions-item>
			<a-descriptions-item label="B坐标">{{resultData.bmachine}}</a-descriptions-item>
			<a-descriptions-item label="C坐标">{{resultData.cmachine}}</a-descriptions-item>
			</a-descriptions>

			<a-descriptions
			title="坐标信息 for lsv2"
			v-if="driverType == 'LSV2'"
			:column="4"
			>
			<a-descriptions-item label="X坐标">{{resultData.xmachine}}</a-descriptions-item>
			<a-descriptions-item label="Y坐标">{{resultData.ymachine}}</a-descriptions-item>
			<a-descriptions-item label="Z坐标">{{resultData.zmachine}}</a-descriptions-item>
			<a-descriptions-item label="A坐标">{{resultData.amachine}}</a-descriptions-item>
			<a-descriptions-item label="B坐标">{{resultData.bmachine}}</a-descriptions-item>
			<a-descriptions-item label="C坐标">{{resultData.cmachine}}</a-descriptions-item>
			</a-descriptions>

			<a-descriptions
			title="坐标信息"
			v-if="driverType == 'LSV2'"
			:column="4"
			>
			<a-descriptions-item label="X坐标">{{resultData.xmachine}}</a-descriptions-item>
			<a-descriptions-item label="Y坐标">{{resultData.ymachine}}</a-descriptions-item>
			<a-descriptions-item label="Z坐标">{{resultData.zmachine}}</a-descriptions-item>
			<a-descriptions-item label="A坐标">{{resultData.amachine}}</a-descriptions-item>
			<a-descriptions-item label="B坐标">{{resultData.bmachine}}</a-descriptions-item>
			<a-descriptions-item label="C坐标">{{resultData.cmachine}}</a-descriptions-item>
			</a-descriptions> -->
			<!---数据源调整动态展示运行数据---->

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

			<a-descriptions-item
			v-for="(item,id) in mdcDriveTypeParamConfigList "
			v-for="(item,id) in runData"
			:key="item.id"
			:label="item.chineseName"
			:label="item.key"
			>
			<a-tooltip @mouseenter="mouseEnterItem">
			<template slot="title">
			@@ -248,6 +116,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>
			@@ -257,1293 +142,1267 @@
			:style="{ marginRight: '8px' }"
			@click="handleCancel"
			style="color: #1191b0;"
			>关闭</a-button>
			>关闭
			</a-button>
			</template>
			</a-modal>
			</div>
			</template>

			<script>
			import {
			getAction,
			postAction
			} from '@/api/manage'
			import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api'
			import {
			getAction,
			postAction
			} from '@/api/manage'
			import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api'

			export default {
			name: 'EquipmentDetailModal',
			components: {},
			props: {},
			data() {
			return {
			mdcDriveTypeParamConfigList: [],
			xyzAliasesList: [],
			title: '',
			//主轴倍率
			spindlebeilv: 1,
			//进给倍率
			feedbeilv: 1,
			// 主轴负荷
			spindleload: 1,
			//快速进给倍率
			rapidfeed: 1,
			visible: false,
			resultData: {},
			driverType: '',
			deviceTypeDict: '',
			url: {
			mdcEquipmentDetailedInfo: '/mdc/mdcEquipment/mdcEquipmentDetailedInfo'
			},
			modalTimer:null,
			ee:" "
			export default {
			name: 'EquipmentDetailModal',
			components: {},
			props: {},
			data() {
			return {
			runData: [],
			// xyzAliasesList: [],
			//主轴倍率
			spindlebeilv: 0,
			//进给倍率
			feedbeilv: 0,
			// 主轴负荷
			spindleload: 0,
			//快速进给倍率
			rapidfeed: 0,
			visible: false,
			resultData: {},
			url: {
			mdcEquipmentDetailedInfo: '/mdc/mdcEquipment/mdcEquipmentDetailedInfo'
			},
			modalTimer: null,
			xyzList: null
			}
			},
			beforeDestroy() {
			clearInterval(this.modalTimer)
			this.modalTimer = null
			},
			methods: {
			drawLine() {
			let _this = this
			if (_this.spindlebeilv) {
			//基于准备好的dom，初始化echarts实例
			let mdcEquiMoniGauge1 = this.$echarts.init(document.getElementById('mdcEquiMoniGauge1'), 'macarons')
			let mdcEquiMoniGaugeOption1 = {
			tooltip: {
			formatter: '{a} <br/>{b} : {c}%'
			},

			series: [{
			name: '外部线',
			type: 'gauge',
			radius: '65%', // 动态
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#31F3FF'] // 动态
			],
			width: 1
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: { //标题
			show: false
			}
			},
			{
			name: '外部刻度',
			type: 'gauge',
			radius: '80%',
			min: 0, //最小刻度
			max: 300, //最大刻度
			splitNumber: 10, //刻度数量
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			show: false,
			lineStyle: {
			color: [
			[1, 'rgba(0,0,0,0)']
			]
			}
			}, //仪表盘轴线
			axisLabel: {
			show: true,
			color: '#31F3FF',
			fontSize: 10, // 动态
			distance: -20 // 动态

			}, //刻度标签。
			axisTick: {
			show: false
			}, //刻度样式
			splitLine: {
			show: false
			}
			},
			{
			name: '内部宽线条',
			type: 'gauge',
			radius: '55%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 4
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '内部细线条',
			type: 'gauge',
			radius: '40%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 3
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '间隔条形',
			type: 'gauge',
			radius: '52.5%',
			z: 4,
			splitNumber: 35,
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			opacity: 0
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false,
			length: 20,
			splitNumber: 1,
			lineStyle: {
			color: '#122B3C',
			width: 1
			}
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '数据',
			type: 'gauge',
			radius: '52.5%',
			z: 3,
			startAngle: 225,
			max: 300,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[_this.spindlebeilv / 300, '#31F3FF'], // 动态
			[1, '#185363']
			],
			width: 4
			}
			},
			tooltip: {
			show: false
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: true,
			fontWeight: 'bold',
			fontSize: 12,
			color: '#fff'
			},
			pointer: {
			show: true,
			width: 3,
			itemStyle: {
			color: '#fff'
			}
			},
			data: [{
			name: '',
			value: _this.spindlebeilv
			}]
			},
			// 内圆
			{
			'name': '内圆环',
			'type': 'pie',
			'radius': ['4%', '2%'],
			'hoverAnimation': false,
			tooltip: {
			show: false
			},
			cursor: 'default',
			'labelLine': {
			'normal': {
			'show': false
			}
			},
			itemStyle: {
			color: '#fff'
			},
			animation: false,
			'data': [1]
			},
			// 内圆
			{
			'name': '内圆环2',
			'type': 'pie',
			'radius': '2%',
			'hoverAnimation': false,
			cursor: 'default',
			tooltip: {
			show: false
			},
			'labelLine': {
			'normal': {
			'show': false
			}
			},
			itemStyle: {
			color: '#31F3FF'
			},
			animation: false,
			'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}%'
			},

			series: [{
			name: '外部线',
			type: 'gauge',
			radius: '65%', // 动态
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#31F3FF'] // 动态
			],
			width: 1
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: { //标题
			show: false
			}
			},
			{
			name: '外部刻度',
			type: 'gauge',
			radius: '80%',
			min: 0, //最小刻度
			max: 300, //最大刻度
			splitNumber: 10, //刻度数量
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			show: false,
			lineStyle: {
			color: [
			[1, 'rgba(0,0,0,0)']
			]
			}
			}, //仪表盘轴线
			axisLabel: {
			show: true,
			color: '#31F3FF',
			fontSize: 10, // 动态
			distance: -20 // 动态

			}, //刻度标签。
			axisTick: {
			show: false
			}, //刻度样式
			splitLine: {
			show: false
			}
			},
			{
			name: '内部宽线条',
			type: 'gauge',
			radius: '55%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 4
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '内部细线条',
			type: 'gauge',
			radius: '40%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 3
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '间隔条形',
			type: 'gauge',
			radius: '52.5%',
			z: 4,
			splitNumber: 35,
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			opacity: 0
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false,
			length: 20,
			splitNumber: 1,
			lineStyle: {
			color: '#122B3C',
			width: 1
			}
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '数据',
			type: 'gauge',
			radius: '52.5%',
			z: 3,
			startAngle: 225,
			max: 300,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[_this.feedbeilv / 300, '#31F3FF'], // 动态
			[1, '#185363']
			],
			width: 4
			}
			},
			tooltip: {
			show: false
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: true,
			fontWeight: 'bold',
			fontSize: 12,
			color: '#fff'
			},
			pointer: {
			show: true,
			width: 3,
			itemStyle: {
			color: '#fff'
			}
			},
			data: [{
			name: '',
			value: _this.feedbeilv
			}]
			},
			// 内圆
			{
			'name': '内圆环',
			'type': 'pie',
			'radius': ['4%', '2%'],
			'hoverAnimation': false,
			tooltip: {
			show: false
			},
			cursor: 'default',
			'labelLine': {
			'normal': {
			'show': false
			}
			},
			itemStyle: {
			color: '#fff'
			},
			animation: false,
			'data': [1]
			},
			// 内圆
			{
			'name': '内圆环2',
			'type': 'pie',
			'radius': '2%',
			'hoverAnimation': false,
			cursor: 'default',
			tooltip: {
			show: false
			},
			'labelLine': {
			'normal': {
			'show': false
			}
			},
			itemStyle: {
			color: '#31F3FF'
			},
			animation: false,
			'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}%'
			},

			series: [{
			name: '外部线',
			type: 'gauge',
			radius: '65%', // 动态
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#31F3FF'] // 动态
			],
			width: 1
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: { //标题
			show: false
			}
			},
			{
			name: '外部刻度',
			type: 'gauge',
			radius: '80%',
			min: 0, //最小刻度
			max: 100, //最大刻度
			splitNumber: 10, //刻度数量
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			show: false,
			lineStyle: {
			color: [
			[1, 'rgba(0,0,0,0)']
			]
			}
			}, //仪表盘轴线
			axisLabel: {
			show: true,
			color: '#31F3FF',
			fontSize: 10, // 动态
			distance: -20 // 动态

			}, //刻度标签。
			axisTick: {
			show: false
			}, //刻度样式
			splitLine: {
			show: false
			}
			},
			{
			name: '内部宽线条',
			type: 'gauge',
			radius: '55%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 4
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '内部细线条',
			type: 'gauge',
			radius: '40%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 3
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '间隔条形',
			type: 'gauge',
			radius: '52.5%',
			z: 4,
			splitNumber: 35,
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			opacity: 0
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false,
			length: 20,
			splitNumber: 1,
			lineStyle: {
			color: '#122B3C',
			width: 1
			}
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '数据',
			type: 'gauge',
			radius: '52.5%',
			z: 3,
			startAngle: 225,
			max: 100,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[_this.spindleload / 100, '#31F3FF'], // 动态
			[1, '#185363']
			],
			width: 4
			}
			},
			tooltip: {
			show: false
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: true,
			fontWeight: 'bold',
			fontSize: 12,
			color: '#fff'
			},
			pointer: {
			show: true,
			width: 3,
			itemStyle: {
			color: '#fff'
			}
			},
			data: [{
			name: '',
			value: _this.spindleload
			}]
			},
			// 内圆
			{
			'name': '内圆环',
			'type': 'pie',
			'radius': ['4%', '2%'],
			'hoverAnimation': false,
			tooltip: {
			show: false
			},
			cursor: 'default',
			'labelLine': {
			'normal': {
			'show': false
			}
			},
			itemStyle: {
			color: '#fff'
			},
			animation: false,
			'data': [1]
			},
			// 内圆
			{
			'name': '内圆环2',
			'type': 'pie',
			'radius': '2%',
			'hoverAnimation': false,
			cursor: 'default',
			tooltip: {
			show: false
			},
			'labelLine': {
			'normal': {
			'show': false
			}
			},
			itemStyle: {
			color: '#31F3FF'
			},
			animation: false,
			'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}%'
			},

			series: [{
			name: '外部线',
			type: 'gauge',
			radius: '65%', // 动态
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#31F3FF'] // 动态
			],
			width: 1
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: { //标题
			show: false
			}
			},
			{
			name: '外部刻度',
			type: 'gauge',
			radius: '80%',
			min: 0, //最小刻度
			max: 300, //最大刻度
			splitNumber: 10, //刻度数量
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			show: false,
			lineStyle: {
			color: [
			[1, 'rgba(0,0,0,0)']
			]
			}
			}, //仪表盘轴线
			axisLabel: {
			show: true,
			color: '#31F3FF',
			fontSize: 10, // 动态
			distance: -20 // 动态

			}, //刻度标签。
			axisTick: {
			show: false
			}, //刻度样式
			splitLine: {
			show: false
			}
			},
			{
			name: '内部宽线条',
			type: 'gauge',
			radius: '55%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 4
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '内部细线条',
			type: 'gauge',
			radius: '40%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 3
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '间隔条形',
			type: 'gauge',
			radius: '52.5%',
			z: 4,
			splitNumber: 35,
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			opacity: 0
			}
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false,
			length: 20,
			splitNumber: 1,
			lineStyle: {
			color: '#122B3C',
			width: 1
			}
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false
			}
			},
			{
			name: '数据',
			type: 'gauge',
			radius: '52.5%',
			z: 3,
			startAngle: 225,
			max: 300,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[_this.rapidfeed / 300, '#31F3FF'], // 动态
			[1, '#185363']
			],
			width: 4
			}
			},
			tooltip: {
			show: false
			},
			axisLabel: {
			show: false
			},
			axisTick: {
			show: false
			},
			splitLine: {
			show: false
			},
			detail: {
			show: true,
			fontWeight: 'bold',
			fontSize: 12,
			color: '#fff'
			},
			pointer: {
			show: true,
			width: 3,
			itemStyle: {
			color: '#fff'
			}
			},
			data: [{
			name: '',
			value: _this.rapidfeed
			}]
			},
			// 内圆
			{
			'name': '内圆环',
			'type': 'pie',
			'radius': ['4%', '2%'],
			'hoverAnimation': false,
			tooltip: {
			show: false
			},
			cursor: 'default',
			'labelLine': {
			'normal': {
			'show': false
			}
			},
			itemStyle: {
			color: '#fff'
			},
			animation: false,
			'data': [1]
			},
			// 内圆
			{
			'name': '内圆环2',
			'type': 'pie',
			'radius': '2%',
			'hoverAnimation': false,
			cursor: 'default',
			tooltip: {
			show: false
			},
			'labelLine': {
			'normal': {
			'show': false
			}
			},
			itemStyle: {
			color: '#31F3FF'
			},
			animation: false,
			'data': [1]
			}
			]
			}
			mdcEquiMoniGauge4.setOption(mdcEquiMoniGaugeOption4)
			}
			},
			mounted() {
			},
			methods: {
			drawLine() {
			let _this = this
			if (_this.spindlebeilv) {
			//基于准备好的dom，初始化echarts实例
			let mdcEquiMoniGauge1 = this.$echarts.init(document.getElementById('mdcEquiMoniGauge1'), 'macarons')
			let mdcEquiMoniGaugeOption1 = {
			tooltip: {
			formatter: "{a} <br/>{b} : {c}%"
			},

			series: [{
			name: "外部线",
			type: "gauge",
			radius: '65%', // 动态
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#31F3FF'] // 动态
			],
			width: 1
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: { //标题
			show: false,
			}
			},
			{
			name: '外部刻度',
			type: 'gauge',
			radius: '80%',
			min: 0, //最小刻度
			max: 300, //最大刻度
			splitNumber: 10, //刻度数量
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			show: false,
			lineStyle: {
			color: [
			[1, 'rgba(0,0,0,0)']
			],
			}
			}, //仪表盘轴线
			axisLabel: {
			show: true,
			color: '#31F3FF',
			fontSize: 10, // 动态
			distance: -20, // 动态

			}, //刻度标签。
			axisTick: {
			show: false,
			}, //刻度样式
			splitLine: {
			show: false,
			},
			},
			{
			name: "内部宽线条",
			type: "gauge",
			radius: '55%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 4
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "内部细线条",
			type: "gauge",
			radius: '40%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 3
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "间隔条形",
			type: "gauge",
			radius: '52.5%',
			z: 4,
			splitNumber: 35,
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			opacity: 0
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			length: 20,
			splitNumber: 1,
			lineStyle: {
			color: '#122B3C',
			width: 1
			}
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "数据",
			type: "gauge",
			radius: '52.5%',
			z: 3,
			startAngle: 225,
			max: 300,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[_this.spindlebeilv / 300, '#31F3FF'], // 动态
			[1, '#185363']
			],
			width: 4
			}
			},
			tooltip: {
			show: false
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false
			},
			detail: {
			show: true,
			fontWeight: 'bold',
			fontSize: 12,
			color: '#fff'
			},
			pointer: {
			show: true,
			width: 3,
			itemStyle:{
			color:'#fff',
			}
			},
			data: [{
			name: '',
			value: _this.spindlebeilv
			}]
			},
			// 内圆
			{
			"name": '内圆环',
			"type": 'pie',
			"radius": ['4%', '2%'],
			"hoverAnimation": false,
			tooltip: {
			show: false
			},
			cursor: "default",
			"labelLine": {
			"normal": {
			"show": false
			}
			},
			itemStyle: {
			color: '#fff'
			},
			animation: false,
			"data": [1]
			},
			// 内圆
			{
			"name": '内圆环2',
			"type": 'pie',
			"radius": '2%',
			"hoverAnimation": false,
			cursor: "default",
			tooltip: {
			show: false
			},
			"labelLine": {
			"normal": {
			"show": false
			}
			},
			itemStyle: {
			color: '#31F3FF'
			},
			animation: false,
			"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}%"
			},

			series: [{
			name: "外部线",
			type: "gauge",
			radius: '65%', // 动态
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#31F3FF'] // 动态
			],
			width: 1
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: { //标题
			show: false,
			}
			},
			{
			name: '外部刻度',
			type: 'gauge',
			radius: '80%',
			min: 0, //最小刻度
			max: 300, //最大刻度
			splitNumber: 10, //刻度数量
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			show: false,
			lineStyle: {
			color: [
			[1, 'rgba(0,0,0,0)']
			],
			}
			}, //仪表盘轴线
			axisLabel: {
			show: true,
			color: '#31F3FF',
			fontSize: 10, // 动态
			distance: -20, // 动态

			}, //刻度标签。
			axisTick: {
			show: false,
			}, //刻度样式
			splitLine: {
			show: false,
			},
			},
			{
			name: "内部宽线条",
			type: "gauge",
			radius: '55%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 4
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "内部细线条",
			type: "gauge",
			radius: '40%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 3
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "间隔条形",
			type: "gauge",
			radius: '52.5%',
			z: 4,
			splitNumber: 35,
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			opacity: 0
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			length: 20,
			splitNumber: 1,
			lineStyle: {
			color: '#122B3C',
			width: 1
			}
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "数据",
			type: "gauge",
			radius: '52.5%',
			z: 3,
			startAngle: 225,
			max: 300,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[_this.feedbeilv / 300, '#31F3FF'], // 动态
			[1, '#185363']
			],
			width: 4
			}
			},
			tooltip: {
			show: false
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false
			},
			detail: {
			show: true,
			fontWeight: 'bold',
			fontSize: 12,
			color: '#fff'
			},
			pointer: {
			show: true,
			width: 3,
			itemStyle:{
			color:'#fff'
			}
			},
			data: [{
			name: '',
			value: _this.feedbeilv
			}]
			},
			// 内圆
			{
			"name": '内圆环',
			"type": 'pie',
			"radius": ['4%', '2%'],
			"hoverAnimation": false,
			tooltip: {
			show: false
			},
			cursor: "default",
			"labelLine": {
			"normal": {
			"show": false
			}
			},
			itemStyle: {
			color: '#fff'
			},
			animation: false,
			"data": [1]
			},
			// 内圆
			{
			"name": '内圆环2',
			"type": 'pie',
			"radius": '2%',
			"hoverAnimation": false,
			cursor: "default",
			tooltip: {
			show: false
			},
			"labelLine": {
			"normal": {
			"show": false
			}
			},
			itemStyle: {
			color: '#31F3FF'
			},
			animation: false,
			"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}%"
			},

			series: [{
			name: "外部线",
			type: "gauge",
			radius: '65%', // 动态
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#31F3FF'] // 动态
			],
			width: 1
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: { //标题
			show: false,
			}
			},
			{
			name: '外部刻度',
			type: 'gauge',
			radius: '80%',
			min: 0, //最小刻度
			max: 100, //最大刻度
			splitNumber: 10, //刻度数量
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			show: false,
			lineStyle: {
			color: [
			[1, 'rgba(0,0,0,0)']
			],
			}
			}, //仪表盘轴线
			axisLabel: {
			show: true,
			color: '#31F3FF',
			fontSize: 10, // 动态
			distance: -20, // 动态

			}, //刻度标签。
			axisTick: {
			show: false,
			}, //刻度样式
			splitLine: {
			show: false,
			},
			},
			{
			name: "内部宽线条",
			type: "gauge",
			radius: '55%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 4
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "内部细线条",
			type: "gauge",
			radius: '40%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 3
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "间隔条形",
			type: "gauge",
			radius: '52.5%',
			z: 4,
			splitNumber: 35,
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			opacity: 0
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			length: 20,
			splitNumber: 1,
			lineStyle: {
			color: '#122B3C',
			width: 1
			}
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "数据",
			type: "gauge",
			radius: '52.5%',
			z: 3,
			startAngle: 225,
			max: 100,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[_this.spindleload / 100, '#31F3FF'], // 动态
			[1, '#185363']
			],
			width: 4
			}
			},
			tooltip: {
			show: false
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false
			},
			detail: {
			show: true,
			fontWeight: 'bold',
			fontSize: 12,
			color: '#fff'
			},
			pointer: {
			show: true,
			width: 3,
			itemStyle:{
			color:'#fff'
			}
			},
			data: [{
			name: '',
			value: _this.spindleload
			}]
			},
			// 内圆
			{
			"name": '内圆环',
			"type": 'pie',
			"radius": ['4%', '2%'],
			"hoverAnimation": false,
			tooltip: {
			show: false
			},
			cursor: "default",
			"labelLine": {
			"normal": {
			"show": false
			}
			},
			itemStyle: {
			color: '#fff'
			},
			animation: false,
			"data": [1]
			},
			// 内圆
			{
			"name": '内圆环2',
			"type": 'pie',
			"radius": '2%',
			"hoverAnimation": false,
			cursor: "default",
			tooltip: {
			show: false
			},
			"labelLine": {
			"normal": {
			"show": false
			}
			},
			itemStyle: {
			color: '#31F3FF'
			},
			animation: false,
			"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}%"
			},

			series: [{
			name: "外部线",
			type: "gauge",
			radius: '65%', // 动态
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#31F3FF'] // 动态
			],
			width: 1
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: { //标题
			show: false,
			}
			},
			{
			name: '外部刻度',
			type: 'gauge',
			radius: '80%',
			min: 0, //最小刻度
			max: 300, //最大刻度
			splitNumber: 10, //刻度数量
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			show: false,
			lineStyle: {
			color: [
			[1, 'rgba(0,0,0,0)']
			],
			}
			}, //仪表盘轴线
			axisLabel: {
			show: true,
			color: '#31F3FF',
			fontSize: 10, // 动态
			distance: -20, // 动态

			}, //刻度标签。
			axisTick: {
			show: false,
			}, //刻度样式
			splitLine: {
			show: false,
			},
			},
			{
			name: "内部宽线条",
			type: "gauge",
			radius: '55%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 4
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "内部细线条",
			type: "gauge",
			radius: '40%',
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[1, '#122B3C']
			],
			width: 3
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false,
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "间隔条形",
			type: "gauge",
			radius: '52.5%',
			z: 4,
			splitNumber: 35,
			startAngle: 225,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			opacity: 0
			}
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			length: 20,
			splitNumber: 1,
			lineStyle: {
			color: '#122B3C',
			width: 1
			}
			},
			splitLine: {
			show: false
			},
			detail: {
			show: false
			},
			title: {
			show: false,
			}
			},
			{
			name: "数据",
			type: "gauge",
			radius: '52.5%',
			z: 3,
			startAngle: 225,
			max: 300,
			endAngle: -45,
			axisLine: {
			lineStyle: {
			color: [
			[_this.rapidfeed / 300, '#31F3FF'], // 动态
			[1, '#185363']
			],
			width: 4
			}
			},
			tooltip: {
			show: false
			},
			axisLabel: {
			show: false,
			},
			axisTick: {
			show: false,
			},
			splitLine: {
			show: false
			},
			detail: {
			show: true,
			fontWeight: 'bold',
			fontSize: 12,
			color: '#fff'
			},
			pointer: {
			show: true,
			width: 3,
			itemStyle:{
			color:'#fff'
			}
			},
			data: [{
			name: '',
			value: _this.rapidfeed
			}]
			},
			// 内圆
			{
			"name": '内圆环',
			"type": 'pie',
			"radius": ['4%', '2%'],
			"hoverAnimation": false,
			tooltip: {
			show: false
			},
			cursor: "default",
			"labelLine": {
			"normal": {
			"show": false
			}
			},
			itemStyle: {
			color: '#fff'
			},
			animation: false,
			"data": [1]
			},
			// 内圆
			{
			"name": '内圆环2',
			"type": 'pie',
			"radius": '2%',
			"hoverAnimation": false,
			cursor: "default",
			tooltip: {
			show: false
			},
			"labelLine": {
			"normal": {
			"show": false
			}
			},
			itemStyle: {
			color: '#31F3FF'
			},
			animation: false,
			"data": [1]
			},
			]
			};
			mdcEquiMoniGauge4.setOption(mdcEquiMoniGaugeOption4)
			}
			},
			close() {
			this.$emit('close')
			this.visible = false
			clearInterval(this.modalTimer);
			this.modalTimer = null
			},
			handleCancel() {
			this.close()
			clearInterval(this.modalTimer);
			this.modalTimer = null
			},
			// initDeviceType(deviceTypeId) {
			// let dictCode = 'mdc_equipmentType'
			// let items = []
			// items = getDictItemsFromCache(dictCode)
			// if (items && items.length > 0) {
			// for (let i = 0; i < items.length; i++) {
			// if (deviceTypeId == items[i].value) {
			// this.deviceTypeDict = items[i].title
			// }
			// }
			// } else {
			// ajaxGetDictItems(dictCode, null).then((res) => {
			// if (res.success) {
			// let items = res.result
			// for (let i = 0; i < items.length; i++) {
			// if (deviceTypeId == items[i].value) {
			// this.deviceTypeDict = items[i].title
			// }
			// }
			// }
			// })
			// }
			// },
			timerModel(id){
			this.ee = id
			this.modalTimer = setInterval(() => {
			setTimeout( this.initData(this.ee),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
			_this.driverType = res.result.deviceType
			_this.spindlebeilv = res.result.spindlebeilv
			_this.feedbeilv = res.result.feedbeilv
			_this.spindleload = res.result.spindleload
			_this.rapidfeed = res.result.rapidfeed;
			_this.mdcDriveTypeParamConfigList = res.result.mdcDriveTypeParamConfigList;
			_this.xyzAliasesList = res.result.xyzAliasesList;
			this.$nextTick(() => {
			_this.drawLine()
			})
			// _this.initDeviceType(_this.resultData.deviceType)
			} else {
			// _this.$message.warn(res.message)
			_this.$notification.warning({
			message:'消息',
			description:res.message
			});
			}
			})

			},

			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);
			close() {
			this.$emit('close')
			this.visible = false
			clearInterval(this.modalTimer)
			this.modalTimer = null
			},
			handleCancel() {
			this.close()
			clearInterval(this.modalTimer)
			this.modalTimer = null
			},
			timerModel(id) {
			this.modalTimer = setInterval(() => {
			setTimeout(this.initData(id), 0)
			}, 1000 * 4)
			},

			initData(id) {
			let _this = this
			this.visible = true
			getAction(this.url.mdcEquipmentDetailedInfo, { id: id }).then((res) => {
			if (res.success) {
			_this.resultData = res.result.equipment
			_this.spindlebeilv = res.result.spindlebeilv
			_this.feedbeilv = res.result.feedbeilv
			_this.spindleload = res.result.spindleload
			_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.$notification.warning({
			message: '消息',
			description: res.message
			})
			}
			})

			},

			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 属性用于设置元素是否对鼠标事件做出反应。
			}
			}
			}
			}
			</script>

			<style scoped lang="less">
			body {
			overflow-y: hidden !important;
			}
			.full-modal {
			.ant-modal {
			top: 0;
			padding-bottom: 0;
			margin: 0;
			background-color: #4a4a48 !important;
			opacity: 0.5;
			}
			/deep/ .ant-modal-content {
			display: flex;
			flex-direction: column;
			/height: calc(100vh);/
			background-color: #4a4a48;
			}
			.ant-modal-body {
			flex: 1;
			}
			body {
			overflow-y: hidden !important;
			}

			.full-modal {
			.ant-modal {
			top: 0;
			padding-bottom: 0;
			margin: 0;
			background-color: #4a4a48 !important;
			opacity: 0.5;
			}
			/deep/ .ant-modal-content {
			/background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.27) 100%);/
			/background: -webkit-gradient(linear, left left, right right, color-stop(0%, rgba(0, 0, 0, 0.66)), color-stop(100%, rgba(0, 0, 0, 0.4)));/
			/background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.4) 100%);/
			/background: -o-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.4) 100%);/
			/background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.4) 100%);/
			/background: linear-gradient(to right, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.4) 100%);/
			background-color: #312c2c;
			opacity: 0.9;
			display: flex;
			flex-direction: column;
			background-color: #4a4a48;
			}
			/deep/ .ant-modal-close {
			color: #1191b0;
			font-size: 24px;
			.ant-modal-body {
			flex: 1;
			}
			/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;
			margin: 14px;
			}
			/deep/ .ant-modal-content {
			background-color: #312c2c;
			opacity: 0.9;
			}

			fieldset legend {
			display: inline;
			width: 88px;
			}
			/deep/ .ant-modal-close {
			color: #1191b0;
			font-size: 24px;
			}

			table tr td {
			text-align: left;
			color: #fff;
			}
			/deep/ .ant-modal-close-x {
			font-size: 24px;
			}

			table tr td input {
			border: 1px solid #a6eff9;
			}
			/deep/ .ant-modal-footer {
			border-top: none;
			}

			.ant-btn {
			padding: 0 10px;
			margin-left: 3px;
			color: #fff !important;
			background-color: #1191b0;
			border: none;
			}
			/deep/ .ant-descriptions {
			border: 1px solid #16738d;
			margin: 10px 0;
			}

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

			/** 主表单行间距 */
			.ant-form .ant-form-item {
			margin-bottom: 10px;
			}
			/deep/ .ant-descriptions-view {
			padding: 0 20px;
			}

			/** Tab页面行间距 */
			.ant-tabs-content .ant-form-item {
			margin-bottom: 0px;
			}
			/deep/ .ant-descriptions-view .ant-descriptions-row .ant-descriptions-item {
			padding-bottom: 5px;
			}

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

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

			.description-item-class{
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			}
			.mdcEquipMon {
			color: #fff;
			}

			fieldset {
			border: 1px solid #16738d;
			padding: 17px;
			margin: 14px;
			}

			fieldset legend {
			display: inline;
			width: 88px;
			}

			table tr td {
			text-align: left;
			color: #fff;
			}

			table tr td input {
			border: 1px solid #a6eff9;
			}

			.ant-btn {
			padding: 0 10px;
			margin-left: 3px;
			color: #fff !important;
			background-color: #1191b0;
			border: none;
			}

			.ant-form-item-control {
			line-height: 0px;
			}

			/** 主表单行间距 */
			.ant-form .ant-form-item {
			margin-bottom: 10px;
			}

			/** Tab页面行间距 */
			.ant-tabs-content .ant-form-item {
			margin-bottom: 0px;
			}

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

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

			.description-item-class {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			}
			</style>