@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/components/modules/stock/moviment/ItemsRentForRecalculatePrice.vue

@@ -0,0 +1,113 @@
+<template>
+    <div>
+        <div class="div-listproducts">
+            <ScrollBar :minHeight="0" :maxHeight="600">
+                <div v-for="itemRecalculatePrice in item.itemsRentForRecalculatePrice">
+                    <div class="div-item">
+                        <div class="div-main">
+                            <b-row>
+                                <b-col sm="3">
+                                    <div class="div-product">
+                                        <i class="fas fa-box"></i>
+                                        {{ item.productFullName }}
+                                    </div>
+                                </b-col>
+                                <b-col sm="1">
+                                    <div class="div-product">
+                                        {{ itemRecalculatePrice.quantity }}
+                                    </div>
+                                </b-col>
+                                <b-col sm="2">
+                                    <InputDecimal title="Valor Unitário" field="unitValue" :required="true"
+                                        :markFormDirty="false" :maxLength="5" type="float"
+                                        v-model="itemRecalculatePrice.unitValue" />
+                                </b-col>
+                                <b-col sm="2">
+                                    <InputDecimalDiscount title="Desconto Unitário" field="unitDiscount" :required="false"
+                                        _style="color:red;" :maxLength="5" type="float"
+                                        v-model="itemRecalculatePrice.unitDiscount" />
+                                </b-col>
+                                <b-col sm="2">
+                                    <InputDecimal title="Seguro Unitário" field="unitInsurance" :required="false"
+                                        :markFormDirty="false" :maxLength="5" type="float"
+                                        v-model="itemRecalculatePrice.unitInsurance" />
+                                </b-col>
+                                <b-col sm="2">
+                                    <div class="div-total text-center">
+                                        <div>Total</div>
+                                        {{ itemRecalculatePrice.total | currency }}
+                                    </div>
+                                </b-col>
+                            </b-row>
+                        </div>
+                    </div>
+                </div>
+            </ScrollBar>
+        </div>
+        <br>
+        <div class="text-right">
+            <Button _key="btnEndDateHourReturn" type="success" title="Salvar" classIcon="fa-solid fa-floppy-disk"
+                size="medium" :clicked="save" />
+        </div>
+    </div>
+</template>
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import InputDecimalDiscount from "@nixweb/nixloc-ui/src/component/forms/InputDecimalDiscount";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+export default {
+    name: "ItemsRentForRecalculatePrice",
+    props: {
+        item: Object
+    },
+    components: {
+        Molded, ScrollBar, InputDecimal, InputDecimalDiscount, Button
+    },
+    methods: {
+        sum(item) {
+            return (item.unitValue + item.unitInsurance - item.unitDiscount) * item.quantity;
+        },
+        save() {
+            alert();
+        }
+    },
+    watch: {
+        'item.itemsRentForRecalculatePrice': {
+            handler() {
+               
+            },
+            deep: true,
+        },
+    },
+}
+
+</script>
+
+<style scoped>
+.div-main {
+    border: 1px solid #e8eaed;
+    background-color: white;
+    border-radius: 8px !important;
+    padding-top: 10px;
+    padding-right: 10px;
+}
+
+.div-product {
+    margin-left: 15px;
+    margin-top: 25px;
+    font-size: 16px;
+}
+
+.div-item {
+    margin-top: 10px;
+}
+
+.div-total {
+    font-size: 17px;
+    margin-top: 5px;
+}
+</style>

package/src/components/modules/stock/moviment/PrintMoviment.vue

@@ -0,0 +1,70 @@
+<template>
+  <div>
+    <Modal :title="titleModal" :width="widthModal" v-if="showModal('print')" :onHideModal="onHideModal">
+      <SelectOptionDocument module="MovementStock" :documentId="documentId" :rentId="rentId" :movimentId="movimentId"
+        v-show="!documentPreview" v-model="documentId" :clickedNext="nextStep">
+      </SelectOptionDocument>
+      <DocumentPreview v-if="documentPreview" :documentId="documentId" :rentId="rentId" :movimentId="movimentId"
+        :back="back" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+
+import SelectOptionDocument from "../../adm/document/SelectOptionDocument.vue";
+import DocumentPreview from "../../adm/document/DocumentPreview.vue";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "SuccessMoviment",
+  components: {
+    Button,
+    Molded,
+    Modal,
+    SelectOptionDocument,
+    DocumentPreview,
+  },
+  props: {
+    rentId: String,
+    movimentId: String,
+    onHideModal: Function,
+  },
+  data() {
+    return {
+      documentPreview: false,
+      documentId: "",
+      titleModal: "Selecione o Documento",
+      widthModal: 600,
+    };
+  },
+  mounted() {
+    this.openModal("print");
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    print() {
+      this.openModal("print");
+      this.removeLoading(["btnPrint"]);
+    },
+    nextStep() {
+      this.documentPreview = true;
+      this.titleModal = "Impressão";
+      this.widthModal = 1200;
+    },
+    back() {
+      this.documentPreview = false;
+      this.titleModal = "Selecione o Documento";
+      this.widthModal = 700;
+      this.removeLoading(["back"]);
+    },
+  },
+};
+</script>

package/src/components/modules/stock/moviment/ProductAdd.vue

@@ -0,0 +1,224 @@
+<template>
+  <div>
+    <SearchByBarcode
+      :urlGet="urlGet"
+      :params="{ statusPatrimony }"
+    />
+    <b-row>
+      <b-col sm="12">
+        <div class="div-search">
+          <div class="side-by-side">
+            <Button
+              _key="btnAddSearch"
+              type="primary"
+              title="Pesquisar Manual "
+              classIcon="fa-regular fa-magnifying-glass"
+              size="small"
+              :clicked="executeSearch"
+            />
+          </div>
+          <div class="side-by-side">
+            <ReceiveTags v-if="hasRule('RFID')" />
+          </div>
+        </div>
+      </b-col>
+    </b-row>
+    <Modal
+      title="Pesquisar"
+      :width="1200"
+      :height="750"
+      v-if="showModal('searchProduct')"
+    >
+      <Alert
+        type="danger"
+        v-show="showAlert"
+      >
+        <span> {{ message }}</span>
+      </Alert>
+      <SearchProduct
+        :types="'0,1,2,0,5'"
+        :status="1"
+        :statusPatrimony="statusPatrimony"
+        :showPrice="false"
+        :onlyPatrimony="manageByPatrimony"
+        :showAvailability="false"
+        :periodRent="selectedPeriod.period.fullPeriod"
+        :addProduct="verifyIfCanAdd"
+      >
+      </SearchProduct>
+    </Modal>
+  </div>
+</template>
+<script>
+import ReceiveTags from "../../rfid/receive/ReceiveTags.vue";
+
+import SearchByBarcode from "../search-product/SearchByBarcode.vue";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+
+import SearchProduct from "../search-product/SearchProduct.vue";
+
+import { mapActions, mapMutations, mapState, mapGetters } from "vuex";
+
+export default {
+  components: {
+    InputText,
+    Molded,
+    Alert,
+    Modal,
+    Button,
+    ScrollBar,
+    Loading,
+    SearchProduct,
+    RadioGroup,
+    SearchByBarcode,
+    ReceiveTags,
+  },
+  name: "ProductAdd",
+  props: {
+    rentId: String,
+    statusPatrimony: Number,
+  },
+  data() {
+    return {
+      urlGet: "/api/v1/moviment/generate-moviment/get-by-barcode",
+      barCode: "",
+      showAlert: false,
+      message: "",
+      duplicate: [],
+      selectedPeriod: {},
+      loading: false,
+    };
+  },
+  computed: {
+    ...mapState("generateMoviment", ["productSelected", "type"]),
+    ...mapState("generic", ["modal", "event"]),
+    ...mapGetters("generateMoviment", [
+      "verifyIfExistSelected",
+      "verifyIfExistRented",
+      "verifyIfExistPatrimony",
+    ]),
+    ...mapGetters("generic", ["showModal"]),
+    ...mapGetters("user", ["hasRule"]),
+    ...mapState("user", ["userLogged"]),
+    manageByPatrimony() {
+      return this.userLogged.parameterStock.manageByPatrimony;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    ...mapMutations("generateMoviment", ["addProductSelected"]),
+    ...mapMutations("validation", ["addValidation"]),
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+    addWithOpticalReader() {},
+    verifyIfCanAdd(item) {
+      if (this.type == "output") this.executeValidationOutput(item);
+      if (this.type == "return") this.executeValidationReturnOrRenewed(item);
+      if (this.type == "renewed") this.executeValidationReturnOrRenewed(item);
+      let self = this;
+      setTimeout(function () {
+        self.removeLoading([item.id + "p", item.id]);
+      }, 250);
+    },
+    executeValidationOutput(item) {
+      if (this.verifyIfExistSelected(item)) {
+        this.showNotification("Produto já está na lista!");
+      } else {
+        this.addProduct(item);
+      }
+    },
+    executeValidationReturnOrRenewed(item) {
+      if (this.manageByPatrimony) {
+        if (!this.verifyIfExistPatrimony(item) && !item.allowWithoutPatrimony) {
+          this.showNotification(
+            "Produto  não faz parte da lista para ser retornado!"
+          );
+          return;
+        }
+        if (!this.verifyIfExistRented(item) && item.allowWithoutPatrimony) {
+          this.showNotification(
+            "Produto não faz parte da lista para ser retornado!"
+          );
+          return;
+        }
+      }
+      if (this.verifyIfExistSelected(item)) {
+        this.showNotification("Produto já está na lista!");
+        return;
+      }
+      this.addProduct(item);
+    },
+    addProduct(item) {
+      let product = JSON.parse(JSON.stringify(item));
+      product.type = this.type;
+      this.addProductSelected(product);
+      this.barCode = "";
+      this.audio("success");
+      this.$toasted.show("Produto adicionado", {
+        type: "success",
+      });
+    },
+    audio(type) {
+      const success = require("../../../../../public/sound/success.wav");
+      const error = require("../../../../../public/sound/error.wav");
+      const src = type == "success" ? success : error;
+      var sound = new Audio(src);
+      sound.play();
+    },
+    executeSearch() {
+      this.openModal("searchProduct");
+      this.removeLoading(["btnAddSearch"]);
+    },
+    showNotification(message) {
+      this.showAlert = true;
+      this.message = message;
+      this.hideMessage();
+    },
+    hideMessage() {
+      let self = this;
+      setTimeout(function () {
+        self.showAlert = false;
+      }, 4000);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "selectedPeriodRent") {
+          this.selectedPeriod = event.data;
+        }
+
+        if (event.name == "executedSearchByBarcode")
+          this.verifyIfCanAdd(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-bar-code {
+  margin-top: 27px;
+}
+
+.item-duplicate {
+  margin-top: 5px;
+  background-color: #f5f5f5;
+  border: 1px solid #ddd;
+  padding-top: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  border-radius: 5px;
+  background-color: #fafafc !important;
+}
+
+.div-search {
+  margin-bottom: 10px;
+}
+</style>

package/src/components/modules/stock/moviment/ProductRent.vue

@@ -0,0 +1,248 @@
+<template>
+  <div>
+    <div class="div-title">
+      <span class="title">
+        <i class="fa-solid fa-boxes-stacked"></i>
+        {{ title }}
+      </span>
+    </div>
+    <Molded>
+      <div class="div-action">
+        <b-row>
+          <b-col sm="6">
+            <div class="input-container">
+              <input type="text" v-model="search" placeholder="Pesquisar..." />
+            </div>
+          </b-col>
+          <b-col sm="6">
+            <div class="text-right">
+              <Button _key="transferToSelected" type="info" classIcon="fa-solid fa-arrows-turn-right"
+                title="Trans...todos" :disabled="productRent.length == 0" size="small"
+                :clicked="transferAllToSelected" />
+            </div>
+          </b-col>
+        </b-row>
+      </div>
+      <Loading type="line" :center="false" v-show="isLoading('movimentProductRent')" />
+      <ScrollBar :minHeight="300" :maxHeight="600">
+        <table class="table table-responsive-xs">
+          <thead>
+            <tr>
+              <th>
+                <span class="title-header">Produto</span>
+              </th>
+              <th class="text-center">
+                <span class="title-header">
+                  <span v-if="type == 'output'">Locação</span>
+                  <span v-if="type == 'return'">Locado</span>
+                  <span v-if="type == 'renewed'">Locado</span></span>
+              </th>
+              <th class="text-center">
+                <span class="title-header">
+                  <span v-if="type == 'output'">Saída</span>
+                  <span v-if="type == 'return'">Retorno</span>
+                  <span v-if="type == 'renewed'">Renovado</span>
+                </span>
+              </th>
+              <th class="text-center">
+                <span class="title-header">Status</span>
+              </th>
+              <th class="text-right"></th>
+            </tr>
+          </thead>
+          <tbody v-for="item in productRentFiltered">
+            <ItemProductRent :item="item" :type="type" />
+          </tbody>
+          <tbody v-show="productRentFiltered.length == 0">
+            <tr>
+              <td colspan="12">
+                <span>Nenhum produto encontrado!</span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </ScrollBar>
+    </Molded>
+    <Modal title="Patrimônio(s)" :width="600" :height="750" v-show="showModal('showPatrimony')">
+      <ScrollBar :minHeight="200" :maxHeight="300">
+        <div v-for="item in patrimony" :key="item.barCode">
+          <span>{{ item.barCode }}</span>
+        </div>
+      </ScrollBar>
+    </Modal>
+  </div>
+</template>
+<script>
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+
+import ItemProductRent from "./ItemProductRent.vue";
+
+import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ProductRent",
+  components: { Molded, Button, ScrollBar, ItemProductRent, Loading, Modal },
+  props: {
+    title: String,
+  },
+  data() {
+    return {
+      loading: true,
+      urlOutput: "/api/v1/moviment/generate-output/transfer-to-selected",
+      urlReturn: "/api/v1/moviment/generate-return/transfer-to-selected",
+      urlRenewed: "/api/v1/moviment/generate-renewed/transfer-to-selected",
+      patrimony: [],
+      search: "",
+      productRentFiltered: []
+    };
+  },
+  mounted() {
+    this.cleanProductRent();
+  },
+  computed: {
+    ...mapState("generateMoviment", ["type", "productRent"]),
+    ...mapGetters("generateMoviment", ["verifyIfExistSelected"]),
+    ...mapGetters("generic", ["event", "showModal", "isLoading"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("generateMoviment", [
+      "addProductSelected",
+      "cleanProductRent",
+    ]),
+    ...mapMutations("generic", ["removeLoading", "openModal"]),
+    transferAllToSelected() {
+      this.transferToSelected(this.productRent);
+    },
+    transferToSelected(data) {
+      let url = "";
+      if (this.type == "output") url = this.urlOutput;
+      if (this.type == "return") url = this.urlReturn;
+      if (this.type == "renewed") url = this.urlRenewed;
+
+      let params = { url: url, obj: data, notNotifyToast: true };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          response.content.forEach((item) => {
+            if (!this.verifyIfExistSelected(item)) {
+              item.type = this.type;
+
+              this.addProductSelected(item);
+            }
+          });
+        }
+        this.removeLoading(["transferToSelected"]);
+      });
+    },
+    applyFilter() {
+      const searchLower = this.search.toLowerCase();
+      this.productRentFiltered = this.productRent.filter(item =>
+        item.productFullName.toLowerCase().includes(searchLower)
+      );
+    }
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "transferToSelected") {
+          this.transferToSelected([event.data]);
+          this.removeLoading([event.data.productId + "a"]);
+        }
+        if (event.name == "showPatrimony") {
+          this.openModal("showPatrimony");
+          this.patrimony = event.data;
+        }
+      },
+      deep: true,
+    },
+    search: {
+      handler() {
+        this.applyFilter();
+      },
+      deep: true,
+    },
+    productRent: {
+      handler() {
+        this.productRentFiltered = this.productRent;
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.table th,
+.table td {
+  height: 10px !important;
+  padding-left: 5px !important;
+  padding-top: 7px !important;
+  padding-bottom: 5px !important;
+  padding-right: 5px !important;
+  padding-left: 10px !important;
+  border-bottom: 0px !important;
+}
+
+.title-header {
+  font-size: 14px;
+  color: #757d8c;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+.td-quantity {
+  font-size: 16px;
+}
+
+.div-action {
+  margin-bottom: 13px;
+}
+
+.div-title {
+  margin-bottom: 10px;
+}
+
+.title {
+  font-size: 15px;
+}
+
+.status-success {
+  color: darkgreen;
+  font-size: 18px;
+}
+
+.status-warning {
+  color: #f6bb2a;
+  font-size: 18px;
+}
+
+.status-danger {
+  color: red;
+  font-size: 18px;
+}
+
+.div-bar-code {
+  margin-top: 27px;
+}
+
+.input-container {
+  display: flex;
+  justify-content: center;
+  margin: 0px;
+}
+
+input {
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  border: 1px solid #E5E4E8;
+  border-radius: 20px;
+  outline: none;
+  font-size: 13px;
+  width: 300px;
+}
+</style>