@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/components/modules/billing/billet/CheckBillet.vue

@@ -0,0 +1,122 @@
+<template>
+    <div>
+        <Loading :center="false" v-if="loading" />
+        <ScrollBar v-else :minHeight="200" :maxHeight="300">
+            <div v-for="billet in content">
+                <div class="div-billet">
+                    <b-row>
+                        <b-col sm="8">
+                            <span class="icon-error" v-if="billet.error">
+                                <i class="fa-solid fa-triangle-exclamation"></i>
+                                Inválido -
+                            </span>
+                            <span v-else>
+                                <i class="icon-ok fa-solid fa-circle-plus" v-if="action == 'create'"></i>
+                                <i class="icon-update fa-solid fa-calendar-lines-pen" v-if="action == 'update'"></i>
+                                <i class="icon-error fa-solid fa-ban" v-if="action == 'cancel'"></i>
+                                <i class="icon-pdf fa-solid fa-file-pdf" v-if="action == 'pdf'"></i>
+                            </span>
+                            <span class="title">
+                                {{ billet.recipientName }} -
+                                {{ billet.description }}
+                            </span>
+                        </b-col>
+                        <b-col sm="2">
+                            <span class="title"> {{ billet.dueDate }}</span>
+                        </b-col>
+                        <b-col sm="2">
+                            <span class="title"> {{ billet.value | currency }}</span>
+                        </b-col>
+                    </b-row>
+                    <div class="icon-error">
+                        {{ billet.error }}
+                    </div>
+                </div>
+            </div>
+            <div v-if="content.length == 0">
+                <span class="title"> Nenhum registro encontrado!</span>
+            </div>
+        </ScrollBar>
+    </div>
+</template>
+
+<script>
+
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import { mapActions } from "vuex";
+
+export default {
+    name: "CheckBillet",
+    props: {
+        selected: Array,
+        value: Array,
+        action: String,
+    },
+    components: {
+        ScrollBar, Loading
+    },
+    data() {
+        return {
+            urlCheck: "/api/v1/billing/billet/check-billet",
+            content: {},
+            loading: true
+        }
+    },
+    mounted() {
+        this.checkBillet();
+    },
+    methods: {
+        ...mapActions("generic", ["postApi"]),
+        checkBillet() {
+            let obj = {
+                listIds: this.selected,
+                action: this.action
+            };
+            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.content = response.content;
+                }
+                this.loading = false;
+            });
+        },
+    },
+    watch: {
+        content: {
+            handler(content) {
+                this.$emit("input", content);
+            },
+            deep: true,
+        },
+    }
+}
+
+</script>
+<style scoped>
+.div-billet {
+    border: 1px solid #e8eaed;
+    background-color: #FAFAFC;
+    border-radius: 8px !important;
+    padding: 7px;
+    margin-right: 4px;
+    margin-bottom: 10px;
+}
+
+.icon-ok {
+    color: #007BFF;
+}
+
+.icon-update {
+    color: darkgray;
+}
+
+.icon-error {
+    color: red;
+}
+
+.icon-pdf {
+    color: #0011FF;
+}
+</style>

package/src/components/modules/billing/billet/CreateBillet.vue

@@ -0,0 +1,83 @@
+<template>
+    <div>
+        <div v-if="loading">
+            <br>
+            <span>Aguarde, estamos gerando os boletos, isso pode levar alguns segundos...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <div class="div-select" v-if="listBillet.length != 0">
+                <b-row>
+                    <b-col sm="12">
+                        <Select title="Selecione a Conta Boleto" field="bankAccount" :required="true"
+                            :showNewRegister="false" url="api/v1/billing/billet-config/select-all" v-model="bankAccount" />
+                    </b-col>
+                </b-row>
+            </div>
+            <Molded>
+                <CheckBillet action="create" :selected="selected" v-model="listBillet" />
+            </Molded>
+            <div class="btn-generate text-center" v-if="listBillet.length != 0">
+                <Button _key="btnGenerateBillet" type="primary" title="Emitir Boleto" size="medium"
+                    :disabled="!bankAccount.id" :clicked="generateBillet" />
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import CheckBillet from './CheckBillet.vue'
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+
+    name: "CreateBillet",
+    props: {
+        selected: Array
+    },
+    components: { Molded, Button, CheckBillet, Select, Loading },
+    data() {
+        return {
+            urlCheck: "/api/v1/billing/billet/generate-billet",
+            bankAccount: {},
+            listBillet: [],
+            loading: false
+        }
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        ...mapActions("generic", ["postApi"]),
+        generateBillet() {
+            this.loading = true;
+            let obj = {
+                bankAccount: this.bankAccount,
+                listBillet: this.listBillet
+            };
+            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "generatedBillet" });
+                }
+                this.loading = false;
+                this.removeLoading(["btnGenerateBillet"]);
+            });
+        },
+    }
+
+}
+</script>
+<style scoped>
+.btn-generate {
+    margin-top: 10px;
+}
+
+.div-select{
+    margin-bottom: 12px;
+}
+
+</style>

package/src/components/modules/billing/billet/PDFBillet.vue

@@ -0,0 +1,116 @@
+<template>
+    <div>
+        <div v-if="loading">
+            <span>Aguarde, estamos gerando o PDF, isso pode levar alguns segundos...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <div v-show="!sendEmail && !link">
+                <Molded>
+                    <CheckBillet action="pdf" :selected="selected" v-model="listBillet" />
+                </Molded>
+
+                <div class="btn-generate text-center" v-if="listBillet.length != 0">
+
+                    <Button _key="btnPdfBillet" type="info" title="Baixar PDF" classIcon="fa-solid fa-download" size="small"
+                        :clicked="gerPdf" />
+
+                    <Button _key="btnSendMail" v-if="showButtonEmail" type="info" title="Enviar por E-mail"
+                        classIcon="fa-solid fa-envelope" size="small" :clicked="executeSendMail" />
+
+                    <Button _key="btnLink" v-if="showButtonLink" type="info" title="Gerar Link" classIcon="fa-solid fa-link"
+                        size="small" :clicked="executeLink" />
+
+                </div>
+            </div>
+            <Link v-if="link" :listBillet="listBillet" :showButtonBack="false" />
+            <SendMail v-if="sendEmail" :listBillet="listBillet" :showButtonBack="false" />
+        </div>
+
+    </div>
+</template>
+<script>
+
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import CheckBillet from './CheckBillet.vue'
+import SendMail from '../../adm/document/SendMail.vue'
+import Link from '../../adm/document/Link.vue'
+
+import { mapActions, mapMutations, mapGetters } from "vuex";
+
+export default {
+    name: "PDFBillet",
+    props: {
+        selected: Array,
+        showButtonEmail: {
+            type: Boolean,
+            default: true
+        },
+        showButtonLink: {
+            type: Boolean,
+            default: true
+        }
+    },
+    components: { Alert, Molded, Button, Loading, CheckBillet, SendMail, Link },
+    data() {
+        return {
+            urlCheck: "/api/v1/billing/billet/pdf-billet",
+            listBillet: [],
+            loading: false,
+            sendEmail: false,
+            link: false,
+        }
+    },
+    computed: {
+        ...mapGetters("generic", ["event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        ...mapActions("generic", ["getFileApiWithParameterBody"]),
+        gerPdf() {
+            this.loading = true;
+            let obj = {
+                listBillet: this.listBillet,
+                fileName: `boleto`,
+                fileType: "pdf"
+            };
+            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
+            this.getFileApiWithParameterBody(params).then((response) => {
+                this.addEvent({ name: "generatedPdfBillet" });
+                this.loading = false;
+                this.removeLoading(["btnPdfBillet"]);
+            });
+        },
+        executeSendMail() {
+            this.sendEmail = true;
+            this.removeLoading(["btnSendMail"]);
+        },
+        executeLink() {
+            this.link = true;
+            this.removeLoading(["btnLink"]);
+        }
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "back" || event.name == "emailSent") {
+                    this.sendEmail = false;
+                    this.link = false;
+                }
+            },
+            deep: true,
+        },
+    }
+
+}
+</script>
+<style scoped>
+.btn-generate {
+    margin-top: 10px;
+}
+</style>

package/src/components/modules/billing/billet/UpdateBillet.vue

@@ -0,0 +1,78 @@
+<template>
+    <div>
+        <div v-if="loading">
+            <br>
+            <span>Aguarde, estamos atualizando os boletos, isso pode levar alguns segundos...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <b-row v-if="listBillet.length != 0">
+                <b-col sm="3">
+                    <DateTime title="Vencimento" field="dueDate" format="DD/MM/YYYY" type="date" placeholder
+                        :required="true" v-model="dueDate" />
+                </b-col>
+            </b-row>
+            <Molded>
+                <CheckBillet action="update" :selected="selected" v-model="listBillet" />
+            </Molded>
+            <div class="btn-generate text-center" v-if="listBillet.length != 0">
+                <Button _key="btnUpdateBillet" type="success" title="Alterar Boleto" size="medium" :disabled="!dueDate"
+                    :clicked="updateBillet" />
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import CheckBillet from './CheckBillet.vue'
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+
+    name: "UpdateBillet",
+    props: {
+        selected: Array
+    },
+    components: { Molded, Button, CheckBillet, DateTime, Alert, Loading },
+    data() {
+        return {
+            urlCheck: "/api/v1/billing/billet/update-billet",
+            dueDate: "",
+            listBillet: [],
+            loading: false
+        }
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        ...mapActions("generic", ["postApi"]),
+        updateBillet() {
+            this.loading = true;
+            let obj = {
+                dueDate: this.dueDate,
+                listBillet: this.listBillet
+            };
+            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "updatedBillet" });
+                }
+                this.loading = false;
+                this.removeLoading(["btnUpdateBillet"]);
+            });
+        },
+    }
+
+}
+</script>
+<style scoped>
+.btn-generate {
+    margin-top: 10px;
+}
+</style>

package/src/components/modules/billing/billet-config/BilletConfig.js

@@ -0,0 +1,12 @@
+export default class BilletConfig {
+    constructor() {
+        this.id = "";
+        this.bankAccount = { id: "", content: "" };
+        this.tokenAccount = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.bankAccount = { id: data.bankAccount.id, content: data.bankAccount.name };
+        this.tokenAccount = data.tokenAccount;
+    }
+}

package/src/components/modules/billing/billet-config/BilletConfigCreateUpdate.vue

@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <Select title="Conta Bancária" field="bankAccount" :formName="formName" :required="true"
+          v-model="billetConfig.bankAccount" url="api/v1/finance/bank-account/select-all"
+          :showNewRegister="false">
+        </Select>
+      </b-col>
+      <b-col sm="12">
+        <InputText title="Token" field="token" :formName="formName" :required="true" :maxLength="500"
+          v-model="billetConfig.tokenAccount" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="saveBilletConfig" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveBilletConfig" />
+        </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 Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+
+import BilletConfig from "@/components/modules/billing/billet-config/BilletConfig.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "BilletConfigCreateUpdate",
+  props: {
+    value: Object,
+  },
+  components: { Button, InputText, Select },
+  data() {
+    return {
+      formName: "billetConfigCreateUpdate",
+      billetConfig: new BilletConfig(),
+      urlCreate: "/api/v1/billing/billet-config/create",
+      urlUpdate: "/api/v1/billing/billet-config/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideModal", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveBilletConfig() {
+      if (this.billetConfig.id) {
+        let params = { url: this.urlUpdate, obj: this.billetConfig };
+        this.putApi(params).then((response) => {
+          if (response.success) this.hideModal();
+          this.removeLoading(["saveBilletConfig"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.billetConfig };
+        this.postApi(params).then((response) => {
+          if (response.success) this.hideModal();
+          this.removeLoading(["saveBilletConfig"]);
+        });
+      }
+    },
+    update(data) {
+      this.billetConfig = new BilletConfig();
+      this.billetConfig.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "billetConfigCreate") {
+          this.resetValidation(this.formName);
+          this.billetConfig = new BilletConfig();
+        }
+        if (event.name == "billetConfigUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>