@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/operational/items-rent/ItemRentOperationalUpdate.vue

@@ -0,0 +1,131 @@
+<template>
+  <div>
+    <Loading type="line" :center="false" v-show="loading" />
+    <div>
+      <b-row>
+        <b-col sm="12">
+          <Select title="Grupo" field="groupRent" :required="false" :markFormDirty="false" v-model="itemsRent.groupRent"
+            url="/api/v1/rental/group-rent/select-all" nameNewRegister="groupRentCreateUpdate" titleNewRegister="Grupo"
+            :widthNewRegister="500" :heightNewRegister="250">
+            <GroupRentCreateUpdate :registerInSelect="true" v-model="itemsRent.groupRent" />
+          </Select></b-col>
+      </b-row>
+      <b-row>
+        <b-col xs="12" sm="12" md="12" lg="5" xl="5">
+          <Select title="Tipo" field="type" :formName="formName" :required="true"
+            :disabled="statusStock != 1 && statusStock != 2" :markFormDirty="false"
+            url="/api/v1/stock/type-product/select-all" :showNewRegister="false" v-model="itemsRent.typeProduct"
+            :changed="cleanProduct" />
+        </b-col>
+        <b-col xs="12" sm="12" md="12" lg="7" xl="7">
+          <Select title="Produto" field="product" :formName="formName" :required="true" :markFormDirty="false"
+            url="/api/v1/stock/product/select-all" :propsParams="{ any: itemsRent.typeProduct.id }" :disabled="(!itemsRent.typeProduct.id && statusStock != 1) ||
+              statusStock != 2
+              " :showNewRegister="false" v-model="itemsRent.product" />
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="12">
+          <div>
+            <EditorHtml title="Descrição" field="description" :required="false" :markFormDirty="false" :maxLength="500"
+              v-model="itemsRent.description" />
+          </div>
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="2">
+          <InputNumber title="Quantidade" field="quantity" :formName="formName" :required="false"
+            :disabled="statusStock == 5 || statusStock == 6" :markFormDirty="false" :maxLength="5" type="float"
+            v-model="itemsRent.quantity" />
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="12">
+          <div class="div-btn text-right">
+            <Button _key="btnUpdateItemRent" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+              classIcon="fas fa-save" size="medium" :clicked="saveItemRent" />
+          </div>
+        </b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+<script>
+
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import ItemsRent from "@/components/modules/operational/items-rent/ItemsRent.js";
+import GroupRentCreateUpdate from '../../rental/group-rent/GroupRentCreateUpdate.vue'
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ItemRentOperationalUpdate",
+  components: {
+    InputNumber,
+    Select,
+    EditorHtml,
+    Button,
+    Loading,
+    GroupRentCreateUpdate
+  },
+  data() {
+    return {
+      formName: "itemRentUpdate",
+      itemsRent: new ItemsRent(),
+      urlUpdate: "/api/v1/operational/items-rent/update",
+      loading: true,
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+    statusStock() {
+      return this.itemsRent.statusStockItemsRent;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["putApi"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveItemRent() {
+      this.itemsRent.productId = this.itemsRent.product.id;
+
+      let params = { url: this.urlUpdate, obj: this.itemsRent };
+      this.putApi(params).then((response) => {
+        if (response.success) {
+          this.addEvent({ name: "addedProduct" });
+          this.hideModal();
+        }
+        this.removeLoading(["btnUpdateItemRent"]);
+      });
+    },
+    update(data) {
+      this.itemsRent = new ItemsRent();
+      this.itemsRent.update(data);
+    },
+    cleanProduct() {
+      this.itemsRent.product = { id: "", content: "" };
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "itemRentUpdate") {
+          this.update(event.data);
+          this.loading = true;
+          let self = this;
+          setTimeout(function () {
+            self.loading = false;
+          }, 300);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/operational/items-rent/ItemsRent.js

@@ -0,0 +1,28 @@
+export default class ItemsRent {
+    constructor() {
+        this.id = "";
+        this.groupRent = { id: "", content: "" };
+        this.typeProduct = { id: "", content: "" };
+        this.product = { id: "", content: "" };
+        this.productId = "";
+        this.periodRent = { id: "", content: "" };
+        this.periodRentId = "";
+        this.description = "";
+        this.quantity = 1;
+        this.statusStockItemsRent = 0;
+        this.rentId = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.groupRent = { id: data.groupRentId, content: data.groupRentName };
+        this.typeProduct = { id: data.typeProductId, content: data.typeProductName };
+        this.product = { id: data.productId, content: data.productName };
+        this.productId = data.productId;
+        this.periodRent = { id: data.periodRentId, content: data.periodRentName };
+        this.periodRentId = data.periodRentId;
+        this.description = data.description;
+        this.quantity = data.quantity;
+        this.statusStockItemsRent = data.statusStockItemsRent;
+        this.rentId = data.rentId;
+    }
+}

package/src/components/modules/operational/items-rent/ItemsRentOperationalCreate.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <div>
+      <div v-show="!selectedPeriod.period">
+        <Alert type="warning">
+          <span> É necessário adicionar o Período de Locação!</span>
+        </Alert>
+      </div>
+      <div v-show="selectedPeriod.period">
+        <SelectOptionPeriodRent :rentId="rent.id" v-model="selectedPeriod" />
+        <Button _key="btnItemsRentCreateUpdate" title="Produto" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+    </div>
+    <Modal title="Produtos" :width="1200" :height="750" v-show="showModal('addProduct')" :onHideModal="hideSearchProduct">
+      <SearchProduct v-if="showSearchProduct" :types="'1,2,3,4,5'" :status="1" :showPrice="false" :showAvailability="true"
+        :periodRent="selectedPeriod.period.fullPeriod" :addProduct="addProduct">
+        <div slot="start">
+          <Select title="Informe o Grupo" field="groupRent" :required="false" v-model="itemsRent.groupRent"
+            url="/api/v1/rental/group-rent/select-all" nameNewRegister="groupRentCreateUpdate" titleNewRegister="Grupo"
+            :widthNewRegister="500" :heightNewRegister="250">
+            <GroupRentCreateUpdate :registerInSelect="true" v-model="itemsRent.groupRent" />
+          </Select>
+        </div>
+      </SearchProduct>
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import GroupRentCreateUpdate from '../../rental/group-rent/GroupRentCreateUpdate.vue'
+import SearchProduct from '../../stock/search-product/SearchProduct.vue'
+import SelectOptionPeriodRent from '../../rental/period-rental/SelectOptionPeriodRent.vue'
+
+import ItemsRent from "./ItemsRent.js";
+
+import { mapMutations, mapGetters, mapActions } from "vuex";
+
+export default {
+  name: "ItemsRentOperationalCreate",
+  components: {
+    Modal,
+    Button,
+    Select,
+    Alert,
+    SearchProduct,
+    SelectOptionPeriodRent,
+    GroupRentCreateUpdate,
+  },
+  props: {
+    rent: Object,
+  },
+  data() {
+    return {
+      itemsRent: new ItemsRent(),
+      selectedPeriod: {},
+      urlCreate: "/api/v1/operational/items-rent/create",
+      showSearchProduct: false,
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    ...mapActions("generic", ["postApi"]),
+    create() {
+      this.openModal("addProduct");
+      this.removeLoading(["btnItemsRentCreateUpdate"]);
+      this.showSearchProduct = true;
+    },
+    addProduct(product) {
+      this.updateClassItemsRent(product);
+      let params = { url: this.urlCreate, obj: this.itemsRent };
+      this.postApi(params).then((response) => {
+        this.addEvent({
+          name: "addedProduct",
+          data: {
+            showAll: false,
+            period: { id: this.selectedPeriod.period.id },
+          },
+        });
+        this.removeLoading([product.id]);
+      });
+    },
+    hideSearchProduct() {
+      this.showSearchProduct = false;
+    },
+    updateClassItemsRent(data) {
+      this.itemsRent.periodRentId = this.selectedPeriod.period.id;
+      this.itemsRent.productId = data.id;
+      this.itemsRent.type = data.type;
+      this.itemsRent.description = data.description;
+      this.itemsRent.quantity = data.quantity;
+      this.itemsRent.unitValue = data.value;
+      this.itemsRent.unitCost = data.cost;
+      this.itemsRent.replacementValue = data.replacementValue;
+      this.itemsRent.percentageInsurance = data.percentageInsurance;
+      this.itemsRent.calculateInsurance = data.calculateInsurance;
+      this.itemsRent.statusRental = this.rent.statusRental;
+      this.itemsRent.rentId = this.rent.id;
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "btnBackTimeLineAvailability") {
+          this.openModal("addProduct");
+          this.removeLoading(["btnBackTimeLineAvailability"]);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>