@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/views/modules/tax-document/NfeReceivedList.vue

@@ -0,0 +1,236 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :buttonRemove="false">
+      <div slot="content-buttons-table-header">
+        <Button _key="btnCreateFinance" :title="'Larçar no Financeiro ' + selected.length" type="primary" size="small"
+          :clicked="confirmCreate" />
+      </div>
+    </ViewTemplateWithTable>
+    <Modal title="Lançar no Financeiro?" :width="800" v-show="showModal('createFinance')">
+      <b-row>
+        <b-col sm="6">
+          <Select title="Tipo de Pagamento" :showNewRegister="false" field="typePayment" :required="false"
+            :markFormDirty="false" v-model="typePayment" url="/api/v1/finance/type-payment/select-all"></Select>
+        </b-col>
+        <b-col sm="6">
+          <Select title="Categoria" field="category" :formName="formName" :required="false"
+            url="api/v1/finance/chart-of-accounts/select-all" v-model="chartOfAccounts" :showNewRegister="false">
+          </Select>
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="6">
+          <DateTime title="Vencimento" field="dueDate" format="DD/MM/YYYY" type="date" placeholder :formName="formName"
+            :required="false" v-model="dueDate" />
+        </b-col>
+        <b-col sm="6">
+          <div class="div-paid">
+            <CheckboxSimple :title="'Marcar como pago'" v-model="paid" />
+          </div>
+        </b-col>
+      </b-row>
+      <Confirmation :isModal="false" title="Você tem certeza?" type="primary" :confirmed="createFinance" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple.vue";
+
+import { mapGetters, mapMutations, mapActions, mapState } from "vuex";
+
+export default {
+  name: "NfeReceivedListView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+    Confirmation,
+    Select,
+    DateTime,
+    CheckboxSimple,
+    Modal
+  },
+  data() {
+    return {
+      id: "",
+      urlGetPdf: "/api/v1/tax-document/nfe-received/get-pdf",
+      urlGetXml: "/api/v1/tax-document/nfe-received/get-xml",
+      urlCreateAllApi: "/api/v1/tax-document/nfe-received/create-payments-receivable",
+      typePayment: { id: "" },
+      chartOfAccounts: { id: "" },
+      dueDate: "",
+      paid: false,
+      panel: {
+        module: "Nota Fiscal",
+        title: "Nfe Recebida",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/tax-document/nfe-received/get-all",
+        showChecks: true,
+        headerTable: [
+          {
+            field: "dataEmissao",
+            title: "Emissão",
+            type: "date",
+            iconSearch: true,
+          },
+          {
+            field: "nomeEmitente",
+            title: "Nome Emitente",
+            styleBody: "max-width: 450px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+            type: "text",
+          },
+          {
+            field: "documentoEmitente",
+            title: "CNPJ/CPF Emitente",
+            type: "text",
+          },
+          {
+            field: "situacao",
+            title: "Status",
+            type: "class",
+            fieldComparison: "situacao",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center badge badge-warning",
+                fieldComparison: "Pendente",
+              },
+              {
+                classCss: "text-center badge badge-primary",
+                fieldComparison: "Autorizada",
+              },
+              {
+                classCss: "text-center badge badge-danger",
+                fieldComparison: "Cancelada",
+              },
+            ],
+          },
+          {
+            field: "importado",
+            title: "Financeiro",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            title: "Valor",
+            field: "valorTotal",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            type: "currency",
+          },
+          {
+            type: "button",
+            typeButton: "dropdown",
+            classCssBody: "text-right",
+            button: {
+              title: "Opções",
+              type: "info",
+              classIcon: "fa-solid fa-chevron-down",
+              size: "small",
+              items: [
+                {
+                  title: "Baixar PDF",
+                  classIcon: "fa-solid fa-file-pdf",
+                  eventName: "getPdfNfe",
+                },
+                {
+                  title: "Baixar XML",
+                  classIcon: "fa-solid fa-memo-pad",
+                  eventName: "getXmlNfe",
+                  hr: false,
+                },
+              ],
+            },
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapState("generic", ["selected"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading", "cleanSelected"]),
+    ...mapActions("generic", ["putApi", "getFileApi"]),
+    createFinance() {
+
+      let params = {
+        url: this.urlCreateAllApi,
+        obj: {
+          ids: this.selected,
+          typePayment: this.typePayment,
+          chartOfAccounts: this.chartOfAccounts,
+          dueDate: this.dueDate,
+          paid: this.paid
+        }
+      };
+
+      this.putApi(params).then((response) => {
+        if (response.success) {
+          this.hideModal("createFinance");
+          this.cleanSelected();
+        }
+        this.removeLoading(["confirm"]);
+      });
+    },
+    confirmCreate() {
+      this.removeLoading(["btnCreateFinance"]);
+      this.openModal("createFinance");
+    },
+    getPdf(chave) {
+      let params = {
+        url: this.urlGetPdf,
+        obj: {
+          chave: chave,
+          fileName: `nfe_${chave}`,
+          fileType: "pdf"
+        },
+      };
+      this.getFileApi(params).then(() => { });
+    },
+    getXml(chave) {
+      let params = {
+        url: this.urlGetXml,
+        obj: {
+          chave: chave,
+          fileName: `nfe_${chave}`,
+          fileType: "xml"
+        },
+      };
+      this.getFileApi(params).then(() => { });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "getPdfNfe") {
+          this.getPdf(event.data.chaveNfe);
+        }
+
+        if (event.name == "getXmlNfe") {
+          this.getXml(event.data.chaveNfe);
+        }
+
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-paid {
+  margin-top: 40px;
+}
+</style>

package/src/views/modules/tax-document/NfseCreateUpdate.vue

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-main">
+        <NfseCreateUpdate :formName="panel.formName" />
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+import NfseCreateUpdate from '../../../components/modules/tax-document/nfse/NfseCreateUpdate.vue'
+
+export default {
+  name: "NfseCreateUpdateView",
+  components: {
+    ViewTemplateWithSalveCancel,
+    NfseCreateUpdate
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "Nota Fiscal",
+        title: "Nfse",
+        formName: "nfseCreateUpdate",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/tax-document/NfseList.vue

@@ -0,0 +1,162 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :buttonRemove="hasRemove">
+      <div slot="content-buttons">
+        <Button _key="btnNfseCreate" title="Nfse" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="nfseCreate" :clicked="create" />
+      </div>
+    </ViewTemplateWithTable>
+    <CancelNfse />
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import CancelNfse from "./CancelNfse.vue";
+
+import { mapGetters, mapMutations, mapActions, mapState } from "vuex";
+
+export default {
+  name: "NfseListView",
+  components: {
+    ViewTemplateWithTable,
+    Confirmation,
+    Alert,
+    Modal,
+    Button,
+    CancelNfse,
+  },
+  data() {
+    return {
+      id: "",
+      panel: {
+        module: "Nota Fiscal",
+        title: "Nfse",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/tax-document/nfse/get-all",
+        urlDeleteAllApi: "/api/v1/tax-document/nfse/cancel",
+        showChecks: false,
+        headerTable: [
+          {
+            title: "Número",
+            field: "number",
+            type: "text",
+            iconSearch: false,
+          },
+          {
+            title: "Emissão",
+            field: "registeredDate",
+            type: "dateTime",
+            iconSearch: false,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "fullName",
+            title: "Cliente",
+            type: "link",
+            routeName: "nfseUpdate",
+            iconSearch: true,
+          },
+          {
+            field: "statusName",
+            title: "Status",
+            type: "class",
+            fieldComparison: "statusName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center badge badge-warning",
+                fieldComparison: "Pendente",
+              },
+              {
+                classCss: "text-center badge badge-info",
+                fieldComparison: "Em processamento",
+              },
+              {
+                classCss: "text-center badge badge-primary",
+                fieldComparison: "Autorizada",
+              },
+              {
+                classCss: "text-center badge badge-success",
+                fieldComparison: "Concluída",
+              },
+              {
+                classCss: "text-center badge badge-danger",
+                fieldComparison: "Cancelada",
+              },
+              {
+                classCss: "text-center badge badge-danger",
+                fieldComparison: "Rejeitada",
+              },
+            ],
+          },
+          {
+            title: "Nota",
+            field: "value",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            type: "currency",
+          },
+          {
+            title: "Retenção ISS",
+            field: "valueTax",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            type: "currency",
+          },
+          {
+            title: "VALOR FINAL",
+            field: "valueFinal",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            type: "currency",
+          },
+          {
+            type: "button",
+            field: "situacao",
+            ifFieldEqual: "Autorizada",
+            typeButton: "default",
+            button: {
+              classIcon: "fa-regular fa-ban",
+              type: "danger",
+              size: "small",
+              eventName: "cancelNfse",
+            },
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapState("generic", ["selected"]),
+    ...mapState("user", ["userLogged"]),
+    hasRemove() {
+      if (this.userLogged.user.userName == 'UserTemp') return true;
+      return false;
+    }
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+    ...mapActions("generic", ["deleteAllApi"]),
+    create() {
+      this.$router.push({
+        name: "nfseCreate",
+      });
+      this.removeLoading(["btnNfseCreate"]);
+    },
+  },
+};
+</script>

package/src/views/modules/tax-document/Taxation.vue

@@ -0,0 +1,85 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <Button _key="btnTaxationCreate" title="Serviço" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Serviço" :width="800" :height="250" v-show="showModal('taxationCreateUpdate')">
+      <TaxationCreateUpdate />
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import TaxationCreateUpdate from '../../../components/modules/tax-document/taxation/TaxationCreateUpdate.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: "TaxationView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+    Modal,
+    TaxationCreateUpdate
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/tax-document/taxation/get-all",
+        urlDeleteAllApi: "/api/v1/tax-document/taxation/delete",
+        headerTable: [
+          {
+            field: "identificacao",
+            title: "Identificação",
+            type: "link",
+            iconSearch: true,
+            eventName: "taxationUpdate",
+          },
+          {
+            field: "codigo",
+            title: "Código (LC116)",
+            type: "text",
+          },
+          {
+            field: "codigoTributacao",
+            title: "Código Tributação",
+            type: "text",
+          },
+          {
+            field: "cnae",
+            title: "CNAE",
+            type: "text",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.openModal("taxationCreateUpdate");
+      this.addEvent({ name: "taxationCreate" });
+      this.removeLoading(["btnTaxationCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "taxationCreate" || event.name == "taxationUpdate") this.openModal("taxationCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/component/forms/Button.vue

@@ -1,166 +0,0 @@
-<template>
-  <div class="c-div-button" v-b-tooltip.hover :title="tooltip">
-    <button :style="'background-color:' + backGroundColor + ';color:' + color" class="button" :class="{
-    small: size === 'small',
-    medium: size === 'medium',
-    large: size === 'large',
-    primary: type === 'primary',
-    success: type === 'success',
-    warning: type === 'warning',
-    info: type === 'info',
-    edit: type === 'edit',
-    danger: type === 'danger',
-    disabled: disabled,
-  }" :disabled="disabled" @click="execute()">
-      <i class="div-icon-btn" :class="classIcon" v-if="!isLoading(this._key) && classIcon"></i>
-      <span v-if="!isLoading(this._key)">{{ title }}</span>
-      <vue-loading v-if="isLoading(this._key)" type="bubbles" color="#fff"
-        :size="{ width: '26px', height: '26px' }"></vue-loading>
-    </button>
-  </div>
-</template>
-
-<script>
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "Button",
-  props: {
-    _key: String,
-    title: String,
-    tooltip: String,
-    type: String,
-    size: String,
-    color: String,
-    backGroundColor: String,
-    eventName: String,
-    eventData: Object,
-    classIcon: String,
-    disabled: Boolean,
-    params: Object,
-    clicked: Function,
-  },
-  computed: {
-    ...mapGetters("generic", ["isLoading"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["addLoading", "addEvent"]),
-    execute() {
-      if (this.eventName)
-        this.addEvent({
-          name: this.eventName,
-          data: this.eventData,
-        });
-      this.addLoading(this._key);
-      if (this.clicked) this.clicked(this.params);
-      this.tooltip = "";
-    },
-  },
-};
-</script>
-<style scoped>
-.c-div-button {
-  display: inline-block;
-  margin-left: 5px;
-}
-
-.div-icon-btn {
-  margin-right: 3px;
-}
-
-.title {
-  margin: 2px;
-}
-
-.button {
-  padding: 8px 12px;
-  cursor: pointer;
-  border: none;
-  min-width: 33px;
-  border-radius: 30px !important;
-  font-size: 13px !important;
-  font-weight: 400;
-  letter-spacing: 1px !important;
-}
-
-.small {
-  padding: 3px 7px;
-  font-size: 13px;
-}
-
-.medium {
-  padding: 7px 12px;
-  font-size: 14px;
-}
-
-.large {
-  padding: 10px 15px;
-  font-size: 14px;
-}
-
-.disabled {
-  background: #bbbbbb !important;
-  border-color: #bbbbbb !important;
-  color: #fff;
-}
-
-.primary {
-  background: #577696;
-  border-color: #577696;
-  color: #fff;
-}
-
-.primary:hover {
-  background: #355472;
-}
-
-.success {
-  color: #fff;
-  background: #94aa2a;
-  border-color: #94aa2a;
-}
-
-.success:hover {
-  background: #6d7e1c;
-}
-
-.info {
-  color: #fff;
-  border-color: #4ab4e2;
-  background: #4ab4e2;
-}
-
-.info:hover {
-  background: #3e90b3;
-}
-
-.edit {
-  color: #fff;
-  border-color: #969799;
-  background: #969799;
-}
-
-.edit:hover {
-  background: #939394;
-}
-
-.warning {
-  color: #fff;
-  border-color: #f1bc31;
-  background: #f1bc31;
-}
-
-.warning:hover {
-  background: #a37d1b;
-}
-
-.danger {
-  color: #fff;
-  border-color: #f0134d;
-  background: #f0134d;
-}
-
-.danger:hover {
-  background: #c70f40;
-}
-</style>