新增主生产计划模块

mrp_mps/static/src/components/line.js

@@ -0,0 +1,205 @@
+/** @odoo-module **/
+
+import { CheckBox } from "@web/core/checkbox/checkbox";
+import { useService } from "@web/core/utils/hooks";
+import fieldUtils from 'web.field_utils';
+
+const { Component, useRef, onPatched, onWillStart } = owl;
+
+export default class MpsLineComponent extends Component {
+
+    setup() {
+        this.actionService = useService("action");
+        this.dialogService = useService("dialog");
+        this.orm = useService("orm");
+        this.field_utils = fieldUtils;
+        this.model = this.env.model;
+        this.forecastRow = useRef("forecastRow");
+        this.replenishRow = useRef("replenishRow");
+
+        onPatched(() => {
+            // after a replenishment, switch to next column if possible
+            const previousEl = this.replenishRow.el.getElementsByClassName('o_mrp_mps_hover')[0];
+            if (previousEl) {
+                previousEl.classList.remove('o_mrp_mps_hover');
+                const el = this.replenishRow.el.getElementsByClassName('o_mrp_mps_forced_replenish')[0];
+                if (el) {
+                    el.classList.add('o_mrp_mps_hover');
+                }
+            }
+        });
+
+        onWillStart(async () => {
+            this.model.on('mouse-over', this, () => this._onMouseOverReplenish());
+            this.model.on('mouse-out', this, () => this._onMouseOutReplenish());
+        });
+    }
+
+    get productionSchedule() {
+        return this.props.data;
+    }
+
+    get groups() {
+        return this.props.groups;
+    }
+
+    get formatFloat() {
+        return this.field_utils.format.float;
+    }
+
+    get isSelected() {
+        return this.model.selectedRecords.has(this.productionSchedule.id);
+    }
+
+    /**
+     * Handles the click on replenish button. It will call action_replenish with
+     * all the Ids present in the view.
+     * @private
+     * @param {Integer} id mrp.production.schedule Id.
+     */
+    _onClickReplenish(id) {
+        this.model._actionReplenish([id]);
+    }
+
+    /**
+     * Handles the click on product name. It will open the product form view
+     * @private
+     * @param {MouseEvent} ev
+     */
+    _onClickRecordLink(ev) {
+        this.actionService.doAction({
+            type: 'ir.actions.act_window',
+            res_model: ev.currentTarget.dataset.model,
+            res_id: Number(ev.currentTarget.dataset.resId),
+            views: [[false, 'form']],
+            target: 'current',
+        });
+    }
+
+    /**
+     * Handles the click on `min..max` or 'targeted stock' Event. It will open
+     * a form view in order to edit a production schedule and update the
+     * template on save.
+     *
+     * @private
+     * @param {MouseEvent} ev
+     * @param {Integer} id mrp.production.schedule Id.
+     */
+    _onClickEdit(ev, id) {
+        this.model._editProduct(id);
+    }
+
+    /**
+     * Handles the click on unlink button. A dialog ask for a confirmation and
+     * it will unlink the product.
+     * @private
+     * @param {Object} id mrp.production.schedule Id.
+     */
+    _onClickUnlink(id) {
+        this.model._unlinkProduct([id]);
+    }
+
+    _onClickOpenDetails(ev) {
+        const dateStart = ev.target.dataset.date_start;
+        const dateStop = ev.target.dataset.date_stop;
+        const dateStr = this.model.data.dates[ev.target.dataset.date_index];
+        const action = ev.target.dataset.action;
+        const productionScheduleId = Number(ev.target.closest('.o_mps_content').dataset.id);
+        this.model._actionOpenDetails(productionScheduleId, action, dateStr, dateStart, dateStop);
+    }
+
+    /**
+     * Handles the change on a forecast cell.
+     * @private
+     * @param {Event} ev
+     * @param {Object} productionScheduleId mrp.production.schedule Id.
+     */
+    _onChangeForecast(ev, productionScheduleId) {
+        const dateIndex = parseInt(ev.target.dataset.date_index);
+        const forecastQty = ev.target.value;
+        if (forecastQty === "" || isNaN(forecastQty)) {
+            ev.target.value = this.model._getOriginValue(productionScheduleId, dateIndex, 'forecast_qty');
+        } else {
+            this.model._saveForecast(productionScheduleId, dateIndex, forecastQty).then(() => {
+                const inputSelector = 'input[data-date_index="' + (dateIndex + 1) + '"]';
+                const nextInput = this.forecastRow.el.querySelector(inputSelector);
+                if (nextInput) {
+                    nextInput.select();
+                }
+            }, () => {
+                ev.target.value = this.model._getOriginValue(productionScheduleId, dateIndex, 'forecast_qty');
+            });
+        }
+    }
+
+    /**
+     * Handles the quantity To Replenish change on a forecast cell.
+     * @private
+     * @param {Event} ev
+     * @param {Object} productionScheduleId mrp.production.schedule Id.
+     */
+    _onChangeToReplenish(ev, productionScheduleId) {
+        const dateIndex = parseInt(ev.target.dataset.date_index);
+        const replenishQty = ev.target.value;
+        if (replenishQty === "" || isNaN(replenishQty)) {
+            ev.target.value = this.model._getOriginValue(productionScheduleId, dateIndex, 'replenish_qty');
+        } else {
+            this.model._saveToReplenish(productionScheduleId, dateIndex, replenishQty).then(() => {
+                const inputSelector = 'input[data-date_index="' + (dateIndex + 1) + '"]';
+                const nextInput = this.replenishRow.el.querySelector(inputSelector);
+                if (nextInput) {
+                    nextInput.select();
+                }
+            }, () => {
+                ev.target.value = this.model._getOriginValue(productionScheduleId, dateIndex, 'replenish_qty');
+            });
+        }
+    }
+
+    async _onClickForecastReport() {
+        const action = await this.orm.call(
+            "product.product",
+            "action_product_forecast_report",
+            [[this.productionSchedule.id]],
+        );
+        action.context = {
+            active_model: "product.product",
+            active_id: this.productionSchedule.product_id[0],
+            warehouse_id: this.productionSchedule.warehouse_id && this.productionSchedule.warehouse_id[0],
+        };
+        return this.actionService.doAction(action);
+    }
+
+    _onClickAutomaticMode(ev, productionScheduleId) {
+        const dateIndex = parseInt(ev.target.dataset.date_index);
+        this.model._removeQtyToReplenish(productionScheduleId, dateIndex);
+    }
+
+    _onFocusInput(ev) {
+        ev.target.select();
+    }
+
+    _onMouseOverReplenish(ev) {
+        const el = this.replenishRow.el.getElementsByClassName('o_mrp_mps_forced_replenish')[0];
+        if (el) {
+            el.classList.add('o_mrp_mps_hover');
+        }
+    }
+
+    _onMouseOutReplenish(ev) {
+        const el = this.replenishRow.el.getElementsByClassName('o_mrp_mps_hover')[0];
+        if (el) {
+            el.classList.remove('o_mrp_mps_hover');
+        }
+    }
+
+    toggleSelection(ev, productionScheduleId) {
+        this.model.toggleRecordSelection(productionScheduleId);
+    }
+
+}
+
+MpsLineComponent.template = 'mrp_mps.MpsLineComponent';
+MpsLineComponent.components = {
+    CheckBox,
+};