@nixweb/nixloc-ui 1.16.0 → 1.19.0

package/src/components/modules/billing/generate-billing/ItemsRentForInvoice.vue

@@ -1,205 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="6">
-        <b-form-checkbox v-model="showSelectAll" @change="select">
-          TODOS PRODUTOS
-        </b-form-checkbox>
-      </b-col>
-      <b-col sm="6">
-        <TableTotalRecords :totalRecords="content.totalRecords" />
-      </b-col>
-    </b-row>
-    <Loading type="line" :center="false" v-show="loading" />
-    <ScrollBar :minHeight="330" :maxHeight="330">
-      <div>
-        <table class="table table-responsive-xs">
-          <thead>
-            <tr>
-              <th></th>
-              <th class="title-header">Produto</th>
-              <th class="title-header text-center">Quantidade</th>
-              <th class="title-header text-center">Valor</th>
-            </tr>
-          </thead>
-          <tbody v-for="itemInvoice in content.data" :key="itemInvoice.id">
-            <td class="td-checkbox">
-              <b-form-checkbox v-model="selected" :value="itemInvoice" />
-            </td>
-            <td class="td-description">
-              <span> {{ itemInvoice.productFullName }} </span>
-            </td>
-            <td class="text-center td-quantity">
-              <span> {{ itemInvoice.quantity }}</span>
-            </td>
-            <td class="td-total text-center">
-              <ItemsRentalTotalization
-                :data="{
-                  quantity: itemInvoice.quantity,
-                  unitValue: itemInvoice.unitValue,
-                  totalUnitValue: itemInvoice.totalUnitValue,
-                  unitDiscount: itemInvoice.unitDiscount,
-                  totalUnitDiscount: itemInvoice.totalUnitDiscount,
-                  unitCost: 0,
-                  totalUnitCost: 0,
-                  totalUnitInsurance: itemInvoice.totalUnitInsurance,
-                }"
-              />
-            </td>
-          </tbody>
-          <tbody v-show="content.data == 0">
-            <tr>
-              <td colspan="12">
-                <span>Nenhum produto adicionado!</span>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </ScrollBar>
-  </div>
-</template>
-
-<script>
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import ItemsRentalTotalization from "../../rental/items-rent/ItemsRentalTotalization.vue";
-
-import { mapMutations, mapActions, mapGetters } from "vuex";
-
-export default {
-  name: "ItemsRentForInvoice",
-  props: {
-    rentId: String,
-    periodRentId: String,
-  },
-  components: {
-    ScrollBar,
-    TableTotalRecords,
-    Loading,
-    ItemsRentalTotalization,
-  },
-  data() {
-    return {
-      content: {
-        data: [],
-        totalRecords: 0,
-      },
-      selected: [],
-      showSelectAll: false,
-      urlGetApi: "/api/v1/rental/items-rent/get-all-for-invoice",
-      loading: false,
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["openModal", "addEvent", "removeLoading"]),
-    ...mapActions("generic", ["getApi", "deleteAllApi"]),
-    getAll() {
-      this.loading = true;
-      let params = {
-        url: this.urlGetApi,
-        obj: {
-          ...this.baseParams,
-          rentId: this.rentId,
-          periodRentId: this.periodRentId,
-        },
-      };
-      this.getApi(params).then((response) => {
-        this.content.data = response.content.data;
-        this.content.totalRecords = response.content.totalRecords;
-        this.loading = false;
-      });
-    },
-    create() {
-      this.openModal("itemInvoice");
-      this.removeLoading(["btnItemsRentCreateUpdate"]);
-    },
-    update(itemInvoice) {
-      this.openModal("itemInvoice");
-      this.addEvent({ name: "itemInvoiceUpdate", data: itemInvoice });
-    },
-    select() {
-      this.selected = [];
-      if (this.showSelectAll) {
-        for (let i in this.content.data) {
-          this.selected.push(this.content.data[i]);
-        }
-      }
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "selectedPeriodRent") this.getAll();
-      },
-      deep: true,
-    },
-    selected: {
-      handler(selected) {
-        this.addEvent({ name: "itemsSelectedForInvoice", data: selected });
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.table th,
-.table td {
-  height: 10px !important;
-  padding-left: 5px !important;
-  padding-top: 7px !important;
-  padding-bottom: 5px !important;
-  padding-right: 5px !important;
-  padding-left: 10px !important;
-  border-bottom: 0px !important;
-}
-
-.title-header {
-  font-size: 14px;
-  color: #757d8c;
-  font-weight: 400;
-  text-transform: uppercase;
-}
-
-.td-checkbox {
-  width: 30px;
-}
-
-.td-description {
-  max-width: 600px;
-}
-
-.td-edit {
-  cursor: pointer;
-  background-color: #f1f4f9;
-}
-
-.td-quantity {
-  max-width: 120px;
-}
-
-.td-total {
-  max-width: 300px;
-}
-
-.div-btn {
-  margin-top: 15px;
-  margin-bottom: 20px;
-}
-
-.icon-danger {
-  font-size: 20px;
-  color: #f0134d;
-  cursor: pointer;
-}
-
-.icon-danger:hover {
-  color: #c70f40;
-}
-</style>

package/src/components/modules/billing/generate-billing/NewGenerateNfse.vue

@@ -1,430 +0,0 @@
-<template>
-  <div>
-
-    <Molded>
-      <b-row>
-        <b-col
-          cols="12"
-          lg="3"
-        >
-          <RadioGroup
-            title="Faturar para outro Cliente?"
-            :options="[
-                        { text: 'Sim', value: true },
-                        { text: 'Não', value: false },
-                    ]"
-            v-model="generateNfse.otherCustomer"
-          />
-        </b-col>
-        <b-col
-          cols="12"
-          lg="9"
-          v-if="generateNfse.otherCustomer"
-        >
-          <CustomerWithCreate v-model="generateNfse.customer" />
-        </b-col>
-      </b-row>
-    </Molded>
-
-    <br />
-
-    <div v-if="loadingConfig">
-      <Loading
-        type="line"
-        :center="true"
-      />
-    </div>
-
-    <div v-else>
-      <div v-if="isNacional">
-
-        <b-tabs>
-          <b-tab title="Dados">
-            <NacionalDados
-              formName="nfseFromRentNacional"
-              :disabled="false"
-              :showCustomer="false"
-              :showLocacao="false"
-              :showValor="false"
-              v-model="nacionalDados"
-            />
-          </b-tab>
-          <b-tab title="Regime Tributário">
-            <NacionalRegimeTributario
-              :disabled="false"
-              :ehSimplesNacional="ehSimplesNacional"
-              v-model="nacionalRegimeTributario"
-            />
-          </b-tab>
-          <b-tab title="Impostos">
-            <NacionalImposto
-              formName="nfseFromRentNacional"
-              :disabled="false"
-              :ehSimplesNacional="ehSimplesNacional"
-              v-model="nacionalImposto"
-            />
-          </b-tab>
-          <b-tab title="Totalização de Impostos">
-            <NacionalTransparencia
-              :disabled="false"
-              :ehSimplesNacional="ehSimplesNacional"
-              v-model="nacionalTransparencia"
-            />
-          </b-tab>
-        </b-tabs>
-        <br />
-        <b-tabs v-if="mostrarAbaLocalEvento">
-          <b-tab title="Local do Evento">
-            <NfseLocalEvento
-              :disabled="false"
-              :rentId="nacionalDados && nacionalDados.locacao ? nacionalDados.locacao.id : $route.params.rentId"
-              v-model="nacionalLocalEvento"
-            />
-          </b-tab>
-        </b-tabs>
-      </div>
-
-      <div v-else>
-        <b-tabs>
-          <b-tab title="Dados">
-            <PrefeituraDados
-              formName="nfseFromRentPrefeitura"
-              :disabled="false"
-              :showCustomer="false"
-              :showLocacao="false"
-              :showValor="false"
-              v-model="prefeituraDados"
-            />
-          </b-tab>
-          <b-tab title="Regime Tributário">
-            <PrefeituraRegimeTributario
-              :disabled="false"
-              v-model="prefeituraRegimeTributario"
-            />
-          </b-tab>
-          <b-tab title="Impostos">
-            <PrefeituraImposto
-              formName="nfseFromRentPrefeitura"
-              :disabled="false"
-              :dados="prefeituraDados"
-              v-model="prefeituraImposto"
-            />
-          </b-tab>
-          <b-tab title="Totalização de Impostos">
-            <PrefeituraTransparencia
-              :disabled="false"
-              v-model="prefeituraTransparencia"
-            />
-          </b-tab>
-        </b-tabs>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import CustomerWithCreate from "../../rental/shared/CustomerWithCreate.vue";
-
-import NacionalDados from "../../tax-document/nfse-nacional/Dados.vue";
-import NacionalImposto from "../../tax-document/nfse-nacional/Imposto.vue";
-import NfseNacional from "../../tax-document/nfse-nacional/NfseNacional.js";
-import NacionalRegimeTributario from "../../tax-document/nfse-nacional/RegimeTributario.vue";
-import NacionalTransparencia from "../../tax-document/nfse-nacional/Transparencia.vue";
-
-import PrefeituraDados from "../../tax-document/nfse-prefeitura/Dados.vue";
-import PrefeituraImposto from "../../tax-document/nfse-prefeitura/Imposto.vue";
-import NfsePrefeitura from "../../tax-document/nfse-prefeitura/NfsePrefeitura.js";
-import PrefeituraRegimeTributario from "../../tax-document/nfse-prefeitura/RegimeTributario.vue";
-import PrefeituraTransparencia from "../../tax-document/nfse-prefeitura/Transparencia.vue";
-
-import NfseLocalEvento from "../../tax-document/nfse-shared/NfseLocalEvento.vue";
-
-import { mapActions } from "vuex";
-
-export default {
-  name: "NewGenerateNfse",
-  props: ["customerId", "value"],
-  components: {
-    Molded,
-    RadioGroup,
-    CustomerWithCreate,
-    Loading,
-    NacionalDados,
-    NacionalImposto,
-    NacionalTransparencia,
-    NacionalRegimeTributario,
-    PrefeituraDados,
-    PrefeituraImposto,
-    PrefeituraTransparencia,
-    PrefeituraRegimeTributario,
-    NfseLocalEvento,
-  },
-  data() {
-    const modelNacional = new NfseNacional();
-    const modelPrefeitura = new NfsePrefeitura();
-
-    return {
-      urlGetConfigCompanyById: "/api/v1/tax-document/config-company/get-by-id",
-      urlGetTaxationById: "/api/v1/tax-document/taxation/get-by-id",
-      loadingConfig: true,
-      isNacional: true,
-      ehSimplesNacional: false,
-      mostrarAbaLocalEvento: false,
-      loadingTaxationValidation: false,
-      taxationValidationRequestId: 0,
-
-      generateNfse: {
-        otherCustomer: false,
-        customer: {},
-        nacional: true,
-        nfsePrefeitura: NfsePrefeitura.createObj({
-          dados: modelPrefeitura.dados,
-          regimeTributario: modelPrefeitura.regimeTributario,
-          imposto: modelPrefeitura.imposto,
-          transparencia: modelPrefeitura.transparencia,
-        }),
-        nfseNacional: NfseNacional.createObj(
-          {
-            dados: modelNacional.dados,
-            regimeTributario: modelNacional.regimeTributario,
-            imposto: modelNacional.imposto,
-            transparencia: modelNacional.transparencia,
-            localEvento: modelNacional.localEvento,
-          },
-          false
-        ),
-      },
-
-      nacionalDados: null,
-      nacionalRegimeTributario: null,
-      nacionalImposto: null,
-      nacionalTransparencia: null,
-      nacionalLocalEvento: null,
-
-      prefeituraDados: null,
-      prefeituraRegimeTributario: null,
-      prefeituraImposto: null,
-      prefeituraTransparencia: null,
-    };
-  },
-  mounted() {
-    this.$emit("input", this.generateNfse);
-    this.getConfigCompany();
-  },
-  computed: {},
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    limparLocalEventoComNull() {
-      this.nacionalLocalEvento = {
-        codigoEvento: null,
-        nomeEvento: null,
-        dataInicioEvento: null,
-        dataFimEvento: null,
-        cepEvento: null,
-        logradouroEvento: null,
-        numeroEvento: null,
-        complementoEvento: null,
-        bairroEvento: null,
-      };
-    },
-    validarServicoParaLocalEvento(servicoId) {
-      if (!servicoId) {
-        this.mostrarAbaLocalEvento = false;
-        this.limparLocalEventoComNull();
-        this.montarGenerateNfseTributacao();
-        return;
-      }
-
-      this.loadingTaxationValidation = true;
-      const requestId = ++this.taxationValidationRequestId;
-      const params = { url: this.urlGetTaxationById, obj: { id: servicoId } };
-
-      this.getApi(params)
-        .then((response) => {
-          if (requestId !== this.taxationValidationRequestId) return;
-
-          const taxation = response?.content || {};
-          const codigo = String(
-            taxation.Codigo ?? taxation.codigo ?? taxation.code ?? ""
-          );
-          const exibirLocalEvento = codigo.startsWith("12");
-
-          this.mostrarAbaLocalEvento = exibirLocalEvento;
-
-          if (!exibirLocalEvento) {
-            this.limparLocalEventoComNull();
-            this.montarGenerateNfseTributacao();
-          }
-        })
-        .catch(() => {
-          if (requestId !== this.taxationValidationRequestId) return;
-
-          this.mostrarAbaLocalEvento = false;
-          this.limparLocalEventoComNull();
-          this.montarGenerateNfseTributacao();
-        })
-        .finally(() => {
-          if (requestId !== this.taxationValidationRequestId) return;
-          this.loadingTaxationValidation = false;
-        });
-    },
-    getConfigCompany() {
-      const params = { url: this.urlGetConfigCompanyById, obj: {} };
-      this.getApi(params)
-        .then((response) => {
-          if (response && response.success && response.content) {
-            const data = response.content;
-            this.isNacional = !!data.nacional;
-            this.generateNfse.nacional = this.isNacional;
-            this.ehSimplesNacional = !!data.simplesNacional;
-            this.montarGenerateNfseTributacao();
-          }
-        })
-        .finally(() => {
-          this.loadingConfig = false;
-        });
-    },
-    montarGenerateNfseAPartirDosDados() {
-      if (this.isNacional && this.nacionalDados) {
-        this.generateNfse.customer = this.nacionalDados.tomador || {};
-      }
-
-      if (!this.isNacional && this.prefeituraDados) {
-        this.generateNfse.customer = this.prefeituraDados.tomador || {};
-      }
-    },
-    montarGenerateNfseTributacao() {
-      this.generateNfse.nacional = this.isNacional;
-
-      this.generateNfse.nfseNacional = this.buildNfseNacionalPayload();
-      this.generateNfse.nfsePrefeitura = this.buildNfsePrefeituraPayload();
-    },
-    buildNfseNacionalPayload() {
-      const model = new NfseNacional();
-
-      const nfseNacional = {
-        dados: this.isNacional
-          ? this.nacionalDados || model.dados
-          : model.dados,
-        regimeTributario: this.isNacional
-          ? this.nacionalRegimeTributario || model.regimeTributario
-          : model.regimeTributario,
-        imposto: this.isNacional
-          ? this.nacionalImposto || model.imposto
-          : model.imposto,
-        transparencia: this.isNacional
-          ? this.nacionalTransparencia || model.transparencia
-          : model.transparencia,
-        localEvento: this.isNacional
-          ? this.nacionalLocalEvento || model.localEvento
-          : model.localEvento,
-      };
-
-      return NfseNacional.createObj(nfseNacional, this.ehSimplesNacional);
-    },
-    buildNfsePrefeituraPayload() {
-      const modelPref = new NfsePrefeitura();
-
-      const nfsePrefeitura = {
-        dados: !this.isNacional
-          ? this.prefeituraDados || modelPref.dados
-          : modelPref.dados,
-        regimeTributario: !this.isNacional
-          ? this.prefeituraRegimeTributario || modelPref.regimeTributario
-          : modelPref.regimeTributario,
-        imposto: !this.isNacional
-          ? this.prefeituraImposto || modelPref.imposto
-          : modelPref.imposto,
-        transparencia: !this.isNacional
-          ? this.prefeituraTransparencia || modelPref.transparencia
-          : modelPref.transparencia,
-      };
-
-      return NfsePrefeitura.createObj(nfsePrefeitura);
-    },
-  },
-  watch: {
-    generateNfse: {
-      handler(val) {
-        this.$emit("input", val);
-      },
-      deep: true,
-    },
-    nacionalDados: {
-      handler() {
-        this.montarGenerateNfseAPartirDosDados();
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-    nacionalRegimeTributario: {
-      handler() {
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-    nacionalImposto: {
-      handler() {
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-    nacionalTransparencia: {
-      handler() {
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-    nacionalLocalEvento: {
-      handler() {
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-    "nacionalDados.servico.id": {
-      handler(servicoId) {
-        this.validarServicoParaLocalEvento(servicoId);
-      },
-      immediate: true,
-    },
-
-    prefeituraDados: {
-      handler() {
-        this.montarGenerateNfseAPartirDosDados();
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-    prefeituraRegimeTributario: {
-      handler() {
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-    prefeituraImposto: {
-      handler() {
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-    prefeituraTransparencia: {
-      handler() {
-        this.montarGenerateNfseTributacao();
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.div-title {
-  font-size: 16px;
-  margin-left: 5px;
-  margin-bottom: 20px;
-}
-</style>