From 1ae7456cf45776943b75c9437bfd54b614357bbe Mon Sep 17 00:00:00 2001 From: Lius <Lius2225@163.com> Date: 星期二, 08 十月 2024 09:21:45 +0800 Subject: [PATCH] update --- src/views/mdc/base/OEECharts.vue | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/views/mdc/base/OEEStatistics.vue | 5 +- 2 files changed, 110 insertions(+), 3 deletions(-) diff --git a/src/views/mdc/base/OEECharts.vue b/src/views/mdc/base/OEECharts.vue new file mode 100644 index 0000000..b9922cb --- /dev/null +++ b/src/views/mdc/base/OEECharts.vue @@ -0,0 +1,108 @@ +<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="4" :sm="4"> + <a-form-item label="璁惧绫诲瀷"> + <a-select + :value="queryParam.equipmentType" + mode="multiple" + placeholder="璇烽�夋嫨璁惧绫诲瀷" + allow-clear + :maxTagCount="1" + @change="selectChange($event,'equipmentType')" + > + <a-select-option v-for="(item,index) in equipmentTypeList" :value="item.value" :key="index"> + {{item.label}} + </a-select-option> + </a-select> + </a-form-item> + </a-col> + <a-col :md="4" :sm="4"> + <a-form-item label="鏈堜唤"> + <a-month-picker + placeholder="鏈堜唤" + format="YYYY-MM" + value-format="YYYY-MM" + v-model="queryParam.date" + style="width: 100%" + /> + </a-form-item> + </a-col> + <a-col :md="6" :sm="6"> + <a-space> + <a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button> + <a-button type="primary" @click="searchReset" icon="reload">閲嶇疆</a-button> + </a-space> + </a-col> + </a-row> + </a-form> + </div> + + </a-card> +</template> + +<script> +import { JeecgListMixin } from '@/mixins/JeecgListMixin' +import moment from 'moment' +import { getAction } from '@api/manage' + +export default { + name: 'OEECharts', + mixins: [JeecgListMixin], + created() { + this.getEquipmentTypeListByApi() + }, + data() { + return { + name: 'OEECharts', + description: '杩欐槸OEE缁熻鏌辩姸鍥鹃〉闈�', + equipmentTypeList: [], + queryParam: { + date: moment().subtract('month', 1).format('YYYY-MM') + }, + queryParams: { + equipmentType: [] + }, + url: { + list: '/mdc/mdcOverallEquipmentEfficiency/oeeStatisticsChart', + queryEquipmentType: '/mdc/mdcEquipmentType/queryEquipmentType' + } + } + }, + methods: { + getEquipmentTypeListByApi() { + getAction(this.url.queryEquipmentType).then(res => { + if (res.success) { + this.equipmentTypeList = res.result.map(item => { + return { + label: item.equipmentTypeName, + value: item.equipmentTypeName + } + }) + } else { + this.$notification.warning({ + message: '娑堟伅', + description: res.message + }) + } + }) + }, + selectChange(value, key) { + this.queryParams[key] = value + }, + searchReset() { + this.queryParams = { + equipmentType: [] + } + this.queryParam = {} + this.loadData() + } + } +} +</script> +<style scoped> +@import '~@assets/less/common.less'; +</style> \ No newline at end of file diff --git a/src/views/mdc/base/OEEStatistics.vue b/src/views/mdc/base/OEEStatistics.vue index 1bb969b..45bb63e 100644 --- a/src/views/mdc/base/OEEStatistics.vue +++ b/src/views/mdc/base/OEEStatistics.vue @@ -11,7 +11,6 @@ format="YYYY-MM" value-format="YYYY-MM" v-model="queryParam.date" - @change="handleDateChange" style="width: 100%" /> </a-form-item> @@ -106,7 +105,7 @@ } ], url: { - list: '/mdc/mdcOverallEquipmentEfficiency/oeeStatisticsList', + list: '/mdc/mdcOverallEquipmentEfficiency/oeeStatisticsList' } } }, @@ -115,5 +114,5 @@ } </script> <style scoped> - @import '~@assets/less/common.less' + @import '~@assets/less/common.less'; </style> \ No newline at end of file -- Gitblit v1.9.3