update

Lius

2024-10-08 1ae7456cf45776943b75c9437bfd54b614357bbe

update

 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>

 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>