@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/views/modules/faturamento/Semaforo.vue

@@ -0,0 +1,135 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :propsParams="propsParams">
+      <div slot="content-buttons">
+        <Button
+          chave="inserirSemaforo"
+          title="Semáforo"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          eventName="inserirSemaforo"
+          :clicked="inserirSemaforo"
+        />
+      </div>
+    </ViewTemplateWithTable>
+    <Modal
+      title="Semáforo"
+      :width="850"
+      :height="530"
+      v-show="showModal('inserirEditarSemaforo')"
+    >
+      <InserirEditarSemaforo />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import Modal from "@/component/forms/Modal";
+import InserirEditarSemaforo from "@/components/modules/invoicing/semaforo/InserirEditarSemaforo";
+import Button from "@/component/forms/Button";
+import ViewTemplateWithTable from "@/component/template/ViewTemplateWithTable";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "SemaforoView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+    InserirEditarSemaforo,
+    Modal,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Invoicing",
+        title: "Semáforo",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetAllApi: "api/v1/invoicing/semaforo/get-all",
+        urlDeleteAllApi: "api/v1/invoicing/semaforo/delete",
+        headerTable: [
+          {
+            field: "identification",
+            title: "Identificação",
+            type: "texto",
+          },
+          {
+            field: "de",
+            title: "De (dia)",
+            type: "texto",
+            classCssTitle: "text-center",
+            classCssBody: "text-center tabela-numero",
+          },
+          {
+            field: "ate",
+            title: "Até (dia)",
+            type: "texto",
+            classCssTitle: "text-center",
+            classCssBody: "text-center tabela-numero",
+          },
+          {
+            field: "estiloTextoHtml",
+            title: "Cor InputText",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center ",
+          },
+          {
+            field: "estiloFundoHtml",
+            title: "Cor Fundo",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            type: "botao",
+            qualBotao: "botao",
+            botao: {
+              title: "Editar",
+              size: "small",
+              type: "editar",
+              eventName: "editarSemaforo",
+            },
+            classCssBody: "text-right",
+          },
+        ],
+      },
+      propsParams: {},
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    inserirSemaforo() {
+      this.openModal("inserirEditarSemaforo");
+      this.removeLoading(["inserirSemaforo"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "editarSemaforo") this.openModal("inserirEditarSemaforo");
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<!-- ESTILO NÃO PODE SER SCOPED -->
+
+<style>
+.badge-semaforo {
+  background-color: red;
+  width: 30px;
+  height: 30px;
+  border-radius: 50px;
+}
+</style>

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

@@ -0,0 +1,80 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <Button _key="btnBankCreate" title="Banco" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Banco" :width="500" :height="250" v-show="showModal('bankCreateUpdate')">
+      <BankCreateUpdate />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import BankCreateUpdate from "../../../components/modules/finance/bank/BankCreateUpdate.vue";
+
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "TypePaymentView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+    Modal,
+    BankCreateUpdate,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/finance/bank/get-all",
+        urlDeleteAllApi: "/api/v1/finance/bank/delete",
+        headerTable: [
+          {
+            field: "urlLogo",
+            container: "nixloc-bank-logo",
+            type: "image",
+            classCssBody: "img-bank",
+          },
+          {
+            field: "name",
+            title: "Nome",
+            type: "link",
+            iconSearch: true,
+            eventName: "bankUpdate",
+          },
+          {
+            field: "number",
+            title: "Número",
+            type: "text",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.openModal("bankCreateUpdate");
+      this.addEvent({ name: "bankCreate" });
+      this.removeLoading(["btnBankCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "bankUpdate") this.openModal("bankCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-buttons">
+        <Button v-if="id" _key="btnBankAccountCreate" title="Conta Bancária" classIcon="fas fa-plus-circle"
+          type="primary" size="small" :clicked="create" />
+      </div>
+      <div slot="content-main">
+        <BankAccountCreateUpdate :formName="panel.formName" />
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+import BankAccountCreateUpdate from "../../../components/modules/finance/bank-account/BankAccountCreateUpdate.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,
+    BankAccountCreateUpdate,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "Financeiro",
+        title: "Conta Bancária",
+        formName: "productCreateUpdate",
+        showFilter: false,
+        showSearch: false,
+        showButtons: true,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    create() {
+      this.$router.push({
+        name: "bankAccountCreate",
+      });
+      this.removeLoading(["btnBankAccountCreate"]);
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,96 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <Button _key="btnBankAccountCreate" title="Conta Bancária" classIcon="fas fa-plus-circle" type="primary"
+          size="small" :clicked="create" />
+      </div>
+    </ViewTemplateConfiguration>
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "BankAccountView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/finance/bank-account/get-all",
+        urlDeleteAllApi: "/api/v1/finance/bank-account/delete",
+        headerTable: [
+          {
+            field: "urlLogo",
+            container: "nixloc-bank-logo",
+            type: "image",
+            classCssBody: "img-bank",
+          },
+          {
+            field: "fullName",
+            title: "Conta",
+            type: "link",
+            iconSearch: true,
+            classCssBody: "center-vertical-bank",
+            routeName: "bankAccountUpdate",
+          },
+          {
+            field: "openingBalance",
+            title: "Saldo Inicial",
+            type: "currency",
+            classCssTitle: "text-center",
+            classCssBody: "center-vertical-bank text-center",
+          },
+          {
+            field: "accountBalance",
+            title: "Saldo Atual",
+            type: "currency",
+            classCssTitle: "text-center",
+            classCssBody: "center-vertical-bank text-center",
+          },
+          /*   {
+               field: "isPluggyConnected",
+               title: "Open Finance",
+               classCssTitle: "text-center",
+               classCssBody: "center-vertical-bank text-center",
+               type: "html",
+               iconSearch: false,
+             },*/
+        ],
+      },
+    };
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    create() {
+      this.$router.push({
+        name: "bankAccountCreate",
+      });
+      this.removeLoading(["btnBankAccountCreate"]);
+    },
+  },
+};
+</script>
+<style>
+.box-user {
+  width: 10px;
+  height: 10px;
+  border-radius: 50px;
+  margin-right: 8px;
+}
+
+.disconnected {
+  background-color: red;
+}
+
+.connected {
+  background-color: #0A36DB;
+}
+</style>

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

@@ -0,0 +1,50 @@
+<template>
+    <div>
+        <Panel module="Financeiro" title="Conciliação Bancária" :showFilter="false" :showSearch="false"
+            :showButtons="false">
+            <div slot="content-main">
+                <div class="main-reconciliation">
+                    <BankReconciliation />
+                </div>
+            </div>
+        </Panel>
+    </div>
+</template>
+  
+<script>
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import BankReconciliation from '../../../components/modules/finance/bank-reconciliation/BankReconciliation.vue'
+
+import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
+
+
+export default {
+    name: "BankReconciliationView",
+    components: {
+        Panel, BankReconciliation
+    },
+    data() {
+        return {
+
+        };
+    },
+    mounted() {
+        this.removeLoading(["panel"]);
+    },
+    computed: {
+    },
+    methods: {
+        ...mapMutations("generic", ["removeLoading"]),
+    },
+    watch: {
+
+    },
+};
+</script>
+  
+<style scoped>
+.main-reconciliation {
+    margin-top: 40px;
+}
+</style>

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

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <Panel :module="panel.module" :title="panel.title" :showFilter="panel.showFilter" :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons">
+      <div slot="content-main">
+        <div>
+          <br />
+          <b-tabs>
+            <b-tab title="Banco">
+              <Bank />
+            </b-tab>
+            <b-tab title="Categoria">
+              <CostCenter />
+            </b-tab>
+            <b-tab title="Conta Bancária">
+              <BankAccountList />
+            </b-tab>
+            <b-tab title="Tipo de Pagamento">
+              <TypePayment />
+            </b-tab>
+          </b-tabs>
+        </div>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+
+import Bank from "./Bank.vue";
+import BankAccountList from "./BankAccountList.vue";
+import TypePayment from "./TypePayment.vue";
+import CostCenter from "./CostCenter.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "ConfigFinanceiroView",
+  components: { Panel, TypePayment, CostCenter, Bank, BankAccountList },
+  data() {
+    return {
+      panel: {
+        module: "Financeiro",
+        title: "Configuração",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>

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

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <Button
+      _key="btncCostCenterCreate"
+      title="Centro de Custo"
+      classIcon="fas fa-plus-circle"
+      type="primary"
+      size="small"
+      eventName="costCenterCreate"
+    />
+    <CostCenterList />
+  </div>
+</template>
+
+<script>
+import CostCenterList from "../../../components/modules/finance/cost-center/CostCenterList.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+export default {
+  name: "CostCenterView",
+  components: {
+    Button,
+    CostCenterList,
+  },
+};
+</script>

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

@@ -0,0 +1,58 @@
+<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>