| | |
| | | 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.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.remark}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备编号">{{resultData.equipmentID|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备名称">{{resultData.equipmentName|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="IP地址">{{resultData.equipmentIP|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="端口号">{{resultData.dataPort|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="系统版本号">{{resultData.systemVersion|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="驱动类型">{{resultData.driveType|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备型号">{{resultData.equipmentModel|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备类型">{{resultData.deviceType|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备功率">{{resultData.devicePower|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="有效轴数">{{resultData.validAxis|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="最大轴数">{{resultData.maxAxis|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="备注">{{resultData.remark|formatDescriptionsItem}}</a-descriptions-item> |
| | | </a-descriptions> |
| | | |
| | | <!-- <a-descriptions |
| | |
| | | > |
| | | <a-tooltip @mouseenter="mouseEnterItem"> |
| | | <template slot="title"> |
| | | {{item.value}} |
| | | {{item.value|formatDescriptionsItem}} |
| | | </template> |
| | | <div class="description-item-class">{{item.value}}</div> |
| | | <div class="description-item-class">{{item.value|formatDescriptionsItem}}</div> |
| | | </a-tooltip> |
| | | |
| | | </a-descriptions-item> |
| | |
| | | |
| | | }, |
| | | watch: {}, |
| | | filters:{ |
| | | formatDescriptionsItem(value){ |
| | | return value?value:'无' |
| | | } |
| | | }, |
| | | methods: { |
| | | drawLine() { |
| | | let _this = this |
| | |
| | | }, |
| | | |
| | | 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 属性用于设置元素是否对鼠标事件做出反应。 |
| | | } |
| | | if (e.target.clientWidth >= e.target.scrollWidth) e.target.style.pointerEvents = 'none' // 阻止鼠标事件 pointer-events 属性用于设置元素是否对鼠标事件做出反应。 |
| | | } |
| | | }, |
| | | beforeDestroy() { |
| | |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | /deep/ .ant-descriptions-view { |
| | | padding: 0 20px; |
| | | } |
| | | /*/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; |
| | | /*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; |
| | | } |
| | | |
| | | 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{ |
| | |
| | | .lsv2Data .ant-descriptions-item-content |
| | | { |
| | | width: 130px; |
| | | overflow: hidden; |
| | | vertical-align: bottom; |
| | | } |
| | | |
| | | .description-item-class{ |