OEE计算新增loading等待提示以及计算OEE后刷新OEE表格功能

zhaowei

2025-04-28 92c8ebd688d55cdd803992061ff09ad9e92d18bc

OEE计算新增loading等待提示以及计算OEE后刷新OEE表格功能

 src/views/mdc/base/modules/OEEAnalysis/ComputeOeeModal.vue

@@ -1,17 +1,19 @@
<template>
  <a-modal title="计算OEE" :visible="visible" :width="550" @cancel="handleModalClose" @ok="handleComputeOee"
           :maskClosable="false">
    <a-form-model :model="model" :labelCol="labelColLong" :wrapperCol="wrapperColLong">
      <a-row>
        <a-col :span="24">
          <a-form-model-item label="日期">
            <a-range-picker v-model="dates" style="width: 100%" value-format="YYYY-MM-DD"
                            @change="dateParamChange"></a-range-picker>
          </a-form-model-item>
        </a-col>
      </a-row>
    </a-form-model>
  </a-modal>
  <j-modal title="计算OEE" :visible="visible" :width="550" @cancel="handleModalClose" @ok="handleComputeOee"
           :maskClosable="false" :confirmLoading="confirmLoading">
    <a-spin :spinning="confirmLoading">
      <a-form-model :model="model" :labelCol="labelColLong" :wrapperCol="wrapperColLong">
        <a-row>
          <a-col :span="24">
            <a-form-model-item label="日期">
              <a-range-picker v-model="dates" style="width: 100%" value-format="YYYY-MM-DD"
                              @change="dateParamChange"></a-range-picker>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </a-spin>
  </j-modal>
</template>

<script>
@@ -23,6 +25,7 @@
    data() {
      return {
        visible: false,
        confirmLoading: false,
        model: {},
        dates: [],
        labelColLong: {
@@ -46,6 +49,7 @@
          return
        }

        this.confirmLoading = true
        mdcApi.computeOeeApi(this.model)
          .then(res => {
            if (res.success) {
@@ -53,7 +57,8 @@
                message: '消息',
                description: res.message
              })
              this.visible = false
              this.$emit('ok')
              this.handleModalClose()
            } else {
              this.$notification.error({
                message: '消息',
@@ -67,6 +72,9 @@
              description: '计算失败'
            })
          })
          .finally(() => {
            this.confirmLoading = false
          })
      },

      dateParamChange(value1, value2) {

 src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue

@@ -49,7 +49,7 @@
      </a-table>
    </div>

    <ComputeOeeModal ref="computeOeeModalRef"/>
    <ComputeOeeModal ref="computeOeeModalRef" @ok="modalFormOk"/>
  </div>
</template>