@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/rental/items-rent/ItemsRentalInvoice.vue

@@ -0,0 +1,45 @@
+<template>
+  <div>
+    <div class="badge badge-warning" v-if="data.statusInvoiceItemsRent == 1">
+      Não Faturado
+    </div>
+    <div class="badge badge-success" v-if="data.statusInvoiceItemsRent == 2">
+      Faturado
+    </div>
+     <div class="badge badge-info" v-if="data.statusInvoiceItemsRent == 3">
+      Não Fatura
+    </div>
+     <div class="badge badge-danger" v-if="data.statusInvoiceItemsRent == 4">
+      Cancelado
+    </div>
+    <br />
+  </div>
+</template>
+<script>
+export default {
+  name: "ItemsRentalTotalization",
+  props: {
+    data: Object,
+  },
+};
+</script>
+<style scoped>
+.badge {
+  font-size: 12px !important;
+  margin-left: 5px;
+}
+
+.unit {
+  font-size: 13px;
+}
+
+.total {
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.discount {
+  font-size: 12px !important;
+  color: red;
+}
+</style>

package/src/components/modules/rental/items-rent/ItemsRentalTotalization.vue

@@ -0,0 +1,73 @@
+<template>
+  <div>
+    <span class="unit value"><small>Unit</small> {{ data.unitValue | currency }}</span> |
+    <span class="total value"><small>Tot..</small> {{ data.unitValue * data.quantity | currency }}</span>
+    <br />
+    <div class="badge badge-danger side-by-side" v-if="false">
+      Desc {{ data.totalUnitDiscount | currency }}
+    </div>
+    <div v-if="data.unitDiscount.toFixed(2) > 0" class="side-by-side">
+      <span class="unit value discount"><small>Desc</small> {{ data.totalUnitDiscount | currency }}</span> |
+      <span class="total general value "><small>Tot..</small> {{ data.totalUnitValue | currency }}</span>
+    </div>
+    <div class="text-center">
+      <div class="div-discount" v-if="data.percentageDiscount > 0">
+        {{ data.percentageDiscount.toFixed(1) }}%
+      </div>
+    </div>
+    <div>
+      <div class="badge badge-danger side-by-side" v-if="data.unitCost > 0">
+        Custo {{ data.totalUnitCost | currency }}
+      </div>
+      <div class="badge badge-info side-by-side" v-if="data.totalUnitInsurance > 0">
+        Seguro {{ data.totalUnitInsurance | currency }}
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "ItemsRentalTotalization",
+  props: {
+    data: Object,
+  },
+};
+</script>
+<style scoped>
+.badge {
+  font-size: 12px !important;
+  margin-left: 5px;
+}
+
+.unit {
+  font-size: 13px;
+}
+
+.total {
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.discount {
+  font-size: 13px !important;
+  color: red;
+}
+
+.general {
+  color: darkblue;
+}
+
+.value {
+  font-family: "inter", sans-serif !important;
+}
+
+.div-discount {
+  margin-left: 22%;
+  margin-right: 66%;
+  color: white;
+  border-radius: 10px;
+  background-color: #FF0201;
+  font-size: 9px;
+  opacity: 0.8;
+}
+</style>

package/src/components/modules/rental/items-rent/RecalculateValue.vue

@@ -0,0 +1,52 @@
+<template>
+    <div class="div-discount">
+        <Alert type="info">
+            <span>Por favor, note que os valores dos produtos selecionados serão ajustados conforme a tabela.</span>
+        </Alert>
+        <Alert type="warning">
+            <span>Produto faturado, não será recalculado!</span>
+        </Alert>
+        <div class="div-apply text-center">
+            <Button _key="btnRecalculateValue" title="Aplicar" backGroundColor="#156EBE" color="white" size="medium"
+                :clicked="update" />
+        </div>
+    </div>
+</template>
+<script>
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "RecalculateValue",
+    props: ["selected"],
+    components: { Alert, Button },
+    data() {
+        return {
+            urlUpdate: "/api/v1/rental/items-rent/recalculate-value",
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["putApi"]),
+        ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
+        update() {
+            let params = {
+                url: this.urlUpdate,
+                obj: {
+                    listIds: this.selected,
+                }
+            };
+            this.putApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "updateFixedBar" });
+                    this.hideModal();
+                }
+                this.removeLoading(["btnRecalculateValue"]);
+            });
+        }
+    }
+}
+
+</script>

package/src/components/modules/rental/items-rent/UpdateStatusInvoicing.vue

@@ -0,0 +1,50 @@
+<template>
+    <div>
+        <RadioGroup :stacked="true" :options="[
+            { text: 'Faturado', value: 2 },
+            { text: 'Não Faturado', value: 1 },
+            { text: 'Não Fatura (Cancelado)', value: 3 },
+        ]" v-model="status" />
+        <div class="text-center">
+            <Button _key="btnUpdate" title="Aplicar" backGroundColor="#02D1C1" color="white" size="medium"
+                :clicked="update" />
+        </div>
+    </div>
+</template>
+
+<script>
+
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapActions, mapState, mapMutations, mapGetters } from "vuex";
+
+export default {
+    name: "UpdateStatusInvoicing",
+    props: ["selected"],
+    components: {
+        RadioGroup, Button
+    },
+    data() {
+        return {
+            urlUpdate: "/api/v1/rental/items-rent/update-status-invoice",
+            status: 1
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["putApi"]),
+        ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
+        update() {
+            let params = { url: this.urlUpdate, obj: { listIds: this.selected, status: this.status } };
+            this.putApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "updateFixedBar" });
+                    this.hideModal();
+                }
+                this.removeLoading(["btnUpdate"]);
+            });
+        }
+    }
+}
+
+</script>

package/src/components/modules/rental/kit-rent/KitRent.js

@@ -0,0 +1,16 @@
+export default class KitRent {
+    constructor() {
+        this.id = "";
+        this.name = "";
+        this.description = "";
+        this.recalculatePriceTable = false;
+        this.status = 1;
+    }
+    update(data) {
+        this.id = data.id;
+        this.name = data.name;
+        this.description = data.description;
+        this.recalculatePriceTable = data.recalculatePriceTable;
+        this.status = data.status;
+    }
+}

package/src/components/modules/rental/kit-rent/KitRentCreateUpdate.vue

@@ -0,0 +1,146 @@
+<template>
+  <div class="margin">
+    <Molded>
+      <b-row>
+        <b-col xs="12" sm="12" md="6" lg="5" xl="5">
+          <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="200"
+            v-model="kitRentCreateUpdate.name" />
+        </b-col>
+        <b-col xs="12" sm="12" md="6" lg="7" xl="7">
+          <InputText title="Descrição" field="document" :formName="formName" :maxLength="500"
+            v-model="kitRentCreateUpdate.description" />
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col xs="12" sm="12" md="12" lg="6" xl="6" v-if="id">
+          <RadioGroup title="Status" field="status" :formName="formName" :options="[
+            { text: 'Ativo', value: 1 },
+            { text: 'Inativo', value: 2 },
+          ]" v-model="kitRentCreateUpdate.status" />
+        </b-col>
+        <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+          <RadioGroup title="Recalcular os valores ao importar na locação?" :formName="formName" :options="[
+            { text: 'Sim', value: true },
+            { text: 'Não', value: false },
+          ]" v-model="kitRentCreateUpdate.recalculatePriceTable" />
+        </b-col>
+      </b-row>
+    </Molded>
+    <br />
+    <b-tabs v-if="id">
+      <b-tab title="Produto">
+        <ItemsKitRentList :kitRentId="id" :recalculatePriceTable="kitRentCreateUpdate.recalculatePriceTable" />
+      </b-tab>
+    </b-tabs>
+    <br />
+  </div>
+</template>
+
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import KitRent from "@/components/modules/rental/kit-rent/KitRent.js";
+import ItemsKitRentList from '../items-kit-rent/ItemsKitRentList.vue'
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "KitRentCreateUpdate",
+  props: {
+    value: Object,
+  },
+  components: {
+    InputText,
+    RadioGroup,
+    CheckboxGroup,
+    Molded,
+    Button, ItemsKitRentList
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      formName: "bankAccountCreateUpdate",
+      kitRentCreateUpdate: new KitRent(),
+      urlCreate: "/api/v1/rental/kit-rent/create",
+      urlUpdate: "/api/v1/rental/kit-rent/update",
+      urlGetById: "/api/v1/rental/kit-rent/get-by-id",
+    };
+  },
+  created() {
+    if (this.id) this.getById();
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "isLoading"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+    ...mapMutations("generic", ["removeLoading"]),
+    ...mapMutations("validation", ["removeFormDirty"]),
+    create() {
+      let params = { url: this.urlCreate, obj: this.kitRentCreateUpdate };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.$router.replace({
+            name: "kitRentUpdate",
+            params: { id: response.content.id },
+          });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    update() {
+      let params = { url: this.urlUpdate, obj: this.kitRentCreateUpdate };
+      this.putApi(params).then((response) => {
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    getById() {
+      let params = { url: this.urlGetById, obj: { id: this.id } };
+      this.getApi(params).then((response) => {
+        this.kitRentCreateUpdate.update(response.content);
+        let self = this;
+        setTimeout(function () {
+          self.removeLoading(["panel"]);
+          self.removeFormDirty();
+        }, 100);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.margin {
+  margin-right: 10px;
+}
+
+.div-balance {
+  font-size: 16px;
+  margin-top: 3px;
+}
+
+.positive {
+  color: darkblue;
+}
+
+.negative {
+  color: red;
+}
+</style>