@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/billing/items-invoice/ItemsInvoiceCreateUpdate.vue

@@ -0,0 +1,138 @@
+<template>
+  <div>
+    <Loading type="line" :center="false" v-show="loading" />
+    <b-row>
+      <b-col sm="12">
+        <div>
+          <EditorHtml title="Descrição" field="description" :required="false" :disabled="disabled"
+            :markFormDirty="false" :maxLength="500" v-model="itemsInvoice.description" />
+        </div>
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="2">
+        <InputNumber title="Quantidade" field="quantity" :formName="formName" :required="false" :disabled="disabled"
+          :markFormDirty="false" :maxLength="5" type="float" v-model="itemsInvoice.quantity" />
+      </b-col>
+      <b-col sm="3">
+        <InputDecimal title="Valor Unitário" field="unitValue" :formName="formName" :required="false"
+          :disabled="disabled" :markFormDirty="false" :maxLength="5" :precision="10" type="float"
+          v-model="itemsInvoice.unitValue" />
+      </b-col>
+      <b-col sm="3">
+        <InputDecimalDiscount title="Desconto Unitário" field="unitDiscount" :formName="formName" :required="false"
+          :disabled="disabled" _style="color:red;" :maxLength="5" :precision="10" type="float"
+          v-model="itemsInvoice.discount" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="div-btn text-right">
+          <Button _key="btnCreateUpdateItemInvoice" type="success" title="Salvar"
+            :disabled="!isFormValid(formName) || disabled" classIcon="fas fa-save" size="medium"
+            :clicked="saveItemInvoice" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+
+<script>
+import InputDecimalDiscount from "@nixweb/nixloc-ui/src/component/forms/InputDecimalDiscount";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import ItemsInvoice from "./ItemsInvoice.js";
+
+import { mapActions, mapMutations, mapGetters } from "vuex";
+
+export default {
+  name: "ItemsInvoiceCreateUpdate",
+  props: {
+    invoiceId: String,
+    disabled: Boolean,
+  },
+  components: {
+    EditorHtml,
+    InputDecimalDiscount,
+    InputNumber,
+    InputDecimal,
+    Button,
+    Loading,
+  },
+  data() {
+    return {
+      formName: "itemsInvoice",
+      itemsInvoice: new ItemsInvoice(),
+      loading: false,
+      urlCreate: "/api/v1/billing/items-invoice/create",
+      urlUpdate: "/api/v1/billing/items-invoice/update",
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+    ...mapGetters("validation", ["isFormValid"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
+    saveItemInvoice() {
+      let discount = this.itemsInvoice.discount;
+      this.itemsInvoice.discountByPercentage = discount.discountByPercentage;
+      this.itemsInvoice.unitDiscount = discount.discount;
+      this.itemsInvoice.invoiceId = this.invoiceId;
+
+      if (this.itemsInvoice.id) {
+        let params = { url: this.urlUpdate, obj: this.itemsInvoice };
+        this.putApi(params).then((response) => {
+          if (response.success) {
+            this.addEvent({
+              name: "addedProductInvoice",
+            });
+            this.addEvent({ name: "updateTotalizationInvoice" });
+            this.hideModal();
+          }
+          this.removeLoading(["btnCreateUpdateItemInvoice"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.itemsInvoice };
+        this.postApi(params).then((response) => {
+          if (response.success) {
+            this.addEvent({ name: "updateTotalizationInvoice" });
+            this.hideModal();
+          }
+          this.removeLoading(["btnCreateUpdateItemInvoice"]);
+        });
+      }
+    },
+    update(data) {
+      this.itemsInvoice = new ItemsInvoice();
+      this.itemsInvoice.update(data);
+      this.loading = true;
+      let self = this;
+      setTimeout(function () {
+        self.loading = false;
+      }, 200);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "itemInvoiceUpdate") {
+          this.update(event.data);
+          this.loading = true;
+          let self = this;
+          setTimeout(function () {
+            self.loading = false;
+          }, 300);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/billing/items-invoice/ItemsInvoiceList.vue

@@ -0,0 +1,235 @@
+<template>
+  <div>
+    <div class="div-btn">
+      <Button _key="btnItemsRentCreateUpdate" title="Produto" classIcon="fas fa-plus-circle" type="primary" size="small"
+        :disabled="showSelectAll || disabled" :clicked="create" />
+    </div>
+    <ItemRentFixedBar :selected="selected" />
+    <b-row>
+      <b-col sm="6">
+        <b-form-checkbox v-model="showSelectAll" @change="select">
+          TODOS PRODUTOS
+        </b-form-checkbox>
+      </b-col>
+      <b-col sm="6">
+        <TableTotalRecords :totalRecords="content.totalRecords" />
+      </b-col>
+    </b-row>
+    <ScrollBar :minHeight="330" :maxHeight="330">
+      <div>
+        <table class="table table-responsive-xs">
+          <thead>
+            <tr>
+              <th></th>
+              <th class="title-header">Descrição</th>
+              <th class="title-header text-center">Quantidade</th>
+              <th class="title-header text-center">Valor</th>
+            </tr>
+          </thead>
+          <tbody v-for="itemInvoice in content.data" :key="itemInvoice.id">
+            <td class="td-checkbox">
+              <b-form-checkbox v-model="selected" :value="itemInvoice.id" />
+            </td>
+            <td class="td-edit td-description" @click="update(itemInvoice)">
+              <span v-html="itemInvoice.description"> </span>
+            </td>
+            <td class="td-edit text-center td-quantity" @click="update(itemInvoice)">
+              <span> {{ itemInvoice.quantity }}</span>
+            </td>
+            <td class="td-total text-center">
+              <ItemsRentalTotalization :data="{
+          quantity: itemInvoice.quantity,
+          unitValue: itemInvoice.unitValue,
+          totalUnitValue: itemInvoice.totalUnitValue,
+          unitDiscount: itemInvoice.unitDiscount,
+          totalUnitDiscount: itemInvoice.totalUnitDiscount,
+          unitCost: 0,
+          totalUnitCost: 0,
+          totalUnitInsurance: 0,
+        }" />
+            </td>
+          </tbody>
+          <tbody v-show="content.data == 0">
+            <tr>
+              <td colspan="12">
+                <span>Nenhum produto adicionado!</span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </ScrollBar>
+    <Modal title="Produtos" :width="800" v-if="showModal('itemInvoice')">
+      <ItemsInvoiceCreateUpdate :invoiceId="invoiceId" :disabled="disabled" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import ItemRentFixedBar from "../../rental/items-rent/ItemRentFixedBar.vue";
+
+import ItemsInvoiceCreateUpdate from "./ItemsInvoiceCreateUpdate.vue";
+import ItemsRentalTotalization from "../../rental/items-rent/ItemsRentalTotalization.vue";
+
+import { mapMutations, mapActions, mapGetters } from "vuex";
+
+export default {
+  name: "ItemsInvoice",
+  props: {
+    invoiceId: String,
+    status: Number,
+  },
+  components: {
+    ScrollBar,
+    Button,
+    TableTotalRecords,
+    Modal,
+    ItemsInvoiceCreateUpdate,
+    ItemsRentalTotalization,
+    ItemRentFixedBar,
+  },
+  data() {
+    return {
+      content: {
+        data: [],
+        totalRecords: 0,
+      },
+      selected: [],
+      showSelectAll: false,
+      urlGetApi: "/api/v1/billing/items-invoice/get-all",
+      urlDelete: "/api/v1/billing/items-invoice/delete",
+    };
+  },
+  mounted() {
+    this.getAll();
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    disabled() {
+      if (this.status == 2) return true;
+    },
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "addEvent", "removeLoading"]),
+    ...mapActions("generic", ["getApi", "deleteAllApi"]),
+    getAll() {
+      this.loading = true;
+      let params = {
+        url: this.urlGetApi,
+        obj: {
+          ...this.baseParams,
+          any: this.invoiceId,
+          noPaginated: true,
+        },
+      };
+      this.getApi(params).then((response) => {
+        this.content.data = response.content.data;
+        this.content.totalRecords = response.content.totalRecords;
+        this.loading = false;
+      });
+    },
+    create() {
+      this.openModal("itemInvoice");
+      this.removeLoading(["btnItemsRentCreateUpdate"]);
+    },
+    update(itemInvoice) {
+      this.openModal("itemInvoice");
+      this.addEvent({ name: "itemInvoiceUpdate", data: itemInvoice });
+    },
+    removeSelected() {
+      let params = {
+        url: this.urlDelete,
+        selected: this.selected,
+      };
+      this.deleteAllApi(params).then((reponse) => {
+        if (reponse.success) {
+          this.removeLoading(["btnRemoveItem"]);
+          this.selected = [];
+          this.getAll();
+        }
+      });
+    },
+    select() {
+      this.selected = [];
+      if (this.showSelectAll) {
+        for (let i in this.content.data) {
+          this.selected.push(this.content.data[i].id);
+        }
+      }
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updateTotalizationInvoice") {
+          this.getAll();
+        }
+
+        if (event.name == "removeItemFixedBar") {
+          this.removeSelected();
+        }
+      },
+      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-checkbox {
+  width: 30px;
+}
+
+.td-description {
+  max-width: 600px;
+}
+
+.td-edit {
+  cursor: pointer;
+  background-color: #f1f4f9;
+}
+
+.td-quantity {
+  max-width: 120px;
+}
+
+.td-total {
+  max-width: 300px;
+}
+
+.div-btn {
+  margin-top: 15px;
+  margin-bottom: 20px;
+}
+
+.icon-danger {
+  font-size: 20px;
+  color: #f0134d;
+  cursor: pointer;
+}
+
+.icon-danger:hover {
+  color: #c70f40;
+}
+</style>

package/src/components/modules/cashier/CashierMovementList.vue

@@ -0,0 +1,186 @@
+<template>
+  <div class="principal">
+    <Loading :center="false" v-show="loading" />
+    <div v-show="!loading">
+      <Totalization />
+      <ScrollBar :minHeight="300" :maxHeight="300">
+        <div>
+          <br />
+          <table class="table table-responsive-xs">
+            <thead>
+              <tr>
+                <th class="title-header">Data e Hora</th>
+                <th class="title-header">Nº Locação</th>
+                <th class="title-header">Tipo</th>
+                <th class="title-header text-center">Vencimento</th>
+                <th class="title-header text-center">Valor</th>
+                <th class="title-header text-center">Recebido</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody v-for="movement in movementList">
+              <tr>
+                <td class="tabela-principal">
+                  {{ movement.registeredDate | moment("DD/MM/YYYY HH:mm") }}
+                </td>
+                <td class="tabela-principal">
+                  {{ movement.numberRent }}
+                </td>
+                <td class="tabela-principal">
+                  {{ movement.typePaymentName }}
+                </td>
+                <td class="tabela-principal text-center">
+                  {{ movement.dueDate | moment("DD/MM/YYYY") }}
+                </td>
+                <td class="tabela-principal text-center">
+                  <span :class="{ receita: movement.typeName == 'Receita' }">
+                    {{ movement.value | currency }}</span
+                  >
+                </td>
+                <td class="text-center">
+                  <CheckboxSimple v-model="movement.paid" />
+                </td>
+              </tr>
+            </tbody>
+            <tbody v-show="movementList.length == 0">
+              <tr>
+                <td colspan="12">
+                  <span>Nenhuma movimentação adicionada!</span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </ScrollBar>
+      <div class="div-totalizarion text-right">
+        <TableTotalization :totalization="totalization" />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading";
+import TableTotalization from "@nixweb/nixloc-ui/src/component/shared/TableTotalization";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple";
+
+import Totalization from "./Totalization.vue";
+
+import { mapActions, mapGetters } from "vuex";
+
+export default {
+  name: "CashierMovementList",
+  props: {
+    value: Array,
+  },
+  components: {
+    Loading,
+    TableTotalization,
+    ScrollBar,
+    Totalization,
+    CheckboxSimple,
+  },
+  data() {
+    return {
+      movementList: [],
+      totalization: [],
+      urlGet: "/api/v1/cashier/movement/get-all",
+      loading: true,
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    getAll(cashierId) {
+      this.loading = true;
+      let obj = { any: cashierId, noPaginated: true };
+      let params = { url: this.urlGet, obj: obj };
+      this.getApi(params).then((response) => {
+        this.movementList = response.content.data;
+        this.totalization = response.content.totalization;
+        this.loading = false;
+        this.$emit("input", this.movementList);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "movementCashier" || event.name == "_closeCashier") {
+          this.getAll(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;
+}
+
+.title-header {
+  font-size: 14px;
+  color: #757d8c;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+.tabela-principal {
+  font-size: 14px;
+  max-width: 200px;
+}
+
+.tabela-descricao {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
+}
+
+.title-header {
+  font-size: 13px;
+  padding-bottom: 5px;
+  color: #6c757d;
+  text-transform: uppercase;
+}
+
+.tabela-principal {
+  font-size: 14px;
+  max-width: 200px;
+}
+
+.tabela-descricao {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
+}
+
+.tipo-pagamento {
+  width: 500px;
+}
+
+.div-totalizarion {
+  margin-top: 20px;
+  margin-right: 15px;
+}
+
+.receita {
+  color: darkblue;
+}
+
+.expense {
+  color: red;
+}
+</style>

package/src/components/modules/cashier/CloseCashier.js

@@ -0,0 +1,9 @@
+export default class CloseCashier {
+    constructor() {
+        this.cashierId = "";
+        this.userName = "";
+        this.chartOfAccounts = { id: "", content: "" };
+        this.bankAccount = { id: "", content: "" };
+        this.movementList = [];
+    }
+}

package/src/components/modules/cashier/CloseCashier.vue

@@ -0,0 +1,112 @@
+<template>
+  <div>
+    <div class="side-by-side div-icon">
+      <i class="fa-duotone fa-user"></i>
+    </div>
+    <div class="side-by-side div-collaborator">
+      {{ closeCashier.userName }}
+    </div>
+    <div>
+      <CashierMovementList :cashierId="closeCashier.cashierId" v-model="closeCashier.movementList" />
+    </div>
+
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+        <Select title="Categoria" field="category" :formName="formName" :required="true"
+          url="api/v1/finance/chart-of-accounts/select-all" :propsParams="{ any: '1' }" :showNewRegister="false"
+          v-model="closeCashier.chartOfAccounts">
+        </Select>
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+        <Select title="Conta Bancária" field="bankAccount" :required="true" :formName="formName"
+          v-model="closeCashier.bankAccount" url="api/v1/finance/bank-account/select-all" :showNewRegister="false">
+        </Select>
+      </b-col>
+    </b-row>
+    <br />
+    <b-row>
+      <b-col sm="12">
+        <div class="text-center">
+          <Button _key="btnCloseCashier" type="success" title="Fechar Caixa" size="medium"
+            :disabled="!isFormValid(formName)" :clicked="executeCloseCashier" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import Totalization from "./Totalization.vue";
+import CashierMovementList from "./CashierMovementList.vue";
+
+import CloseCashier from "@/components/modules/cashier/CloseCashier.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "CloseCashier",
+  components: {
+    Button,
+    Select,
+    Totalization,
+    CashierMovementList,
+  },
+  data() {
+    return {
+      closeCashier: new CloseCashier(),
+      formName: "closeCashier",
+      urlUpdate: "/api/v1/cashier/close",
+      movementList: [],
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("generic", ["hideModal", "removeLoading"]),
+    executeCloseCashier() {
+      let params = {
+        url: this.urlUpdate,
+        obj: this.closeCashier,
+        notNotifyToast: true,
+      };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.hideModal();
+        }
+        this.removeLoading(["btnCloseCashier"]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "_closeCashier") {
+          this.closeCashier.cashierId = event.data.id;
+          this.closeCashier.userName = event.data.userName;
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-icon {
+  font-size: 18px;
+  margin-right: 15px;
+}
+
+.div-collaborator {
+  font-size: 16px;
+}
+
+.div-totalization {
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+</style>

package/src/components/modules/cashier/OpenCashier.js

@@ -0,0 +1,9 @@
+export default class OpenCashier {
+    constructor() {
+        this.user = { id: "", content: "" };
+        this.openValue = 0;
+        this.typePayment = { id: "", content: "" };
+        this.observation = "";
+        this.type = 1;
+    }
+}