@nixweb/nixloc-ui 0.0.273 → 0.0.274

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

@@ -1,98 +0,0 @@
-<template>
-  <div>
-    <div class="div-title">
-      <span class="title"> Fatura de Locação</span>
-    </div>
-    <Molded>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="3" xl="3">
-          <RadioGroup title="Faturar para outro Cliente?" :options="[
-            { text: 'Sim', value: true },
-            { text: 'Não', value: false },
-          ]" v-model="generateInvoice.otherCustomer" />
-        </b-col>
-        <b-col xs="12" sm="12" md="12" lg="9" xl="9" v-if="generateInvoice.otherCustomer">
-          <CustomerWithCreate v-model="generateInvoice.customer" />
-        </b-col>
-      </b-row>
-    </Molded>
-    <br />
-    <Molded>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="3">
-          <RadioGroup title="Incluir Produto da Locação?" :options="[
-            { text: 'Sim', value: true },
-            { text: 'Não', value: false },
-          ]" v-model="generateInvoice.isAddProductRent" />
-        </b-col>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="3">
-          <RadioGroup title="Incluir Período da Locação?" :options="[
-            { text: 'Sim', value: true },
-            { text: 'Não', value: false },
-          ]" v-model="generateInvoice.isAddPeriodRent" />
-        </b-col>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="3">
-          <RadioGroup title="Incluir Condição de Pagamento?" :options="[
-            { text: 'Sim', value: true },
-            { text: 'Não', value: false },
-          ]" v-model="generateInvoice.isAddPayment" />
-        </b-col>
-      </b-row>
-      <EditorHtml v-if="!generateInvoice.isAddProductRent" title="Descrição" field="description" :required="false"
-        :disabled="disabled" :markFormDirty="false" :maxLength="500" v-model="generateInvoice.description" />
-    </Molded>
-    <br />
-    <Molded>
-      <EditorHtml title="Observações" field="observation" :required="false" :disabled="disabled" :markFormDirty="false"
-        :maxLength="500" v-model="generateInvoice.observation" />
-    </Molded>
-  </div>
-</template>
-<script>
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
-import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
-
-import CustomerWithCreate from "../../rental/shared/CustomerWithCreate.vue";
-
-export default {
-  name: "GenerateInvoice",
-  components: {
-    Molded,
-    RadioGroup,
-    EditorHtml,
-    CustomerWithCreate,
-  },
-  data() {
-    return {
-      generateInvoice: {
-        otherCustomer: false,
-        customer: {},
-        description: "",
-        observation: "",
-        isAddProductRent: true,
-        isAddPeriodRent: true,
-        isAddPayment: true,
-      },
-    };
-  },
-  mounted() {
-    this.$emit("input", this.generateInvoice);
-  },
-  watch: {
-    generateInvoice: {
-      handler(generateInvoice) {
-        this.$emit("input", generateInvoice);
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-title {
-  font-size: 16px;
-  margin-left: 5px;
-  margin-bottom: 20px;
-}
-</style>

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

@@ -1,159 +0,0 @@
-<template>
-  <div>
-    <div class="div-title">
-      Nota Fiscal de Serviço
-
-    </div>
-    <Molded>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="3" xl="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 xs="12" sm="12" md="12" lg="9" xl="9" v-if="generateNfse.otherCustomer">
-          <CustomerWithCreate v-model="generateNfse.customer" />
-        </b-col>
-      </b-row>
-    </Molded>
-    <br />
-    <Molded>
-      <b-row>
-        <b-col sm="12">
-          <Select title="Serviço" field="type" :required="true" url="/api/v1/tax-document/taxation/select-all"
-            v-model="generateNfse.taxation" :showNewRegister="false" :heightNewRegister="250">
-          </Select>
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col sm="12">
-          <Loading type="line" :center="false" v-if="loading" />
-          <TextArea title="Descrição" field="description" :required="true" :maxLength="800"
-            v-model="generateNfse.description" />
-        </b-col>
-      </b-row>
-      <InputTagEmail v-model="generateNfse.emails" :customerId="customerId" />
-      <br>
-      <Tributacao :disabled="false" :nfse="generateNfse" v-model="generateNfse.tributacao" />
-    </Molded>
-    <br />
-  </div>
-</template>
-
-<script>
-
-
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
-import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import CustomerWithCreate from "../../rental/shared/CustomerWithCreate.vue";
-import InputTagEmail from '../../tax-document/notification/InputTagEmail.vue'
-import Tributacao from '../../tax-document/nfse/Tributacao.vue'
-
-import { mapState, mapActions } from "vuex";
-
-export default {
-  name: "GenerateInvoice",
-  props: ["customerId"],
-  components: {
-    Molded,
-    RadioGroup,
-    EditorHtml,
-    CustomerWithCreate,
-    Select,
-    TextArea, Tributacao, InputTagEmail, Loading
-  },
-  data() {
-    return {
-      urlGetParameter: "/api/v1/tax-document/taxation/get-parameter",
-      loading: false,
-      generateNfse: {
-        otherCustomer: false,
-        customer: {},
-        description: "",
-        taxation: {},
-        emails: [],
-        tributacao: {
-          retido: false,
-          codigoCidadeIncidencia: "",
-          descricaoCidadeIncidencia: "",
-          tipoTributacao: { id: "", content: "" },
-          aliquota: 0,
-          cofins: 0,
-          csll: 0,
-          inss: 0,
-          ir: 0,
-          pis: 0,
-          deducoes: 0,
-        },
-      },
-    };
-  },
-  mounted() {
-    this.$emit("input", this.generateNfse);
-  },
-  computed: {
-    ...mapState("paymentShared", ["paymentsRent"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi"]),
-    getParameter() {
-      this.loading = true;
-      let params = {
-        url: this.urlGetParameter,
-        obj: {
-          taxationId: this.generateNfse.taxation.id,
-          rentId: this.$route.params.rentId,
-          paymentsRent: this.paymentsRent,
-        },
-        notNotifyToast: true
-      };
-      this.postApi(params).then((response) => {
-        this.generateNfse.description = response.content;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    generateNfse: {
-      handler(generateNfse) {
-        this.$emit("input", generateNfse);
-      },
-      deep: true,
-    },
-    'generateNfse.taxation': {
-      handler(taxation) {
-        this.getParameter();
-        this.generateNfse.tributacao.tipoTributacao.id = taxation.tipoTributacao;
-        this.generateNfse.tributacao.aliquota = taxation.aliquota;
-      },
-      deep: true,
-    },
-    'generateNfse.otherCustomer': {
-      handler(otherCustomer) {
-        if (!otherCustomer) this.customerId = this.$route.params.customerId;
-      },
-      deep: true,
-    },
-    'generateNfse.customer': {
-      handler(customer) {
-        this.customerId = customer.id;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.div-title {
-  font-size: 16px;
-  margin-left: 5px;
-  margin-bottom: 20px;
-}
-</style>

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

@@ -1,61 +0,0 @@
-<template>
-  <div>
-    <SelectOption buttonSize="large" buttonClassIcon="fas fa-arrow-circle-right" :width="180" :height="190"
-      :options="optionsByRule" :showButtonNext="false" v-model="selectedOption" :clickedNext="clickedNext" />
-  </div>
-</template>
-<script>
-import SelectOption from "@nixweb/nixloc-ui/src/component/shared/SelectOption.vue";
-
-import { mapGetters } from "vuex";
-
-export default {
-  name: "InvoiceOrTaxDocument",
-  components: {
-    SelectOption,
-  },
-  props: ["value"],
-  data() {
-    return {
-      options: [
-        {
-          title: "Fatura",
-          titleSize: "17",
-          icon: "fa-solid fa-file-invoice",
-          iconSize: 40,
-          value: 1,
-        },
-        {
-          title: "NFSe",
-          titleSize: "17",
-          icon: "fa-solid fa-receipt",
-          iconSize: 40,
-          value: 2,
-        },
-      ],
-      selectedOption: 0,
-    };
-  },
-  computed: {
-    ...mapGetters("user", ["hasRule"]),
-    optionsByRule() {
-      let options = [];
-      this.options.forEach((option) => {
-        var isRuleTaxDocument = this.hasRule("TaxDocument");
-        var isRuleBilling = this.hasRule("Billing");
-        if (option.title == "NFSe" && isRuleTaxDocument) options.push(option);
-        if (option.title == "Fatura" && isRuleBilling) options.push(option);
-      });
-      return options;
-    },
-  },
-  watch: {
-    selectedOption: {
-      handler(selectedOption) {
-        this.$emit("input", selectedOption);
-      },
-      deep: true,
-    },
-  },
-};
-</script>

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/SuccessBilling.vue

@@ -1,124 +0,0 @@
-<template>
-  <div>
-    <br />
-    <div class="text-center">
-      <div class="div-molded">
-        <Molded>
-          <div v-if="typeDocument == 'fatura'" class="msg-success">Fatura Gerada com Sucesso</div>
-          <div v-else class="msg-success">Nota Fiscal em Processamento</div>
-          <div v-if="typeDocument == 'fatura'" class="icon-success">
-            <i class="fa-light fa-circle-check"></i>
-          </div>
-          <div v-else class="icon-processing">
-            <i class="fa-regular fa-hourglass-end"></i>
-          </div>
-          <Alert v-if="typeDocument == 'nota'" type="warning">
-            <span>
-              A nota está sendo <b>processada</b>, o retorno do município pode demorar <b>poucos segundos a vários
-                minutos</b>, mas fique tranquilo(a), assim que autorizada enviaremos um <i
-                class="fa-regular fa-envelope"></i> <b>e-mail
-                notificando!</b>
-            </span>
-          </Alert>
-          <div v-if="typeDocument == 'fatura' || document.listBillet.length > 0">
-            <Button _key="btnPrint" type="info" title="Compartilhar" classIcon="fa-sharp fa-regular fa-share-nodes"
-              size="small" :clicked="executePrint" />
-          </div>
-          <br />
-        </Molded>
-      </div>
-    </div>
-    <PrintPreview v-if="print" module="Billing" :rentId="rentId" :listBillet="document.listBillet"
-      :invoiceId="document.id" :onHideModal="onHideModal" />
-  </div>
-</template>
-
-<script>
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import PrintPreview from "../../adm/document/PrintPreview.vue";
-
-import { mapMutations, mapActions, mapGetters } from "vuex";
-
-export default {
-  name: "SuccessBilling",
-  components: {
-    Alert,
-    Button,
-    Molded,
-    PrintPreview,
-  },
-  props: {
-    typeDocument: String,
-    rentId: String,
-    document: Object,
-  },
-  data() {
-    return {
-      print: false,
-      urlGetPdf: "/api/v1/tax-document/nfse/get-pdf",
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["removeLoading"]),
-    ...mapActions("generic", ["getFileApi"]),
-    executePrint() {
-      this.print = true;
-      this.removeLoading(["btnPrint"]);
-    },
-    onHideModal() {
-      this.print = false;
-    },
-    getPdf() {
-      let params = {
-        url: this.urlGetPdf,
-        obj: {
-          idIntegracao: this.document.content.idIntegracao,
-          fileName: `nfse`,
-          fileType: "pdf"
-        },
-      };
-      this.getFileApi(params).then(() => { });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "emailSent") {
-          this.print = false;
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.div-molded {
-  width: 550px;
-  margin: auto;
-}
-
-.msg-success {
-  font-size: 18px;
-}
-
-.icon-success {
-  font-size: 55px;
-  color: #38a169;
-  margin-top: 10px;
-  margin-bottom: 15px;
-}
-
-.icon-processing {
-  font-size: 35px;
-  color: orange;
-  margin-top: 10px;
-  margin-bottom: 15px;
-}
-</style>