@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/rental/moviment/MovimentList.vue

@@ -0,0 +1,367 @@
+<template>
+  <div>
+    <div>
+      <Loading type="line" :center="false" v-show="loading" />
+      <b-row>
+        <b-col sm="12">
+          <TableTotalRecords :totalRecords="content.totalRecords" />
+        </b-col>
+      </b-row>
+    </div>
+    <ScrollBar id="items-rent" :minHeight="400" :maxHeight="800">
+      <table class="table table-responsive-xs">
+        <thead>
+          <tr>
+            <th>
+              <span class="title-header">Gerado</span>
+            </th>
+            <th class="text-center">
+              <span class="title-header">Tipo</span>
+            </th>
+            <th class="text-center">
+              <span class="title-header">Usuário</span>
+            </th>
+            <th class="text-center">
+              <span class="title-header">Origem</span>
+            </th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody v-for="item in content.data">
+          <tr>
+            <td>{{ item.generationDate }}</td>
+            <td class="text-center">
+              <div class="badge badge-rent td-margin" v-if="item.statusMovimentName == 'Saída'">
+                Saída
+              </div>
+              <div class="badge badge-returned td-margin" v-if="item.statusMovimentName == 'Retorno'">
+                Retorno
+              </div>
+            </td>
+            <td class="text-center td-margin">{{ item.generationUser }}</td>
+            <td class="text-center td-margin">
+              <span v-if="item.description">
+                {{ item.description }}
+              </span>
+              <span v-else>N/I</span>
+            </td>
+            <td class="text-right">
+              <div class="side-by-side td-dropdown">
+                <Dropdown title="Mais..." type="info" size="small" position="right" classIcon="fa-solid fa-chevron-down"
+                  :param="item" :items="options" />
+                <br />
+                <div></div>
+              </div>
+              <div class="side-by-side">
+                <ButtonSub :itemId="item.id" urlGet="/api/v1/stock/items-moviment/get-all"
+                  eventNameShow="showItemsMoviment" eventNameHide="hideItemsMoviment"
+                  :propsParam="{ any: item.id, noPaginated: true }" v-model="buttonSub" />
+              </div>
+            </td>
+          </tr>
+          <td colspan="8" v-if="buttonSub.itemId == item.id">
+            <Loading type="line" :center="false" />
+          </td>
+          <td colspan="8" v-if="isShowTableSub(item.id)">
+            <table class="table-sub table table-responsive-xs">
+              <thead>
+                <tr>
+                  <th>
+                    <span class="title-header">Produto</span>
+                  </th>
+                  <th class="text-center">
+                    <span class="title-header">Quantidade</span>
+                  </th>
+                  <th class="text-center" v-if="manageByPatrimony">
+                    <span class="title-header">Patrimônio(s)</span>
+                  </th>
+                  <th class="text-center">
+                    <span class="title-header">Período</span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody v-for="itemMoviment in itensMovimentByMovimentId(item.id)">
+                <tr>
+                  <td>{{ itemMoviment.productFullName }}</td>
+                  <td class="text-center">{{ itemMoviment.quantity }}</td>
+                  <td class="text-center" v-if="manageByPatrimony">
+                    {{ itemMoviment.patrimony }}
+                  </td>
+                  <td class="text-center td-description">
+                    {{ itemMoviment.periodRentName }}
+                  </td>
+                </tr>
+              </tbody>
+              <tbody v-show="itensMovimentByMovimentId(item.id).length == 0">
+                <tr>
+                  <td colspan="8">
+                    <span class="title">Nenhum registro encontrado!</span>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </td>
+        </tbody>
+        <tbody v-show="content.totalRecords == 0">
+          <tr>
+            <td colspan="8">
+              <span class="title">Nenhum registro encontrado!</span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </ScrollBar>
+    <PrintPreview v-if="print" module="MovementStock" :rentId="rent.id" :movimentId="movimentId"
+      :onHideModal="onHideModal" />
+  </div>
+</template>
+<script>
+
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import ButtonSub from "@nixweb/nixloc-ui/src/component/forms/ButtonSub.vue";
+import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
+import Dropdown from "@nixweb/nixloc-ui/src/component/forms/Dropdown.vue";
+
+import PrintPreview from '../../adm/document/PrintPreview.vue'
+
+import { mapGetters, mapState, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ItemsLista",
+  components: {
+    Loading,
+    ScrollBar,
+    Dropdown,
+    TableTotalRecords,
+    ButtonSub,
+    PrintPreview
+  },
+  props: {
+    rent: Object,
+  },
+  data() {
+    return {
+      urlGetApi: "/api/v1/stock/moviment/get-all",
+      data: [],
+      loading: true,
+      movimentId: "",
+      print: false,
+      content: {
+        data: [],
+        totalRecords: 0,
+      },
+      baseParams: {
+        search: undefined,
+        filter: "contains",
+        currentPage: 1,
+        totalPerPage: 20,
+      },
+      options: [
+        {
+          title: "Imprimir",
+          classIcon: "fa-solid fa-print-magnifying-glass",
+          eventName: "printMoviment",
+          hr: true,
+        },
+      ],
+      itensMoviment: {
+        ids: [],
+        data: [],
+      },
+      buttonSub: {},
+    };
+  },
+  mounted() {
+    this.getAll();
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal"]),
+    ...mapState("generic", ["event"]),
+    ...mapState("user", ["userLogged"]),
+    manageByPatrimony() {
+      return this.userLogged.parameterStock.manageByPatrimony;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    getAll() {
+      this.loading = true;
+      let params = {
+        url: this.urlGetApi,
+        obj: {
+          ...this.baseParams,
+          rentId: this.rent.id,
+          noPaginated: true,
+        },
+      };
+      this.getApi(params).then((response) => {
+        this.content.data = response.content.data;
+        this.content.totalRecords = response.content.totalRecords;
+        this.loading = false;
+      });
+    },
+    isShowTableSub(itemId) {
+      return this.itensMoviment.ids.includes(itemId);
+    },
+    itensMovimentByMovimentId(movimentId) {
+      let filter = this.itensMoviment.data.filter(
+        (x) => x.movimentId == movimentId
+      );
+      return filter;
+    },
+    onHideModal() {
+      this.print = false;
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "showItemsMoviment") {
+          let self = this;
+
+          setTimeout(function () {
+            self.itensMoviment.ids.push(event.data.itemId);
+          }, 400);
+
+          event.data.data.forEach((item) => {
+            self.itensMoviment.data.push(item);
+          });
+        }
+
+        if (event.name == "hideItemsMoviment") {
+          let filterData = this.itensMoviment.data.filter(
+            (x) => x.movimentId != event.data.itemId
+          );
+
+          this.itensMoviment.data = filterData;
+
+          let filter = this.itensMoviment.ids.filter(
+            (x) => x != event.data.itemId
+          );
+          this.itensMoviment.ids = filter;
+        }
+
+        if (event.name == "printMoviment") {
+          this.print = true;
+          this.movimentId = event.data.id;
+        }
+      },
+      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;
+}
+
+.table-sub {
+  background-color: #f3f3f3;
+}
+
+.td-description {
+  max-width: 300px !important;
+  word-wrap: break-word !important;
+  font-size: 14px;
+  color: #757d8c;
+  font-style: italic;
+}
+
+.title-header {
+  font-size: 14px;
+  color: #757d8c;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+.td-dropdown {
+  overflow: visible;
+}
+
+.group {
+  background-color: #fafafc;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.title-group {
+  font-size: 14px;
+  margin-left: 10px;
+}
+
+.div-warning {
+  margin-bottom: 20px;
+}
+
+.td-product {
+  width: 500px;
+  background-color: #f1f4f9;
+  cursor: pointer;
+}
+
+.td-quantity {
+  width: 150px;
+}
+
+.description {
+  font-weight: 400;
+  color: grey;
+}
+
+.without-group {
+  font-size: 13px;
+  font-style: italic;
+  color: grey;
+}
+
+.icon-cursor {
+  cursor: pointer;
+}
+
+.icon-order-group {
+  color: #779cb3;
+}
+
+.text-order {
+  font-size: 13px;
+  margin-left: 10px;
+  font-style: italic;
+}
+
+.td-checkbox {
+  width: 30px;
+}
+
+.td-margin {
+  margin-top: 10px;
+}
+
+.badge {
+  font-size: 13px !important;
+  margin-left: 5px;
+  border-radius: 10px !important;
+  padding: 8px;
+  color: white;
+}
+
+.badge-rent {
+  background-color: #009183;
+}
+
+.badge-returned {
+  background-color: #b8860b;
+}
+
+.badge-renewed {
+  background-color: #577696;
+}
+</style>

package/src/components/modules/rental/nfse/NfseList.vue

@@ -0,0 +1,250 @@
+<template>
+  <div>
+    <div>
+      <Loading type="line" :center="false" v-show="loading" />
+      <b-row>
+        <b-col sm="12">
+          <TableTotalRecords :totalRecords="content.totalRecords" />
+        </b-col>
+      </b-row>
+    </div>
+    <div class="table-items-nfse">
+      <table class="table table-responsive-xs">
+        <thead>
+          <tr>
+            <th>
+              <span class="title-header">NÚMERO</span>
+            </th>
+            <th class="text-center">
+              <span class="title-header">EMISSÃO</span>
+            </th>
+            <th>
+              <span class="title-header">CLIENTE</span>
+            </th>
+            <th class="text-center">
+              <span class="title-header">STATUS</span>
+            </th>
+            <th class="text-center">
+              <span class="title-header">VALOR</span>
+            </th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody v-for="item in content.data">
+          <tr>
+            <td>
+              <span v-if="item.number">{{ item.number }}</span>
+              <span v-else>Pendente</span>
+            </td>
+            <td class="text-center">
+              {{ item.registeredDate | moment("DD/MM/YYYY HH:mm") }}
+            </td>
+            <td class="td-limit">{{ item.fullName }}</td>
+            <td class="text-center">
+              <div class="badge badge-warning td-margin" v-if="item.statusName == 'Em processamento'">
+                Em processamento
+              </div>
+              <div class="badge badge-primary td-margin" v-if="item.statusName == 'Autorizada'">
+                Autorizada
+              </div>
+              <div class="badge badge-success td-margin" v-if="item.statusName == 'Concluida'">
+                Concluída
+              </div>
+              <div class="badge badge-danger td-margin" v-if="item.statusName == 'Rejeitada'">
+                Rejeitada
+              </div>
+              <div class="badge badge-danger td-margin" v-if="item.statusName == 'Cancelada'">
+                Cancelada
+              </div>
+            </td>
+            <td class="text-center td-margin">{{ item.value | currency }}</td>
+            <td class="text-right td-dropdown">
+              <div class="side-by-side td-dropdown">
+                <Dropdown title="Mais..." type="info" size="small" position="right" classIcon="fa-solid fa-chevron-down"
+                  :param="item" :items="options" />
+                <br />
+                <div></div>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+        <tbody v-show="content.totalRecords == 0">
+          <tr>
+            <td colspan="8">
+              <span class="title">Nenhum registro encontrado!</span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <CancelNfse />
+    <PrintPreview v-if="print" module="TaxDocument" :listBillet="listBillet" :onHideModal="onHideModal" />
+  </div>
+</template>
+<script>
+import PrintPreview from '../../adm/document/PrintPreview.vue'
+
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import ButtonSub from "@nixweb/nixloc-ui/src/component/forms/ButtonSub.vue";
+import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
+import Dropdown from "@nixweb/nixloc-ui/src/component/forms/Dropdown.vue";
+
+import CancelNfse from '../../../../views/modules/tax-document/CancelNfse.vue'
+
+import { mapGetters, mapState, mapActions } from "vuex";
+
+export default {
+  name: "ItemsLista",
+  components: {
+    Loading,
+    ScrollBar,
+    Dropdown,
+    TableTotalRecords,
+    ButtonSub,
+    CancelNfse, PrintPreview
+  },
+  props: {
+    rent: Object,
+  },
+  data() {
+    return {
+      urlGetApi: "/api/v1/tax-document/nfse/get-all",
+      urlGetPdf: "/api/v1/tax-document/nfse/get-pdf",
+      data: [],
+      loading: true,
+      listBillet: [],
+      print: false,
+      content: {
+        data: [],
+        totalRecords: 0,
+      },
+      baseParams: {
+        search: undefined,
+        filter: "contains",
+        currentPage: 1,
+        totalPerPage: 20,
+      },
+      options: [
+        {
+          title: "Baixar PDF",
+          classIcon: "fa-solid fa-file-pdf",
+          eventName: "getPdfNfse",
+        },
+        {
+          title: "Cancelar",
+          classIcon: "fa-solid fa-ban",
+          eventName: "cancelNfse",
+          style: "color:red;",
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.getAll();
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal"]),
+    ...mapState("generic", ["event"]),
+    ...mapState("user", ["userLogged"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi", "getFileApi"]),
+    getAll() {
+      this.loading = true;
+      let params = {
+        url: this.urlGetApi,
+        obj: {
+          ...this.baseParams,
+          any: this.rent.id,
+          noPaginated: true,
+        },
+      };
+      this.getApi(params).then((response) => {
+        this.content.data = response.content.data;
+        this.content.totalRecords = response.content.totalRecords;
+        this.loading = false;
+      });
+    },
+    getPdf(idIntegracao) {
+      let params = {
+        url: this.urlGetPdf,
+        obj: {
+          idIntegracao: idIntegracao,
+          fileName: `nfse`,
+          fileType: "pdf"
+        },
+      };
+      this.getFileApi(params).then(() => { });
+    },
+    download(url) {
+      var link = document.createElement('a');
+      link.href = url;
+      link.target = "_blank";
+      link.download = url.substring(url.lastIndexOf('/') + 1);
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    },
+    onHideModal() {
+      this.print = false;
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "getPdfNfse") {
+          this.download(event.data.urlPdf);
+        }
+
+        if (event.name == "printBilling") {
+          this.print = true;
+          this.invoiceId = event.data.id;
+          this.listBillet = event.data.checkBilletResponse;
+        }
+
+        if (event.name == "canceledNfse") 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;
+}
+
+.td-dropdown {
+  overflow: visible;
+}
+
+.td-margin {
+  margin-top: 3px;
+}
+
+.td-limit {
+  max-width: 400px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.table-items-nfse {
+  min-height: 300px;
+}
+</style>

package/src/components/modules/rental/payment-rent/PaymentRent.js

@@ -0,0 +1,16 @@
+export default class PaymentRent {
+    constructor() {
+        this.id = "";
+        this.typePayment = { id: "", content: "" };
+        this.dueDate = "";
+        this.value = 0;
+        this.description = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.typePayment = { id: data.typePaymentId, content: data.typePaymentName };
+        this.dueDate = data.dueDate;
+        this.value = data.value;
+        this.description = data.description;
+    }
+}