1、扭矩配置页面更名为参数配置,增加字段“进给参数”
2、设备监控页面设备表增加状态异常说明字段以及操作列状态反馈功能(具备鉴权功能)
3、设备加工工件报表页面取消分页器及日期字段
4、设备日志页面增加扭矩及进给参数工作曲线
5、设备运行参数报警页面新增至mdc模块数据报表菜单下并完成所有布局及功能实现
6、优化车间看板页面代码,手动设置拖拽区域高度以试图解决进入页面后无法随意拖拽问题(未在现场调试),全屏模式下无法使用功能,从全屏模式切换至普通模式下刷新页面以及优化设备详情弹窗样式
| | |
| | | v-on:resizing="resize($event, index)" |
| | | v-on:dragging="resize($event, index)" |
| | | :parentLimitation="parentLimitation" |
| | | :parentH="parentH" |
| | | :minw="70" |
| | | :minh="70" |
| | | :isDraggable="isDraggable" |
| | |
| | | isResizable: false, // æ¯å¦å¼å¯ç¼©æ¾ |
| | | isSwitchChecked: false, // æ¯å¦å¼å¯åè½ |
| | | timingAcquisition: null, // 宿¶å·æ°æ¯å¦å¼å¯ |
| | | parentH: 5000,//ç¶çº§é«åº¦ |
| | | deviceList: [ |
| | | // { |
| | | // equipmentId: '123213213123232',// 设å¤ID |
| | |
| | | )})` |
| | | |
| | | this.$refs.deviceContainerRef.style.height = (this.windowHeight - this.pageHeaderHeight) + 'px' |
| | | this.parentH = this.windowHeight - this.pageHeaderHeight |
| | | this.parentLimitation = true // å¨ç¶å
ç´ é«åº¦è®¾ç½®åå设置éå¶ææ½åºåï¼ä¸è¿æ ·ææ¦ç导è´ç¶å
ç´ é«åº¦æªè®¾ç½®å°±éå¶ææ½ |
| | | }) |
| | | }, |
| | |
| | | openDetail(item) { |
| | | if (!this.isSwitchChecked) { |
| | | if (item.equipmentStatus == 0) { |
| | | // this.$message.warn("设å¤å¤äºå
³æºç¶æï¼"); |
| | | this.$message.warning('设å¤å¤äºå
³æºç¶æï¼') |
| | | return false |
| | | } |
| | |
| | | * æµè§å¨å°ºå¯¸åçæ¹åæ¶è§¦å |
| | | */ |
| | | handleWindowSizeChange() { |
| | | if (this.isFullScreen) location.reload() // 妿页é¢è¿å
¥æ¶ä¸ºå
¨å±æ¨¡å¼ï¼åå¨åæ¢æ¨¡å¼æ¶éæ°å 载页é¢ä»¥éæ°è·åæµè§å¨å¯è§åºåé«åº¦ |
| | | this.isFullScreen = !this.isFullScreen |
| | | if (!this.isFullScreen) location.reload() // å¦æä¸ºå
¨å±æ¨¡å¼ï¼åå¨åæ¢æ¨¡å¼æ¶éæ°å 载页é¢ä»¥éæ°è·åæµè§å¨å¯è§åºåé«åº¦ |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | justify-content: space-between; |
| | | |
| | | .single-status-info { |
| | | /*width: 70px;*/ |
| | | /*display: flex;*/ |
| | | /*align-items: center;*/ |
| | | /*justify-content: space-between;*/ |
| | | |
| | | .status-square { |
| | | width: 14px; |
| | |
| | | |
| | | .content-container { |
| | | width: 100%; |
| | | /*height: calc(100% - 200px);*/ |
| | | /*height: 100%;*/ |
| | | background-repeat: no-repeat; |
| | | background-size: 100% 100%; |
| | | |
| | |
| | | <equipment-layout :dataList="dataList" :equipmentId="selectEquementId" :node="selectEquement"></equipment-layout> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="å表" force-render> |
| | | <equipment-list :dataSource="dataList"></equipment-list> |
| | | <equipment-list :dataSource="dataList" @editEquipmentStatus="editEquipmentStatus"></equipment-list> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </div> |
| | |
| | | workNumber: 0, |
| | | allNumber: 0, |
| | | url: { |
| | | list: '/mdc/mdcEquipment/queryEquipmentMonitorList' |
| | | list: '/mdc/mdcEquipment/queryEquipmentMonitorList', |
| | | updateEquipmentStatus:'/mdc/mdcEquipment/updateEquipmentStatus' |
| | | }, |
| | | param:{}, |
| | | timer:null, |
| | | timerzhun:null |
| | | } |
| | |
| | | // setInterval(this.equipmentStatistics(), 5*1000); |
| | | }, |
| | | methods: { |
| | | equipmentStatistics(param) { |
| | | equipmentStatistics(param,resopnse={key:false}) { |
| | | getAction(this.url.list, param).then((res) => { |
| | | this.dataList = [] |
| | | if (res.success) { |
| | |
| | | this.dataList = res.result |
| | | // console.log(this.dataList) |
| | | this.allNumber = this.dataList.length |
| | | if(resopnse.key){ |
| | | this.$notification.success({ |
| | | key:'equipmentStatus', |
| | | message: 'æ¶æ¯', |
| | | description: resopnse.message, |
| | | }); |
| | | } |
| | | for (let i = 0; i < this.dataList.length; i++) { |
| | | let item = this.dataList[i] |
| | | switch (item.oporationDict) { |
| | |
| | | this.selectEquement = val.equipmentId |
| | | clearInterval(this.timer); |
| | | this.timer = null |
| | | let param = {} |
| | | if (!val.equipmentId) { |
| | | param.key = val.key |
| | | this.param.key=val.key |
| | | clearInterval(this.timerzhun); |
| | | this.timerzhun = null |
| | | this.equipmentStatistics(param) |
| | | this.equipmentStatistics(this.param) |
| | | this.timer = setInterval(() => { |
| | | setTimeout( this.equipmentStatistics(param),0) |
| | | setTimeout( this.equipmentStatistics(this.param),0) |
| | | },1000*10) |
| | | }else{ |
| | | param.key = val.parentId |
| | | this.param.key=val.parentId |
| | | clearInterval(this.timerzhun); |
| | | this.timerzhun = null |
| | | this.equipmentStatistics(param) |
| | | this.equipmentStatistics(this.param) |
| | | this.timer = setInterval(() => { |
| | | setTimeout( this.equipmentStatistics(param),0) |
| | | setTimeout( this.equipmentStatistics(this.param),0) |
| | | },1000*10) |
| | | } |
| | | }, |
| | | |
| | | /** |
| | | * åå»ç¶æåé¦å触å |
| | | * @param record |
| | | */ |
| | | editEquipmentStatus(record){ |
| | | console.log('åç»ä»¶record',record.id) |
| | | const _this=this |
| | | this.$notification.info({ |
| | | key:'equipmentStatus', |
| | | message: 'æ¶æ¯', |
| | | description: 'åé¦ä¸...', |
| | | }); |
| | | getAction(this.url.updateEquipmentStatus,{id:record.id}) |
| | | .then(res=>{ |
| | | if(res.success) { |
| | | _this.equipmentStatistics(this.param,{key:true,message:res.message}) |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | } |
| | | }) |
| | | .catch(err=>{ |
| | | this.$notification.error({ |
| | | message:'æ¶æ¯', |
| | | description:err.message |
| | | }); |
| | | }) |
| | | } |
| | | }, |
| | | mounted(){ |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <a-card :bordered="false"> |
| | | <!-- æ¥è¯¢åºå --> |
| | | <div class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-col :md="6" :sm="12"> |
| | | <a-form-item label="设å¤ç¼å·"> |
| | | <a-input placeholder="请è¾å
¥è®¾å¤ç¼å·" v-model="queryParam.equipmentid"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :md="6" :sm="8"> |
| | | <a-button type="primary" @click="searchQuery" icon="search">æ¥è¯¢</a-button> |
| | | <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">éç½®</a-button> |
| | | </a-col> |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | | |
| | | <a-table |
| | | ref="table" |
| | | bordered |
| | | size="middle" |
| | | rowKey="equipmentid" |
| | | :scroll="{x:'max-content',y:600}" |
| | | :columns="columns" |
| | | :dataSource="dataSource" |
| | | :pagination="ipagination" |
| | | :loading="loading"></a-table> |
| | | </a-card> |
| | | </template> |
| | | |
| | | <script> |
| | | import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
| | | |
| | | export default { |
| | | name: 'EquipmentOperationParamsAlarm', |
| | | mixins: [JeecgListMixin], |
| | | data() { |
| | | return { |
| | | name: 'EquipmentOperationParamsAlarm', |
| | | description: 'è¿æ¯è®¾å¤è¿è¡åæ°æ¥è¦é¡µé¢', |
| | | queryParam: {}, |
| | | columns: [ |
| | | { |
| | | title: '#', |
| | | dataIndex: '', |
| | | key: 'rowIndex', |
| | | width: 60, |
| | | align: 'center', |
| | | customRender: function(t, r, index) { |
| | | return parseInt(index) + 1 |
| | | } |
| | | }, |
| | | { |
| | | title: '设å¤ç¼å·', |
| | | align: 'center', |
| | | dataIndex: 'equipmentid', |
| | | width: 250 |
| | | }, |
| | | { |
| | | title: 'æ¥è¦æ¶é´', |
| | | align: 'center', |
| | | dataIndex: 'collecttime', |
| | | width: 250 |
| | | }, |
| | | { |
| | | title: '设å®å¼', |
| | | align: 'center', |
| | | width: 250, |
| | | dataIndex: 'setvalue' |
| | | }, |
| | | { |
| | | title: 'å®é
å¼', |
| | | align: 'center', |
| | | width: 250, |
| | | dataIndex: 'realvalue' |
| | | }, |
| | | { |
| | | title: 'æ¥è¦å·', |
| | | align: 'center', |
| | | width: 250, |
| | | dataIndex: 'alarmno' |
| | | }, |
| | | { |
| | | title: 'æ¥è¦å
容', |
| | | align: 'center', |
| | | width: 250, |
| | | dataIndex: 'alarmcontent' |
| | | } |
| | | ], |
| | | url: { |
| | | list: '/mdc/equipmentBeilvAlarm/list' |
| | | }, |
| | | /* æåºåæ° */ |
| | | isorter: { |
| | | column: 'collecttime', |
| | | order: 'desc' |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | @import '~@assets/less/common.less' |
| | | </style> |
| | |
| | | </div> |
| | | |
| | | <div class="container" id="EfficiencyShift" style="flex:1;overflow: hidden"> |
| | | <a-table :columns="columns" rowKey="equipmentId" :dataSource="dataSource.records" :scroll="{x:'max-content',y:scrollY}" :pagination="false" bordered> |
| | | <a-table :columns="columns" rowKey="equipmentId" :dataSource="dataSource" :scroll="{x:'max-content',y:scrollY}" :pagination="false" bordered> |
| | | <span slot="duration" slot-scope="text">{{getFormattedTime(text)}}</span> |
| | | </a-table> |
| | | </div> |
| | | <div class="pagination"> |
| | | <a-pagination |
| | | :total=dataSource.total |
| | | :show-total="(total, range) => `${range[0]}-${range[1]} å
± ${total} æ¡`" |
| | | :page-size="+queryParam.pageSize" |
| | | :default-current="1" |
| | | :current=+queryParam.pageNo |
| | | show-size-changer |
| | | :pageSizeOptions="['20','30','40','50']" |
| | | @change="handlePageNoChange" |
| | | @showSizeChange="handlePageSizeChange" |
| | | /> |
| | | </div> |
| | | <!--<div class="pagination">--> |
| | | <!--<a-pagination--> |
| | | <!--:total=dataSource.total--> |
| | | <!--:show-total="(total, range) => `${range[0]}-${range[1]} å
± ${total} æ¡`"--> |
| | | <!--:page-size="+queryParam.pageSize"--> |
| | | <!--:default-current="1"--> |
| | | <!--:current=+queryParam.pageNo--> |
| | | <!--show-size-changer--> |
| | | <!--:pageSizeOptions="['20','30','40','50']"--> |
| | | <!--@change="handlePageNoChange"--> |
| | | <!--@showSizeChange="handlePageSizeChange"--> |
| | | <!--/>--> |
| | | <!--</div>--> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | title: 'åºå·', |
| | | dataIndex: '', |
| | | key: 'rowIndex', |
| | | width: 70, |
| | | width: 60, |
| | | align: 'center', |
| | | customRender: function(t, r, index) { |
| | | return parseInt(index) + 1 |
| | |
| | | title: '设å¤ç»ä¸ç¼å·', |
| | | align: 'center', |
| | | dataIndex: 'equipmentId', |
| | | width: 120 |
| | | width: 200 |
| | | }, |
| | | { |
| | | title: '设å¤åç§°', |
| | | align: 'center', |
| | | width: 150, |
| | | width: 200, |
| | | dataIndex: 'equipmentName' |
| | | }, |
| | | { |
| | | title: '驱å¨ç±»å', |
| | | align: 'center', |
| | | width: 110, |
| | | width: 100, |
| | | dataIndex: 'driveType' |
| | | }, |
| | | { |
| | |
| | | { |
| | | title: 'å 工件æ°', |
| | | align: 'center', |
| | | width: 80, |
| | | width: 100, |
| | | dataIndex: 'processCount' |
| | | }, |
| | | { |
| | |
| | | dataIndex: 'duration', |
| | | align: 'center', |
| | | scopedSlots: { customRender: 'duration' }, |
| | | width: 110 |
| | | width: 150 |
| | | }, |
| | | { |
| | | title: 'æ¥æ', |
| | | dataIndex: 'theDate', |
| | | align: 'center', |
| | | width: 110 |
| | | } |
| | | // { |
| | | // title: 'æ¥æ', |
| | | // dataIndex: 'theDate', |
| | | // align: 'center', |
| | | // width: 110 |
| | | // } |
| | | ], |
| | | dataSource: [], |
| | | driveTypeList: [], |
| | |
| | | title: '设å¤ç¼å·', |
| | | align: 'center', |
| | | dataIndex: 'equipmentId', |
| | | width:250 |
| | | width:200 |
| | | }, |
| | | { |
| | | title: '设å¤åç§°', |
| | |
| | | width:150 |
| | | }, |
| | | { |
| | | title: 'è¿ç»åæ°', |
| | | align: 'center', |
| | | dataIndex: 'feedParameter', |
| | | width:150 |
| | | }, |
| | | { |
| | | title: '夿³¨', |
| | | align: 'center', |
| | | dataIndex: 'notes', |
| | | width:350 |
| | | width:250 |
| | | }, |
| | | { |
| | | title: 'æä½', |
| | |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form :form="form"> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item label="设å¤ç»" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="设å¤ç»" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input-search :readOnly="true" v-decorator="['equipmentIds', validatorRules.equipmentIds]" |
| | | @search="deviceSearch" enter-button placeholder="è¯·éæ©è®¾å¤"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="è¯·éæ©æ¶é´" |
| | | v-decorator="['torqueDate', validatorRules.torqueDate]" style="width: 100%"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="è¯·éæ©æ¶é´" |
| | | v-decorator="['torqueDate', validatorRules.torqueDate]"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="æç©å¼" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input-number :min="0" :disabled="disableSubmit" placeholder="请è¾å
¥æç©å¼" |
| | | v-decorator="['torqueValue', validatorRules.torqueValue]"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="è¿ç»åæ°" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input placeholder="请è¾å
¥è¿ç»åæ°" v-decorator="['feedParameter', validatorRules.feedParameter]"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | message: '请è¾å
¥æç©å¼' |
| | | } |
| | | ] |
| | | }, |
| | | feedParameter:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message:'请è¾å
¥è¿ç»åæ°' |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | | |
| | |
| | | <a-form :form="form"> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="è¯·éæ©æ¶é´" |
| | | class="query-group-cust" v-decorator="['torqueDate', validatorRules.torqueDate]"></j-date> |
| | | <a-form-item label="设å¤ç¼å·" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input :disabled="disableSubmit" :readOnly="readOnly" allow-clear placeholder="请è¾å
¥è®¾å¤ç¼å·" |
| | | v-decorator="['equipmentId',validatorRules.equipmentId]"/> |
| | | </a-form-item> |
| | | |
| | | </a-col> |
| | | |
| | | <a-col :span="12"> |
| | | <a-form-item label="设å¤åç§°" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input :disabled="disableSubmit" :readOnly="readOnly" allow-clear placeholder="请è¾å
¥è®¾å¤åç§°" |
| | |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="è¯·éæ©æ¶é´" |
| | | class="query-group-cust" v-decorator="['torqueDate', validatorRules.torqueDate]" style="width: 100%"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :span="12"> |
| | | <a-form-item label="æç©å¼" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input-number :min="0" :disabled="disableSubmit" placeholder="请è¾å
¥æç©å¼" |
| | | v-decorator="['torqueValue', validatorRules.torqueValue]"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | |
| | | <a-form-item label="设å¤ç¼å·" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input :disabled="disableSubmit" :readOnly="readOnly" allow-clear placeholder="请è¾å
¥è®¾å¤ç¼å·" |
| | | v-decorator="['equipmentId',validatorRules.equipmentId]"/> |
| | | <a-form-item label="è¿ç»åæ°" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input placeholder="请è¾å
¥è¿ç»åæ°" v-decorator="['feedParameter', validatorRules.feedParameter]"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | feedParameter:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message:'请è¾å
¥è¿ç»åæ°' |
| | | } |
| | | ] |
| | | } |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | // this.editStart = (this.model.startTime).replace(/:/g,''); |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue(pick(this.model,'equipmentId', 'equipmentName','torqueDate', 'torqueValue','notes' |
| | | this.form.setFieldsValue(pick(this.model,'equipmentId', 'equipmentName','torqueDate', 'torqueValue','feedParameter','notes' |
| | | )) |
| | | }) |
| | | }, |
| | |
| | | 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{ |
| | |
| | | |
| | | <a-table ref="table" bordered size="middle" rowKey="equipmentId" :columns="columns" :dataSource="dataSource" |
| | | :pagination="false" :loading="loading" :scroll="{x:'max-content',y:scrollY}"> |
| | | <template slot="equipmentStatus" slot-scope="text"> |
| | | {{text===0?'æ£å¸¸':'å¼å¸¸'}} |
| | | </template> |
| | | <template slot="action" slot-scope="text, record"> |
| | | <a @click="$emit('editEquipmentStatus',record)" v-has="'deiveBaseInfo:responseStatus'">ç¶æåé¦</a> |
| | | </template> |
| | | </a-table> |
| | | |
| | | </div> |
| | | </a-card> |
| | | </template> |
| | | |
| | | <script> |
| | | import { postAction } from '@/api/manage' |
| | | |
| | | export default { |
| | | name: 'EquipmentLayout', |
| | | components: {}, |
| | | components: { }, |
| | | data() { |
| | | return { |
| | | loading:false, |
| | |
| | | title: '设å¤ID', |
| | | align: "center", |
| | | dataIndex: 'equipmentId', |
| | | width:250 |
| | | width:210 |
| | | }, |
| | | { |
| | | title: '设å¤åç§°', |
| | |
| | | title: 'ç¶æ', |
| | | align: "center", |
| | | dataIndex: 'oporationDict', |
| | | width:150 |
| | | width:200 |
| | | }, |
| | | { |
| | | title: '设å¤å¼å¸¸', |
| | | align: "center", |
| | | dataIndex: 'equipmentStatus', |
| | | scopedSlots: {customRender: 'equipmentStatus'}, |
| | | width:200 |
| | | }, |
| | | { |
| | | title: 'ééæ¶é´', |
| | |
| | | sorter: (a, b) => {return a.collecttime>b.collecttime?1:-1}, |
| | | width:350 |
| | | }, |
| | | { |
| | | title: 'æä½', |
| | | dataIndex: 'action', |
| | | scopedSlots: {customRender: 'action'}, |
| | | align: "center", |
| | | width: 150, |
| | | fixed:'right' |
| | | } |
| | | ], |
| | | scrollY:465, |
| | | } |
| | |
| | | const boxHeight = +window.getComputedStyle(document.getElementById('DeviceList')).height.slice(0,-2) |
| | | const tableHeadHeight = +window.getComputedStyle(document.querySelector('.ant-table-thead th')).height.slice(0,-2) |
| | | this.scrollY = boxHeight - tableHeadHeight |
| | | } |
| | | }, |
| | | }, |
| | | mounted(){ |
| | | window.addEventListener('resize',this.handleWindowResize) |