From 65a5e8c7ec6d6eab78b76c5831eaf40c30e23c61 Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期五, 13 九月 2024 14:56:50 +0800 Subject: [PATCH] 1、设备管理页面设备种类字段改成重要程度字段;新增设备异常状态字段,若表格记录的设备状态不为正常时,则标红此表格记录 2、设备利用率、设备开动率、班次利用率以及设备综合效率分析新增按照重要程度字段查询表格数据;左侧树数据新增参数key,用来过滤异常状态设备 3、设备利用率页面新增设备型号字段 --- src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue | 106 ++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 77 insertions(+), 29 deletions(-) diff --git a/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue b/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue index 0833281..52d0796 100644 --- a/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue +++ b/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue @@ -21,7 +21,7 @@ </a-select> </a-form-item> </a-col> - <a-col :md="5" :sm="5" :xs="5"> + <a-col :md="6" :sm="6" :xs="6"> <a-form-item label="椹卞姩绫诲瀷"> <a-select :value="queryParams.driveType" @@ -37,20 +37,16 @@ </a-select> </a-form-item> </a-col> - <a-col :md="4" :sm="4" :xs="4"> - <a-form-item label="璁惧绾у埆"> - <a-select - :value="queryParams.deviceLevel" - mode="multiple" - placeholder="璇烽�夋嫨璁惧绾у埆" - allow-clear - :maxTagCount="1" - @change="selectChange($event,'deviceLevel')" - > - <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index"> - {{item.label}} - </a-select-option> - </a-select> + <a-col :md="5" :sm="5" :xs="5"> + <a-form-item label="鏃堕棿"> + <a-range-picker + :placeholder="['寮�濮嬫椂闂�', '缁撴潫鏃堕棿']" + format="YYYY-MM" + :value="dates" + :mode="['month', 'month']" + @panelChange="dateParamChange" + @change="handleDateChange" + /> </a-form-item> </a-col> <a-col :md="5" :sm="5" :xs="5"> @@ -69,19 +65,68 @@ </a-select> </a-form-item> </a-col> + <a-col :md="2" :sm="2"> + <a + @click="toggleSearchStatus=!toggleSearchStatus" + @selectstart="$event.preventDefault()" + style="display: inline-block;height: 32px;line-height: 32px" + > + {{ toggleSearchStatus ? '鏀惰捣' : '灞曞紑' }} + <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/> + </a> + </a-col> + </a-row> + + <a-row :gutter="24" v-if="toggleSearchStatus"> <a-col :md="5" :sm="5" :xs="5"> - <a-form-item label="鏃堕棿"> - <a-range-picker - :placeholder="['寮�濮嬫椂闂�', '缁撴潫鏃堕棿']" - format="YYYY-MM" - :value="dates" - :mode="['month', 'month']" - @panelChange="dateParamChange" - @change="handleDateChange" - /> + <a-form-item label="璁惧绾у埆"> + <a-select + :value="queryParams.deviceLevel" + mode="multiple" + placeholder="璇烽�夋嫨璁惧绾у埆" + allow-clear + :maxTagCount="1" + @change="selectChange($event,'deviceLevel')" + > + <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index"> + {{item.label}} + </a-select-option> + </a-select> </a-form-item> </a-col> - + <!--<a-col :md="5" :sm="5" :xs="5">--> + <!--<a-form-item label="鏁版嵁鍒嗗竷">--> + <!--<a-select--> + <!--:value="queryParams.deviceLevel"--> + <!--mode="multiple"--> + <!--placeholder="璇烽�夋嫨鏁版嵁鍒嗗竷"--> + <!--allow-clear--> + <!--:maxTagCount="1"--> + <!--@change="selectChange($event,'deviceLevel')"--> + <!-->--> + <!--<a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index">--> + <!--{{item.label}}--> + <!--</a-select-option>--> + <!--</a-select>--> + <!--</a-form-item>--> + <!--</a-col>--> + <a-col :md="5" :sm="5" :xs="5"> + <a-form-item label="閲嶈绋嬪害"> + <a-select + :value="queryParams.deviceImportanceLevel" + mode="multiple" + placeholder="璇烽�夋嫨璁惧閲嶈绋嬪害" + allow-clear + :maxTagCount="1" + @change="selectChange($event,'deviceImportanceLevel')" + > + <a-select-option v-for="(item,index) in device_importance_level_list" :value="item.value" + :key="index"> + {{item.label}} + </a-select-option> + </a-select> + </a-form-item> + </a-col> </a-row> <a-row :gutter="24" style="margin-bottom: 20px"> @@ -106,7 +151,7 @@ :loading="tableLoading" :pagination="false" :scroll="{x:'max-content',y:scrollY}" bordered> <!--<template slot="equipmentModel" slot-scope="text, record">--> - <!--<editable-cell :text="text" @change="onCellChange(record.id, 'equipmentModel', $event)"/>--> + <!--<editable-cell :text="text" @change="onCellChange(record.id, 'equipmentModel', $event)"/>--> <!--</template>--> </a-table> </div> @@ -138,7 +183,7 @@ export default { name: 'OEEAnalysisList', - components: { }, + components: {}, data() { return { dates: [moment().subtract('month', 1), moment().subtract('month', 1)], @@ -150,7 +195,8 @@ equipmentType: [], driveType: [], deviceLevel: [], - deviceCategory: [] + deviceCategory: [], + deviceImportanceLevel: [] }, queryParamEquip: {}, queryParamPeople: {}, @@ -352,7 +398,8 @@ device_level_list: [], device_category_list: [], scrollY: 465, - tableLoading: false + tableLoading: false, + toggleSearchStatus: false } }, props: { nodeTree: '', Type: '', nodePeople: '' }, @@ -373,6 +420,7 @@ this.queryGroup() this.initDictData('device_level') this.initDictData('device_category') + this.initDictData('device_importance_level') }, mounted() { window.addEventListener('resize', this.handleWindowResize) -- Gitblit v1.9.3