@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/components/modules/operational/rent/RentOperationalCreateUpdate.vue

@@ -1,336 +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" />
-    <DropdownOptionsRentOperational v-if="id" :rent="rent" :periodRentId="periodRentId"
-      :statusMovimentStock="statusMovimentStock" />
-    <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>
-    <Molded>
-      <b-row>
-        <b-col sm="12">
-          <InputText title="Identificação" field="name" :formName="formName" :required="false" :maxLength="100"
-            v-model="rent.identification" />
-        </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 :showBtnSave="false" v-model="rent.periodRent" />
-        </div>
-      </Molded>
-    </div>
-    <div v-if="rent.id">
-      <br />
-      <Tab v-model="tabIndex" :initialTabs="tabsByModule">
-        <div :slot="0">
-          <div class="div-period-create-update">
-            <PeriodRentCreateUpdate :showBtnSave="false" :markFormDirty="true" :showGenerate="false"
-              :showModeGenerate="false" v-model="rent.periodRent" />
-          </div>
-        </div>
-        <div :slot="1">
-          <!-- <ItemsRentOperationalList v-if="tabIndex == 1" :rent="rent" :periodRentId="periodRentId" />-->
-
-          <ItemsRentList v-if="tabIndex == 1" :rent="rent" :operational="true" />
-
-        </div>
-        <div :slot="2">
-          <AddressRentList v-if="tabIndex == 2" :rent="rent" />
-        </div>
-        <div :slot="3">
-          <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="4">
-          <span>DESPESA</span>
-        </div>-->
-        <div :slot="5">
-          <TeamList :rent="rent" />
-        </div>
-        <div :slot="6">
-          <ItemsOsList :rent="rent" />
-        </div>
-        <div :slot="7">
-          <MovimentList :rent="rent" />
-        </div>
-        <div :slot="8">
-          <br>
-          <FileManager :showInModal="true" source="rent" :genericId="id" />
-        </div>
-        <div :slot="9">
-          <b-row>
-            <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-              Data Cadastro <br>
-              <i class="fa-solid fa-calendar"></i> {{ rent.registeredDate }}
-            </b-col>
-            <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-              Usuário Cadastro <br>
-              <i class="fa-solid fa-user"></i> {{ rent.registeredUser }}
-            </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>
-  </div>
-</template>
-<script>
-
-import ItemsRentList from '../../rental/new-items-rent/ItemsRentList.vue'
-
-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 DropdownOptionsRentOperational from './DropdownOptionsRentOperational.vue'
-import ItemsRentOperationalList from '../items-rent/ItemsRentOperationalList.vue'
-import PeriodRentCreateUpdate from '../../rental/period-rental/PeriodRentCreateUpdate.vue'
-import ContactCreateUpdate from '../../shared/contact/ContactCreateUpdate.vue'
-import CustomerWithCreate from '../../rental/shared/CustomerWithCreate.vue'
-import AddressRentList from '../../rental/address-rent/AddressRentList.vue'
-import MovimentList from '../../rental/moviment/MovimentList.vue'
-import TeamList from '../../rental/team/TeamList.vue'
-import ItemsOsList from '../../rental/maintenance/ItemsOsList.vue'
-
-import Rent from "@/components/modules/operational/rent/RentOperational.js";
-
-import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
-
-export default {
-  name: "RentOperationalCreateUpdate",
-  components: {
-    Badge,
-    Select,
-    RadioGroup,
-    TextArea,
-    Molded,
-    Tab,
-    InputText,
-    Modal,
-    DateTime,
-    Button,
-    EditorHtml,
-    CustomerWithCreate,
-    ContactCreateUpdate,
-    PeriodRentCreateUpdate,
-    AddressRentList,
-    MovimentList,
-    ItemsRentOperationalList,
-    DropdownOptionsRentOperational, TeamList, FileManager, ItemsOsList, ItemsRentList
-  },
-  data() {
-    return {
-      id: this.$route.params.id,
-      periodRentId: this.$route.params.periodRentId,
-      formName: "rentOperationalCreateUpdate",
-      rent: new Rent(),
-      urlCreate: "/api/v1/operational/rent/create",
-      urlUpdate: "/api/v1/operational/rent/update",
-      urlGetById: "/api/v1/operational/rent/get-by-id",
-      urlItemsMovimentTotalization: "/api/v1/stock/items-moviment/totalization",
-      statusMovimentStock: {},
-      customerAndContact: {},
-      tabIndex: 0,
-      tabs: [
-        { index: 0, title: "Período" },
-        { index: 1, title: "Produto" },
-        { index: 2, title: "Saída/Retorno" },
-        { index: 3, title: "Observações" },
-        /*  { index: 4, title: "Despesa" },*/
-        { index: 5, title: "Equipe" },
-        { index: 6, title: "Manutenção" },
-        { index: 7, title: "Movimentação" },
-        { index: 8, title: "Anexo" },
-        { index: 9, title: "Info" },
-      ],
-    };
-  },
-  created() {
-    if (this.id) {
-      this.getById();
-      this.getStatusMovimentStock();
-      this.tabIndex = 1;
-    }
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event", "showModal", "isLoading"]),
-    ...mapGetters("user", ["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 isOperational = this.hasRule("Operational");
-      var isMaintenance = this.hasRule("Maintenance");
-
-      this.tabs.forEach((tab) => {
-        if (tab.title == "Manutenção" && isMaintenance) tabs.push(tab);
-        if (tab.title == "Movimentação" && isOperational) tabs.push(tab);
-        if (tab.title != "Manutenção" && tab.title != "Movimentação")
-          tabs.push(tab);
-      });
-      return tabs;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
-    ...mapMutations("generic", [
-      "addEvent",
-      "removeLoading",
-      "openModal",
-      "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: "rentOperationalUpdate",
-            params: { id: response.content.id, periodRentId: response.content.periodRent.id },
-          });
-        this.removeLoading(["saveSaveCancel"]);
-      });
-    },
-    update() {
-      let params = { url: this.urlUpdate, obj: this.rent };
-      this.putApi(params).then(() => {
-        this.removeLoading(["saveSaveCancel"]);
-      });
-    },
-    getById() {
-      let params = { url: this.urlGetById, obj: { id: this.id, any: this.periodRentId } };
-      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, periodRentId: this.periodRentId },
-      };
-      this.getApi(params).then((response) => {
-        this.statusMovimentStock = response.content;
-      });
-    },
-    newRent() {
-      let self = this;
-      setTimeout(function () {
-        self.$router.push({
-          name: "rentOperationalCreate",
-        });
-        self.removeLoading(["btnRentCreate"]);
-      }, 200);
-    },
-  },
-  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 == "generatePeriodRent") this.rent.periodRent = event.data;
-
-        if (name == "addedProduct" || name == "removedItemRent") {
-          this.getStatusMovimentStock();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.margin {
-  margin-right: 10px;
-}
-
-.div-period {
-  margin: auto;
-  width: 80%;
-  padding: 10px;
-}
-
-.div-period-create-update {
-  max-width: 900px;
-}
-
-
-.div-date-accepted {
-  margin-top: 10px;
-}
-</style>

package/src/components/modules/pdv/rent/AddressRentList.vue

@@ -1,135 +0,0 @@
-<template>
-  <div>
-    <ScrollBar :minHeight="330" :maxHeight="330">
-      <div>
-        <br />
-        <table class="table table-responsive-xs">
-          <thead>
-            <tr>
-              <th class="title-header">Descrição</th>
-              <th class="title-header">Endereço</th>
-              <th></th>
-            </tr>
-          </thead>
-          <tbody v-for="address in addressRent">
-            <tr>
-              <td class="tabela-principal tabela-descricao">
-                <span> {{ address.description }}</span>
-              </td>
-              <td class="tabela-principal tabela-descricao">
-                <span> {{ address.address }}</span>
-              </td>
-              <td class="text-center" @click="remove(address.seq)">
-                <span class="icone">
-                  <i class="fas fa-times-circle"></i>
-                </span>
-              </td>
-            </tr>
-          </tbody>
-          <tbody v-show="addressRent.length == 0">
-            <tr>
-              <td colspan="12">
-                <span>Nenhum endereço adicionado!</span>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </ScrollBar>
-  </div>
-</template>
-
-<script>
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-
-import { mapState, mapMutations, mapGetters } from "vuex";
-
-export default {
-  components: {
-    ScrollBar,
-  },
-  name: "AddressRentList",
-  data() {
-    return {
-      seq: 0,
-    };
-  },
-  computed: {
-    ...mapState("pdv", ["addressRent"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["addEvent", "removeLoading"]),
-    ...mapMutations("pdv", ["removeAddress"]),
-    remove(seq) {
-      let self = this;
-      setTimeout(function () {
-        self.seq = 0;
-      }, 300);
-      this.removeAddress(seq);
-      this.$toasted.show("Endereço removido", {
-        type: "success",
-      });
-    },
-  },
-};
-</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;
-}
-
-.table-quantity {
-  width: 120px;
-}
-
-.tabela-principal {
-  font-size: 14px;
-  max-width: 200px;
-}
-
-.tabela-descricao {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 200px;
-}
-
-.descricao {
-  font-size: 13px;
-  color: darkgray;
-}
-
-.seq {
-  margin-right: 5px;
-  font-size: 15px;
-}
-
-.icone {
-  font-size: 20px;
-  color: #f0134d;
-  cursor: pointer;
-}
-
-.icone:hover {
-  color: #c70f40;
-}
-
-.editavel {
-  cursor: pointer;
-  background-color: #f1f4f9;
-}
-</style>

package/src/components/modules/pdv/rent/FinalizeRent.vue

@@ -1,147 +0,0 @@
-<template>
-  <div>
-    <div>
-      <SelectOption v-show="showSelectedOption" buttonSize="large" buttonClassIcon="fas fa-arrow-circle-right"
-        :width="180" :height="190" :options="options" v-model="selectedOption" :clickedNext="clickedNext" />
-    </div>
-    <div v-if="!showSelectedOption && selectedOption == 1">
-      <Alert type="warning" v-if="totalization.totalGeneral - sumPayment != 0">
-        <span>
-          Restante
-          {{ difference | currency }}</span>
-      </Alert>
-      <Molded>
-        <PaymentCreate module="PDV" :totalValue="totalization.totalGeneral" />
-      </Molded>
-      <PaymentsList />
-    </div>
-    <div class="div-btn text-center">
-      <Button _key="btnBack" v-show="!showSelectedOption" type="info" title="voltar"
-        classIcon="fa-solid fa-circle-arrow-left" size="small" :clicked="back" />
-      <Button _key="btnGenerateRent" v-show="!showSelectedOption" type="success" title="Gerar Locação" size="large"
-        :disabled="sumPayment != totalization.totalGeneral && selectedOption == 1
-          " :clicked="generateRent" />
-    </div>
-  </div>
-</template>
-
-<script>
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import SelectOption from "@nixweb/nixloc-ui/src/component/shared/SelectOption.vue";
-
-import PaymentsList from "../../shared/payment-items/PaymentsList.vue";
-import PaymentCreate from "../../shared/payment-items/PaymentCreate.vue";
-
-import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "FinalizeRent",
-  components: {
-    Molded,
-    Button,
-    Alert,
-    SelectOption,
-    PaymentCreate,
-    PaymentsList,
-  },
-  data() {
-    return {
-      invoice: false,
-      urlGenerate: "/api/v1/pdv/generate-rent",
-      loading: false,
-      selectedOption: "",
-      showSelectedOption: true,
-      options: [
-        {
-          title: "Receber",
-          titleSize: "17",
-          icon: "fas fa-dollar-sign",
-          iconSize: 40,
-          value: 1,
-        },
-        {
-          title: "A Faturar",
-          titleSize: "17",
-          icon: "fas fa-file-invoice-dollar",
-          iconSize: 40,
-          value: 2,
-        },
-      ],
-    };
-  },
-  computed: {
-    ...mapState("user", ["userLogged"]),
-    ...mapGetters("paymentShared", ["sumPayment"]),
-    ...mapState("paymentShared", ["paymentsRent"]),
-    ...mapState("pdv", [
-      "cashierId",
-      "identification",
-      "collaboratorId",
-      "customerId",
-      "contactId",
-      "periodRent",
-      "itemsRent",
-      "addressRent",
-      "observationRental",
-      "observationServiceOrder",
-      "totalization",
-      "isInvoice",
-    ]),
-    difference() {
-      return (
-        this.totalization.totalGeneral.toFixed(2) - this.sumPayment.toFixed(2)
-      );
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["postApi"]),
-    ...mapMutations("generic", ["hideModal", "removeLoading"]),
-    ...mapMutations("pdv", ["updateIsInvoice"]),
-    clickedNext() {
-      this.showSelectedOption = false;
-      if (this.selectedOption == 1) this.updateIsInvoice(false);
-      if (this.selectedOption == 2) this.updateIsInvoice(true);
-    },
-    back() {
-      this.showSelectedOption = true;
-      this.removeLoading(["btnBack"]);
-    },
-    generateRent() {
-      let params = {
-        url: this.urlGenerate,
-        obj: {
-          cashierId: this.cashierId,
-          identification: this.identification,
-          collaboratorId: this.collaboratorId,
-          customerId: this.customerId,
-          contactId: this.contactId,
-          periodRent: this.periodRent,
-          itemsRent: this.itemsRent,
-          paymentsRent: this.paymentsRent,
-          addressRent: this.addressRent,
-          observationRental: this.observationRental,
-          observationServiceOrder: this.observationServiceOrder,
-          isInvoice: this.isInvoice,
-        },
-      };
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.$router.push({
-            name: "successPdvRent",
-            params: { rentId: response.content.content.id },
-          });
-          this.hideModal();
-        }
-        this.removeLoading(["btnGenerateRent"]);
-      });
-    },
-  },
-};
-</script>
-<style scoped>
-.div-btn {
-  margin-top: 20px;
-}
-</style>