@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/components/modules/rental/clone-rent/CloneRent.vue

@@ -0,0 +1,144 @@
+<template>
+    <div class="div-main">
+        <div v-if="loading">
+            <span>Aguarde, estamos clonando, isso pode levar alguns segundos...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <div v-if="!success">
+                <InputText title="Identificação" field="identification" :maxLength="100" v-model="identification" />
+                <CheckboxGroup title="Marque as opções que serão clonadas (se houver)" :initialValue="initialValue"
+                    :stacked="true" :options="[
+                        { text: 'Produto(s) Operacional', value: 'onlyStock' },
+                        { text: 'Pagamento', value: 'payment' },
+                        { text: 'Saída/Retorno', value: 'addressRent' },
+                        { text: 'Equipe', value: 'team' },
+                    ]" v-model="optionsSelected" />
+                <div class="text-center">
+                    <Button _key="btnClone" title="Clonar" :disabled="identification.length > 100"
+                        classIcon="fa-solid fa-clone" backGroundColor="#009183" color="white" size="medium"
+                        :clicked="clone" />
+                </div>
+            </div>
+            <div v-else>
+                <div class="div-success text-center">
+                    <i class="fa-light fa-circle-check icon-success"></i>
+                    <div class="msg-success"> Locação clonada Nº{{ rentCloned.number }}
+                    </div>
+                    <div>
+                        <Button _key="btnBack" type="info" classIcon="fa-solid fa-arrow-left" size="small"
+                            :clicked="back" />
+
+                        <Button _key="btnNavegate" title="Ir para locação" classIcon="fa-solid fa-link" size="medium"
+                            :clicked="navegateTo" />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "CloneRent",
+    props: {
+        rent: Object
+    },
+    components: {
+        Button,
+        CheckboxGroup,
+        InputText,
+        Loading
+    },
+    data() {
+        return {
+            urlClone: "/api/v1/rental/rent/clone",
+            initialValue: ['payment', 'observation', 'addressRent', 'team'],
+            optionsSelected: [],
+            identification: "",
+            success: false,
+            rentCloned: {},
+            loading: false,
+        }
+    },
+    mounted() {
+        this.identification = this.rent.identification;
+    },
+    methods: {
+        ...mapActions("generic", ["postApi"]),
+        ...mapMutations("generic", ["removeLoading", "hideModal"]),
+        clone() {
+            this.loading = true;
+            let params = {
+                url: this.urlClone, obj: {
+                    rentId: this.rent.id,
+                    identification: this.identification,
+                    options: this.optionsSelected
+                },
+                notNotifyToast: true
+            };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    let self = this;
+                    setTimeout(function () {
+                        self.success = true;
+                        self.loading = false;
+                        self.rentCloned = response.content;
+                        self.removeLoading(["btnClone"]);
+                    }, 2000);
+
+                }
+            });
+        },
+        back() {
+            this.success = false;
+            this.removeLoading(["btnBack"]);
+        },
+        navegateTo() {
+            this.hideModal();
+            this.removeLoading(["btnNavegate"]);
+            this.$router.push({
+                name: "rentUpdate",
+                params: { id: this.rentCloned.id },
+            });
+        },
+    }
+}
+</script>
+<style scoped>
+.div-main {
+    min-height: 200px;
+}
+
+.msg-success {
+    font-size: 18px;
+    margin: 10px;
+}
+
+.icon-success {
+    color: #38a169;
+    font-size: 30px;
+}
+
+.div-success {
+    padding-top: 30px;
+    height: 200px;
+}
+
+.title-navegate {
+    color: rgb(2, 2, 63);
+    cursor: pointer;
+    font-size: 16px;
+}
+
+.title-navegate:hover {
+    text-decoration: underline;
+}
+</style>

package/src/components/modules/rental/expense/Expense.js

@@ -0,0 +1,29 @@
+export default class Expense {
+    constructor() {
+        this.id = "";
+        this.recipient = { id: "", content: "" };
+        this.description = "";
+        this.document = "";
+        this.value = 0;
+        this.dueDate = "";
+        this.competenceDate = "";
+        this.typePayment = { id: "", content: "" };
+        this.observation = "";
+        this.rentId = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.type = data.type;
+        this.recipient = { id: data.recipient.id, content: data.recipient.content };
+        this.description = data.description;
+        this.document = data.document;
+        this.value = data.value;
+        this.dueDate = data.dueDate;
+        this.competenceDate = data.competenceDate;
+
+        if (data.typePayment.id)
+            this.typePayment = { id: data.typePayment.id, content: data.typePayment.content };
+
+        this.observation = data.observation;
+    }
+}

package/src/components/modules/rental/expense/ExpenseCreateUpdate.vue

@@ -0,0 +1,111 @@
+<template>
+  <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 DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+
+import Expense from "./Expense.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+const EVT_CREATE = "expenseCreate";
+const EVT_UPDATE = "expenseUpdate";
+
+const URL_CREATE = "/api/v1/rent/expense/create";
+const URL_UPDATE = "/api/v1/rent/expense/update";
+
+export default {
+  name: "ExpenseCreateUpdate",
+  components: { Alert, Button, DateTime, InputText, InputDecimal, Loading, Select },
+  props: {
+    rent: {
+      type: Object,
+      required: true,
+      validator: (v) => v && typeof v.id !== "undefined"
+    }
+  },
+  data() {
+    return {
+      formName: "expenseCreateUpdate",
+      expense: new Expense(),
+      urlCreate: URL_CREATE,
+      urlUpdate: URL_UPDATE,
+      loading: false,
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+    isEditing() {
+      return !!(this.expense && this.expense.id);
+    }
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    async save() {
+      this.expense.rentId = this.rent.id;
+      this.loading = true;
+      try {
+        const isEdit = this.isEditing;
+        const params = {
+          url: isEdit ? this.urlUpdate : this.urlCreate,
+          obj: this.expense
+        };
+
+        const response = isEdit ? await this.putApi(params) : await this.postApi(params);
+
+        this.removeLoading(["saveExpense"]);
+
+        if (response && response.success) {
+          this.hideModal();
+          this.resetValidation(this.formName);
+        }
+      }
+      finally {
+        this.loading = false;
+      }
+    },
+    update(data) {
+      const instance = new Expense();
+      instance.update(data);
+      this.expense = instance;
+    }
+  },
+  watch: {
+    event: {
+      deep: true,
+      handler(ev) {
+        if (!ev || !ev.name) return;
+
+        if (ev.name === EVT_CREATE) {
+          this.loading = true;
+          this.expense = new Expense();
+          this.resetValidation(this.formName);
+          this.loading = false;
+          return;
+        }
+
+        if (ev.name === EVT_UPDATE) {
+          this.loading = true;
+          this.update(ev.data);
+          this.resetValidation(this.formName);
+          this.loading = false;
+          return;
+        }
+      }
+    }
+  }
+};
+</script>

package/src/components/modules/rental/expense/ExpenseList.vue

@@ -0,0 +1,96 @@
+<template>
+  <div>
+
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
+      :propsParam="propsParam">
+
+      <div slot="content-buttons">
+        <Button _key="btnExpenseCreateUpdate" title="Despesa" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+    </ViewTemplateConfiguration>
+
+    <Modal title="Despesa" :width="850" :height="250" v-show="showModal('expenseCreateUpdate')">
+      <ExpenseCreateUpdate :rent="rent" />
+    </Modal>
+
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+
+import ExpenseCreateUpdate from './ExpenseCreateUpdate.vue'
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "ExpenseList",
+  components: {
+    ViewTemplateConfiguration, Alert, Button, Modal, ExpenseCreateUpdate
+  },
+  props: {
+    rent: Object,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/rental/expense/get-all",
+        urlDeleteAllApi: "/api/v1/rental/expense/delete",
+        headerTable: [],
+      },
+      propsParam: {
+        any: this.rent.id,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event", "showModal"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "addEvent", "removeLoading"]),
+    create() {
+      this.addEvent({ name: "expenseCreateUpdate" });
+      this.openModal('expenseCreateUpdate');
+      this.removeLoading(["btnExpenseCreateUpdate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "expenseUpdate") this.openModal("expenseCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style>
+.box-finance {
+  width: 10px;
+  height: 10px;
+  border-radius: 20px;
+  margin-right: 8px;
+}
+
+.finance-delay {
+  background-color: red;
+}
+
+.finance-paid {
+  background-color: #009183;
+}
+
+.finance-today {
+  background-color: #ff8a1b;
+}
+
+.finance-scheduled {
+  background-color: #3d4eae;
+}
+</style>

package/src/components/modules/rental/group-rent/GroupRent.js

@@ -0,0 +1,10 @@
+export default class GroupRent {
+    constructor() {
+        this.id = "";
+        this.name = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.name = data.name;
+    }
+}

package/src/components/modules/rental/group-rent/GroupRentCreateUpdate.vue

@@ -0,0 +1,97 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40"
+          v-model="groupRent.name" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="btnSaveGroupRent" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveGroupRent" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import GroupRent from "@/components/modules/rental/group-rent/GroupRent.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "GroupRentCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { InputText, Button },
+  data() {
+    return {
+      formName: "groupRentCreateUpdate",
+      groupRent: new GroupRent(),
+      urlCreate: "/api/v1/rental/group-rent/create",
+      urlUpdate: "/api/v1/rental/group-rent/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveGroupRent() {
+      if (this.groupRent.id) {
+        let params = { url: this.urlUpdate, obj: this.groupRent };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["btnSaveGroupRent"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.groupRent };
+        this.postApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          if (response.success && this.registerInSelect) {
+            this.$emit("input", {
+              id: response.content.id,
+              content: response.content.name,
+            });
+            this.hideVodal(this.formName);
+          }
+          this.removeLoading(["btnSaveGroupRent"]);
+        });
+      }
+    },
+    update(data) {
+      this.groupRent = new GroupRent();
+      this.groupRent.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "groupRentCreate") {
+          this.resetValidation(this.formName);
+          this.groupRent = new GroupRent();
+        }
+        if (event.name == "groupRentUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/rental/items-kit-rent/ItemsKitRent.js

@@ -0,0 +1,18 @@
+export default class ItemsKitRent {
+    constructor() {
+        this.id = "";
+        this.typeProduct = { id: "", content: "" };
+        this.product = { id: "", content: "" };
+        this.description = "";
+        this.quantity = 0;
+        this.unitValue = 0;
+    }
+    update(data) {        
+        this.id = data.id;
+        this.typeProduct = { id: data.typeProduct.id, content: data.typeProduct.content };
+        this.product = { id: data.product.id, content: data.product.content };
+        this.description = data.description;
+        this.quantity = data.quantity;
+        this.unitValue = data.unitValue;
+    }
+}

package/src/components/modules/rental/items-kit-rent/ItemsKitRentList.vue

@@ -0,0 +1,154 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
+      :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="btnProductCreate" title="Produto" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Produtos" :width="1200" :height="750" v-show="showModal('accessoryCreate')"
+      :onHideModal="hideSearchProduct">
+      <SearchProduct v-if="showSearchProduct" :types="'1,2,3,0,5'" :status="1" :showPrice="!recalculatePriceTable"
+        :addProduct="addProduct" />
+    </Modal>
+    <Modal title="Produto" :width="1000" :height="750" v-show="showModal('kitRentUpdate')">
+      <ItemsKitRentUpdate :kitRentId="kitRentId" :recalculatePriceTable="recalculatePriceTable" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+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 ItemsKitRentUpdate from "./ItemsKitRentUpdate.vue";
+
+import { mapGetters, mapMutations, mapActions } from "vuex";
+
+export default {
+  name: "ItemsKitRentList",
+  components: {
+    ViewTemplateConfiguration,
+    Modal,
+    Button,
+    SearchProduct,
+    SearchProduct,
+    ItemsKitRentUpdate,
+  },
+  props: {
+    kitRentId: String,
+    recalculatePriceTable: Boolean,
+  },
+  data() {
+    return {
+      templateList: {
+        urlCreate: "/api/v1/rental/items-kit-rent/create",
+        urlGetApi: "/api/v1/rental/items-kit-rent/get-all",
+        urlOrderAllApi: "/api/v1/rental/items-kit-rent/order-all",
+        urlDeleteAllApi: "/api/v1/rental/items-kit-rent/delete",
+        dragAndDrop: true,
+        headerTable: [],
+        headerTableOptional: [
+          {
+            field: "productFullName",
+            title: "Produto",
+            type: "link",
+            eventName: "kitRentUpdate",
+          },
+          {
+            field: "description",
+            title: "Descrição",
+            type: "html",
+          },
+          {
+            field: "quantity",
+            title: "Quantidade",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "unitValue",
+            title: "R$ Unitário",
+            type: "currency",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "totalUnitValue",
+            title: "R$ Total",
+            type: "currency",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+        ]
+      },
+      propsParam: {
+        any: this.kitRentId,
+      },
+      showSearchProduct: false,
+    };
+  },
+  mounted() {
+    this.addheaderTable();
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    ...mapActions("generic", ["postApi"]),
+    addheaderTable() {
+      var updatedHeaderTable = [];
+      this.templateList.headerTableOptional.forEach(option => {
+        if (!(option.type === "currency" && this.recalculatePriceTable)) {
+          updatedHeaderTable.push(option);
+        }
+      });
+
+      this.templateList.headerTable = updatedHeaderTable;
+    },
+    create() {
+      this.openModal("accessoryCreate");
+      this.addEvent({ name: "patrimonyCreate" });
+      this.removeLoading(["btnProductCreate"]);
+      this.showSearchProduct = true;
+    },
+    hideSearchProduct() {
+      this.showSearchProduct = false;
+    },
+    addProduct(product) {
+      let obj = {
+        id: "",
+        product: { id: product.id },
+        productName: product.name,
+        description: product.description,
+        quantity: product.quantity,
+        unitValue: product.value,
+        kitRentId: this.kitRentId,
+      };
+      let params = { url: this.templateList.urlCreate, obj: obj };
+      this.postApi(params).then((response) => {
+        this.removeLoading([product.id]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "kitRentUpdate") this.openModal("kitRentUpdate");
+      },
+      deep: true,
+    },
+    recalculatePriceTable: {
+      handler() {
+        this.addheaderTable();
+      },
+      deep: true,
+    },
+  },
+};
+</script>