@nixweb/nixloc-ui 0.0.271 → 0.0.273

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>

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

@@ -0,0 +1,119 @@
+<template>
+  <div>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="5" xl="5">
+        <Select title="Tipo" field="type" :formName="formName" :required="true"
+          url="/api/v1/stock/type-product/select-all" :propsParams="{ any: 2 }" nameNewRegister="typeProductCreateUpdate"
+          titleNewRegister="Tipo" :widthNewRegister="700" :heightNewRegister="250" v-model="itemsKitRent.typeProduct"
+          :changed="cleanAccessory">
+          <TypeProductCreateUpdate :registerInSelect="true" v-model="itemsKitRent.typeProduct" />
+        </Select>
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="7" xl="7">
+        <Select title="Acessório" field="itemsKitRent" :formName="formName" :required="true"
+          url="/api/v1/stock/product/select-all" :propsParams="{ any: itemsKitRent.typeProduct.id }"
+          :disabled="!itemsKitRent.typeProduct.id" nameNewRegister="productUpdate" titleNewRegister="Acessório"
+          :widthNewRegister="700" :heightNewRegister="250" v-model="itemsKitRent.product">
+          <!--  <TypeProductCreateUpdate
+            :registerInSelect="true"
+            v-model="product.typeProduct"
+          />-->
+        </Select>
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <EditorHtml title="Descrição" field="description" :required="false" :maxLength="500"
+          v-model="itemsKitRent.description" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="2">
+        <InputNumber title="Quantidade" field="quantity" :formName="formName" :required="true" :maxLength="5" type="float"
+          v-model="itemsKitRent.quantity" />
+      </b-col>
+      <b-col sm="2">
+        <InputDecimal v-if="!recalculatePriceTable" title="Valor Unitário" field="unitValue" :formName="formName"
+          :required="true" :markFormDirty="false" :maxLength="5" type="float" v-model="itemsKitRent.unitValue" />
+      </b-col>
+      <b-col sm="8">
+        <div class="div-btn text-right">
+          <Button _key="btnUpdateAccessory" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="update" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import TypeProductCreateUpdate from "../../stock/type-product/TypeProductCreateUpdate.vue";
+import ItemsKitRent from "./ItemsKitRent.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ItemsKitRentUpdate",
+  props: {
+    kitRentId: String,
+    registerInSelect: Boolean,
+    recalculatePriceTable: Boolean,
+    value: Object,
+  },
+  components: {
+    InputNumber,
+    InputDecimal,
+    Select,
+    EditorHtml,
+    Button,
+    TypeProductCreateUpdate,
+  },
+  data() {
+    return {
+      formName: "accessoryUpdate",
+      itemsKitRent: new ItemsKitRent(),
+      urlUpdate: "/api/v1/rental/items-kit-rent/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "removeEvent", "hideModal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    update() {
+      this.itemsKitRent.kitRentId = this.kitRentId;
+
+      let params = { url: this.urlUpdate, obj: this.itemsKitRent };
+      this.putApi(params).then((response) => {
+        if (response.success && !this.registerInSelect) this.hideModal();
+        this.removeLoading(["btnUpdateAccessory"]);
+      });
+    },
+    cleanAccessory() {
+      this.itemsKitRent.product = { id: "", content: "" };
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "kitRentUpdate") this.itemsKitRent.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-btn {
+  margin-top: 35px;
+}
+</style>

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

@@ -0,0 +1,52 @@
+<template>
+    <div class="div-discount">
+        <InputDecimalDiscount title="Desconto Unitário" :markFormDirty="false" field="unitDiscount" :required="false"
+            _style="color:red;" :maxLength="5" type="float" v-model="discount" />
+        <div class="div-apply text-center">
+            <Button _key="btnApplyDiscount" title="Aplicar" type="danger" size="medium" :clicked="update" />
+        </div>
+    </div>
+</template>
+<script>
+
+import InputDecimalDiscount from "@nixweb/nixloc-ui/src/component/forms/InputDecimalDiscount";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "ApplyDiscount",
+    props: ["rentId", "selected"],
+    components: { InputDecimalDiscount, Button },
+    data() {
+        return {
+            urlUpdate: "/api/v1/rental/items-rent/apply-discount",
+            discount: { discountByPercentage: false, discount: 0 },
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["putApi"]),
+        ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
+        update() {
+            let params = {
+                url: this.urlUpdate,
+                obj: {
+                    listIds: this.selected,
+                    rentId: this.rentId,
+                    discountByPercentage: this.discount.discountByPercentage,
+                    unitDiscount: this.discount.discount
+                }
+            };
+            this.putApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "updateFixedBar" });
+                    this.hideModal();
+                }
+                this.removeLoading(["btnApplyDiscount"]);
+            });
+        }
+    }
+
+}
+
+</script>

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

@@ -0,0 +1,54 @@
+<template>
+    <div>
+        <Alert type="info">
+            <span>Ao selecionar a opção Não Reservado, o produto ficará indisponível para movimentação de
+                estoque!</span>
+        </Alert>
+        <RadioGroup :stacked="false" :options="[
+            { text: 'Reservado', value: 2 },
+            { text: 'Não Reservado', value: 1 },
+        ]" v-model="status" />
+        <div class="text-center">
+            <Button _key="btnUpdate" title="Aplicar" backGroundColor="#DF800E" color="white" size="medium"
+                :clicked="update" />
+        </div>
+    </div>
+</template>
+
+<script>
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "DisableMovement",
+    props: ["selected"],
+    components: {
+        RadioGroup, Button, Alert
+    },
+    data() {
+        return {
+            urlUpdate: "/api/v1/rental/items-rent/disable-movement",
+            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/items-rent/ItemRentFixedBar.vue

@@ -0,0 +1,193 @@
+<template>
+  <div>
+    <BarFloating :distance="0">
+      <div class="fixed-bar-options" :showButtonClose="true" v-show="totalSelected > 0">
+        <div>
+          <div class="side-by-side">
+            <div class="div-totalSelected side-by-side">
+              <span class="title">
+                {{ totalSelected }}
+              </span>
+            </div>
+
+            <Button _key="btnRemoveItem" type="danger" size="small" classIcon="fa-solid fa-trash" tooltip="Remover"
+              eventName="removeItemFixedBar" />
+
+            <Button v-if="!isOperational" _key="btnOptions1" type="danger" tooltip="Aplicar Desconto" size="small"
+              classIcon="fa-solid fa-percent" eventName="applyDiscountItemRent" />
+
+            <Button v-if="!isOperational" _key="btnOptions2" backGroundColor="#156EBE" color="white"
+              tooltip="Recalcular Valor" size="small" classIcon="fa-solid fa-retweet" eventName="recalculateValue" />
+
+            <Button v-if="rent.statusRental == 2 && !isOperational" _key="btnOptions3" backGroundColor="#02D1C1"
+              color="white" tooltip="Status de Faturamento" size="small" classIcon="fa-solid fa-file-invoice"
+              eventName="updateStatusInvoicing" />
+
+            <Button v-if="rent.statusRental == 2" _key="btnOptions4" backGroundColor="#DF800E" color="white"
+              tooltip="Desativar Movimentação" size="small" classIcon="fa-solid fa-shuffle"
+              eventName="disableMovement" />
+          </div>
+
+          <div class="div-remove side-by-side" @click="closedFixedBar()">
+            <i class="fa-solid fa-circle-xmark"></i>
+          </div>
+        </div>
+      </div>
+    </BarFloating>
+
+    <Modal :title="modalOptions.title" :width="modalOptions.width" v-if="showModal('modalFixedBar')">
+      <div v-if="modalOptions.name == 'applyDiscountItemRent'">
+        <Alert type="info">
+          <span>
+            Não será aplicado desconto em produto faturado!
+          </span>
+        </Alert>
+        <ApplyDiscount :rentId="rent.id" :selected="selected" />
+      </div>
+      <DisableMovement :selected="selected" v-if="modalOptions.name == 'disableMovement'" />
+      <UpdateStatusInvoicing :selected="selected" v-if="modalOptions.name == 'updateStatusInvoicing'" />
+      <RecalculateValue :selected="selected" v-if="modalOptions.name == 'recalculateValue'" />
+    </Modal>
+  </div>
+</template>
+<script>
+
+
+import FixedBar from "@nixweb/nixloc-ui/src/component/layout/FixedBar.vue";
+import BarFloating from "@nixweb/nixloc-ui/src/component/layout/BarFloating.vue";
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
+import Dropdown from "@nixweb/nixloc-ui/src/component/forms/Dropdown.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+
+import ApplyDiscount from './ApplyDiscount.vue'
+import DisableMovement from './DisableMovement.vue'
+import UpdateStatusInvoicing from './UpdateStatusInvoicing.vue'
+import RecalculateValue from './RecalculateValue.vue'
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "ItemRentFixedBar",
+  components: { FixedBar, Button, Alert, Dropdown, BarFloating, Modal, ApplyDiscount, UpdateStatusInvoicing, RecalculateValue, DisableMovement },
+  props: {
+    selected: Array,
+    rent: Object,
+    isOperational: {
+      type: Boolean,
+      default: false,
+    }
+  },
+  data() {
+    return {
+      modalOptions: {
+        name: "",
+        title: "",
+        width: 0,
+      },
+      showFloatingDiv: true,
+    };
+  },
+  mounted() {
+    window.addEventListener('scroll', this.checkPosition);
+  },
+  destroyed() {
+    window.removeEventListener('scroll', this.checkPosition);
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    totalSelected() {
+      return this.selected.length;
+    },
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "hideModal", "removeLoading"]),
+    checkPosition() {
+      const currentPosition = window.scrollY;
+      const distance = 250;
+
+      if (currentPosition > distance) {
+        this.showFloatingDiv = true;
+      } else {
+        this.showFloatingDiv = false;
+      }
+    },
+    closedFixedBar() {
+      this.addEvent({ name: "closedFixedBar" });
+    }
+  },
+  watch: {
+    event: {
+      handler(event) {
+
+        this.removeLoading(["btnOptions1", "btnOptions2", "btnOptions3", "btnOptions4"]);
+
+        if (event.name == "applyDiscountItemRent") {
+          this.modalOptions = {
+            name: "applyDiscountItemRent",
+            title: "Aplicar Desconto",
+            width: 500,
+          };
+          this.openModal("modalFixedBar");
+        }
+
+        if (event.name == "recalculateValue") {
+          this.modalOptions = {
+            name: "recalculateValue",
+            title: "Recalcular Valor",
+            width: 500,
+          };
+          this.openModal("modalFixedBar");
+        }
+
+        if (event.name == "disableMovement") {
+          this.modalOptions = {
+            name: "disableMovement",
+            title: "Movimentação de Estoque",
+            width: 500,
+          };
+          this.openModal("modalFixedBar");
+        }
+
+        if (event.name == "updateStatusInvoicing") {
+          this.modalOptions = {
+            name: "updateStatusInvoicing",
+            title: "Status de Faturamento",
+            width: 500,
+          };
+          this.openModal("modalFixedBar");
+        }
+
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.fixed-bar-options {
+  max-width: 1150px;
+}
+
+.div-remove {
+  margin-top: -6px;
+  float: right;
+  margin-right: 20px;
+  font-size: 20px;
+  cursor: pointer;
+  color: darkgray;
+}
+
+.div-totalSelected {
+  width: 20px;
+  margin-left: 10px;
+  font-size: 15px;
+}
+
+
+
+.total-selected {
+  font-size: 16px;
+}
+</style>