@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/components/modules/operational/movement-bulk/RentsDistribution.vue

@@ -1,196 +0,0 @@
-<template>
-    <div>
-        <Loading v-if="loading" type="line" :center="false" />
-        <div v-for="rent in rentsDistribution" :key="rent.itemRentId">
-            <div v-if="rent.rentNumber" class="div-main"
-                :class="{ 'back-danger': rent.status == 1 && !rent.finished, 'back-success': rent.status == 2 && !rent.finished, 'back-warning': rent.status == 3 && !rent.finished, 'back-finished': rent.finished }">
-                <div class="molded">
-                    <b-row>
-                        <b-col sm="2">
-                            <Badge :title="'Nº' + rent.rentNumber" type="primary" size="medium" />
-                        </b-col>
-                        <b-col sm="8">
-                            <span class="title"> {{ rent.customerName }}</span>
-                        </b-col>
-                        <b-col sm="2">
-                            <div>
-                                <div v-if="!rent.finished">
-                                    <IncrementDecrement :min="0" v-model="rent.quantity" :params="rent"
-                                        :changed="updateItemMovementBulkId" />
-                                </div>
-                                <div v-else>
-                                    <span>
-                                        {{ rent.quantity }}
-                                    </span>
-                                </div>
-                            </div>
-                        </b-col>
-                    </b-row>
-                    <div>
-                        <small> Identificação {{ rent.identification }}</small>
-                    </div>
-                    <div>
-                        <small>Saída {{ rent.deliveryDateHour | moment("DD/MM/YYYY HH:MM") }}</small>
-                        <small> - Início {{ rent.deliveryDateHour | moment("DD/MM/YYYY HH:MM") }}</small>
-                        <small> - Fim {{ rent.deliveryDateHour | moment("DD/MM/YYYY HH:MM") }}</small>
-                        <small> - Retorno {{ rent.deliveryDateHour | moment("DD/MM/YYYY HH:MM") }}</small>
-                    </div>
-                    <div>
-                        <div v-if="rent.itemRentIdWarning">
-                            <div class="div-danger"><i class="fa-solid fa-siren-on icon-red"></i> Atenção, existem
-                                produtos reservados que serão utilizados no mesmo período.</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div v-show="rentsDistribution.length == 0">
-            <span>Nenhum registro encontrado!</span>
-        </div>
-    </div>
-</template>
-
-<script>
-
-import Badge from "@nixweb/nixloc-ui/src/component/layout/Badge.vue";
-import IncrementDecrement from "@nixweb/nixloc-ui/src/component/forms/IncrementDecrement.vue";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import { mapActions, mapMutations, mapState } from "vuex";
-
-export default {
-    name: "RentsDistribution",
-    props: ['rentsDistribution', 'itemMovementBulk'],
-    components: {
-        Badge,
-        IncrementDecrement,
-        Molded,
-        Loading
-    },
-    data() {
-        return {
-            urlValidation: "/api/v1/operational/items-movement-bulk/validation-rent-distribution",
-            itemRentIdSelected: "",
-            itemMovementBulkIdSelected: "",
-            distributionIdSelected: "",
-            quantityOld: 0,
-            quantityNew: 0,
-            loading: false,
-        }
-    },
-    computed: {
-        ...mapState("generic", ["event"]),
-    },
-    methods: {
-        ...mapMutations("generic", ["addEvent"]),
-        ...mapActions("generic", ["putApi"]),
-        updateItemMovementBulkId(param) {
-            this.distributionIdSelected = param.distributionId;
-            this.itemRentIdSelected = param.itemRentId;
-            this.itemMovementBulkIdSelected = param.itemMovementBulkId;
-            this.quantityOld = param.quantity;
-        },
-        validation() {
-            this.loading = true;
-            let params = {
-                url: this.urlValidation, obj: {
-                    distributionId: this.distributionIdSelected,
-                    itemRentId: this.itemRentIdSelected,
-                    itemMovementBulkId: this.itemMovementBulkIdSelected,
-                    rentsDistribution: this.rentsDistribution,
-                    quantityOld: this.quantityOld,
-                    quantityNew: this.quantityNew,
-                    itemMovementBulkResponse: this.itemMovementBulk,
-                },
-                notNotifyToast: true
-            };
-            this.putApi(params).then((response) => {
-                var status = response.content.status;
-                this.loading = false;
-                this.addEvent({
-                    name: "updateStatusItemBulk",
-                    data: { itemMovementBulkId: this.itemMovementBulkIdSelected, response: response.content }
-                });
-                this.rentsDistribution.forEach(rent => {
-                    rent.status = status;
-                    rent.itemRentIdWarning = response.content.itemRentIdWarning;
-                });
-            });
-        },
-    },
-    watch: {
-        rentsDistribution: {
-            handler(rentsDistribution) {
-                const obj = rentsDistribution.find(item => item.distributionId === this.distributionIdSelected);
-                this.quantityNew = obj.quantity;
-                this.validation();
-            },
-            deep: true
-        },
-        event: {
-            handler(event) {
-                if (event.name == "productBulkUpdate") {
-                    console.log("inicio");
-                    let self = this;
-                    this.rentsDistribution.forEach(rent => {
-                        console.log(rent);
-                        // NAO ESTA CARREGANDO PORQUE NÃO TEM ITEM NO ARRAY QUE É ACIONADO QUANDO ABRE O MODAL
-                        /*     self.distributionIdSelected = rent.distributionId;
-                             self.itemRentIdSelected = rent.itemRentId;
-                             self.itemMovementBulkIdSelected = rent.itemMovementBulkId;
-                             self.quantityOld = rent.quantity;
-                             self.quantityNew = rent.quantity;
-                             self.validation();*/
-                        console.log("aqui");
-                    });
-                }
-            },
-            deep: true,
-        },
-    }
-}
-</script>
-<style scoped>
-.div-main {
-    margin-bottom: 10px;
-}
-
-.molded {
-    border: 1px solid #e8eaed;
-    border-radius: 10px;
-    padding: 10px;
-    padding-top: 15px;
-    padding-left: 30px;
-    padding-right: 30px;
-    padding-bottom: 10px;
-}
-
-.back-danger {
-    background-color: #FFE8E8;
-}
-
-.back-warning {
-    background-color: #FFFBE6;
-}
-
-.back-success {
-    background-color: #EBF8F4;
-}
-
-.back-finished {
-    background-color: #E6F7FF;
-}
-
-.div-danger {
-    background-color: white;
-    border: 1px solid #ffe58f;
-    padding: 5px;
-    font-size: 12px;
-    border-radius: 10px;
-}
-
-.icon-red {
-    color: red;
-}
-</style>

package/src/components/modules/operational/movement-bulk/SuccessMovement.vue

@@ -1,62 +0,0 @@
-<template>
-  <div>
-    <br />
-    <div class="text-center">
-      <div class="div-molded">
-        <Molded>
-          <div class="msg-success">Movimentação processada com Sucesso!</div>
-          <div class="icon-success">
-            <i class="fa-light fa-circle-check"></i>
-          </div>
-          <div>
-            <Button _key="btnBack" type="info" title="Voltar" classIcon="fa-solid fa-arrow-left" size="small"
-              :clicked="execute" />
-          </div>
-          <br />
-        </Molded>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-
-export default {
-  name: "SuccessMovement",
-  props: {
-    clicked: Function,
-  },
-  components: {
-    Button,
-    Molded,
-  },
-  methods: {
-    execute() {
-      let self = this;
-      setTimeout(function () {
-        if (self.clicked) self.clicked();
-      }, 200);
-    }
-  }
-};
-</script>
-
-<style scoped>
-.div-molded {
-  width: 550px;
-  margin: auto;
-}
-
-.msg-success {
-  font-size: 18px;
-}
-
-.icon-success {
-  font-size: 55px;
-  color: #38a169;
-  margin-top: 10px;
-  margin-bottom: 15px;
-}
-</style>

package/src/components/modules/operational/rent/DropdownOptionsRentOperational.vue

@@ -1,201 +0,0 @@
-<template>
-  <div class="side-by-side">
-    <Dropdown title="Opções" type="primary" size="small" classIcon="fa-solid fa-chevron-down" right="50"
-      :items="optionsConditional" />
-    <PrintPreview v-if="printRent" :module="printOptions.module" :rentId="rent.id" :periodRentId="periodRent.id"
-      :canModifyDocument="printOptions.canModifyDocument" :movimentId="printOptions.movimentId"
-      :onHideModal="closeModal">
-    </PrintPreview>
-  </div>
-</template>
-<script>
-
-
-import Dropdown from "@nixweb/nixloc-ui/src/component/forms/Dropdown.vue";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-
-import PrintPreview from '../../adm/document/PrintPreview.vue'
-
-import { mapGetters, mapMutations, mapState } from "vuex";
-
-export default {
-  name: "DropdownOptionsRent",
-  props: {
-    rent: Object,
-    periodRentId: String,
-    statusMovimentStock: Object,
-
-  },
-  components: {
-    Dropdown,
-    Modal,
-    Select,
-    PrintPreview
-  },
-  data() {
-    return {
-      documentId: "",
-      periodRent: {},
-      totalRecordsPeriod: 0,
-      printRent: false,
-      printOptions: {
-        module: "Operational",
-        movimentId: "",
-        canModifyDocument: true,
-      },
-      modalOptions: {
-        name: "",
-        title: "",
-        width: 0,
-      },
-      options: [
-        {
-          title: "Compartilhar",
-          showByStatus: [1, 2, 3],
-          classIcon: "fa-sharp fa-regular fa-share-nodes",
-          eventName: "printRent",
-          hr: true,
-        },
-        {
-          title: "Gerar Saída",
-          showByStatus: [0],
-          classIcon: "fa-solid fa-circle-arrow-right",
-          eventName: "generateOutput",
-          style: "color:#009183;",
-        },
-        {
-          title: "Gerar Substituição",
-          showByStatus: [0],
-          classIcon: "fa-sharp fa-solid fa-repeat",
-          eventName: "replacementPatrimony",
-          style: "color:#156EBE;",
-        },
-        {
-          title: "Gerar Retorno",
-          showByStatus: [0],
-          classIcon: "fa-solid fa-circle-arrow-left",
-          eventName: "generateReturn",
-          style: "color:#b8860b;",
-        },
-        {
-          title: "Gerar Renovação",
-          showByStatus: [0],
-          classIcon: "fa-solid fa-retweet",
-          eventName: "generateRenewed",
-          style: "color:#577696;",
-        },
-
-      ],
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-    ...mapState("user", ["userLogged"]),
-    ...mapGetters("user", ["hasRule", "hasPermission"]),
-    optionsConditional() {
-      let options = [];
-      let statusRental = this.rent.statusRental;
-
-      let reserved = this.statusMovimentStock.reserved;
-      let reservedAndRented = reserved - this.statusMovimentStock.rented;
-      let final = this.statusMovimentStock.final;
-
-
-      this.options.forEach((item) => {
-        if (
-          item.eventName == "generateOutput" &&
-          statusRental == 2
-        ) {
-          options.push(item);
-        } else if (
-          (item.eventName == "generateReturn" || item.eventName == "replacementPatrimony") &&
-          final > 0 &&
-          statusRental == 2
-        ) {
-          options.push(item);
-        } else if (
-          item.eventName == "generateRenewed" &&
-          final > 0 &&
-          statusRental == 2
-        ) {
-          options.push(item);
-        } else {
-          if (item.showByStatus.includes(statusRental)) options.push(item);
-        }
-      });
-
-      return options;
-    },
-  },
-  methods: {
-    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
-    closeModal() {
-      this.modalOptions = { name: "", title: "", width: 0 };
-      this.printRent = false;
-      this.periodRent = {};
-      this.printOptions.module = "Operational";
-      this.printOptions.movimentId = "";
-      this.printOptions.canModifyDocument = true;
-      this.hideModal();
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "totalRecordsPeriod")
-          this.totalRecordsPeriod = event.data.totalRecords;
-
-        if (event.name == "printRent") {
-          this.printRent = true;
-        }
-
-        if (event.name == "printMoviment") {
-          this.printOptions.module = "MovementStock";
-          this.printOptions.movimentId = event.data;
-          this.printOptions.canModifyDocument = false;
-          this.printRent = true;
-        }
-
-        if (event.name == "emailSent") {
-          this.printRent = false;
-          this.periodRent = {};
-        }
-
-        if (event.name == "generateOutput") {
-          this.$router.push({
-            name: "generateOutput",
-            params: { id: this.rent.id, periodRentId: this.periodRentId },
-          });
-        }
-
-        if (event.name == "replacementPatrimony") {
-          this.$router.push({
-            name: "replacementPatrimony",
-          });
-        }
-
-        if (event.name == "generateReturn") {
-          this.$router.push({
-            name: "generateReturn",
-            params: { id: this.rent.id, periodRentId: this.periodRentId },
-          });
-        }
-
-        if (event.name == "generateRenewed") {
-          this.$router.push({
-            name: "generateRenewed",
-            params: { id: this.rent.id, periodRentId: this.periodRentId },
-          });
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.select-document {
-  min-height: 100px;
-}
-</style>

package/src/components/modules/operational/rent/RentOperational.js

@@ -1,40 +0,0 @@
-export default class RentOperational {
-    constructor() {
-        this.id = "";
-        this.identification = "";
-        this.number = 0;
-        this.statusRental = 1;
-        this.customer = { id: "", content: "" };
-        this.contact = { id: "", content: "" };
-        this.periodRent = {};
-        this.observationRental = "";
-        this.observationServiceOrder = "";
-        this.dateAccepted = "";
-        this.registeredDate = "";
-        this.registeredUser = "";
-        this.periodRent = {};
-    }
-    update(data) {
-        this.id = data.id;
-        this.number = data.number;
-        this.identification = data.identification;
-        this.number = data.number;
-        this.statusRental = data.statusRental;
-
-        if (data.collaborator)
-            this.collaborator = { id: data.collaborator.id, content: data.collaborator.person.companyName + " (" + data.collaborator.person.tradeName + ")" };
-
-        this.customer = { id: data.customerSupplier.id, content: data.customerSupplier.person.companyName + " (" + data.customerSupplier.person.tradeName + ")" };
-
-        if (data.contact)
-            this.contact = { id: data.contact.id, content: data.contact.name };
-
-        this.observationRental = data.observationRental;
-        this.observationServiceOrder = data.observationServiceOrder;
-
-        this.dateAccepted = data.dateAccepted;
-        this.registeredDate = data.registeredDate;
-        this.registeredUser = data.registeredUser;
-        this.periodRent = data.periodRent;
-    }
-}