@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,146 @@
+<template>
+  <div class="main">
+    <div class="div-search">
+      <b-row>
+        <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+          <div class="molded">
+            <div class="div-select">
+              <SelectStatic
+                fieldTarget="filter"
+                :onlyQuery="true"
+                :initialValue="{
+                  content: 'Número da Locação',
+                  id: 'rentNumber',
+                }"
+                v-model="filter"
+                :showBorder="false"
+                :data="[
+                  { content: 'Número da Locação', id: 'rentNumber' },
+                  { content: 'Nome do Cliente', id: 'customerName' },
+                  { content: 'CNPJ/CPF', id: 'customerDocument' },
+                  { content: 'Nome do Produto', id: 'productName' },
+                  { content: 'Número do Patrimônio', id: 'patrimonyBarCode' },
+                ]"
+              />
+            </div>
+          </div>
+        </b-col>
+        <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+          <div class="molded">
+            <input
+              type="text"
+              name="search"
+              placeholder="Pesquisar ..."
+              @keyup.enter.prevent="execute()"
+              v-model="search"
+            />
+          </div>
+        </b-col>
+        <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+          <div class="div-btn">
+            <Button
+              _key="btnSearchPdv"
+              color="white"
+              type="info"
+              title="Buscar"
+              classIcon="fa-solid fa-magnifying-glass"
+              size="medium"
+              :clicked="execute"
+            />
+            <Button
+              _key="btnSearchPdv"
+              color="white"
+              type="info"
+              title="Limpar"
+              classIcon="fa-solid fa-broom"
+              size="medium"
+              :clicked="clean"
+            />
+          </div>
+        </b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Search from "@nixweb/nixloc-ui/src/component/shared/Search.vue";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "PdvSearch",
+  props: ["value"],
+  components: {
+    Button,
+    Search,
+    SelectStatic,
+  },
+  data() {
+    return {
+      filter: { id: "rentNumber" },
+      search: "",
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading", "btnPdvSearch"]),
+    execute() {
+      this.$emit("input", { filter: this.filter.id, search: this.search });
+    },
+    clean() {
+      this.$emit("input", { filter: this.filter.id, search: "" });
+      this.search = "";
+    },
+  },
+};
+</script>
+
+<style scoped>
+.molded {
+  max-width: 900px;
+  height: 52px;
+  font-size: 14px;
+  padding: 5px 8px 6px 15px;
+  margin-bottom: 20px;
+  background-color: white;
+  border: 1px solid #e5e4e8;
+  border-radius: 40px;
+  box-sizing: border-box;
+  box-shadow: none;
+  color: rgb(38, 41, 44);
+  opacity: 1;
+  transition: background-color 0.1s ease-in 0s, border 0.1s ease-in 0s;
+}
+
+input[type="text"] {
+  width: 90%;
+  height: 40px;
+  font-size: 17px;
+  border: 0px solid white;
+  background-color: rgb(255, 255, 255);
+  margin-bottom: 50px;
+  margin-left: 20px;
+}
+
+input[type="text"]:focus {
+  outline: none;
+}
+
+.div-select {
+  margin-top: -25px;
+  margin-right: 5px;
+  width: 100%;
+}
+
+.div-search {
+  margin: 0 auto;
+}
+
+.div-btn {
+  margin-top: 5px;
+}
+</style>

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

@@ -0,0 +1,166 @@
+<template>
+  <div>
+    <SearchByFilter v-model="search" />
+    <br />
+    <Loading type="line" :center="false" v-show="loading" />
+    <Alert type="info" v-if="list.length == 0 && showAlert">
+      <span> Nenhuma Locação encontrada! </span>
+    </Alert>
+    <div v-for="rent in list" :key="rent.id">
+      <div class="div-rent">
+        <div class="div-item">
+          <Molded :borderRadius="12">
+            <div>
+              <b-row>
+                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+                
+                  <div class="side-by-side number">
+                    <span> {{ rent.numberAndDate }}</span>
+                  </div>
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+                  <div class="identification max-identification text-center">
+                    <span v-if="rent.identification">
+                      {{ rent.identification }}</span
+                    >
+                    <span v-else>Sem identificação</span>
+                  </div>
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="5" xl="5">
+                  <div class="title max-title">
+                    <span class="icon-customer"
+                      ><i class="fa-duotone fa-user-tie"></i
+                    ></span>
+                    {{ rent.customerFullName }}
+                  </div>
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+                  <div class="text-right">
+                    <ButtonMovimentStock
+                      :showTitleButton="false"
+                      :keyButton="rent.id"
+                      :rentId="rent.id"
+                      :periodRentId="null"
+                    />
+                  </div>
+                </b-col>
+              </b-row>
+            </div>
+          </Molded>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import SearchByFilter from "./SearchByFilter.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import ButtonMovimentStock from "../../operational/ButtonMovimentStock.vue";
+
+import { mapActions, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "SearchList",
+  props: ["filter"],
+  components: { SearchByFilter, Loading, Alert, Molded, ButtonMovimentStock },
+  data() {
+    return {
+      search: {},
+      list: [],
+      urlGetAll: "/api/v1/pdv/search",
+      loading: false,
+      showAlert: false,
+    };
+  },
+  mounted() {
+    this.list = this.searchRent;
+  },
+  computed: {
+    ...mapState("pdv", ["searchRent"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    ...mapMutations("generic", ["removeLoading"]),
+    ...mapMutations("pdv", ["updateSearchRent"]),
+    getAll(filter, search) {
+      this.loading = true;
+      let params = {
+        url: this.urlGetAll,
+        obj: {
+          filter: filter,
+          search: search,
+        },
+      };
+      this.getApi(params).then((response) => {
+        this.loading = false;
+        this.list = response.content;
+        this.updateSearchRent(this.list);
+        this.showAlert = true;
+        this.removeLoading(["btnSearchPdv"]);
+      });
+    },
+  },
+  watch: {
+    search: {
+      handler(search) {
+        this.getAll(search.filter, search.search);
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-rent {
+  margin-top: 10px;
+  margin: auto;
+}
+
+.div-item {
+  margin-top: 10px;
+}
+
+.number {
+  font-size: 14px;
+  margin-left: 20px;
+}
+
+.title {
+  font-size: 15px;
+}
+
+.identification {
+  font-size: 13px;
+  background-color: #e0e0e0;
+  border-radius: 20px;
+  padding: 3px;
+}
+
+.icon-customer {
+  margin-right: 10px;
+}
+
+
+.max-title {
+  max-width: 450px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.max-identification {
+  max-width: 250px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
+
+.icon-default {
+  font-size: 20px;
+  color: #dde3ea;
+}
+</style>

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

@@ -0,0 +1,125 @@
+<template>
+  <div>
+    <div>
+      <Button _key="btnItemsPdvCreateUpdate" title="Pesquisar Manual" classIcon="fa-regular fa-magnifying-glass"
+        type="primary" size="small" :disabled="disabled" :clicked="create" />
+    </div>
+    <Modal title="Produtos" :width="1200" :height="750" v-if="showModal('addProduct')">
+      <SearchProduct v-if="showSearchProduct" :types="'1,2,3,0,5'" :status="1" :statusPatrimony="1" :showPrice="true"
+        :showAvailability="true" :onlyPatrimony="userLogged.parameterStock.manageByPatrimony" :periodRent="periodRent"
+        :addProduct="add">
+      </SearchProduct>
+    </Modal>
+  </div>
+</template>
+
+<script>
+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 SearchProduct from "../../stock/search-product/SearchProduct.vue";
+
+import { mapState, mapMutations, mapGetters, mapActions } from "vuex";
+
+export default {
+  name: "ItemsRentCreate",
+  components: {
+    InputText,
+    Modal,
+    Button,
+    SearchProduct,
+  },
+  props: {
+    periodRent: Object,
+    disabled: Boolean,
+  },
+  data() {
+    return {
+      showSearchProduct: false,
+      urlCreate: "/api/v1/pdv/add-product",
+      urlVerifyAccessory: "/api/v1/pdv/verify-if-has-accessory",
+    };
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapGetters("pdv", ["verifyIfExistProduct"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    ...mapMutations("pdv", ["addProduct"]),
+    ...mapActions("generic", ["postApi"]),
+    create() {
+      this.openModal("addProduct");
+      this.removeLoading(["btnItemsPdvCreateUpdate"]);
+      this.showSearchProduct = true;
+    },
+    add(product) {
+      if (this.verifyIfExistProduct(product)) {
+        this.$toasted.show("Produto já existe", {
+          type: "error",
+        });
+        this.hideLoading(product.id);
+        return;
+      }
+      product.unitValue = product.value;
+      let params = { url: this.urlCreate, obj: product, notNotifyToast: true };
+      this.postApi(params).then((response) => {
+        product.totalUnitValue = response.content.totalUnitValue;
+        product.unitDiscount = response.content.unitDiscount;
+        product.unitInsurance = response.content.unitInsurance;
+        product.totalUnitDiscount = response.content.totalUnitDiscount;
+        product.unitCost = response.content.unitCost;
+        product.totalUnitCost = response.content.totalUnitCost;
+        product.totalUnitInsurance = response.content.totalUnitInsurance;
+
+        this.addProduct(product);
+        this.hideLoading(product.id);
+        this.VerifyIfHasAccessory(product.productId);
+        this.$toasted.show("Produto adicionado", {
+          type: "success",
+        });
+        this.addEvent({ name: "calculateTotalization" });
+      });
+    },
+    VerifyIfHasAccessory(productId) {
+      let params = {
+        url: this.urlVerifyAccessory,
+        obj: productId,
+        notNotifyToast: true,
+      };
+      this.postApi(params).then((response) => {
+        response.content.data.forEach((accessory) => {
+          let product = {
+            type: 2,
+            typeName: "onlyAccessory",
+            productFullName: accessory.fullName,
+            productId: accessory.product.id,
+            quantity: accessory.quantity,
+            totalStock: accessory.totalStock,
+            allowWithoutPatrimony: accessory.allowWithoutPatrimony,
+            barCode: accessory.barCode,
+            totalUnitValue: 0,
+            unitDiscount: 0,
+            unitInsurance: 0,
+            totalUnitDiscount: 0,
+            unitCost: 0,
+            totalUnitCost: 0,
+            totalUnitInsurance: 0,
+          };
+          this.addProduct(product);
+        });
+      });
+    },
+    hideSearchProduct() {
+      this.showSearchProduct = false;
+    },
+    hideLoading(productId) {
+      let self = this;
+      setTimeout(function () {
+        self.removeLoading([productId]);
+      }, 300);
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,82 @@
+<template>
+  <div>
+    <br />
+    <div class="text-center">
+      <div class="div-molded">
+        <Molded>
+          <div class="msg-success">{{ msgSuccess }}</div>
+          <div class="icon-success">
+            <i class="fa-light fa-circle-check"></i>
+          </div>
+          <div>
+            <Button
+              _key="btnPrint"
+              type="info"
+              title="Imprimir"
+              classIcon="fa-solid fa-print-magnifying-glass"
+              size="small"
+              :clicked="executePrint"
+            />
+          </div>
+          <br />
+        </Molded>
+      </div>
+    </div>
+    <PrintPdv v-if="print" :rentId="rentId" :onHideModal="onHideModal" />
+  </div>
+</template>
+
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+
+import PrintPdv from "./PrintPdv.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "SuccessPdvRent",
+  components: {
+    Button,
+    Molded,
+    PrintPdv,
+  },
+  props: {
+    msgSuccess: String,
+    rentId: String,
+  },
+  data() {
+    return {
+      print: false,
+    };
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    executePrint() {
+      this.print = true;
+      this.removeLoading(["btnPrint"]);
+    },
+    onHideModal() {
+      this.print = false;
+    },
+  },
+};
+</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;
+}
+</style>

package/src/components/modules/rental/Rental.drawio

@@ -0,0 +1,85 @@
+<mxfile host="65bd71144e">
+    <diagram id="VJeDHgjx6sOVTSqXCffB" name="Page-1">
+        <mxGraphModel dx="1292" dy="931" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="1200" pageHeight="1920" background="#ffffff" math="0" shadow="0">
+            <root>
+                <mxCell id="0"/>
+                <mxCell id="1" parent="0"/>
+                <mxCell id="4" style="edgeStyle=none;html=1;exitX=0.75;exitY=0;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="2" target="3">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="6" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="2" target="5">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="16" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="2" target="15">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="24" style="edgeStyle=none;html=1;exitX=0.75;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="2" target="23">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="27" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="2" target="25">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="2" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;RentCreateUpdate&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="-1" y="248" width="182" height="74" as="geometry"/>
+                </mxCell>
+                <mxCell id="8" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="3" target="7">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="3" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;CollaboratorWithUser&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="354" y="-23" width="186" height="68" as="geometry"/>
+                </mxCell>
+                <mxCell id="12" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="5" target="11">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="5" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;CustomerWithCreate&lt;/font&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="350" y="142" width="186" height="68" as="geometry"/>
+                </mxCell>
+                <mxCell id="10" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="7" target="9">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="7" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;Select&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;br&gt;&lt;i&gt;consultant&lt;/i&gt;&lt;br&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="653" y="-111" width="134" height="58" as="geometry"/>
+                </mxCell>
+                <mxCell id="9" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;ConsultantCreateUpdate&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="620" y="9" width="200" height="67" as="geometry"/>
+                </mxCell>
+                <mxCell id="14" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="11" target="13">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="11" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;Select&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;br&gt;&lt;i&gt;customer&lt;/i&gt;&lt;br&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="683" y="147" width="134" height="58" as="geometry"/>
+                </mxCell>
+                <mxCell id="13" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;CustomerSupplierCreateUpdate&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="624.5" y="264" width="251" height="63" as="geometry"/>
+                </mxCell>
+                <mxCell id="19" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="15" target="17">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="20" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="15" target="18">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="22" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#4D4D4D;" edge="1" parent="1" source="15" target="21">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="15" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;GeneratePeriodRent&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="565" y="462" width="186" height="68" as="geometry"/>
+                </mxCell>
+                <mxCell id="17" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;SelectOption&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;br&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="887" y="369" width="134" height="58" as="geometry"/>
+                </mxCell>
+                <mxCell id="18" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;IncrementDecrement&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="870" y="465" width="171" height="62" as="geometry"/>
+                </mxCell>
+                <mxCell id="21" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;PeriodRentItem&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="885" y="583" width="143" height="57" as="geometry"/>
+                </mxCell>
+                <mxCell id="23" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;PeriodRentList&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="364.5" y="640" width="165" height="68" as="geometry"/>
+                </mxCell>
+                <mxCell id="25" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;PeriodRentCreateUpdate&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" vertex="1" parent="1">
+                    <mxGeometry x="347" y="741" width="199.25" height="69" as="geometry"/>
+                </mxCell>
+            </root>
+        </mxGraphModel>
+    </diagram>
+</mxfile>

package/src/components/modules/rental/address-rent/AddressRent.js

@@ -0,0 +1,13 @@
+export default class AddressRent {
+    constructor() {
+        this.id = "";
+        this.description = "";
+        this.address = "";
+        this.rentId = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.description = data.description;
+        this.address = data.address;
+    }
+}