@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/store/modules/generateMoviment.js

@@ -0,0 +1,102 @@
+export default {
+    namespaced: true,
+    state: {
+        type: "",
+        periodRent: {},
+        productRent: [],
+        productRentPatrimony: [],
+        productSelected: [],
+        filterStorage: { showAll: false, selectedPeriod: [], period: "today" },
+        guidTemp: "",
+    },
+    getters: {
+        productSelectedByPeriod: (state) => {
+            var filter = state.productSelected.filter(x => x.periodRentId == state.periodRent.id
+                && x.type == state.type);
+            return filter;
+        },
+        verifyIfExistSelected: (state) => (item) => {
+            var isExist = state.productSelected.find(obj => {
+                return obj.barCode === item.barCode && obj.productId == item.productId
+                    && obj.periodRentId == state.periodRent.id
+                    && obj.type == state.type
+            })
+            if (isExist != undefined) return true;
+            return false;
+        },
+        verifyIfExistRented: (state) => (item) => {
+            var isExist = state.productRent.find(obj => {
+                return obj.productId == item.productId
+            })
+            if (isExist != undefined) return true;
+            return false;
+        },
+        verifyIfExistPatrimony: (state) => (item) => {
+            var isExist = state.productRentPatrimony.find(obj => {
+                return obj.barCode === item.barCode && obj.productId == item.productId
+            })
+            if (isExist != undefined) return true;
+            return false;
+        },
+        quantityMax: (state) => (item) => {
+            var filter = state.productRent.filter(x => x.productId == item.productId);
+            return filter.length > 0 ? filter[0].quantity : 0;
+        },
+        totalSelectedByProductId: (state) => (productId) => {
+            var filter = state.productSelected.filter(x => x.productId == productId
+                && x.periodRentId == state.periodRent.id
+                && x.type == state.type);
+            var quantity = [];
+            filter.forEach(item => {
+                quantity.push(item.quantity);
+            });
+
+            const sum = quantity.reduce((a, b) => a + b, 0);
+
+            return sum;
+        }
+    },
+    mutations: {
+        addType: (state, type) => {
+            state.type = type;
+        },
+        addPeriodRent: (state, obj) => {
+            state.periodRent = obj;
+        },
+        addGuidTemp: (state, guidTemp) => {
+            state.guidTemp = guidTemp;
+        },
+        addProductRent: (state, list) => {
+            state.productRent = list;
+            state.productRentPatrimony = [];
+            state.productRent.forEach(product => {
+                if (product.patrimony) {
+                    product.patrimony.forEach(patrimony => {
+                        let obj = {
+                            productId: product.productId,
+                            barCode: patrimony.barCode,
+                        }
+                        state.productRentPatrimony.push(obj);
+                    });
+                }
+            });
+        },
+        cleanProductRent: (state) => {
+            state.productRent = [];
+        },
+        addProductSelected: (state, obj) => {
+            obj.periodRentId = state.periodRent.id;
+            state.productSelected.push(obj);
+        },
+        removeProductSelected: (state, obj) => {
+            let filter = state.productSelected.filter(x => x.id != obj.id);
+            state.productSelected = filter;
+        },
+        cleanProductSelected: (state) => {
+            state.productSelected = [];
+        },
+        addFilterStorage: (state, obj) => {
+            state.filterStorage = obj;
+        },
+    },
+}

package/src/store/modules/paymentShared.js

@@ -0,0 +1,39 @@
+export default {
+    namespaced: true,
+    state: {
+        paymentsRent: [],
+    },
+    getters: {
+        sumPayment: (state) => {
+            let value = 0;
+            state.paymentsRent.forEach((payment, index) => {
+                value += payment.value;
+            });
+            return value;
+        },
+    },
+    mutations: {
+        addPayment: (state, obj) => {
+            var totalItems = state.paymentsRent.length;
+            obj.seq = totalItems + 1;
+            state.paymentsRent.push(obj);
+        },
+        updatePayment: (state, obj) => {
+            state.paymentsRent.forEach((payment, index) => {
+                if (payment.seq === obj.seq) {
+                    payment.duDate = obj.duDate;
+                    payment.value = obj.value;
+                }
+            });
+        },
+        removePayment: (state, seq) => {
+            let filter = state.paymentsRent.filter(function (o) {
+                return o.seq != seq;
+            });
+            state.paymentsRent = filter;
+        },
+        resetPayment: (state) => {
+            state.paymentsRent = [];
+        },
+    },
+}

package/src/store/modules/pdv.js

@@ -0,0 +1,107 @@
+export default {
+    namespaced: true,
+    state: {
+        cashierId: "",
+        identification: "",
+        collaboratorId: "",
+        customerId: "",
+        contactId: "",
+        periodRent: {},
+        itemsRent: [],
+        addressRent: [],
+        observationRental: "",
+        observationServiceOrder: "",
+        totalization: {},
+        isInvoice: false,
+        searchRent: [],
+    },
+    getters: {
+        sumPayment: (state) => {
+            let value = 0;
+            state.paymentsRent.forEach((payment, index) => {
+                value += payment.value;
+            });
+            return value;
+        },
+        verifyIfExistProduct: (state) => (item) => {
+            var isExist = state.itemsRent.find(obj => {
+                return obj.barCode === item.barCode
+                    && obj.productId === item.productId
+                    && !item.allowWithoutPatrimony
+            })
+            if (isExist != undefined) return true;
+            return false;
+        },
+    },
+    mutations: {
+        updateCashier: (state, cashierId) => {
+            state.cashierId = cashierId;
+        },
+        updateRent: (state, rent) => {
+            state.identification = rent.identification;
+            state.collaboratorId = rent.collaborator.id;
+            state.customerId = rent.customer.id;
+            state.contactId = rent.contact.id;
+            state.observationRental = rent.observationRental;
+            state.observationServiceOrder = rent.observationServiceOrder;
+        },
+        addPeriodRent: (state, obj) => {
+            state.periodRent = obj;
+        },
+        addProduct: (state, obj) => {
+            var totalItems = state.itemsRent.length;
+            obj.seq = totalItems + 1;
+            let discount = { discountByPercentage: false, discount: 0 };
+            state.itemsRent.push({ ...obj, discount });
+        },
+        addAddress: (state, obj) => {
+            var totalItems = state.addressRent.length;
+            obj.seq = totalItems + 1;
+            state.addressRent.push(obj);
+        },
+        updateProduct: (state, obj) => {
+            state.itemsRent.forEach((itemRent, index) => {
+                if (itemRent.id === obj.id) {
+                    itemRent.description = obj.description;
+                    itemRent.unitValue = obj.unitValue;
+                    itemRent.discount = obj.discount;
+                    itemRent.unitInsurance = obj.unitInsurance;
+
+                    let discount = obj.discount;
+                    itemRent.discountByPercentage = discount.discountByPercentage;
+                    itemRent.unitDiscount = discount.discount;
+                }
+            });
+        },
+        removeProduct: (state, seq) => {
+            let filter = state.itemsRent.filter(function (o) {
+                return o.seq != seq;
+            });
+            state.itemsRent = filter;
+        },
+        removeAddress: (state, seq) => {
+            let filter = state.addressRent.filter(function (o) {
+                return o.seq != seq;
+            });
+            state.addressRent = filter;
+        },
+        updateItemsRent: (state, itemsRent) => {
+            state.itemsRent = itemsRent;
+        },
+        addTotalization: (state, obj) => {
+            state.totalization = obj;
+        },
+        updateIsInvoice: (state, isInvoice) => {
+            state.isInvoice = isInvoice;
+        },
+        updateSearchRent: (state, searchRent) => {
+            state.searchRent = searchRent;
+        },
+        resetRent: (state) => {
+            state.cashierPdvId = "";
+            state.identification = "";
+            state.periodRent = {};
+            state.itemsRent = [];
+        },
+    },
+}

package/src/store/modules/rfid.js

@@ -0,0 +1,49 @@
+// Remove collections variaveis para comparar apenas os campos base do payload.
+const omitCollections = (value) => {
+    if (!value || typeof value !== "object") return value;
+
+    const { products, tags, ...rest } = value;
+    return rest;
+};
+
+// Decide se deve mesclar lists com base na igualdade dos metadados do registro.
+const shouldMergeCollections = (currentValue, nextValue) => {
+    if (!currentValue || !nextValue) return false;
+
+    return JSON.stringify(omitCollections(currentValue)) === JSON.stringify(omitCollections(nextValue));
+};
+
+export default {
+    namespaced: true,
+    state: {
+        data: [],
+    },
+    mutations: {
+        // Substitui o registro atual ou mescla products/tags quando for o mesmo registro base.
+        addRfidData: (state, value) => {
+            const currentValue = state.data[0];
+
+            if (shouldMergeCollections(currentValue, value)) {
+                state.data = [{
+                    ...currentValue,
+                    ...value,
+                    products: [
+                        ...(Array.isArray(currentValue.products) ? currentValue.products : []),
+                        ...(Array.isArray(value.products) ? value.products : []),
+                    ],
+                    tags: [
+                        ...(Array.isArray(currentValue.tags) ? currentValue.tags : []),
+                        ...(Array.isArray(value.tags) ? value.tags : []),
+                    ],
+                }];
+                return;
+            }
+
+            state.data = [value];
+        },
+        // Limpa todos os dados RFID armazenados no estado.
+        resetRfidData: (state) => {
+            state.data = [];
+        },
+    },
+}

package/src/store/store.js

@@ -1,14 +1,24 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
-
-import user from './modules/user'
-import generic from './modules/generic'
-import validation from './modules/validation'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  modules: {
-    generic, validation, user
-  }
+import Vue from 'vue';
+import Vuex from 'vuex';
+import createPersistedState from "vuex-persistedstate";
+
+import generic from '@nixweb/nixloc-ui/src/store/modules/generic'
+import validation from '@nixweb/nixloc-ui/src/store/modules/validation'
+import automation from '@nixweb/nixloc-ui/src/store/modules/automation'
+import report from '@nixweb/nixloc-ui/src/store/modules/report'
+import user from '@nixweb/nixloc-ui/src/store/modules/user'
+import util from '@nixweb/nixloc-ui/src/store/modules/util'
+
+import generateMoviment from './modules/generateMoviment'
+import paymentShared from './modules/paymentShared'
+import pdv from './modules/pdv'
+import rfid from './modules/rfid'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  plugins: [createPersistedState({ storage: window.sessionStorage, paths: ["user", "generateMoviment"] })],
+  modules: {
+    generic, validation, automation, user, report, generateMoviment, pdv, paymentShared, rfid, util
+  }
 })

package/src/views/modules/adm/Authorization.vue

@@ -0,0 +1,45 @@
+<template>
+    <div>
+        <Panel :module="panel.module" :title="panel.title" :showFilter="panel.showFilter" :showSearch="panel.showSearch"
+            :showButtons="panel.showButtons">
+            <div slot="content-main">
+                <br />
+                <Authorization />
+            </div>
+        </Panel>
+    </div>
+</template>
+
+<script>
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import Authorization from '../../../components/modules/adm/authorization/Authorization.vue'
+
+import { mapGetters, mapState, mapMutations } from "vuex";
+
+export default {
+    name: "AuthorizationView",
+    components: {
+        Panel, Authorization
+
+    },
+    data() {
+        return {
+            id: this.$route.params.id,
+            panel: {
+                module: "Adm",
+                title: "Autorização",
+                showFilter: false,
+                showSearch: false,
+                showButtons: false,
+            },
+        };
+    },
+    mounted() {
+        this.removeLoading(["panel"]);
+    },
+    methods: {
+        ...mapMutations("generic", ["removeLoading"]),
+    }
+};
+</script>

package/src/views/modules/adm/BilletFranchise.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+
+export default {
+  name: "BilletFranchiseView",
+  components: {
+    ViewTemplateConfiguration,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/billing/billet/total-document-module",
+        showChecks: false,
+        headerTable: [
+          {
+            field: "total",
+            title: "Total Emitido",
+            type: "text",
+          },
+          {
+            field: "fullPeriod",
+            title: "Período",
+            type: "text",
+          },
+
+        ],
+      },
+    };
+  },
+
+};
+</script>

package/src/views/modules/adm/Company.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-main">
+        <Company />
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+import Company from "../../../components/modules/adm/company/Company.vue";
+
+export default {
+  name: "CompanyView",
+  components: {
+    ViewTemplateWithSalveCancel,
+    Company,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "Adm",
+        title: "Empresa",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/adm/ConfirmMailMobile.vue

@@ -0,0 +1,85 @@
+<template>
+  <div style="overflow: hidden">
+    <div class="div-logo text-center">
+      <img
+        src="https://nixloc.com.br/wp-content/themes/nix-loc/images/logo.svg"
+      />
+    </div>
+    <br />
+    <div class="principal">
+      <Molded>
+        <ConfirmMailMobile />
+      </Molded>
+    </div>
+    <div class="text-center">
+      <a
+        href="https://www.instagram.com/nixloc.sistema/?hl=pt-br"
+        target="_blank"
+        class="fa fa-instagram"
+      ></a>
+      <a
+        href="https://www.facebook.com/nixloc.sistema"
+        target="_blank"
+        class="fa fa-facebook"
+      ></a>
+      <a
+        href="https://www.youtube.com/channel/UC2uW-eHwBwy_EYXj9ISayWQ"
+        target="_blank"
+        class="fa fa-youtube"
+      ></a>
+      <a
+        href="https://wa.me/551131362654"
+        target="_blank"
+        class="fa fa-whatsapp"
+      ></a>
+    </div>
+  </div>
+</template>
+
+<script>
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import ConfirmMailMobile from "../../../components/modules/adm/login/ConfirmMailMobile.vue";
+
+export default {
+  name: "ConfirmMailMobileView",
+  components: { Molded, ConfirmMailMobile },
+};
+</script>
+
+<style scoped>
+.principal {
+  background-color: white;
+  max-width: 500px;
+  margin: auto;
+}
+
+.div-logo {
+  margin-top: 60px;
+}
+
+
+.fa {
+  padding: 20px;
+  font-size: 25px;
+  width: 45px;
+  text-align: center;
+  text-decoration: none;
+  color: #c4c4c4;
+}
+
+.fa-facebook:hover {
+  color: #0b86ee;
+}
+
+.fa-youtube:hover {
+  color: #bb0000;
+}
+
+.fa-instagram:hover {
+  color: #125688;
+}
+
+.fa-whatsapp:hover {
+  color: green;
+}
+</style>

package/src/views/modules/adm/DocumentCreateUpdate.vue

@@ -0,0 +1,88 @@
+<template>
+  <div>
+    <ViewTemplateDocumentView :panel="panel" :parameterExemple="parameterExemple.d"
+      :parameterLegend="parameterLegend.legend" :module="module" :styleCss="styleCss">
+      <DocumentCreateUpdate v-model="module" />
+    </ViewTemplateDocumentView>
+  </div>
+</template>
+
+<script>
+import DocumentCreateUpdate from "../../../components/modules/adm/document/DocumentCreateUpdate.vue";
+import ViewTemplateDocumentView from "@nixweb/nixloc-ui/src/component/template/ViewTemplateDocumentView";
+
+import ParameterExemple from "./model/ParameterExemple.js";
+import ParameterLegend from "./model/ParameterLegend.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "DocumentCreateUpdateView",
+  components: { ViewTemplateDocumentView, DocumentCreateUpdate },
+  data() {
+    return {
+      id: this.$route.params.id,
+      module: "",
+      urlGetById: "/api/v1/adm/document/get-by-id",
+      panel: {
+        module: "Adm",
+        title: "Documento",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+      parameterExemple: new ParameterExemple(),
+      parameterLegend: new ParameterLegend(),
+      styleCss: "",
+    };
+  },
+  mounted() {
+    if (this.id) {
+      this.getById();
+    } else {
+      let self = this;
+      setTimeout(function () {
+        self.updateDocumentHtml("");
+        self.removeLoading(["panel"]);
+      }, 100);
+    }
+    this.removeLoading(["createDocument"]);
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    ...mapMutations("generic", [
+      "addEvent",
+      "removeLoading",
+      "updateDocumentHtml",
+    ]),
+    getById() {
+      let params = { url: this.urlGetById, obj: { documentId: this.id } };
+      this.getApi(params).then((response) => {
+        this.styleCss = response.content.styleCss;
+        this.updateDocumentHtml(response.content.documentHtml);
+        this.addEvent({
+          name: "updateDocument",
+          data: response.content,
+        });
+        let self = this;
+        setTimeout(function () {
+          self.removeLoading(["panel"]);
+        }, 500);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "documentEditorModified") {
+          this.getById();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>