@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/components/modules/rental/rent/RentCreateUpdate.vue

@@ -1,432 +0,0 @@
-<template>
-  <div class="margin">
-    <br />
-    <Button v-if="id" _key="btnRentCreate" title="Locação" classIcon="fas fa-plus-circle" type="primary" size="small"
-      eventName="rentCreate" :clicked="newRent" />
-    <DropdownOptionsRent v-if="id" :rent="rent" :statusMovimentStock="statusMovimentStock"
-      :totalProductForInvoice="totalProductForInvoice" />
-    <div v-if="id">
-      <br />
-      <b-row>
-        <b-col sm="5">
-          <Badge :title="'Nº' + rent.number.toString()" type="primary" size="medium" />
-          <Badge :title="statusRental.title" :type="statusRental.type" size="small" />
-        </b-col></b-row>
-      <br />
-    </div>
-    <RentTotalization v-if="id" :statusRental="rent.statusRental" :rentId="id" />
-    <Molded>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="4">
-          <InputText title="Identificação" field="name" :formName="formName" :required="false" :maxLength="100"
-            v-model="rent.identification" />
-        </b-col>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="4">
-          <Select title="Tipo" field="type" :formName="formName" :required="false"
-            url="/api/v1/rental/type-rent/select-all" v-model="rent.typeRent" nameNewRegister="typeRentalCreateUpdate"
-            titleNewRegister="Tipo" :widthNewRegister="500" :heightNewRegister="250">
-            <TypeRentCreateUpdate :registerInSelect="true" v-model="rent.typeRent" />
-          </Select>
-        </b-col>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="4">
-          <Select title="Consultor" field="type" :formName="formName" :required="true" :disabled="disabled"
-            url="/api/v1/human-resources/collaborator/select-all" :propsParams="{ isConsultant: true }"
-            v-model="rent.collaborator" nameNewRegister="consultantCreateUpdate"
-            :showNewRegister="hasRule('HumanResources')" titleNewRegister="Consultor" :widthNewRegister="800"
-            :heightNewRegister="250">
-            <ConsultantCreateUpdate :registerInSelect="true" v-model="rent.collaborator" />
-          </Select>
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="8">
-          <CustomerWithCreate :formName="formName" v-model="rent.customer" />
-        </b-col>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="4">
-          <Select title="Contato" field="type" :formName="formName" :required="true" :disabled="!rent.customer.id"
-            url="/api/v1/shared/contact/select-all" :propsParams="{ any: rent.customer.id }" v-model="rent.contact"
-            nameNewRegister="contactCreateUpdate" :showNewRegister="hasRule('CRM')" titleNewRegister="Contato"
-            :widthNewRegister="750" :heightNewRegister="250">
-            <ContactCreateUpdate :registerInSelect="true" :customerSupplierId="rent.customer.id"
-              v-model="rent.contact" />
-          </Select>
-        </b-col>
-      </b-row>
-      <br />
-    </Molded>
-    <div v-if="!id">
-      <br />
-      <Molded>
-        <div class="div-period">
-          <PeriodRentCreateUpdate msg="Como deseja Gerar o Período de Locação?" :showBtnSave="false"
-            v-model="rent.periodRent" />
-        </div>
-      </Molded>
-    </div>
-    <div v-if="rent.id">
-      <br />
-      <Tab v-model="tabIndex" :initialTabs="tabsByModule">
-        <div :slot="0">
-          <PeriodRentList v-if="tabIndex == 0" :rentId="id" />
-        </div>
-        <div :slot="1">
-          <ItemsRentList v-if="tabIndex == 1" :rent="rent" />
-        </div>
-        <div :slot="2">
-          <PaymentRentList v-if="tabIndex == 2" :rentId="id" :showBtnLaunchFinance="rent.statusRental == 2" />
-        </div>
-        <div :slot="3">
-          <AddressRentList v-if="tabIndex == 3" :rent="rent" />
-        </div>
-        <div :slot="4">
-          <b-row>
-            <b-col sm="12">
-              <EditorHtml title="Observações da Locação" field="observationRental" :required="false" :maxLength="3000"
-                v-model="rent.observationRental" />
-            </b-col>
-          </b-row>
-          <b-row>
-            <b-col sm="12">
-              <EditorHtml title="Observações da OS" field="observationServiceOrder" :required="false" :maxLength="3000"
-                v-model="rent.observationServiceOrder" />
-            </b-col>
-          </b-row>
-        </div>
-        <div :slot="5">
-          <TeamList :rent="rent" />
-        </div>
-        <div :slot="6">
-          <SignatureFileList :genericId="rent.id" />
-        </div>
-        <div :slot="7">
-          <InvoiceList :rent="rent" />
-        </div>
-        <div :slot="8">
-          <NfseList :rent="rent" />
-        </div>
-        <div :slot="9">
-          <MovimentList :rent="rent" />
-        </div>
-        <div :slot="10">
-          <br>
-          <FileManager :showInModal="true" source="rent" :genericId="id" />
-        </div>
-        <div :slot="11">
-          <b-row>
-            <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-              <span class="title">
-                Data Cadastro <br>
-                <i class="fa-solid fa-calendar"></i> {{ rent.registeredDate }}
-              </span>
-            </b-col>
-            <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-              <span class="title">
-                Usuário Cadastro <br>
-                <i class="fa-solid fa-user"></i> {{ rent.registeredUser }}
-              </span>
-            </b-col>
-          </b-row>
-          <div class="div-date-accepted">
-            <b-row>
-              <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                <DateTime title="Data de Efetivação" field="dateAccepted" format="DD/MM/YYYY" type="date" placeholder
-                  :formName="formName" :required="false" v-model="rent.dateAccepted" />
-              </b-col>
-            </b-row>
-          </div>
-        </div>
-      </Tab>
-    </div>
-    <Modal title="Período" :width="900" :height="750" v-show="showModal('periodRentCreateUpdate')">
-      <PeriodRentCreateUpdate :rentId="id" />
-    </Modal>
-    <Modal title="Pagamento" :width="700" :height="750" v-show="showModal('paymentRentCreateUpdate')">
-      <PaymentRentCreateUpdate :rentId="id" />
-    </Modal>
-  </div>
-</template>
-
-<script>
-
-
-import Badge from "@nixweb/nixloc-ui/src/component/layout/Badge.vue";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
-import Tab from "@nixweb/nixloc-ui/src/component/layout/Tab.vue";
-import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import FileManager from "@nixweb/nixloc-ui/src/component/shared/file-manager/FileManager";
-import SignatureFileList from '../../signature/signature-file/SignatureFileList.vue'
-
-import RentTotalization from "./RentTotalizationRent.vue";
-import TypeRentCreateUpdate from "../type-rent/TypeRentCreateUpdate.vue";
-import ConsultantCreateUpdate from '../../human-resources/collaborator/ConsultantCreateUpdate.vue'
-import CustomerWithCreate from "../shared/CustomerWithCreate.vue";
-import ContactCreateUpdate from "../../shared/contact/ContactCreateUpdate.vue";
-import GeneratePeriodRent from "../period-rental/GeneratePeriodRent.vue";
-import PeriodRentList from "../period-rental/PeriodRentList.vue";
-import PeriodRentCreateUpdate from "../period-rental/PeriodRentCreateUpdate.vue";
-import ItemsRentList from "../items-rent/ItemsRentList.vue";
-import PaymentRentCreateUpdate from "../payment-rent/PaymentRentCreateUpdate.vue";
-import PaymentRentList from "../payment-rent/PaymentRentList.vue";
-import DropdownOptionsRent from "../shared/DropdownOptionsRent.vue";
-import InvoiceList from "../billing/InvoiceList.vue";
-import NfseList from '../nfse/NfseList.vue'
-import MovimentList from "../moviment/MovimentList.vue";
-import AddressRentList from "../address-rent/AddressRentList.vue";
-import TeamList from '../team/TeamList.vue'
-import AutomationBuilder from '../../automation/AutomationBuilder.vue'
-
-import Rent from "@/components/modules/rental/rent/Rent.js";
-
-import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
-
-export default {
-  name: "RentCreateUpdate",
-  props: {
-    registerInSelect: Boolean,
-    value: Object,
-  },
-  components: {
-    Badge,
-    Select,
-    RadioGroup,
-    TextArea,
-    Molded,
-    Tab,
-    InputText,
-    Modal,
-    DateTime,
-    Button,
-    EditorHtml,
-    RentTotalization,
-    TypeRentCreateUpdate,
-    CustomerWithCreate,
-    ConsultantCreateUpdate,
-    ContactCreateUpdate,
-    GeneratePeriodRent,
-    PeriodRentList,
-    PeriodRentCreateUpdate,
-    ItemsRentList,
-    DropdownOptionsRent,
-    MovimentList,
-    PaymentRentList,
-    PaymentRentCreateUpdate,
-    AddressRentList,
-    InvoiceList, AutomationBuilder, NfseList, TeamList, FileManager, SignatureFileList
-  },
-  data() {
-    return {
-      id: this.$route.params.id,
-      type: this.$route.params.type,
-      formName: "rentCreateUpdate",
-      rent: new Rent(),
-      urlCreate: "/api/v1/rental/rent/create",
-      urlUpdate: "/api/v1/rental/rent/update",
-      urlGetById: "/api/v1/rental/rent/get-by-id",
-      urlItemsMovimentTotalization: "/api/v1/stock/items-moviment/totalization",
-      urlItemsRentTotalizationInvoice:
-        "/api/v1/rental/items-rent/totalization-invoice",
-      statusMovimentStock: {},
-      totalProductForInvoice: 0,
-      customerAndContact: {},
-      tabIndex: 0,
-      tabs: [
-        { index: 0, title: "Periodo" },
-        { index: 1, title: "Produto" },
-        { index: 2, title: "Pagamento" },
-        { index: 3, title: "Saída/Retorno" },
-        { index: 4, title: "Observações" },
-        { index: 5, title: "Equipe" },
-        { index: 6, title: "Assinatura" },
-        { index: 7, title: "Fatura" },
-        { index: 8, title: "NFS-e" },
-        { index: 9, title: "Movimentação" },
-        { index: 10, title: "Anexo" },
-        { index: 11, title: "Info" },
-      ],
-      rules: [
-        {
-          title: 'Gerar Faturamento',
-          name: 'billingByRent',
-          icon: 'fa-solid fa-file-invoice',
-          frequency: {},
-          amount: 0,
-          dateStart: '',
-          dateEnd: '',
-          listActivity: []
-        },
-      ]
-    };
-  },
-  created() {
-    if (this.id) {
-      this.getById();
-      this.getStatusMovimentStock();
-      this.getTotalProductForInvoice();
-      this.tabIndex = 1;
-    }
-  },
-  computed: {
-    ...mapState("user", ["userLogged"]),
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event", "showModal", "isLoading"]),
-    ...mapGetters("user", ["hasModule", "hasRule"]),
-    statusRental() {
-      if (this.rent.statusRental == 1)
-        return { title: "Orçamento", type: "info" };
-
-      if (this.rent.statusRental == 2)
-        return { title: "Aprovada", type: "success" };
-
-      if (this.rent.statusRental == 3)
-        return { title: "Reprovada", type: "danger" };
-    },
-    tabsByModule() {
-      let tabs = [];
-      var isSignature = this.hasRule("Signature");
-      var isBilling = this.hasRule("Billing");
-      var isTaxDocument = this.hasRule("TaxDocument");
-      var isOperational = this.hasRule("Operational");
-
-      this.tabs.forEach((tab) => {
-        if (tab.title == "Assinatura" && isSignature) tabs.push(tab);
-        if (tab.title == "Faturamento" && isBilling) tabs.push(tab);
-        if (tab.title == "Nfse" && isTaxDocument) tabs.push(tab);
-        if (tab.title == "Movimentação" && isOperational) tabs.push(tab);
-        if (tab.title != "Faturamento" && tab.title != "Movimentação" && tab.title != "Nfse" && tab.title != "Assinatura")
-          tabs.push(tab);
-      });
-      return tabs;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
-    ...mapMutations("generic", [
-      "addEvent",
-      "removeLoading",
-      "openModal",
-      "hideModal",
-      "hideVodal",
-    ]),
-    ...mapMutations("validation", ["resetValidation", "removeFormDirty"]),
-    create() {
-      let params = { url: this.urlCreate, obj: this.rent };
-      this.postApi(params).then((response) => {
-        if (response.success)
-          this.$router.replace({
-            name: "rentUpdate",
-            params: { id: response.content.id, type: response.content.type },
-          });
-        this.removeLoading(["saveSaveCancel"]);
-      });
-    },
-    update() {
-      let params = { url: this.urlUpdate, obj: this.rent };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          let self = this;
-          setTimeout(function () {
-            self.addEvent({ name: "updateTotalizationRent" });
-          }, 100);
-        }
-        this.removeLoading(["saveSaveCancel"]);
-      });
-    },
-    getById() {
-      let params = { url: this.urlGetById, obj: { id: this.id } };
-      this.getApi(params).then((response) => {
-        this.rent.update(response.content);
-        let self = this;
-        setTimeout(function () {
-          self.removeLoading(["panel"]);
-          self.removeFormDirty();
-        }, 100);
-      });
-    },
-    getStatusMovimentStock() {
-      let params = {
-        url: this.urlItemsMovimentTotalization,
-        obj: { rentId: this.id },
-      };
-      this.getApi(params).then((response) => {
-        this.statusMovimentStock = response.content;
-      });
-    },
-    getTotalProductForInvoice() {
-      let params = {
-        url: this.urlItemsRentTotalizationInvoice,
-        obj: { rentId: this.id },
-      };
-      this.getApi(params).then((response) => {
-        this.totalProductForInvoice = response.content;
-      });
-    },
-    newRent() {
-      this.$router.push({
-        name: "rentSelectOption",
-      });
-      this.removeLoading(["btnRentCreate"]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        let name = event.name;
-
-        if (name == "saveSaveCancel") {
-          if (!this.id) this.create();
-          if (this.id) this.update();
-        }
-
-        if (name == "periodRentCreateUpdate" || name == "periodRentUpdate") {
-          this.openModal("periodRentCreateUpdate");
-        }
-
-        if (name == "paymentRentCreate" || name == "paymentRentUpdate") {
-          this.openModal("paymentRentCreateUpdate");
-        }
-
-        if (name == "generatePeriodRent") this.rent.periodRent = event.data;
-
-        if (
-          name == "rentAccepted" ||
-          name == "rentProcessed" ||
-          name == "rentRejected"
-        ) {
-          this.getById();
-          this.getTotalProductForInvoice();
-          this.getStatusMovimentStock();
-        }
-
-        if (name == "addedProduct" || name == "removedItemRent") {
-          this.getStatusMovimentStock();
-          this.getTotalProductForInvoice();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.margin {
-  margin-right: 10px;
-}
-
-.div-period {
-  margin: auto;
-  width: 80%;
-  padding: 10px;
-}
-
-.div-date-accepted {
-  margin-top: 10px;
-}
-</style>

package/src/components/modules/rental/rent/RentProgress.vue

@@ -1,46 +0,0 @@
-<template>
-  <div>
-    <div class="text-center">
-      <Button
-        _key="btnRentProgress"
-        title="SIM, deixar como Orçamento"
-        classIcon="fa-solid fa-circle-check"
-        type="warning"
-        size="small"
-        :clicked="update"
-      />
-    </div>
-  </div>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-
-import { mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "RentProgress",
-  props: {
-    rentId: String,
-  },
-  components: {
-    Button,
-  },
-  data() {
-    return { urlUpdate: "/api/v1/rental/rent/progress" };
-  },
-  methods: {
-    ...mapActions("generic", ["putApi"]),
-    ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
-    update() {
-      let params = { url: this.urlUpdate, obj: { rentId: this.rentId } };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          this.addEvent({ name: "rentProcessed" });
-          this.hideModal();
-        }
-        this.removeLoading(["btnRentProgress"]);
-      });
-    },
-  },
-};
-</script>

package/src/components/modules/rental/rent/RentReject.vue

@@ -1,46 +0,0 @@
-<template>
-  <div>
-    <div class="text-center">
-      <Button
-        _key="btnRentReject"
-        title="SIM, reprovar"
-        classIcon="fa-solid fa-circle-check"
-        type="danger"
-        size="small"
-        :clicked="update"
-      />
-    </div>
-  </div>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-
-import { mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "RentAccept",
-  props: {
-    rentId: String,
-  },
-  components: {
-    Button,
-  },
-  data() {
-    return { urlUpdate: "/api/v1/rental/rent/reject" };
-  },
-  methods: {
-    ...mapActions("generic", ["putApi"]),
-    ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
-    update() {
-      let params = { url: this.urlUpdate, obj: { rentId: this.rentId } };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          this.addEvent({ name: "rentRejected" });
-          this.hideModal();
-        }
-        this.removeLoading(["btnRentReject"]);
-      });
-    },
-  },
-};
-</script>

package/src/components/modules/rental/rent/RentTotalizationRent.vue

@@ -1,153 +0,0 @@
-<template>
-  <div>
-    <DisplayTotalization title="Sub-Total" :value="totalization.totalValue" />
-    <DisplayTotalization v-if="totalization.totalInsurance > 0" title="Seguro" :value="totalization.totalInsurance"
-      _style="color: #808080" />
-    <DisplayTotalization title="Desconto" :discount="totalization.percentageDiscount.toFixed(1)"
-      :value="totalization.totalDiscount" _style="color: red" :clicked="editDiscount" />
-    <DisplayTotalization v-if="totalization.totalCost > 0" title="Custo" :value="totalization.totalCost"
-      _style="color: red" />
-    <DisplayTotalization title="TOTAL GERAL" :value="totalization.totalGeneral" />
-    <Modal title="Desconto" :width="500" :height="750" v-if="showModal('discount')">
-      <Alert type="info">
-        <span>
-          Não será aplicado desconto em produto faturado!
-        </span>
-      </Alert>
-      <div class="div-discount">
-        <InputDecimalDiscount title="Desconto Unitário" :markFormDirty="false" field="unitDiscount" :required="false"
-          _style="color:red;" :maxLength="5" type="float" v-model="discount" />
-        <div class="div-apply text-center">
-          <Button _key="btnApplyDiscount" title="Aplicar" backGroundColor="#F36944" color="white" size="medium"
-            :clicked="applyDiscount" />
-        </div>
-      </div>
-    </Modal>
-    <!--<div class="div-total-payment" v-if="totalization.totalGeneral != totalization.totalPayment">
-      <Alert type="warning" v-if="statusRental == 2">
-        O Valor Total da Locação <b>{{ totalization.totalGeneral | currency }}</b> está diferente do Valor Total da
-        Condição de Pagamento <b>{{ totalization.totalPayment | currency }}</b>.
-      </Alert>
-    </div> -->
-  </div>
-</template>
-<script>
-import DisplayTotalization from "@nixweb/nixloc-ui/src/component/rental/DisplayTotalization";
-import InputDecimalDiscount from "@nixweb/nixloc-ui/src/component/forms/InputDecimalDiscount";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import { mapActions, mapState, mapMutations, mapGetters } from "vuex";
-
-export default {
-  name: "RentTotalizationRent",
-  components: { DisplayTotalization, InputDecimalDiscount, Modal, Button, Molded, Alert },
-  props: {
-    rentId: String,
-    statusRental: Number,
-    value: Number
-  },
-  data() {
-    return {
-      urlGetTotalization: "/api/v1/rental/rent/totalization",
-      urlUpdate: "/api/v1/rental/rent/update-discount",
-      totalization: {},
-      discount: { discountByPercentage: false, discount: 0 },
-    };
-  },
-  created() {
-    this.getTotalization();
-  },
-  computed: {
-    ...mapState("generic", ["event", "methodExecutedApi"]),
-    ...mapGetters("generic", ["showModal"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi", "putApi"]),
-    ...mapMutations("generic", ["addEvent", "openModal", "hideModal", "removeLoading"]),
-    getTotalization() {
-      let params = { url: this.urlGetTotalization, obj: { rentId: this.rentId } };
-      this.getApi(params).then((response) => {
-        this.totalization = response.content;
-        this.discount.discount = this.totalization.totalDiscount;
-        this.discount.discountByPercentage = false;
-      });
-    },
-    editDiscount() {
-      this.openModal("discount");
-    },
-    applyDiscount() {
-      let params = {
-        url: this.urlUpdate, obj: {
-          id: this.rentId,
-          discountByPercentage: this.discount.discountByPercentage,
-          discount: this.discount.discount
-        }
-      };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          let self = this;
-          setTimeout(function () {
-            self.addEvent({ name: "updateItemsRent" });
-            self.getTotalization();
-            self.hideModal();
-          }, 100);
-        }
-        this.removeLoading(["btnApplyDiscount"]);
-      });
-    }
-  },
-  watch: {
-    methodExecutedApi: {
-      handler(methodExecutedApi) {
-        if (methodExecutedApi) this.getTotalization();
-      },
-      deep: true,
-    },
-    event: {
-      handler(event) {
-        if (event.name == "updateTotalizationRent"
-          || event.name == "itemsImported")
-          this.getTotalization();
-      },
-      deep: true,
-    },
-    discount: {
-      handler(discount) {
-        this.$emit("input", discount);
-      },
-      deep: true,
-    },
-    value: {
-      handler(discount) {
-        this.discount = this.value;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-discount {
-  margin-right: 25px;
-}
-
-.div-products {
-  margin-bottom: 10px;
-}
-
-.div-total-payment {
-  margin-bottom: 30px;
-}
-
-
-.title-discount {
-  color: red;
-}
-
-.div-apply {
-  margin-top: 10px;
-}
-</style>