@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/components/modules/stock/moviment/return/CheckReturn.vue

@@ -1,544 +0,0 @@
-<template>
-  <div>
-    <br />
-    <div>
-      <SuccessMoviment v-if="successMoviment" :rentId="rentId" :movimentId="movimentId"
-        msgSuccess="Retorno processado com sucesso!" />
-      <br />
-      <AddOrRemoveMaintenance :rentId="rentId" v-show="successMoviment" />
-    </div>
-
-    <div v-if="!successMoviment">
-      <div class="text-center" v-show="!loading">
-        <span class="check">
-          <i class="fa-solid fa-clipboard-check"></i>
-          Retorno
-        </span>
-      </div>
-      <br />
-      <div v-show="loading">
-        <Loading type="line" :center="true" />
-        <div class="title">Aguarde, estamos preparando o retorno...</div>
-      </div>
-      <div v-show="!loading">
-        <b-row>
-          <b-col xs="12" sm="12" md="12" lg="12" xl="6">
-            <Molded>
-              <div class="period">Período da Locação</div>
-              <div class="period">{{ content.periodRentCurrent }}</div>
-            </Molded>
-          </b-col>
-          <b-col xs="12" sm="12" md="12" lg="12" xl="6">
-            <Molded>
-              <div class="period side-by-side">Período Final</div>
-              <div class="side-by-side div-update">
-                <span class="edit" @click="confirmReturn"> Editar </span>
-              </div>
-              <div class="period">{{ content.periodRentReturn }}</div>
-            </Molded>
-          </b-col>
-        </b-row>
-        <div class="div-recalculate">
-          <Molded v-if="(content.isReturnBefore || content.isReturnAfter) &&
-            hasRule('Rental')
-          ">
-            <div>
-              <b-row>
-                <b-col xs="12" sm="12" md="12" lg="12" xl="12">
-                  <RadioGroup title="Recalcular Valor do Produto?" field="periodSubtractRecalculate"
-                    :changed="recalculate" :options="[
-                      { text: 'Sim', value: true },
-                      { text: 'Não', value: false },
-                    ]" v-if="content.isReturnBefore" v-model="periodSubtractRecalculate" />
-
-                  <RadioGroup title="Recalcular Valor do Produto?" field="periodAddRecurrent" :changed="recalculate"
-                    :options="[
-                      { text: 'Sim', value: true },
-                      { text: 'Não', value: false },
-                    ]" v-if="content.isReturnAfter" v-model="periodAddRecurrent" />
-                </b-col>
-              </b-row>
-            </div>
-          </Molded>
-        </div>
-        <br />
-        <Molded v-if="!loading">
-          <TableTotalRecords :totalRecords="content.items.length" />
-          <ScrollBar :minHeight="0" :maxHeight="600">
-            <table class="table table-responsive-xs">
-              <thead>
-                <tr>
-                  <th>
-                    <span class="title-header">Produto</span>
-                  </th>
-                  <th>
-                    <span class="title-header">Descrição</span>
-                  </th>
-                  <th class="text-center">
-                    <span class="title-header">Locação</span>
-                  </th>
-                  <th class="text-center">
-                    <span class="title-header">Retorno</span>
-                  </th>
-                  <th class="text-center">
-                    <span class="title-header">Status</span>
-                  </th>
-                  <th v-if="hasRule('Maintenance')" class="text-center">
-                    <span class="title-header">Manutenção</span>
-                  </th>
-                  <!--  <th class="text-center" v-if="hasRule('Rental') || hasRule('PDV')">
-                    <span class="title-header">Total</span>
-                  </th>-->
-                </tr>
-              </thead>
-              <tbody v-for="item in content.items">
-                <tr>
-
-                  <td class="td-product"> {{ item.productFullName }}</td>
-                  <td>
-                    <div class="td-description">
-                      <InputTextEdit v-model="item.description" />
-                    </div>
-                  </td>
-                  <td class="text-center td-quantity">{{ item.totalRent }}</td>
-                  <td class="text-center td-quantity">
-                    {{ item.totalSelected }}
-                  </td>
-                  <td class="text-center td-quantity">
-                    <span class="status-danger" v-if="!item.isValid">
-                      <i class="fa-solid fa-do-not-enter"></i>
-                    </span>
-                    <span class="status-warning" v-if="item.totalSelected < item.totalRent && item.isValid">
-                      <div v-if="item.typeProduct != 5">
-                        <i class="fa-solid fa-triangle-exclamation"></i>
-                      </div>
-                      <div v-else>
-                        <div>
-                          <div v-if="item.totalSelected == 0">
-                            <span class="status-danger">
-                              <i class="fa-solid fa-do-not-enter"></i>
-                            </span>
-                          </div>
-                          <div v-else>
-                            <CheckboxSimple title="Finalizar Retorno" v-model="item.doneMaterial" />
-                          </div>
-                        </div>
-                      </div>
-                    </span>
-                    <span class="status-success" v-if="item.totalSelected == item.totalRent && item.isValid">
-                      <i class="fa-solid fa-circle-check"></i>
-                    </span>
-                  </td>
-                  <td v-if="hasRule('Maintenance')" class="text-center">
-                    <div class="div-check">
-                      <input type="checkbox" class="custom-checkbox" v-model="item.productMaintenance"
-                        @click="addOrRemoveMaintenance(item)">
-                    </div>
-                  </td>
-                </tr>
-                <td class="div-patrimony" colspan="8" v-if="item.patrimony.length > 0">
-                  <div v-for="patrimony in item.patrimony">
-                    <span>
-                      <div v-if="hasRule('Maintenance') && item.productMaintenance" class="side-by-side">
-                        <input type="checkbox" class="custom-checkbox"
-                          @click="addOrRemoveMaintenance({ ...patrimony, ...item })">
-                      </div>
-                      <div class="side-by-side div-patrimony-check">
-                        <i class="fa-solid fa-circle-arrow-right"></i>
-                        {{ patrimony.barCode }}
-                      </div>
-
-                    </span>
-                  </div>
-                </td>
-              </tbody>
-              <tbody v-show="content.items.length == 0">
-                <tr>
-                  <td colspan="12">
-                    <span>Nenhum produto encontrado!</span>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </ScrollBar>
-        </Molded>
-        <br />
-        <Alert type="danger" v-if="isStockNegative">
-          <span>
-            Não é permitido saída de estoque negativo. Verifique e ajuste os produtos em falta.
-          </span>
-        </Alert>
-      </div>
-      <div class="text-center">
-        <span v-show="!loading">
-          <slot></slot>
-        </span>
-        <Button v-if="!loading" _key="btnGenerateOutput" type="success" :disabled="isStockNegative || isInvalid"
-          title="Gerar Retorno" classIcon="fa-solid fa-circle-check" size="large" :clicked="generate" />
-      </div>
-    </div>
-
-    <Modal title="Tem certeza que deseja descartar?" :width="500" v-show="showModal('discard')">
-      <Confirmation :isModal="false" type="danger" :confirmed="discard">
-        <Alert type="warning">
-          <span>Não será gerado nenhum período adicional na locação. Essa operação é irreversível.</span>
-        </Alert>
-      </Confirmation>
-    </Modal>
-
-    <Modal title="Data Fim" :width="500" v-show="showModal('editReturn')">
-      <DateTime title="Fim" field="endDateHourReturn" format="DD/MM/YYYY HH:mm" type="dateTime"
-        v-model="endDateHourReturn" />
-      <div class="text-right">
-        <Button _key="btnEndDateHourReturn" type="primary" title="Aplicar" classIcon="fa-solid fa-circle-check"
-          size="small" :clicked="editReturn" />
-      </div>
-    </Modal>
-
-    <Modal title="Alerta" :width="900" :closeOnEsc="false" :closeButton="false"
-      v-show="showModal('isReturnBeforeAfter')">
-      <Warning title="ATENÇÃO" :periodRent="content.periodRentCurrent" :periodRentReturn="content.periodRentReturn"
-        @confirm="confirm">
-        <span class="title">
-          A Locação está sendo retornada
-          <b>
-            <DisplayCalculatePeriod :fontSize="16" :periodRent="{
-              year: content.year,
-              month: content.month,
-              day: content.day,
-              hour: content.hour,
-              minute: content.minute,
-            }" />
-          </b>
-        </span>
-        <span class="title" v-if="content.isReturnBefore">
-          <b> ANTES </b> da data prevista,
-        </span>
-        <span class="title" v-else> <b> APÓS </b> a data fim, </span>
-        <span class="title">selecione o período correto para continuar!</span>
-      </Warning>
-    </Modal>
-  </div>
-</template>
-
-<script>
-
-import AddOrRemoveMaintenance from '../AddOrRemoveMaintenance.vue'
-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 Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import InputTextEdit from "@nixweb/nixloc-ui/src/component/forms/InputTextEdit.vue";
-import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
-import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple.vue";
-
-import DisplayCalculatePeriod from "@nixweb/nixloc-ui/src/component/rental/DisplayCalculatePeriod";
-import Warning from '../Warning.vue'
-import SuccessMoviment from "../SuccessMoviment.vue";
-
-import { mapState, mapActions, mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "CheckReturn",
-  components: {
-    Molded,
-    Button,
-    ScrollBar,
-    Loading,
-    Modal,
-    Alert,
-    CheckboxSimple,
-    InputTextEdit,
-    DisplayCalculatePeriod,
-    TableTotalRecords,
-    SuccessMoviment,
-    Confirmation,
-    DateTime,
-    RadioGroup, AddOrRemoveMaintenance, Warning
-  },
-  props: {
-    rentId: String,
-  },
-  data() {
-    return {
-      urlCheck: "/api/v1/moviment/generate-return/check-return",
-      urlGenerate: "/api/v1/moviment/generate-return/generate",
-      content: { items: [] },
-      endDateHourCurrent: "",
-      endDateHourReturn: "",
-      loading: true,
-      successMoviment: false,
-      movimentId: "",
-      isInvalid: true,
-      periodSubtractRecalculate: false,
-      periodAddRecurrent: false,
-    };
-  },
-  mounted() {
-    this.periodSubtractRecalculate =
-      this.userLogged.parameterRental.periodSubtractRecalculate;
-    this.periodAddRecurrent =
-      this.userLogged.parameterRental.periodAddRecurrent;
-    this.checkReturn();
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal"]),
-    ...mapState("user", ["userLogged"]),
-    ...mapGetters("user", ["hasRule"]),
-    ...mapGetters("generateMoviment", ["productSelectedByPeriod"]),
-    ...mapState("generateMoviment", ["periodRent", "productRent"]),
-    isStockNegative() {
-      return false;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["postApi"]),
-    ...mapMutations("generic", ["openModal", "removeLoading", "hideModal", "addEvent"]),
-    ...mapMutations("generateMoviment", ["cleanProductSelected"]),
-    checkReturn() {
-      this.loading = true;
-      let obj = {
-        endDateHour: this.endDateHourCurrent,
-        periodRent: this.periodRent.fullPeriod,
-        productRent: this.productRent,
-        productSelected: this.productSelectedByPeriod,
-        isReturnBefore: this.content.isReturnBefore,
-        isReturnAfter: this.content.isReturnAfter,
-        periodAddRecurrent: this.periodAddRecurrent,
-        periodSubtractRecalculate: this.periodSubtractRecalculate,
-        periodRenewedRecalculate: this.periodRenewedRecalculate,
-      };
-      let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.content = response.content;
-          this.endDateHourReturn = this.content.endDateHourReturn;
-          this.isInvalid = false;
-
-          if (this.content.isReturnBefore || this.content.isReturnAfter) {
-            this.openModal("isReturnBeforeAfter");
-          }
-
-        } else {
-          this.isInvalid = true;
-        }
-        this.loading = false;
-      });
-    },
-    confirmDiscard() {
-      this.openModal("discard");
-    },
-    confirm(option) {
-      if (option == "periodRent") this.discard();
-      if (option == "newPeriod") this.hideModal();
-    },
-    discard() {
-      this.hideModal();
-      this.removeLoading(["confirm"]);
-      this.endDateHourCurrent = this.content.endDateHourCurrent;
-      this.checkReturn();
-    },
-    confirmReturn() {
-      this.openModal("editReturn");
-    },
-    editReturn() {
-      this.hideModal();
-      this.removeLoading(["btnEndDateHourReturn"]);
-      this.endDateHourCurrent = this.endDateHourReturn;
-      this.checkReturn();
-    },
-    generate() {
-      this.loading = true;
-      this.content.rentId = this.rentId;
-      let recalculate = {
-        periodAddRecurrent: this.periodAddRecurrent,
-        periodSubtractRecalculate: this.periodSubtractRecalculate,
-      };
-
-      let params = {
-        url: this.urlGenerate,
-        obj: { ...this.content, ...recalculate },
-        notNotifyToast: false,
-      };
-
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.movimentId = response.content;
-          let self = this;
-          setTimeout(function () {
-            self.successMoviment = true;
-            self.loading = false;
-            self.cleanProductSelected();
-            self.removeLoading(["btnGenerateOutput"]);
-          }, 300);
-        } else {
-          this.removeLoading(["btnGenerateOutput"]);
-        }
-      });
-    },
-    recalculate() {
-      // this.checkReturn();
-    },
-    hideModalIsReturnBeforeAfter() {
-      this.removeLoading(["btnIsReturnBeforeAfter"]);
-      this.hideModal("isReturnBeforeAfter");
-    },
-    addOrRemoveMaintenance(params) {
-      this.addEvent({ name: "addOrRemoveMaintenance", data: params });
-    }
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "timeLineAvailability") {
-          this.openModal("timeLineAvailability");
-        }
-      },
-      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-description {
-  max-width: 300px !important;
-  word-wrap: break-word !important;
-  font-size: 14px;
-  color: #757d8c;
-  font-style: italic;
-}
-
-.td-quantity {
-  font-size: 16px;
-}
-
-.custom-checkbox {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  width: 16px;
-  height: 16px;
-  border: 1px solid #888;
-  border-radius: 5px;
-  position: relative;
-  margin-right: 10px;
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-
-.custom-checkbox:checked::after {
-  content: '✔';
-  position: absolute;
-  top: -5px;
-  left: 2px;
-  font-size: 13px;
-  color: #222529;
-}
-
-.div-patrimony-check {
-  font-size: 16px;
-
-}
-
-.div-update {
-  margin-left: 15px;
-  height: 20px;
-}
-
-.edit {
-  font-size: 15px;
-  color: rgb(112, 112, 112);
-  cursor: pointer;
-}
-
-.discard {
-  font-size: 15px;
-  color: red;
-  cursor: pointer;
-}
-
-.div-title {
-  margin-bottom: 10px;
-}
-
-.period {
-  font-size: 15px;
-}
-
-.title {
-  font-size: 15px;
-}
-
-.check {
-  font-size: 30px;
-}
-
-.div-patrimony {
-  background-color: #fafafc;
-  margin-right: 14%;
-}
-
-.status-primary {
-  color: blue !important;
-  font-size: 20px;
-}
-
-.status-success {
-  color: rgb(29, 158, 29);
-  font-size: 20px;
-}
-
-.div-recalculate {
-  margin-top: 18px;
-}
-
-.status-warning {
-  color: #f6bb2a;
-  font-size: 20px;
-}
-
-.status-danger {
-  color: red;
-  font-size: 20px;
-}
-
-.value {
-  font-size: 16px;
-}
-
-.icon-warning {
-  color: darkorange;
-}
-
-.div-isReturn {
-  margin-top: 25px;
-  margin-bottom: 20px;
-}
-
-.div-check {
-  margin-top: 5px;
-}
-</style>

package/src/components/modules/stock/moviment/return/GenerateReturn.vue

@@ -1,127 +0,0 @@
-<template>
-  <div>
-    <RentAndSelected v-if="!isCheckReturn" titleProductRent="Locado" titleProductSelected="Retorno" :statusPatrimony="2"
-      :rentId="rentId" />
-    <CheckReturn v-if="isCheckReturn" :rentId="rentId">
-      <Button v-show="isCheckReturn" _key="btnClickedBack" type="info" title="Voltar"
-        classIcon="title fa-solid fa-circle-arrow-left" size="small" :clicked="backReturn" />
-    </CheckReturn>
-    <br />
-    <div class="text-center">
-      <Button v-if="!isCheckReturn" _key="btnClickedNext" type="info" title="Avançar"
-        :disabled="productSelectedByPeriod.length == 0" classIcon="title fas fa-arrow-circle-right" size="medium"
-        :clicked="checkReturn" />
-    </div>
-  </div>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import RentAndSelected from "../RentAndSelected.vue";
-import CheckReturn from "./CheckReturn.vue";
-
-import { mapActions, mapState, mapMutations, mapGetters } from "vuex";
-
-export default {
-  name: "GenerateReturn",
-  components: { RentAndSelected, Button, CheckReturn },
-  props: {
-    rentId: String,
-  },
-  data() {
-    return {
-      urlGet: "/api/v1/moviment/generate-return/get-all",
-      periodRentId: "",
-      isCheckReturn: false,
-    };
-  },
-  computed: {
-    ...mapState("generic", ["event"]),
-    ...mapGetters("generateMoviment", ["productSelectedByPeriod"]),
-  },
-  mounted() {
-    this.addType("return");
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    ...mapMutations("generateMoviment", [
-      "addType",
-      "addPeriodRent",
-      "addProductRent",
-    ]),
-    ...mapMutations("generic", ["addLoading", "removeLoading"]),
-    getAll() {
-      this.addLoading("movimentProductRent");
-      let params = {
-        url: this.urlGet,
-        obj: { rentId: this.rentId, periodRentId: this.periodRentId },
-      };
-      this.getApi(params).then((response) => {
-        this.addProductRent(response.content);
-      });
-      let self = this;
-      setTimeout(function () {
-        self.removeLoading(["movimentProductRent"]);
-      }, 300);
-    },
-    checkReturn() {
-      this.isCheckReturn = true;
-      this.removeLoading(["btnClickedNext"]);
-    },
-    backReturn() {
-      this.isCheckReturn = false;
-      this.removeLoading(["btnClickedBack"]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "selectedPeriodRent") {
-          this.periodRentId = event.data.period.id;
-          this.addPeriodRent(event.data.period);
-          this.getAll();
-        }
-      },
-      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;
-}
-
-.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;
-}
-</style>

package/src/components/modules/stock/patrimony/Patrimony.js

@@ -1,22 +0,0 @@
-export default class Patrimony {
-    constructor() {
-        this.id = "";
-        this.barCode = "";
-        this.serialNumber = "";
-        this.rfid = "";
-        this.purchaseDate = "";
-        this.productId = "";
-        this.status = 0;
-        this.statusName = "";
-    }
-    update(data) {
-        this.id = data.id;
-        this.barCode = data.barCode;
-        this.serialNumber = data.serialNumber;
-        this.rfid = data.rfid;
-        this.purchaseDate = data.purchaseDate;
-        this.status = data.status;
-        this.statusName = data.statusName;
-        this.productId = data.productId;
-    }
-}