@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/dashboard/task/PanelTask.vue

@@ -0,0 +1,121 @@
+<template>
+    <div>
+        <div class="div-title-task">Tarefa</div>
+        <div class="side-by-side div-task" @click="navegateTo('delayed')">
+            <div class="title-task text-center task-delay">PENDENTES EM ATRASO</div>
+            <div class="text-center">
+                <div class="total-task">
+                    {{ data.pending }}
+                </div>
+                <div class="sub-title-task">
+                    Total
+                </div>
+            </div>
+        </div>
+        <div class="side-by-side div-task" @click="navegateTo('today')">
+            <div class="title-task text-center task-today"> HOJE </div>
+            <div class="text-center">
+                <div class="total-task">
+                    {{ data.today }}
+                </div>
+                <div class="sub-title-task">
+                    Total
+                </div>
+            </div>
+        </div>
+        <div class="side-by-side div-task" @click="navegateTo('scheduled')">
+            <div class="title-task text-center task-success">PRAZO</div>
+            <div class="text-center">
+                <div class="total-task">
+                    {{ data.scheduled }}
+                </div>
+                <div class="sub-title-task">
+                    Total
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+
+import { mapActions, mapState } from "vuex";
+
+export default {
+    name: "PanelTask",
+    data() {
+        return {
+            urlGet: "/api/v1/shared/job/job-dashboard",
+            data: {},
+        }
+    },
+    mounted() {
+        this.getAll();
+    },
+    computed: {
+        ...mapState("user", ["userLogged"]),
+    },
+    methods: {
+        ...mapActions("generic", ["getApi"]),
+        getAll() {
+            this.loading = true;
+            let params = { url: this.urlGet, obj: { id: this.userLogged.user.id } };
+            this.getApi(params).then((response) => {
+                this.data = response.content;
+            });
+        },
+        navegateTo(filter) {
+            this.$router.push({
+                name: "jobListFilter",
+                params: { filter: filter }
+            });
+        }
+    }
+}
+
+</script>
+<style scoped>
+.div-task {
+    margin-left: 6px;
+    margin-right: 25px;
+    border-radius: 15px;
+    width: 130px;
+    height: 137px;
+    background-color: #F8F9FA;
+    cursor: pointer;
+}
+
+.div-title-task {
+    font-size: 21px;
+    margin-bottom: 10px;
+    margin-left: 10px;
+}
+
+.title-task {
+    font-size: 13px;
+    border-radius: 15px 15px 0px 0px;
+    color: white;
+    font-weight: 600;
+    padding: 5px;
+    height: 60px;
+}
+
+.task-today {
+    background-color: #FF8A1B;
+    font-size: 20px;
+
+}
+
+.task-delay {
+    background-color: #FF6362;
+}
+
+.task-success {
+    background-color: #3D4EAE;
+    font-size: 15px;
+}
+
+.total-task {
+    font-size: 20px;
+    font-weight: 600;
+}
+</style>

package/src/components/modules/finance/bank/Bank.js

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

package/src/components/modules/finance/bank/BankCreateUpdate.vue

@@ -0,0 +1,101 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="4">
+        <InputText title="Número" field="number" :formName="formName" :required="true" :maxLength="10"
+          v-model="bank.number" :markFormDirty="false" />
+      </b-col>
+      <b-col sm="8">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="50" v-model="bank.name"
+          :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="btnSaveBank" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveBank" />
+        </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 Bank from "@/components/modules/finance/bank/Bank.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "BankCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { InputText, Button },
+  data() {
+    return {
+      formName: "bankCreateUpdate",
+      bank: new Bank(),
+      urlCreate: "/api/v1/finance/bank/create",
+      urlUpdate: "/api/v1/finance/bank/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveBank() {
+      if (this.bank.id) {
+        let params = { url: this.urlUpdate, obj: this.bank };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["btnSaveBank"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.bank };
+        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(["btnSaveBank"]);
+        });
+      }
+    },
+    update(data) {
+      this.bank = new Bank();
+      this.bank.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "bankCreate") {
+          this.resetValidation(this.formName);
+          this.bank = new Bank();
+        }
+        if (event.name == "bankUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/finance/bank-account/BankAccountCreateUpdate.js

@@ -0,0 +1,34 @@
+export default class BankAccountCreateUpdate {
+    constructor() {
+        this.id = "";
+        this.name = "";
+        this.urlLogo = "";
+        this.bank = { id: "", content: "" };
+        this.agency = "";
+        this.agencyDigit = "";
+        this.type = 1;
+        this.accountNumber = "";
+        this.accountDigit = "";
+        this.openingBalance = 0;
+        this.accountBalance = "";
+        this.pluggyId = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.type = data.type;
+        this.name = data.name;
+        this.urlLogo = data.urlLogo;
+
+        if (this.type == 1) {
+            this.bank = { id: data.bank.id, content: data.bank.name };
+            this.agency = data.agency;
+            this.agencyDigit = data.agencyDigit;
+            this.accountNumber = data.accountNumber;
+            this.accountDigit = data.accountDigit;
+        }
+
+        this.openingBalance = data.openingBalance;
+        this.accountBalance = data.accountBalance;
+        this.pluggyId = data.pluggyId;
+    }
+}

package/src/components/modules/finance/bank-account/BankAccountCreateUpdate.vue

@@ -0,0 +1,224 @@
+<template>
+  <div class="margin">
+    <Molded v-if="id">
+      <b-row>
+        <b-col xs="12" sm="12" md="12" lg="8" xl="8">
+          <b-row>
+            <b-col xs="12" sm="12" md="12" lg="1" xl="1">
+              <img :src="'https://espaco.blob.core.windows.net/nixloc-bank-logo/' +
+      bankAccount.urlLogo
+      " class="img img-bank" />
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="11" xl="11">
+              <div class="div-balance" :class="{
+      positive: bankAccount.accountBalance >= 0,
+      negative: bankAccount.accountBalance < 0,
+    }">
+                Saldo Atual {{ bankAccount.accountBalance | currency }}
+              </div>
+            </b-col>
+          </b-row>
+        </b-col>
+      </b-row>
+    </Molded>
+    <br v-if="id" />
+    <Molded>
+      <div class="div-pluggy" v-if="id && numberOfOpenFinance > 0">
+        <PluggyConnect :pluggyId="bankAccount.pluggyId" />
+      </div>
+      <b-row>
+        <b-col xs="12" sm="12" md="12" lg="12" xl="12">
+          <RadioGroup :formName="formName" :options="[
+      { text: 'Conta Bancária', value: 1 },
+      { text: 'Caixa Interno', value: 2 },
+    ]" v-model="bankAccount.type" />
+        </b-col>
+      </b-row>
+      <b-row v-if="isBankAccount">
+        <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+          <Select title="Banco" field="bank" :formName="formName" :required="isBankAccount"
+            url="/api/v1/finance/bank/select-all" v-model="bankAccount.bank" nameNewRegister="bankCreateUpdate"
+            titleNewRegister="Banco" :widthNewRegister="500" :heightNewRegister="250">
+            <BankCreateUpdate :registerInSelect="true" v-model="bankAccount.bank" />
+          </Select>
+        </b-col>
+      </b-row>
+      <b-row v-if="isBankAccount">
+        <b-col xs="6" sm="6" md="6" lg="2" xl="2">
+          <InputText title="Agência" field="agency" :formName="formName" :required="isBankAccount" :maxLength="10"
+            v-model="bankAccount.agency" />
+        </b-col>
+        <b-col xs="6" sm="6" md="6" lg="1" xl="1">
+          <InputText title="Digito" field="agencyDigit" :formName="formName" :required="false" :maxLength="10"
+            v-model="bankAccount.agencyDigit" />
+        </b-col>
+        <b-col xs="6" sm="6" md="6" lg="3" xl="3">
+          <InputText title="Conta" field="accountNumber" :formName="formName" :required="isBankAccount" :maxLength="20"
+            v-model="bankAccount.accountNumber" />
+        </b-col>
+        <b-col xs="6" sm="6" md="6" lg="1" xl="1">
+          <InputText title="Digito" field="accountDigit" :formName="formName" :required="false" :maxLength="10"
+            v-model="bankAccount.accountDigit" />
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+          <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="100"
+            v-model="bankAccount.name" />
+        </b-col>
+        <b-col xs="6" sm="6" md="6" lg="2" xl="2">
+          <InputDecimal title="Saldo Inicial R$" field="openingBalance" :formName="formName" :required="false"
+            :allowNegative="true" v-model="bankAccount.openingBalance" />
+        </b-col>
+      </b-row>
+    </Molded>
+    <br />
+  </div>
+</template>
+
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import BankCreateUpdate from "../bank/BankCreateUpdate.vue";
+
+import BankAccountCreateUpdate from "@/components/modules/finance/bank-account/BankAccountCreateUpdate.js";
+
+import PluggyConnect from '../pluggy/PluggyConnect.vue'
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "BankAccountCreateUpdate",
+  props: {
+    value: Object,
+  },
+  components: {
+    InputText,
+    InputDecimal,
+    Select,
+    RadioGroup,
+    CheckboxGroup,
+    Molded,
+    Button,
+    BankCreateUpdate, PluggyConnect
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      formName: "bankAccountCreateUpdate",
+      bankAccount: new BankAccountCreateUpdate(),
+      urlGetPlan: "/api/v1/adm/company/get-plan",
+      urlCreate: "/api/v1/finance/bank-account/create",
+      urlUpdate: "/api/v1/finance/bank-account/update",
+      urlGetById: "/api/v1/finance/bank-account/get-by-id",
+      numberOfOpenFinance: 0,
+    };
+  },
+  created() {
+    if (this.id) this.getById();
+    this.getPlan();
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "isLoading"]),
+    isBankAccount() {
+      if (this.bankAccount.type == 1) return true;
+      return false;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+    ...mapMutations("generic", ["removeLoading"]),
+    ...mapMutations("validation", ["removeFormDirty"]),
+    // o getPlan está provisório, após teste liberar para qualquer cliente e validar pela quantidade de contas bancárias contratadas
+    getPlan() {
+      let params = {
+        url: this.urlGetPlan,
+      };
+      this.getApi(params).then((response) => {
+        this.numberOfOpenFinance = response.content.plan.numberOfOpenFinance;
+      });
+    },
+    create() {
+      let params = { url: this.urlCreate, obj: this.bankAccount };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.$router.replace({
+            name: "bankAccountUpdate",
+            params: { id: response.content.id },
+          });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    update() {
+      let params = { url: this.urlUpdate, obj: this.bankAccount };
+      this.putApi(params).then((response) => {
+        if (response.success) this.getById();
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    getById() {
+      let params = { url: this.urlGetById, obj: { id: this.id } };
+      this.getApi(params).then((response) => {
+        this.bankAccount.update(response.content);
+        let self = this;
+        setTimeout(function () {
+          self.removeLoading(["panel"]);
+          self.removeFormDirty();
+        }, 100);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+
+        if (event.name == "pluggyUpdated") {
+          this.getById();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.margin {
+  margin-right: 10px;
+}
+
+.div-balance {
+  font-size: 16px;
+  margin-top: 3px;
+}
+
+.positive {
+  color: darkblue;
+}
+
+.negative {
+  color: red;
+}
+
+.img-bank {
+  border-radius: 10px;
+}
+
+.div-pluggy {
+  margin-top: 5px;
+  margin-bottom: 12px;
+}
+</style>

package/src/components/modules/finance/bank-reconciliation/AddTransactionsList.vue

@@ -0,0 +1,137 @@
+<template>
+    <div>
+        <div>
+            <b-row>
+                <b-col sm="4">
+                    <Select title="Categoria (Padrão) " url="api/v1/finance/chart-of-accounts/select-all"
+                        :showNewRegister="false" v-model="chartOfAccounts">
+                    </Select>
+                </b-col>
+                <b-col sm="4">
+                    <Select title="Tipo de Pagamento (Padrão)" url="/api/v1/finance/type-payment/select-all"
+                        :showNewRegister="false" v-model="typePayment">
+                    </Select>
+                </b-col>
+                <b-col sm="4">
+                    <Select title="Conta Bancária (Padrão)" url="api/v1/finance/bank-account/select-all"
+                        :showNewRegister="false" v-model="bankAccount">
+                    </Select>
+                </b-col>
+            </b-row>
+            <br>
+        </div>
+        <div class="main-reconciliation">
+            <div v-for="item in selected">
+                <div class="div-molded">
+                    <Molded>
+                        <ItemReconciliation :item="item" :isNew="true" :removed="removeItem" />
+                    </Molded>
+                </div>
+            </div>
+            <div v-show="selected.length == 0">
+                <span>Nenhum registro selecionado!</span>
+            </div>
+        </div>
+        <div class="div-btn text-center">
+            <Button _key="btnCreatePayableReceivable" :disabled="selected.length == 0" type="success"
+                title="Gerar Conciliação" size="medium" :clicked="createPayableReceivable" />
+        </div>
+    </div>
+</template>
+
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import ItemReconciliation from './ItemReconciliation.vue'
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "ReconciliationList",
+    props: {
+        selected: Array,
+        value: Number
+    },
+    components: {
+        Molded, Button, ItemReconciliation, Select
+    },
+    data() {
+        return {
+            urlCreatePayableReceivable: "/api/v1/finance/bank-reconciliation/create-payable-receivable",
+            chartOfAccounts: {},
+            typePayment: {},
+            bankAccount: {},
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["postApi"]),
+        ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
+        createPayableReceivable() {
+            let params = {
+                url: this.urlCreatePayableReceivable,
+                obj:
+                    { id: this.id, listBankReconciliationResponse: this.selected },
+                notNotifyToast: true,
+            };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.hideModal();
+                    this.addEvent({ name: "reconciliationAddExecuted" });
+                }
+                this.removeLoading(["btnCreatePayableReceivable"]);
+
+            });
+        },
+        removeItem(id) {
+            let filter = this.selected.filter(function (item) {
+                return item.id != id;
+            });
+            this.selected = filter;
+        },
+    },
+    watch: {
+        chartOfAccounts: {
+            handler(chartOfAccounts) {
+                this.selected.forEach(item => {
+                    item.chartOfAccounts = { id: chartOfAccounts.id, content: chartOfAccounts.content }
+                });
+            },
+            deep: true,
+        },
+        typePayment: {
+            handler(typePayment) {
+                this.selected.forEach(item => {
+                    item.typePayment = { id: typePayment.id, content: typePayment.content }
+                });
+            },
+            deep: true,
+        },
+        bankAccount: {
+            handler(bankAccount) {
+                this.selected.forEach(item => {
+                    item.bankAccount = { id: bankAccount.id, content: bankAccount.content }
+                });
+            },
+            deep: true,
+        },
+    },
+
+}
+</script>
+<style scoped>
+.main-reconciliation {
+    height: 500px;
+    overflow: auto;
+    padding-right: 10px;
+}
+
+.div-molded {
+    margin-bottom: 15px;
+}
+
+.div-btn {
+    margin: 10px
+}
+</style>

package/src/components/modules/finance/bank-reconciliation/BankReconciliation.js

@@ -0,0 +1,7 @@
+export default class BankReconciliation {
+    constructor() {
+        this.id = "";
+        this.container = "nixloc-finance-ofx";
+        this.fileName = "";
+    }
+}