| | |
| | | <template> |
| | | <a-modal title="计算OEE" :visible="visible" :width="550" @cancel="handleModalClose" @ok="handleComputeOee" |
| | | :maskClosable="false"> |
| | | <j-modal title="计算OEE" :visible="visible" :width="550" @cancel="handleModalClose" @ok="handleComputeOee" |
| | | :maskClosable="false" :confirmLoading="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> |
| | | @change="dateParamChange" :allow-clear="false"/> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | </a-row> |
| | | </a-form-model> |
| | | </a-modal> |
| | | </j-modal> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | visible: false, |
| | | model: {}, |
| | | dates: [], |
| | | confirmLoading: false, |
| | | labelColLong: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 3 } |
| | |
| | | }, |
| | | methods: { |
| | | handleComputeOee() { |
| | | console.log('model', this.model) |
| | | if (this.dates.length === 0) { |
| | | this.$notification.warning({ |
| | | message: '消息', |
| | |
| | | }) |
| | | return |
| | | } |
| | | |
| | | this.confirmLoading = true |
| | | const that = this |
| | | mdcApi.computeOeeApi(this.model) |
| | | .then(res => { |
| | | if (res.success) { |
| | | this.$notification.success({ |
| | | that.$notification.success({ |
| | | message: '消息', |
| | | description: res.message |
| | | }) |
| | | this.visible = false |
| | | that.handleModalClose() |
| | | } else { |
| | | this.$notification.error({ |
| | | that.$notification.error({ |
| | | message: '消息', |
| | | description: '计算失败' |
| | | }) |
| | | } |
| | | }) |
| | | .catch(err => { |
| | | this.$notification.error({ |
| | | message: '消息', |
| | | description: '计算失败' |
| | | }) |
| | | .finally(() => { |
| | | that.confirmLoading = false |
| | | }) |
| | | }, |
| | | |