@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/views/modules/finance/DrePayableReceivable.vue

@@ -1,248 +0,0 @@
-<template>
-  <div>
-    <ReportCrossTable module="Financeiro" name="Relatório de Desempenho Financeiro" urlGet="/api/v1/finance/report/dre"
-      :filters="filters" />
-
-    <Modal title="Lançamentos" :width="1100" :height="750" v-if="showModal('details')">
-      <Loading :center="false" v-show="loading" />
-      <SubReport name="Lançamentos" v-show="!loading" :titleHeader="subReport.title" :minHeight="500"
-        :header="subReport.fields" :data="subReport.data" :totalizationCustom="subReport.totalization" />
-    </Modal>
-  </div>
-</template>
-
-<script>
-
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import SubReport from "@nixweb/nixloc-ui/src/component/shared/Report";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import ReportCrossTable from '../../../components/modules/finance/dre/ReportCrossTable.vue'
-
-import { mapGetters, mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "DrePayableReceivable",
-  components: {
-    Modal, SubReport, Loading, ReportCrossTable
-  },
-  data() {
-    return {
-      urlGetSubReportApi: "/api/v1/finance/report/sub-dre",
-      filters: [
-        {
-          type: "multiOptions",
-          title: "Centro de Custo",
-          field: "CostCenterName",
-          url: "/api/v1/finance/cost-center/select-all",
-          propsParams: {},
-          value: "",
-        },
-        {
-          type: "multiOptions",
-          title: "Conta Bancária",
-          field: "BankAccountName",
-          url: "/api/v1/finance/bank-account/select-all",
-          propsParams: {},
-          value: "",
-        },
-        {
-          type: "date",
-          title: "Data de Cadastro",
-          field: "RegisteredDate",
-          value: "",
-          required: true,
-        },
-        {
-          type: "date",
-          title: "Data de Competência",
-          field: "CompetenceDate",
-          value: "",
-          required: true,
-        },
-        {
-          type: "date",
-          title: "Data de Conciliação",
-          field: "ConciliationDate",
-          value: "",
-          required: true,
-        },
-        {
-          type: "date",
-          title: "Data de Vencimento",
-          field: "DueDate",
-          value: "",
-          required: true,
-        },
-        {
-          type: "text",
-          title: "Descrição",
-          field: "Description",
-          value: "",
-        },
-        {
-          type: "multiOptions",
-          title: "Destinatário",
-          field: "RecipientName",
-          url: "/api/v1/finance/payable-receivable/select-all-recipient",
-          propsParams: {},
-          value: "",
-        },
-        {
-          type: "text",
-          title: "Documento",
-          field: "Document",
-          value: "",
-        },
-        {
-          type: "options",
-          title: "Pagar ou Receber",
-          field: "TypeName",
-          options: [
-            { text: "Pagar", value: "Pagar" },
-            { text: "Receber", value: "Receber" },
-          ],
-          value: [],
-        },
-        {
-          type: "multiOptions",
-          title: "Plano de Conta",
-          field: "ChartOfAccountsName",
-          url: "/api/v1/finance/chart-of-accounts/select-all",
-          propsParams: {},
-          value: "",
-        },
-        {
-          type: "options",
-          title: "Pago/Recebido",
-          field: "PaidName",
-          options: [
-            { text: "Sim", value: "Sim" },
-            { text: "Não", value: "Não" },
-          ],
-          value: [],
-        },
-        {
-          type: "options",
-          title: "Status",
-          field: "Status",
-          options: [
-            { text: "Agendada", value: "Agendada" },
-            { text: "Pago", value: "Pago" },
-            { text: "Recebido", value: "Recebido" },
-            { text: "Pendente", value: "Pendente" },
-          ],
-          value: [],
-        },
-        {
-          type: "multiOptions",
-          title: "Tipo de Pagamento",
-          field: "TypePaymentName",
-          url: "/api/v1/finance/type-payment/select-all",
-          propsParams: {},
-          value: "",
-        },
-        {
-          type: "decimal",
-          title: "Valor",
-          field: "Value",
-          valueStart: 0,
-          valueEnd: 0,
-        },
-        {
-          type: "decimal",
-          title: "Desconto",
-          field: "Discount",
-          valueStart: 0,
-          valueEnd: 0,
-        },
-        {
-          type: "decimal",
-          title: "Multa",
-          field: "Fees",
-          valueStart: 0,
-          valueEnd: 0,
-        },
-        {
-          type: "decimal",
-          title: "Geral",
-          field: "General",
-          valueStart: 0,
-          valueEnd: 0,
-        },
-      ],
-      subReport: {
-        title: "",
-        fields: [
-          {
-            field: "recipientName",
-            title: "Destinatário",
-            type: "text",
-            styleHeader: "width:250px;",
-            styleBody: "max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",
-          },
-          {
-            field: "description",
-            title: "Descrição",
-            type: "text",
-            styleHeader: "width:300px;",
-            styleBody: "max-width: 500px; overflow-wrap: break-word; word-break: break-word;",
-          },
-          {
-            field: "dueDateStr",
-            title: "Dt Vencimento",
-            type: "text",
-          },
-          {
-            field: "competenceDateStr",
-            title: "Dt Competência",
-            type: "text",
-          },
-          {
-            title: "R$ Valor",
-            field: "generalStr",
-            type: "text",
-          },
-        ],
-        data: [],
-        totalization: [],
-      },
-      loading: false,
-    }
-  },
-  computed: {
-    ...mapGetters("generic", ["event", "showModal"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi"]),
-    ...mapMutations("generic", ["openModal", "hideModal"]),
-    getAll(ids) {
-      this.loading = true;
-      let params = {
-        url: this.urlGetSubReportApi,
-        obj: { ids: ids },
-        notNotifyToast: true
-      };
-      this.postApi(params).then((response) => {
-        this.subReport.data = response.content.data;
-        this.subReport.totalization = response.content.totalization;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "details") {
-          this.subReport.title = event.data.title;
-          this.openModal("details");
-          this.getAll(event.data.ids);
-        }
-      },
-      deep: true,
-    },
-  },
-}
-
-
-</script>

package/src/views/modules/finance/NewPayableReceivableList.vue

@@ -1,239 +0,0 @@
-<template>
-    <div>
-        <Panel :module="panel.module" :title="panel.title" :showFilter="panel.showFilter" :showSearch="panel.showSearch"
-            :showButtons="panel.showButtons">
-            <div slot="content-main">
-                <div class="finance-list-date-year-month text-center">
-                    <DateYearMonth mode="month" @changed="aaa" v-model="propsParam" />
-                </div>
-                <br />
-                NÃO ESQUECER DE AJUSTAR A TAG NO PLANNER
-                <PayableReceivableList :items="items" @select="abrirDetalhes" @edit="editarItem">
-                    <Button _key="btnPayableReceivableCreate" classIcon="fa-solid fa-plus" type="primary" size="small"
-                        eventName="productCreate" :clicked="create" />
-                    <div class="finance-list-filter">
-                        <FilterQuery :filters="filters" v-model="stringFilter" />
-                    </div>
-                </PayableReceivableList>
-                <BottomActionsBar :selected="selected" @close="addSelected([])">
-                    <ActionsSelected :selected="selected" :actions="actions" />
-                </BottomActionsBar>
-            </div>
-        </Panel>
-    </div>
-</template>
-<script>
-
-
-import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
-import ActionsSelected from "@nixweb/nixloc-ui/src/component/shared/actions/ActionsSelected.vue";
-import BottomActionsBar from "@nixweb/nixloc-ui/src/component/layout/BottomActionsBar.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import DateYearMonth from "@nixweb/nixloc-ui/src/component/forms/DateYearMonth";
-import FilterQuery from '@nixweb/nixloc-ui/src/component/shared/filter-builder/FilterQuery.vue'
-
-import PayableReceivableList from '../../../components/modules/finance/new-payable-receivable/PayableReceivableList.vue'
-
-import { mapState, mapMutations } from "vuex";
-
-export default {
-    name: "NewPayableReceivableList",
-    components: {
-        Panel,
-        ActionsSelected,
-        BottomActionsBar,
-        Button,
-        DateYearMonth,
-        FilterQuery,
-        PayableReceivableList
-    },
-    data() {
-        return {
-            panel: {
-                module: "Financeiro",
-                title: "Pagar e Receber",
-                showFilter: false,
-                showSearch: true,
-                showButtons: false,
-            },
-            items: [
-                {
-                    id: "1",
-                    icon: 'fa-solid fa-piggy-bank',
-                    colorIcon: 'orange',
-                    type: 'receber',
-                    recipientName: 'Hilaqui Produções e Eventos Ltda Hilaqui Produções e Eventos Ltda',
-                    description: "Pagamento de locação para fornecedores da casa 200",
-                    dueDate: '2025-10-20',
-                    status: 'hoje',
-                    logoBank: "c6bank.png",
-                    tags: ["Boleto", "Locação Nº 10", "Fatura Nº 28", "Despesas (Aluguel)", "Locação Nº 10", "Fatura Nº 28"],
-                    tagsCustom: [{ name: "Projeto 44", color: '#DF2526' }],
-                    value: 1500,
-                    typeBalance: 'negative',
-                    balance: 3500,
-                },
-                {
-                    id: "2",
-                    icon: 'fa-solid fa-piggy-bank',
-                    colorIcon: 'orange',
-                    type: 'pagar',
-                    recipientName: 'Nixweb Sistemas Ltda',
-                    description: "Mensalidade",
-                    dueDate: '2025-10-20',
-                    status: 'pendente',
-                    logoBank: "c6bank.png",
-                    tags: ["Boleto", "Despesas (Aluguel)"],
-                    tagsCustom: [{ name: "Projeto 88", color: 'blue' }],
-                    value: 1500,
-                    typeBalance: 'positive',
-                    balance: 2800,
-                },
-                {
-                    id: "3",
-                    icon: 'fa-solid fa-piggy-bank',
-                    colorIcon: 'orange',
-                    type: 'pagar',
-                    recipientName: 'Nixweb Sistemas Ltda',
-                    description: "Mensalidade",
-                    dueDate: '2025-10-19',
-                    status: 'pendente',
-                    logoBank: "c6bank.png",
-                    tags: ["Boleto", "Despesas (Aluguel)"],
-                    tagsCustom: [],
-                    value: 1500,
-                    typeBalance: 'positive',
-                    balance: 2800,
-                },
-            ],
-            actions: [
-                { type: "delete", title: "Remover", description: "Remover", url: "/api/v1/finance/bank-account/delete", method: "delete", },
-            ],
-            propsParam: {
-                optionSelected: '',
-                startEnd: ['10/10/2025', '20/10/2025'],
-                year: 2026,
-                month: 11
-            },
-            stringFilter: "",
-            filters: [
-                {
-                    type: "multiOptions",
-                    title: "Centro de Custo",
-                    field: "CostCenterName",
-                    url: "/api/v1/finance/cost-center/select-all",
-                    propsParams: {},
-                    value: "",
-                },
-                {
-                    type: "multiOptions",
-                    title: "Conta Bancária",
-                    field: "BankAccountName",
-                    url: "/api/v1/finance/bank-account/select-all",
-                    propsParams: {},
-                    value: "",
-                },
-                {
-                    type: "text",
-                    title: "Documento",
-                    field: "Document",
-                    value: "",
-                },
-                {
-                    type: "date",
-                    title: "Data de Vencimento",
-                    field: "_DueDate",
-                    value: "",
-                },
-                {
-                    type: "date",
-                    title: "Data de Competência",
-                    field: "_CompetenceDate",
-                    value: "",
-                },
-                {
-                    type: "options",
-                    title: "Pagar ou Receber",
-                    field: "TypeName",
-                    options: [
-                        { text: "Pagar", value: "Pagar" },
-                        { text: "Receber", value: "Receber" },
-                    ],
-                    value: [],
-                },
-                {
-                    type: "multiOptions",
-                    title: "Plano de Conta",
-                    field: "ChartOfAccountsName",
-                    url: "/api/v1/finance/chart-of-accounts/select-all",
-                    propsParams: {},
-                    value: "",
-                },
-                {
-                    type: "options",
-                    title: "Pago/Recebido",
-                    field: "PaidName",
-                    options: [
-                        { text: "Sim", value: "Sim" },
-                        { text: "Não", value: "Não" },
-                    ],
-                    value: [],
-                },
-                {
-                    type: "options",
-                    title: "Status",
-                    field: "Status",
-                    options: [
-                        { text: "Agendada", value: "Agendada" },
-                        { text: "Pago", value: "Pago" },
-                        { text: "Recebido", value: "Recebido" },
-                        { text: "Pendente", value: "Pendente" },
-                    ],
-                    value: [],
-                },
-                {
-                    type: "multiOptions",
-                    title: "Tipo de Pagamento",
-                    field: "TypePaymentName",
-                    url: "/api/v1/finance/type-payment/select-all",
-                    propsParams: {},
-                    value: "",
-                },
-                {
-                    type: "decimal",
-                    title: "Valor",
-                    field: "Value",
-                    valueStart: 0,
-                    valueEnd: 0,
-                },
-            ],
-        }
-    },
-    computed: {
-        ...mapState("generic", ["selected"]),
-    },
-    created() {
-        let self = this;
-        setTimeout(function () {
-            self.removeLoading(["panel"]);
-        }, 100);
-    },
-    methods: {
-        ...mapMutations("generic", ["removeLoading"]),
-        ...mapMutations("generic", ["addSelected"]),
-        getAll() {
-
-        }
-    }
-}
-
-</script>
-<style scoped>
-.finance-list-filter {
-    padding: 18px 0px 0px 0px;
-}
-
-.finance-list-date-year-month {
-    margin-top: 20px;
-}
-</style>

package/src/views/modules/finance/PayableReceivableCreateUpdate.vue

@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateWithSalveCancel :panel="panel">
-      <div slot="content-buttons">
-        <Button v-if="id" _key="btnPayableReceivabletCreate" title="Pagar e Receber" classIcon="fas fa-plus-circle"
-          type="primary" size="small" :clicked="create" />
-      </div>
-      <div slot="content-main">
-        <PayableReceivableCreateUpdate :formName="panel.formName" />
-      </div>
-    </ViewTemplateWithSalveCancel>
-  </div>
-</template>
-
-<script>
-import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
-import PayableReceivableCreateUpdate from "../../../components/modules/finance/payable-receivable/PayableReceivableCreateUpdate.vue";
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "BankAccountCreateUpdateView",
-  components: {
-    Button,
-    Molded,
-    ViewTemplateWithSalveCancel,
-    PayableReceivableCreateUpdate,
-  },
-  data() {
-    return {
-      id: this.$route.params.id,
-      panel: {
-        module: "Financeiro",
-        title: "Pagar e Receber",
-        formName: "productCreateUpdate",
-        showFilter: false,
-        showSearch: false,
-        showButtons: true,
-      },
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["removeLoading"]),
-    create() {
-      this.$router.push({
-        name: "payableReceivableCreate",
-      });
-      this.removeLoading(["btnPayableReceivabletCreate"]);
-    },
-  },
-};
-</script>