@nixweb/nixloc-ui 1.16.0 → 1.17.0

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

@@ -1,113 +0,0 @@
-<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

@@ -1,70 +0,0 @@
-<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

@@ -1,224 +0,0 @@
-<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

@@ -1,248 +0,0 @@
-<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>