Merge branch 'master' of http://117.34.109.166:18448/r/vue_mdc_430 into develop
| | |
| | | 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: [], |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="æ¶é´"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD HH:mm:ss"/> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYYMMDD"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5"> |
| | |
| | | </span> |
| | | <span slot="model" slot-scope="text" style="font-weight: bold"> |
| | | <j-ellipsis :value="text" :length="8"/> |
| | | </span> |
| | | <span slot="duration" slot-scope="text"> |
| | | {{text|getFormattedTime}} |
| | | </span> |
| | | </a-table> |
| | | </div> |
| | |
| | | { |
| | | title: 'æ¥æ', |
| | | align: 'center', |
| | | dataIndex: 'effectiveDate', |
| | | dataIndex: 'theDate', |
| | | width:150 |
| | | // scopedSlots:{customRender:'startTime'}, |
| | | // customRender:(text,row,index) => { |
| | | // return moment(text).format("YYYY-MM-DD HH:mm:ss") |
| | | // } |
| | | }, |
| | | { |
| | | title: 'çæ¬¡å¼å§æ¶é´', |
| | | align: 'center', |
| | | dataIndex: 'startDate', |
| | | width:150 |
| | | }, |
| | | { |
| | | title: 'çæ¬¡ç»ææ¶é´', |
| | | align: 'center', |
| | | dataIndex: 'endDate', |
| | | width:150 |
| | | }, |
| | | // { |
| | | // title: 'çæ¬¡å¼å§æ¶é´', |
| | | // align: 'center', |
| | | // dataIndex: 'startDate', |
| | | // width:150 |
| | | // }, |
| | | // { |
| | | // title: 'çæ¬¡ç»ææ¶é´', |
| | | // align: 'center', |
| | | // dataIndex: 'endDate', |
| | | // width:150 |
| | | // }, |
| | | { |
| | | title: 'å çå¼å§æ¶é´', |
| | | align: 'center', |
| | |
| | | width:150 |
| | | }, |
| | | { |
| | | title: 'å çæ¶é¿', |
| | | align: 'center', |
| | | dataIndex: 'duration', |
| | | scopedSlots: {customRender: 'duration'}, |
| | | width:200 |
| | | }, |
| | | { |
| | | title: '夿³¨', |
| | | align: 'center', |
| | | dataIndex: 'remark', |
| | | width:150 |
| | | width:210 |
| | | }, |
| | | { |
| | | title: 'æä½', |
| | |
| | | return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; |
| | | }, |
| | | }, |
| | | filters:{ |
| | | /** |
| | | * æ ¼å¼åæ¶é´ |
| | | * @param seconds ç§æ° |
| | | * @returns '' æ ¼å¼ååæ¶é´å符串 |
| | | */ |
| | | getFormattedTime(seconds) { |
| | | var hours = Math.floor(seconds / 3600) |
| | | var minutes = Math.floor((seconds % 3600) / 60) |
| | | var secs = seconds % 60 |
| | | |
| | | if (hours === 0) { |
| | | if (minutes === 0) { |
| | | return secs === 0 ? 0 : `${secs}ç§` |
| | | } else { |
| | | if (secs === 0) { |
| | | return `${minutes}å` |
| | | } |
| | | return `${minutes}å ${secs}ç§` |
| | | } |
| | | } else { |
| | | if (minutes === 0 && secs === 0) { |
| | | return `${hours}å°æ¶` |
| | | } else if (minutes !== 0 && secs === 0) { |
| | | return `${hours}å°æ¶ ${minutes}å` |
| | | } |
| | | } |
| | | return `${hours}å°æ¶ ${minutes}å ${secs}ç§` |
| | | } |
| | | }, |
| | | methods: { |
| | | importTemplate(fileName){ |
| | | var a = document.createElement("a"); |
| | |
| | | <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-input-search :readOnly="true" v-decorator="['calendarId', validatorRules.calendarId]" |
| | | @search="deviceSearch" enter-button/> |
| | | <!--<a-col :span="24">--> |
| | | <!--<a-form-item label="çæ¬¡éæ©" :labelCol="labelColLong" :wrapperCol="wrapperColLong">--> |
| | | <!--<a-input-search :readOnly="true" v-decorator="['calendarId', validatorRules.calendarId]"--> |
| | | <!--@search="deviceSearch" enter-button/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <a-col :span="12"> |
| | | <a-form-item label="设å¤ç»" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input-search :readOnly="true" v-decorator="['equipmentId', validatorRules.equipmentId]" |
| | | @search="deviceSearch" enter-button placeholder="è¯·éæ©è®¾å¤"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="æ¥æ" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-date-picker :disabled="disableSubmit" :readOnly="disableSubmit" |
| | | v-decorator="['theDate',validatorRules.theDate]" format="YYYYMMDD" valueFormat="YYYYMMDD" style="width: 100%" placeholder="è¯·éæ©å çæ¥æ"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | <a-col :span="12"> |
| | | <a-form-item label="å çå¼å§æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-time-picker :disabled="disableSubmit" :readOnly="disableSubmit" allow-clear |
| | | v-decorator="['startTime',validatorRules.startTime]" valueFormat="HH:mm:ss"/> |
| | | v-decorator="['startTime',validatorRules.startTime]" valueFormat="HH:mm:ss" style="width: 100%"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="å çç»ææ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-time-picker :disabled="disableSubmit" :readOnly="disableSubmit" |
| | | v-decorator="['endTime',validatorRules.endTime]" valueFormat="HH:mm:ss"/> |
| | | v-decorator="['endTime',validatorRules.endTime]" valueFormat="HH:mm:ss" style="width: 100%"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item label="夿³¨" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <a-textarea :maxLength="20" v-decorator="['remark', validatorRules.remark]" placeholder="请è¾å
¥å¤æ³¨" ></a-textarea> |
| | | <a-textarea :maxLength="20" v-decorator="['remark', validatorRules.remark]" placeholder="请è¾å
¥å¤æ³¨"></a-textarea> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | </a-form> |
| | | </a-spin> |
| | | <torqueconfiguration-modal-list ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></torqueconfiguration-modal-list> |
| | | |
| | | <!--<torqueconfiguration-modal-list ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></torqueconfiguration-modal-list>--> |
| | | <select-device-modal ref="selectDeviceModal" @selectFinished="selectOK" :title="'éæ©è®¾å¤'"/> |
| | | </a-modal> |
| | | </template> |
| | | |
| | |
| | | import { |
| | | duplicateCheck |
| | | } from '@/api/api' |
| | | import SelectDeviceModal from '../../../../system/modules/SelectDeviceModal' |
| | | |
| | | export default { |
| | | name: 'TorqueconfigurationModal', |
| | | components: {TorqueconfigurationModalList}, |
| | | components: { SelectDeviceModal, TorqueconfigurationModalList}, |
| | | props: {}, |
| | | data() { |
| | | return { |
| | |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this), |
| | | validatorRules: { |
| | | equipmentIds:{ |
| | | equipmentId:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | calendarId:{ |
| | | // calendarId:{ |
| | | // rules:[ |
| | | // { |
| | | // required:true, |
| | | // message: "è¯·éæ©çæ¬¡" |
| | | // }, |
| | | // ], |
| | | // }, |
| | | theDate:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©çæ¬¡" |
| | | message: "è¯·éæ©å çæ¥æ" |
| | | }, |
| | | ], |
| | | }, |
| | |
| | | onChangeEnd(dates, dateStrings){ |
| | | this.endTime = dateStrings[0]; |
| | | }, |
| | | getDeviceRows(val) { |
| | | var calendarId; |
| | | for(var i = 0;i<val.length;i++){ |
| | | if (i == 0) { |
| | | calendarId = val[i].id; |
| | | } else { |
| | | calendarId = calendarId + "," + val[i].id; |
| | | } |
| | | } |
| | | // console.log("========",equipmentIds); |
| | | this.form.setFieldsValue({ |
| | | calendarId: calendarId, |
| | | }) |
| | | // this.form.setFieldsValue({ |
| | | // equipmentId: val.equipmentId, |
| | | // equipmentName: val.equipmentName, |
| | | // equipmentModel: val.equipmentModel, |
| | | // equipmentIp: val.equipmentIp, |
| | | // dataPort: val.dataPort, |
| | | // driveType: val.driveType |
| | | // }) |
| | | }, |
| | | // getDeviceRows(val) { |
| | | // var calendarId; |
| | | // for(var i = 0;i<val.length;i++){ |
| | | // if (i == 0) { |
| | | // calendarId = val[i].id; |
| | | // } else { |
| | | // calendarId = calendarId + "," + val[i].id; |
| | | // } |
| | | // } |
| | | // // console.log("========",equipmentIds); |
| | | // this.form.setFieldsValue({ |
| | | // calendarId: calendarId, |
| | | // }) |
| | | // // this.form.setFieldsValue({ |
| | | // // equipmentId: val.equipmentId, |
| | | // // equipmentName: val.equipmentName, |
| | | // // equipmentModel: val.equipmentModel, |
| | | // // equipmentIp: val.equipmentIp, |
| | | // // dataPort: val.dataPort, |
| | | // // driveType: val.driveType |
| | | // // }) |
| | | // }, |
| | | deviceSearch() { |
| | | this.$refs.deviceRepairListModel.openPage() |
| | | this.$refs.deviceRepairListModel.title = 'éæ©è®¾å¤' |
| | | this.$refs.deviceRepairListModel.disableSubmit = false |
| | | this.$refs.selectDeviceModal.visible = true |
| | | this.$refs.selectDeviceModal.selectedRowKeys = [] |
| | | this.$refs.selectDeviceModal.selectedRows = [] |
| | | this.$refs.selectDeviceModal.checkedKeys = this.form.getFieldValue('equipmentId') ? this.form.getFieldValue('equipmentId').split(',') : [] |
| | | }, |
| | | //çº§èæ¡onChangeäºä»¶ |
| | | // onChange(value) { |
| | |
| | | this.model = Object.assign({}, record) |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue(pick(this.model, 'equipmentIds', 'equipmentName', 'mdcRepairType', 'startTime', 'endTime', |
| | | this.form.setFieldsValue(pick(this.model, 'equipmentId', 'equipmentName', 'mdcRepairType', 'startTime', 'endTime', |
| | | )) |
| | | }) |
| | | }, |
| | |
| | | }, |
| | | checkboxChange(e) { |
| | | this.checked = e.target.checked |
| | | }, |
| | | |
| | | /** |
| | | * 鿩已æè®¾å¤åç¹å»ç¡®å®æ¶è§¦å |
| | | * @param data 已鿩çè®¾å¤ |
| | | */ |
| | | selectOK(data) { |
| | | // let params = {} |
| | | // params.equipmentIdList = [] |
| | | // for (var a = 0; a < data.length; a++) { |
| | | // params.equipmentIdList.push(data[a]) |
| | | // } |
| | | console.log('data=', data) |
| | | this.form.setFieldsValue({ |
| | | equipmentId: data.join(',') |
| | | }) |
| | | } |
| | | } |
| | | } |
| | |
| | | <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-time-picker :disabled="disableSubmit" :readOnly="disableSubmit" @change="changeStartTime" |
| | | v-decorator="['startTime',validatorRules.startTime]"/> |
| | | v-decorator="['startTime',validatorRules.startTime]" style="width: 100%"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | v-decorator="['equipmentName',validatorRules.equipmentName]"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :span="12"> |
| | | <a-form-item label="å çç»ææ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-time-picker :disabled="disableSubmit" :readOnly="disableSubmit" @change="changeEndTime" |
| | | v-decorator="['endTime',validatorRules.endTime]"/> |
| | | v-decorator="['endTime',validatorRules.endTime]" style="width: 100%"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="æ¥æ" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-date-picker :disabled="disableSubmit" :readOnly="disableSubmit" |
| | | v-decorator="['theDate',validatorRules.theDate]" format="YYYYMMDD" valueFormat="YYYYMMDD" style="width: 100%" placeholder="è¯·éæ©å çæ¥æ"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-form-item label="夿³¨" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <a-textarea :maxLength="20" :disabled="disableSubmit" v-decorator="['remark', validatorRules.remark]" placeholder="请è¾å
¥å¤æ³¨" ></a-textarea> |
| | | <a-textarea :maxLength="20" :disabled="disableSubmit" v-decorator="['remark', validatorRules.remark]" placeholder="请è¾å
¥å¤æ³¨"></a-textarea> |
| | | </a-form-item> |
| | | </a-row> |
| | | </a-form> |
| | |
| | | |
| | | export default { |
| | | name: 'TorqueconfigurationModalEdit', |
| | | components: { }, |
| | | // components: {DeviceRepairListModel,JDate,DeviceRepairEditListModel}, |
| | | props: {}, |
| | | data() { |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | theDate:{ |
| | | 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','startTime', 'endTime','remark' |
| | | this.form.setFieldsValue(pick(this.model,'equipmentId', 'equipmentName','startTime', 'endTime','theDate','remark' |
| | | )) |
| | | this.form.setFieldsValue({ |
| | | startTime: moment(this.model.startTime, 'HH:mm:ss'), |
| | |
| | | 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{ |
| | |
| | | }, |
| | | mounted() { |
| | | this.drawWrin() |
| | | window.addEventListener('resize',this.handleWindowResize) |
| | | window.addEventListener('resize', this.handleWindowResize) |
| | | }, |
| | | beforeDestroy(){ |
| | | window.removeEventListener('resize',this.handleWindowResize) |
| | | beforeDestroy() { |
| | | window.removeEventListener('resize', this.handleWindowResize) |
| | | }, |
| | | watch: { |
| | | Type(valmath) { |
| | |
| | | handleExpandChange(expanded, record) { |
| | | let _this = this |
| | | // å½å±å¼æ¶è¥è¯¥è¡æªè¢«å±å¼è¿æä¼è¯·æ±åå°æ°æ®ï¼å±å¼è¿çæ°æ®ä¼è¢«ç¼åæ ééå¤è¯·æ± |
| | | const param = Object.assign({ alarmCode: record.alarmCode }, this.queryParam) |
| | | this.queryParam.alarmCode = record.alarmCode |
| | | if (expanded && !this.hasRequsetAlarmCodeList.includes(record.alarmCode)) { |
| | | this.innerDataLoading = true |
| | | getAction(this.url.equipmentAlarmList, param).then(res => { |
| | | getAction(this.url.equipmentAlarmList, this.queryParam).then(res => { |
| | | if (res.success) { |
| | | _this.dataList.forEach(item => { |
| | | if (item.alarmCode === record.alarmCode) { |
| | |
| | | /** |
| | | * 彿µè§å¨å¯è§çªå£å°ºå¯¸åçæ¹åæ¶è§¦å |
| | | */ |
| | | handleWindowResize(){ |
| | | if(this.equipmentWarningPie) this.equipmentWarningPie.resize() |
| | | if(this.equipmentWarningLine) this.equipmentWarningLine.resize() |
| | | handleWindowResize() { |
| | | if (this.equipmentWarningPie) this.equipmentWarningPie.resize() |
| | | if (this.equipmentWarningLine) this.equipmentWarningLine.resize() |
| | | } |
| | | } |
| | | } |
| | |
| | | |
| | | <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="equipmentId" slot-scope="text, record"> |
| | | <div :style="{color:record.equipmentStatus!==0?'#f00':null}">{{text}}</div> |
| | | </template> |
| | | <template slot="equipmentName" slot-scope="text, record"> |
| | | <div :style="{color:record.equipmentStatus!==0?'#f00':null}">{{text}}</div> |
| | | </template> |
| | | <template slot="oporationDict" slot-scope="text, record"> |
| | | <div :style="{color:record.equipmentStatus!==0?'#f00':null}">{{text}}</div> |
| | | </template> |
| | | <template slot="equipmentStatus" slot-scope="text"> |
| | | <div :style="{color:text!==0?'#f00':null}">{{text===0?'æ£å¸¸':'å¼å¸¸'}}</div> |
| | | </template> |
| | | <template slot="collecttime" slot-scope="text, record"> |
| | | <div :style="{color:record.equipmentStatus!==0?'#f00':null}">{{text}}</div> |
| | | </template> |
| | | <template slot="action" slot-scope="text, record"> |
| | | <a-popconfirm title="ç¡®å®åé¦å?" @confirm="$emit('editEquipmentStatus',record)" v-has="'deiveBaseInfo:responseStatus'"> |
| | | <a>ç¶æåé¦</a> |
| | | </a-popconfirm> |
| | | </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 |
| | | scopedSlots: {customRender: 'equipmentId'}, |
| | | width:210 |
| | | }, |
| | | { |
| | | title: '设å¤åç§°', |
| | | align: "center", |
| | | dataIndex: 'equipmentName', |
| | | scopedSlots: {customRender: 'equipmentName'}, |
| | | width:300 |
| | | }, |
| | | { |
| | | title: 'ç¶æ', |
| | | align: "center", |
| | | dataIndex: 'oporationDict', |
| | | width:150 |
| | | scopedSlots: {customRender: 'oporationDict'}, |
| | | width:200 |
| | | }, |
| | | { |
| | | title: '设å¤å¼å¸¸', |
| | | align: "center", |
| | | dataIndex: 'equipmentStatus', |
| | | scopedSlots: {customRender: 'equipmentStatus'}, |
| | | width:200 |
| | | }, |
| | | { |
| | | title: 'ééæ¶é´', |
| | |
| | | dataIndex: 'collecttime', |
| | | defaultSortOrder:'descend', |
| | | sorter: (a, b) => {return a.collecttime>b.collecttime?1:-1}, |
| | | scopedSlots: {customRender: 'collecttime'}, |
| | | 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) |
| | |
| | | <a-button type="primary" @click="searchQuery" icon="search">æ¥è¯¢</a-button> |
| | | <a-button type="primary" @click="searchReset" icon="reload">éç½®</a-button> |
| | | <a-button type="primary" @click="exportExcel" icon="download">导åº</a-button> |
| | | <a-button type="primary" icon="printer" v-print="'#Efficiency'" v-has="'efficiency:print'">æå°</a-button> |
| | | </a-space> |
| | | <table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;margin-left: 24px"> |
| | | <tr> |