@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,174 @@
+<template>
+  <div>
+    <b-row v-show="userLogged == null">
+      <b-col sm="12">
+        <Select
+          title="Usuário"
+          field="user"
+          :formName="formName"
+          :required="true"
+          url="/api/v1/adm/user/select-all"
+          :showNewRegister="false"
+          v-model="openCashier.user"
+        />
+      </b-col>
+    </b-row>
+    <!--  <b-row>
+      <b-col sm="5">
+        <InputDecimal
+          title="Valor Inicial (Troco)"
+          field="valorInicial"
+          :formName="formName"
+          :required="false"
+          v-model="openCashier.openValue"
+        />
+      </b-col>
+      <b-col sm="7">
+        <Select
+          title="Tipo de Pagamento"
+          field="typePayment"
+          :required="false"
+          :markFormDirty="false"
+          :propsParams="{ any: 'PDV' }"
+          v-model="openCashier.typePayment"
+          url="/api/v1/finance/type-payment/select-all"
+          :showNewRegister="hasRule('Finance')"
+          nameNewRegister="typePaymentCreateUpdate"
+          titleNewRegister="Tipo de Pagamento"
+          :widthNewRegister="500"
+          :heightNewRegister="250"
+        >
+          <TypePaymentCreateUpdate
+            :registerInSelect="true"
+            v-model="openCashier.typePayment"
+          />
+        </Select>
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <InputText
+          title="Observação"
+          field="observation"
+          :formName="formName"
+          :required="false"
+          :maxLength="400"
+          v-model="openCashier.observation"
+        />
+      </b-col>
+    </b-row> -->
+    <b-row>
+      <b-col sm="12">
+        <div class="text-center">
+          <Button
+            v-show="userLogged != null"
+            _key="btnBack"
+            type="info"
+            title="voltar"
+            classIcon="fa-solid fa-circle-arrow-left"
+            size="small"
+            :clicked="back"
+          />
+          <Button
+            _key="btnCreateCashier"
+            type="success"
+            title="Abrir Caixa"
+            :disabled="!isFormValid(formName)"
+            size="medium"
+            :clicked="create"
+          />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import OpenCashier from "@/components/modules/cashier/OpenCashier.js";
+import TypePaymentCreateUpdate from "../finance/type-payment/TypePaymentCreateUpdate.vue";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "OpenCashier",
+  components: {
+    InputDecimal,
+    Select,
+    TypePaymentCreateUpdate,
+    InputText,
+    Button,
+  },
+  props: {
+    userLogged: Object,
+    urlCreate: String,
+  },
+  data() {
+    return {
+      formName: "openCashier",
+      openCashier: new OpenCashier(),
+    };
+  },
+  mounted() {
+    if (this.userLogged) {
+      this.openCashier.user.id = this.userLogged.user.id;
+      this.openCashier.user.content = this.userLogged.user.name;
+    }
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+    ...mapGetters("user", ["hasRule"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("generic", ["hideModal", "removeLoading"]),
+    ...mapMutations("pdv", ["updateCashier"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    create() {
+      let params = {
+        url: this.urlCreate,
+        obj: this.openCashier,
+        notNotifyToast: true,
+      };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.updateCashier(response.content.id);
+          this.hideModal();
+          this.openCashier = new OpenCashier();
+          this.resetValidation(this.formName);
+        }
+        this.removeLoading(["btnCreateCashier"]);
+      });
+    },
+    back() {
+      this.removeLoading(["btnBack"]);
+      this.$router.push({
+        name: "pdvRentSelectOption",
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "abrirCaixaPdv") {
+          this.resetValidation(this.formName);
+          this.openCashier = new AbrirCaixa();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.icon-cashier {
+  font-size: 50px;
+  margin-bottom: 20px;
+  opacity: 0.5;
+}
+</style>

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

@@ -0,0 +1,114 @@
+<template>
+  <div class="principal">
+    <div v-if="totalization.length == 0">
+      <span class="title">Nenhum registro encontrado!</span>
+    </div>
+    <TableTotalization v-else :totalization="totalization" />
+  </div>
+</template>
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading";
+import TableTotalization from "@nixweb/nixloc-ui/src/component/shared/TableTotalization";
+
+import { mapActions, mapGetters } from "vuex";
+
+export default {
+  name: "Totalization",
+  components: { Loading, TableTotalization },
+  data() {
+    return {
+      totalization: [],
+      urlGet: "/api/v1/cashier/movement/totalization",
+      loading: true,
+    };
+  },
+
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    getAll(cashierId) {
+      this.loading = true;
+      let obj = { cashierId };
+      let params = { url: this.urlGet, obj: obj };
+      this.getApi(params).then((response) => {
+        this.totalization = response.content;
+        this.loading = false;
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "_closeCashier" || event.name == "movementCashier") {
+          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;
+}
+
+.receita {
+  color: darkblue;
+}
+
+.expense {
+  color: red;
+}
+</style>

package/src/components/modules/crm/category-customer/CategoryCustomer.js

@@ -0,0 +1,10 @@
+export default class CategoryCustomer {
+    constructor() {
+        this.id = "";
+        this.name = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.name = data.name;
+    }
+}

package/src/components/modules/crm/category-customer/CategoryCustomerCreateUpdate.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40"
+          v-model="categoryCustomer.name" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="saveCustomerCategory" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveCustomerCategory" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import CategoryCustomer from "@/components/modules/crm/category-customer/CategoryCustomer.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "CategoryCustomerCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { Button, InputText },
+  data() {
+    return {
+      formName: "categoryCustomerCreateUpdate",
+      categoryCustomer: new CategoryCustomer(),
+      urlCreate: "/api/v1/crm/category-customer/create",
+      urlUpdate: "/api/v1/crm/category-customer/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideModal", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveCustomerCategory() {
+      if (this.categoryCustomer.id) {
+        let params = { url: this.urlUpdate, obj: this.categoryCustomer };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["saveCustomerCategory"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.categoryCustomer };
+        this.postApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          if (response.success && this.registerInSelect) {
+            this.$emit("input", {
+              id: response.content.id,
+              content: response.content.name,
+            });
+            this.hideVodal(this.formName);
+          }
+          this.removeLoading(["saveCustomerCategory"]);
+        });
+      }
+    },
+    update(data) {
+      this.categoryCustomer = new CategoryCustomer();
+      this.categoryCustomer.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "customerCategoryCreate") {
+          this.resetValidation(this.formName);
+          this.categoryCustomer = new CategoryCustomer();
+        }
+        if (event.name == "customerCategoryUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/crm/category-customer/OriginCustomer.js

@@ -0,0 +1,10 @@
+export default class OriginCustomer {
+    constructor() {
+        this.id = "";
+        this.name = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.name = data.name;
+    }
+}

package/src/components/modules/crm/category-customer/OriginCustomerCreateUpdate.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40"
+          v-model="originCustomer.name" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="saveOriginCustomer" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveOriginCustomer" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import OriginCustomer from "@/components/modules/crm/category-customer/OriginCustomer.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "OriginCustomerCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { Button, InputText },
+  data() {
+    return {
+      formName: "originCustomerCreateUpdate",
+      originCustomer: new OriginCustomer(),
+      urlCreate: "/api/v1/crm/origin-customer/create",
+      urlUpdate: "/api/v1/crm/origin-customer/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideModal", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveOriginCustomer() {
+      if (this.originCustomer.id) {
+        let params = { url: this.urlUpdate, obj: this.originCustomer };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["saveOriginCustomer"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.originCustomer };
+        this.postApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          if (response.success && this.registerInSelect) {
+            this.$emit("input", {
+              id: response.content.id,
+              content: response.content.name,
+            });
+            this.hideVodal(this.formName);
+          }
+          this.removeLoading(["saveOriginCustomer"]);
+        });
+      }
+    },
+    update(data) {
+      this.originCustomer = new OriginCustomer();
+      this.originCustomer.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "originCustomerCreate") {
+          this.resetValidation(this.formName);
+          this.originCustomer = new OriginCustomer();
+        }
+        if (event.name == "originCustomerUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/dashboard/alert/Alert.vue

@@ -0,0 +1,115 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="6">
+        <div class="text-left div-title">Notificações</div>
+      </b-col>
+    </b-row>
+    <div class="div-scroll" v-if="notifications.length > 0">
+      <ScrollBar :minHeight="130" :maxHeight="130">
+        <div class="div-notification" v-for="notification in notifications">
+          <i class="fa-solid fa-bell-on" :class="notification.type"></i>
+          <span class="title-notification"> {{ notification.title }}</span>
+        </div>
+      </ScrollBar>
+    </div>
+    <div v-if="notifications.length == 0">
+      <div class="text-description text-center">Nenhuma notificação!</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+
+import { mapMutations, mapGetters } from "vuex";
+
+export default {
+  name: "Alert",
+  components: {
+    ScrollBar,
+  },
+  data() {
+    return {
+      notifications: [
+        /* {
+          type: "warning",
+          title: "Sua mensalidade está em atraso a 7 dia(s).",
+          routeName: "",
+          rule: "All",
+        },*/
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("user", ["hasRule"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent"]),
+  },
+};
+</script>
+
+<style scoped>
+.div-title {
+  margin-left: 10px;
+  margin-right: 10px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  font-size: 15px;
+}
+
+.box-favorite:hover {
+  background-color: #f1f1f3;
+}
+
+.icon-gear {
+  cursor: pointer;
+}
+
+.box-favorite-icon {
+  margin-top: 4px;
+}
+
+.text-description {
+  padding: 15px;
+  font-size: 14px;
+  color: black;
+}
+
+.div-notification {
+  padding-left: 15px;
+  color: #2d4e6e;
+  font-size: 14px;
+  font-weight: 400;
+  cursor: pointer;
+}
+
+.div-notification:hover {
+  text-decoration: underline;
+}
+
+.div-scroll {
+  margin-right: 10px;
+}
+
+.success {
+  color: #52c41a;
+}
+
+.warning {
+  color: #faad14;
+}
+
+.info {
+  color: #1890ff;
+}
+
+.danger {
+  color: red;
+}
+
+.title-notification {
+  font-size: 13px;
+}
+</style>