From b70dab217e5ebcab6d98196cc2d4b2ffb842c3a1 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期日, 08 十月 2023 17:33:34 +0800 Subject: [PATCH] 1、优化车间看板四色灯状态展示以及限制拖拽区域 2、部分页面右侧区域元素位置离顶过高,调整布局 3、增加设备日志页面增加点击表格行数据展示当前行工作曲线功能 4、优化设备日志页面切换时间,工作曲线弹窗中的时间随之切换 5、优化设备日志页面加载后首次点击工作曲线后无法查询到数据问题(同时发送异步请求,先后顺序影响) --- src/views/mdc/base/modules/equipmentDayAvail/equipmentDayAvailMain.vue | 121 +++++++++++++++++++++++++++------------- 1 files changed, 81 insertions(+), 40 deletions(-) diff --git a/src/views/mdc/base/modules/equipmentDayAvail/equipmentDayAvailMain.vue b/src/views/mdc/base/modules/equipmentDayAvail/equipmentDayAvailMain.vue index 0c5a80c..e1a41c1 100644 --- a/src/views/mdc/base/modules/equipmentDayAvail/equipmentDayAvailMain.vue +++ b/src/views/mdc/base/modules/equipmentDayAvail/equipmentDayAvailMain.vue @@ -1,5 +1,5 @@ <template> - <a-card :bordered="false" class="device_list"> + <div :bordered="false" class="device_list"> <div class="com_box"> <!-- 鏌ヨ鍖哄煙 --> <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> @@ -15,7 +15,7 @@ <a-input placeholder="杈撳叆璁惧鍚嶇О鏌ヨ" :readOnly="readOnly" v-model="queryParams.equipmentName"></a-input> </a-form-item> </a-col> - <a-col :md="5" :sm="5" :xs="5"> + <a-col :md="4" :sm="4" :xs="4"> <a-form-item label="鏃ユ湡"> <a-date-picker v-model="queryParam.dateTime" :disabledDate="disabledDate" format='YYYYMMDD' @change="dataChange"/> </a-form-item> @@ -38,7 +38,7 @@ </a-select>灏忔椂 </a-form-item> </a-col> - <a-col :md="2" :sm="3" :xs="3"> + <a-col :md="3" :sm="3" :xs="3"> <a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button> </a-col> <!--<a-col :md="2" :sm="2" :xs="2">--> @@ -57,7 +57,7 @@ </div> <!-- table鍖哄煙-end --> </div> - </a-card> + </div> </template> <script> @@ -209,7 +209,7 @@ series: [ { name: '鍒╃敤鐜�', - type: 'bar', + type: 'line', barWidth: 50, itemStyle: { normal: { @@ -237,7 +237,7 @@ }, handleChange(value) { this.queryParam.timeType = value - console.log(this.queryParam.timeType) + // console.log(this.queryParam.timeType) }, tabChange(val) { this.activeKey = val @@ -255,10 +255,14 @@ for(var i = 0;i<res.result.dayRateDto.length;i++){ this.useingRates.push(res.result.dayRateDto[i].utilizationRate) } - console.log(this,spaceTime) + // console.log(this,spaceTime) this.drawTu() } else { - this.$message.warning(res.message) + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { this.loading = false @@ -272,35 +276,47 @@ } }, searchQuery(){ - this.spaceTime = [] - this.useingRates = [] - if(this.queryParams.typeTree == "1"){ - this.queryParams.parentId = this.queryParamEquip.parentId - // this.queryParams.equipmentId = this.queryParamEquip.equipmentId + if(this.queryParam.dateTime){ + this.spaceTime = [] + this.useingRates = [] + if(this.queryParams.typeTree == "1"){ + this.queryParams.parentId = this.queryParamEquip.parentId + // this.queryParams.equipmentId = this.queryParamEquip.equipmentId - }else{ - this.queryParams.parentId = this.queryParamEquip.parentId - - // this.queryParams.equipmentId = "" - } - this.AnalysisList = []; - //鑾峰彇鏌ヨ鏉′欢 - this.queryParam.parentId = this.queryParams.parentId; - this.queryParam.equipmentId = this.queryParams.equipmentId; - this.queryParam.typeTree = this.queryParams.typeTree - getAction(this.url.dayUtilizationRate,this.queryParam).then((res) => { - if(res.success){ - this.spaceTime=res.result.dateList - for(var i = 0;i<res.result.dayRateDto.length;i++){ - this.useingRates.push(this.numFilter(res.result.dayRateDto[i].utilizationRate)) - } - this.drawTu() }else{ - this.$message.warning(res.message) + this.queryParams.parentId = this.queryParamEquip.parentId + + // this.queryParams.equipmentId = "" } - }).finally(() => { - this.loading = false - }) + this.AnalysisList = []; + //鑾峰彇鏌ヨ鏉′欢 + this.queryParam.parentId = this.queryParams.parentId; + this.queryParam.equipmentId = this.queryParams.equipmentId; + this.queryParam.typeTree = this.queryParams.typeTree + getAction(this.url.dayUtilizationRate,this.queryParam).then((res) => { + if(res.success){ + this.spaceTime=res.result.dateList + for(var i = 0;i<res.result.dayRateDto.length;i++){ + this.useingRates.push(this.numFilter(res.result.dayRateDto[i].utilizationRate)) + } + this.drawTu() + }else{ + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); + } + }).finally(() => { + this.loading = false + }) + }else{ + this.$notification.warning({ + message:'娑堟伅', + description:'璇烽�夋嫨鏃堕棿' + }); + } + }, searchReset() { this.spaceTime = [] @@ -331,7 +347,11 @@ } this.drawTu() }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { this.loading = false @@ -363,7 +383,11 @@ } this.drawTu() }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }).finally(() => { this.loading = false @@ -385,10 +409,19 @@ this.queryParams = {} // this.queryList() this.equipment = {} - _this.$message.warning('璇疯仈绯荤鐞嗗憳锛屽紑鏀捐澶囨潈闄愶紒') + // _this.$message.warning('璇疯仈绯荤鐞嗗憳锛屽紑鏀捐澶囨潈闄愶紒') + _this.$notification.warning({ + message:'娑堟伅', + description:'璇疯仈绯荤鐞嗗憳锛屽紑鏀捐澶囨潈闄愶紒' + }); } }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + _this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); + } }) }, @@ -406,10 +439,18 @@ this.queryParams = {} // this.queryList() this.equipment = {} - _this.$message.warning('璇疯仈绯荤鐞嗗憳锛屽紑鏀捐澶囨潈闄愶紒') + // _this.$message.warning('璇疯仈绯荤鐞嗗憳锛屽紑鏀捐澶囨潈闄愶紒') + _this.$notification.warning({ + message:'娑堟伅', + description:'璇疯仈绯荤鐞嗗憳锛屽紑鏀捐澶囨潈闄愶紒' + }); } }else{ - this.$message.warning(res.message) + // this.$message.warning(res.message) + _this.$notification.warning({ + message:'娑堟伅', + description:res.message + }); } }) } -- Gitblit v1.9.3