@nixweb/nixloc-ui 1.16.0 → 1.17.0

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

@@ -1,640 +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.numberStr"
-            type="primary"
-            size="medium"
-          />
-          <Badge
-            :title="statusRental.title"
-            :type="statusRental.type"
-            size="small"
-          />
-          <span
-            v-if="rent.archived"
-            class="span-archived"
-          ><i
-              class="fa-solid fa-box-archive"
-              style="color:#453DB4"
-            ></i></span>
-        </b-col>
-      </b-row>
-      <br />
-    </div>
-    <RentTotalization
-      v-if="id"
-      :statusRental="rent.statusRental"
-      :rentId="id"
-    />
-    <Molded>
-      <b-row>
-        <b-col xl="4">
-          <InputText
-            title="Identificação"
-            field="name"
-            :formName="formName"
-            :required="false"
-            :maxLength="100"
-            v-model="rent.identification"
-          />
-        </b-col>
-        <b-col 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 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 xl="8">
-          <CustomerWithCreate
-            :formName="formName"
-            v-model="rent.customer"
-          />
-        </b-col>
-        <b-col 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>
-        <span>Período de Locação</span>
-        <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"
-            :status="rent.statusRental"
-            :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="10000"
-                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="10000"
-                v-model="rent.observationServiceOrder"
-              />
-            </b-col>
-          </b-row>
-        </div>
-        <div :slot="5">
-          <ExpenseList :rent="rent" />
-        </div>
-        <div :slot="6">
-          <TeamList :rent="rent" />
-        </div>
-        <div :slot="7">
-          <SignatureFileList :genericId="rent.id" />
-        </div>
-        <div :slot="8">
-          <DocumentVersionList :rentId="id" />
-        </div>
-        <div :slot="9">
-          <InvoiceList :rent="rent" />
-        </div>
-        <div :slot="10">
-          <NfseList :rent="rent" />
-        </div>
-        <div :slot="11">
-          <ItemsOsList :rent="rent" />
-        </div>
-        <div :slot="12">
-          <MovimentList :rent="rent" />
-        </div>
-        <div :slot="13">
-          <br />
-          <FileManager
-            :showInModal="true"
-            source="rent"
-            :genericId="id"
-          />
-        </div>
-        <div :slot="14">
-          <b-row v-if="statusRental.title == 'Reprovada'">
-            <b-col sm="12">
-              <TextArea
-                title="Motivo da Reprovação"
-                field="rejectionReason"
-                :formName="formName"
-                :required="statusRental.title == 'Reprovada'"
-                :maxLength="5000"
-                v-model="rent.rejectionReason"
-              />
-            </b-col>
-          </b-row>
-          <b-row>
-            <b-col xl="2">
-              <span class="title">
-                Data Cadastro <br />
-                <i class="fa-solid fa-calendar"></i> {{ rent.registeredDate }}
-              </span>
-            </b-col>
-            <b-col 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 xl="2">
-                <InputNumber
-                  title="Nº Locação"
-                  field="number"
-                  :formName="formName"
-                  :required="true"
-                  :maxLength="10"
-                  v-model="rent.number"
-                />
-              </b-col>
-              <b-col xl="2">
-                <DateTime
-                  title="Data de Efetivação"
-                  field="dateAccepted"
-                  format="DD/MM/YYYY"
-                  type="date"
-                  placeholder
-                  :formName="formName"
-                  :required="true"
-                  v-model="rent.dateAccepted"
-                />
-              </b-col>
-            </b-row>
-          </div>
-        </div>
-        <div :slot="15">
-          <TimelineLog :id="id" />
-        </div>
-      </Tab>
-    </div>
-    <Modal
-      title="Período"
-      :width="850"
-      :height="750"
-      v-show="showModal('periodRentCreateUpdate')"
-    >
-      <PeriodRentCreateUpdate :rentId="id" />
-    </Modal>
-    <Modal
-      title="Pagamento"
-      :width="700"
-      :height="750"
-      v-show="showModal('paymentRentCreateUpdate')"
-    >
-      <PaymentRentCreateUpdate
-        :rentId="id"
-        :status="rent.statusRental"
-      />
-    </Modal>
-  </div>
-</template>
-
-<script>
-import Badge from "@nixweb/nixloc-ui/src/component/layout/Badge.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
-import FileManager from "@nixweb/nixloc-ui/src/component/shared/file-manager/FileManager";
-import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import Tab from "@nixweb/nixloc-ui/src/component/layout/Tab.vue";
-import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
-
-import AddressRentList from "../address-rent/AddressRentList.vue";
-import AutomationBuilder from "../../automation/AutomationBuilder.vue";
-import ConsultantCreateUpdate from "../../human-resources/collaborator/ConsultantCreateUpdate.vue";
-import ContactCreateUpdate from "../../shared/contact/ContactCreateUpdate.vue";
-import CustomerWithCreate from "../shared/CustomerWithCreate.vue";
-import DocumentVersionList from "../../shared/document-version/DocumentVersionList";
-import DropdownOptionsRent from "../shared/DropdownOptionsRent.vue";
-import ExpenseList from "../expense/ExpenseList.vue";
-import GeneratePeriodRent from "../period-rental/GeneratePeriodRent.vue";
-import InvoiceList from "../billing/InvoiceList.vue";
-import ItemsOsList from "../maintenance/ItemsOsList.vue";
-import ItemsRentList from "../new-items-rent/ItemsRentList.vue";
-//import ItemsRentList from "../items-rent/ItemsRentList.vue";
-import MovimentList from "../moviment/MovimentList.vue";
-import NfseList from "../nfse/NfseList.vue";
-import PaymentRentCreateUpdate from "../payment-rent/PaymentRentCreateUpdate.vue";
-import PaymentRentList from "../payment-rent/PaymentRentList.vue";
-import PeriodRentCreateUpdate from "../period-rental/PeriodRentCreateUpdate.vue";
-import PeriodRentList from "../period-rental/PeriodRentList.vue";
-import Rent from "@/components/modules/rental/rent/Rent.js";
-import RentTotalization from "./RentTotalizationRent.vue";
-import SignatureFileList from "../../signature/signature-file/SignatureFileList.vue";
-import TeamList from "../team/TeamList.vue";
-import TimelineLog from "../../adm/audit-log/TimelineLog.vue";
-import TypeRentCreateUpdate from "../type-rent/TypeRentCreateUpdate.vue";
-
-import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
-
-export default {
-  name: "RentCreateUpdate",
-  props: {
-    registerInSelect: Boolean,
-    value: Object,
-  },
-  components: {
-    Badge,
-    Select,
-    RadioGroup,
-    TextArea,
-    Molded,
-    Tab,
-    InputText,
-    InputNumber,
-    Modal,
-    DateTime,
-    Button,
-    EditorHtml,
-    RentTotalization,
-    TypeRentCreateUpdate,
-    CustomerWithCreate,
-    ConsultantCreateUpdate,
-    ContactCreateUpdate,
-    GeneratePeriodRent,
-    PeriodRentList,
-    PeriodRentCreateUpdate,
-    ItemsRentList,
-    DocumentVersionList,
-    DropdownOptionsRent,
-    MovimentList,
-    PaymentRentList,
-    PaymentRentCreateUpdate,
-    AddressRentList,
-    InvoiceList,
-    AutomationBuilder,
-    NfseList,
-    TeamList,
-    FileManager,
-    SignatureFileList,
-    ItemsOsList,
-    TimelineLog,
-    ExpenseList,
-  },
-  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: "Despesa" },*/
-        { index: 6, title: "Equipe" },
-        { index: 7, title: "Assinatura" },
-        { index: 8, title: "Docum...Versão" },
-        { index: 9, title: "Fatura" },
-        { index: 10, title: "NFS-e" },
-        { index: 11, title: "Manutenção" },
-        { index: 12, title: "Movimentação" },
-        { index: 13, title: "Anexo" },
-        { index: 14, title: "Info" },
-        { index: 15, title: "Auditoria" },
-      ],
-      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() {
-      var isUserTemp = this.userLogged.user.userName === "UserTemp";
-
-      let tabs = [];
-      var isSignature = this.hasRule("Signature");
-      var isBilling = this.hasRule("Billing");
-      var isTaxDocument = this.hasRule("TaxDocument");
-      var isOperational = this.hasRule("Operational");
-      var isMaintenance = this.hasRule("Maintenance");
-      var isAudit = this.hasRule("Audit");
-
-      this.tabs.forEach((tab) => {
-        if (tab.title === "Auditoria" && (isAudit || isUserTemp)) {
-          tabs.push(tab);
-        }
-        if (tab.title == "Assinatura" && isSignature) tabs.push(tab);
-        if (tab.title == "Faturamento" && isBilling) tabs.push(tab);
-        if (tab.title == "NFS-e" && isTaxDocument) tabs.push(tab);
-        if (tab.title == "Manutenção" && isMaintenance) tabs.push(tab);
-        if (tab.title == "Movimentação" && isOperational) tabs.push(tab);
-        if (
-          tab.title != "Faturamento" &&
-          tab.title != "Manutenção" &&
-          tab.title != "Movimentação" &&
-          tab.title != "NFS-e" &&
-          tab.title != "Assinatura" &&
-          tab.title != "Auditoria"
-        )
-          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" });
-            self.getById();
-          }, 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" ||
-          name == "rentArchive"
-        ) {
-          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;
-}
-
-.span-archived {
-  margin-left: 10px;
-}
-</style>

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

@@ -1,47 +0,0 @@
-<template>
-  <div>
-    <CheckboxGroup title="Marque as opções (se houver)" :stacked="true" :options="[
-      { text: 'Excluir Contas a Receber', value: 'removeReceive' },
-      { text: 'Excluir Contas a Pagar', value: 'removePay' },
-    ]" v-model="optionsSelected" />
-    <div class="text-center">
-      <Button _key="btnRentProgress" title="Orçamento" type="info" size="medium" :clicked="update" />
-    </div>
-  </div>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import { mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "RentProgress",
-  props: {
-    rentId: String,
-  },
-  components: {
-    Button,
-    CheckboxGroup,
-    Alert
-  },
-  data() {
-    return { urlUpdate: "/api/v1/rental/rent/progress", optionsSelected: [], };
-  },
-  methods: {
-    ...mapActions("generic", ["putApi"]),
-    ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
-    update() {
-      let params = { url: this.urlUpdate, obj: { rentId: this.rentId, options: this.optionsSelected } };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          this.addEvent({ name: "rentProcessed" });
-          this.hideModal();
-        }
-        this.removeLoading(["btnRentProgress"]);
-      });
-    },
-  },
-};
-</script>