@nixweb/nixloc-ui 1.16.0 → 1.19.0

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

@@ -1,222 +0,0 @@
-<template>
-  <div>
-    <Loading type="line" :center="false" v-show="loading" />
-    <b-tabs>
-      <b-tab title="Produto">
-        <Alert type="info" v-if="statusStock != 1 && statusStock != 2">
-          Produto com estoque em movimentação, não é permitido alterar alguns campos!
-        </Alert>
-        <div>
-          <b-row>
-            <b-col sm="6">
-              <Select title="Grupo" field="groupRent" :required="false" :markFormDirty="false"
-                v-model="itemsRent.groupRent" url="/api/v1/rental/group-rent/select-all"
-                nameNewRegister="groupRentCreateUpdate" titleNewRegister="Grupo" :widthNewRegister="500"
-                :heightNewRegister="250">
-                <GroupRentCreateUpdate :registerInSelect="true" v-model="itemsRent.groupRent" />
-              </Select></b-col>
-            <b-col sm="6">
-              <Select title="Período de Locação" field="type" :required="true" :markFormDirty="false"
-                :disabled="statusStock != 1 && statusStock != 2" :formName="formName"
-                :propsParams="{ any: itemsRent.rentId }" :showNewRegister="false"
-                url="/api/v1/rental/period-rent/select-all" v-model="itemsRent.periodRent">
-              </Select></b-col>
-          </b-row>
-          <b-row>
-            <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-              <Select title="Tipo" field="type" :formName="formName" :required="true"
-                :disabled="statusStock != 1 && statusStock != 2" :markFormDirty="false"
-                url="/api/v1/stock/type-product/select-all" :showNewRegister="false" v-model="itemsRent.typeProduct"
-                :changed="cleanProduct" />
-            </b-col>
-            <b-col xs="12" sm="12" md="12" lg="7" xl="7">
-              <Select title="Produto" field="product" :formName="formName" :required="true" :markFormDirty="false"
-                url="/api/v1/stock/product/select-all" :propsParams="{ any: itemsRent.typeProduct.id }"
-                :disabled="isDisabledProduct" :showNewRegister="false" v-model="itemsRent.product" />
-            </b-col>
-          </b-row>
-          <b-row>
-            <b-col sm="12">
-              <div>
-                <EditorHtml title="Descrição" field="description" :required="false" :markFormDirty="false"
-                  :maxLength="20000" v-model="itemsRent.description" />
-              </div>
-            </b-col>
-          </b-row>
-          <Alert type="info" v-if="statusInvoice == 2">
-            Produto faturado, não é permitido alterar condiçoes comerciais!
-          </Alert>
-          <b-row>
-            <b-col sm="2">
-              <InputNumber title="Quantidade" field="quantity" :formName="formName" :required="false"
-                :disabled="statusStock == 5 || statusStock == 6 || statusInvoice == 2" :markFormDirty="false"
-                :maxLength="5" type="float" v-model="itemsRent.quantity" />
-            </b-col>
-            <b-col sm="3">
-              <InputDecimal title="Valor Unitário" field="unitValue" :formName="formName" :required="false"
-                :markFormDirty="false" :disabled="statusInvoice == 2" :maxLength="10" :precision="8" type="float"
-                v-model="itemsRent.unitValue" />
-            </b-col>
-            <b-col sm="3">
-              <InputDecimalDiscount title="Desconto Unitário" field="unitDiscount" :formName="formName"
-                :required="false" _style="color:red;" :disabled="statusInvoice == 2" :maxLength="8" :precision="8"
-                type="float" v-model="itemsRent.discount" />
-            </b-col>
-            <b-col sm="2">
-              <InputDecimal title="Custo Unitário" field="unitCost" :formName="formName" :required="false"
-                :markFormDirty="false" :disabled="statusInvoice == 2" _style="color:red;" :maxLength="10" :precision="2"
-                type="float" v-model="itemsRent.unitCost" />
-            </b-col>
-            <b-col sm="2">
-              <InputDecimal title="Seguro Unitário" field="unitInsurance" :formName="formName" :required="false"
-                :markFormDirty="false" :disabled="statusInvoice == 2" :maxLength="10" :precision="2" type="float"
-                v-model="itemsRent.unitInsurance" />
-            </b-col>
-          </b-row>
-        </div>
-      </b-tab>
-      <b-tab v-if="isUserTemp">
-        <template #title>
-          <span style="color: red;">
-            <i class="fa-solid fa-triangle-exclamation"></i> Zona de Perigo
-          </span>
-        </template>
-        <b-col sm="12">
-          <RadioGroup title="Qual ação deseja realizar?" field="status" :stacked="true" :options="optionsDangerZone"
-            v-model="itemsRent.optionSelectedDangerZone" />
-        </b-col>
-      </b-tab>
-    </b-tabs>
-    <b-row>
-      <b-col sm="12">
-        <div class="div-btn text-right">
-          <Button _key="btnUpdateItemRent" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save" size="medium" :clicked="saveItemRent" />
-        </div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-import InputDecimalDiscount from "@nixweb/nixloc-ui/src/component/forms/InputDecimalDiscount";
-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 Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-
-import ItemsRent from "@/components/modules/rental/items-rent/ItemsRent.js";
-import GroupRentCreateUpdate from "../group-rent/GroupRentCreateUpdate.vue";
-
-import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
-
-export default {
-  name: "ItemRentUpdate",
-  components: {
-    InputDecimalDiscount,
-    InputNumber,
-    InputDecimal,
-    Select,
-    EditorHtml,
-    Button,
-    Loading,
-    Alert,
-    GroupRentCreateUpdate,
-    RadioGroup,
-  },
-  data() {
-    return {
-      formName: "itemRentUpdate",
-      itemsRent: new ItemsRent(),
-      urlUpdate: "/api/v1/rental/items-rent/update",
-      loading: true,
-      optionsDangerZone: [
-        { text: 'Corrigir Status', value: 'forceMovementAdjustment' },
-        { text: 'Excluir Movimentação', value: 'removeMovement' },
-        { text: 'Excluir Produto', value: 'remove' },
-        { text: 'Nenhuma Ação', value: 'none' },
-      ],
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-    ...mapState("user", ["userLogged"]),
-    statusStock() {
-      return this.itemsRent.statusStockItemsRent;
-    },
-    statusInvoice() {
-      return this.itemsRent.statusInvoiceItemsRent;
-    },
-    isDisabledProduct() {
-      if (this.itemsRent.typeProduct.id == "") return true;
-      if (this.statusStock == 1) return false;
-      if (this.statusStock == 2) return false;
-
-      return true;
-    },
-    isUserTemp() {
-      if (this.userLogged.user.userName == 'UserTemp') return true;
-      return false;
-    }
-  },
-  methods: {
-    ...mapActions("generic", ["putApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
-    ...mapMutations("validation", ["resetValidation"]),
-    saveItemRent() {
-      let discount = this.itemsRent.discount;
-      this.itemsRent.discountByPercentage = discount.discountByPercentage;
-      this.itemsRent.unitDiscount = discount.discount;
-
-      let periodRentIdOld = this.itemsRent.periodRentId;
-      this.itemsRent.periodRentId = this.itemsRent.periodRent.id;
-      this.itemsRent.productId = this.itemsRent.product.id;
-
-      let params = { url: this.urlUpdate, obj: this.itemsRent };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          this.addEvent({
-            name: "addedProduct",
-            data: { showAll: false, period: { id: periodRentIdOld } },
-          });
-          this.addEvent({ name: "updateTotalizationRent" });
-          this.hideModal();
-        }
-        this.removeLoading(["btnUpdateItemRent"]);
-      });
-    },
-    update(data) {
-      this.itemsRent = new ItemsRent();
-      this.itemsRent.update(data);
-    },
-    cleanProduct() {
-      this.itemsRent.product = { id: "", content: "" };
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "itemRentUpdate") {
-          this.update(event.data);
-          this.loading = true;
-          let self = this;
-          setTimeout(function () {
-            self.loading = false;
-          }, 300);
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-btn {
-  margin-top: 12px;
-}
-</style>

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

@@ -1,148 +0,0 @@
-<template>
-  <div>
-    <div>
-      <b-row>
-        <b-col sm="4">
-          <Select title="Tipo" field="type" :formName="formName" :required="true" :markFormDirty="false"
-            url="/api/v1/stock/type-product/select-all" :propsParams="{ any: 2 }" :disabled="statusStock == 3 ||
-              statusStock == 4 ||
-              statusStock == 5 ||
-              statusStock == 6
-              " :showNewRegister="false" v-model="itemsRent.typeProduct" :changed="cleanProduct" />
-        </b-col>
-        <b-col sm="6">
-          <Select title="Acessório" field="product" :formName="formName" :required="true" :markFormDirty="false"
-            url="/api/v1/stock/product/select-all" :propsParams="{ any: itemsRent.typeProduct.id }" :disabled="!itemsRent.typeProduct.id ||
-              statusStock == 3 ||
-              statusStock == 4 ||
-              statusStock == 5 ||
-              statusStock == 6
-              " :showNewRegister="false" v-model="itemsRent.product" />
-        </b-col>
-        <b-col sm="2">
-          <InputNumber title="Qtd" field="quantity" :formName="formName" :required="true" :markFormDirty="false"
-            :maxLength="5" :disabled="statusStock == 5 || statusStock == 6" type="float" v-model="itemsRent.quantity" />
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col sm="10">
-          <InputText title="Descrição" field="identification" :formName="formName" :required="false" :maxLength="2000"
-            v-model="itemsRent.description" />
-        </b-col>
-        <b-col sm="2">
-          <div class="div-btn text-right">
-            <Button _key="btnAddAccessory" :type="itemsRent.id ? 'success' : 'primary'"
-              :disabled="!isFormValid(formName)" :classIcon="itemsRent.id ? 'fa-solid fa-check' : 'fa-regular fa-plus-large'
-                " size="small" :clicked="save" />
-            <Button _key="btnCancelAccessory" v-if="itemsRent.id" type="danger" classIcon="fa-solid fa-xmark"
-              size="small" :clicked="cancel" />
-          </div>
-        </b-col>
-      </b-row>
-      <br />
-    </div>
-  </div>
-</template>
-
-<script>
-import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import ItemsRent from "@/components/modules/rental/items-rent/ItemsRent.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ItemsAccessoryCreate",
-  components: {
-    InputNumber,
-    InputText,
-    Select,
-    Button,
-    Loading,
-  },
-  props: {
-    itemsRentCurrent: Object,
-    rent: Object,
-  },
-  data() {
-    return {
-      formName: "itemsAccessoryCreateUpdate",
-      itemsRent: new ItemsRent(),
-      urlCreate: "/api/v1/rental/items-rent/create-accessory",
-      urlUpdate: "/api/v1/rental/items-rent/update-accessory",
-      loading: true,
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-    statusStock() {
-      return this.itemsRent.statusStockItemsRent;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
-    ...mapMutations("validation", ["resetValidation"]),
-    save() {
-      this.itemsRent.rentId = this.itemsRentCurrent.rentId;
-      this.itemsRent.periodRentId = this.itemsRentCurrent.periodRentId;
-      this.itemsRent.itemsRentId = this.itemsRentCurrent.id;
-      this.itemsRent.productId = this.itemsRent.product.id;
-      this.itemsRent.statusRental = this.rent.statusRental;
-
-      if (this.itemsRent.id) {
-        let params = { url: this.urlUpdate, obj: this.itemsRent };
-        this.putApi(params).then((response) => {
-          this.addEvent({
-            name: "getAllAccessory",
-            data: { itemsRent: this.itemsRentCurrent },
-          });
-          this.removeLoading(["btnAddAccessory"]);
-          this.cancel();
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.itemsRent };
-        this.postApi(params).then((response) => {
-          this.addEvent({
-            name: "getAllAccessory",
-            data: { itemsRent: this.itemsRentCurrent },
-          });
-          this.removeLoading(["btnAddAccessory"]);
-          this.cancel();
-        });
-      }
-    },
-    cleanProduct() {
-      this.itemsRent.product = { id: "", content: "" };
-    },
-    update(data) {
-      this.itemsRent = new ItemsRent();
-      this.itemsRent.update(data);
-    },
-    cancel() {
-      this.itemsRent = new ItemsRent();
-      this.resetValidation(this.formName);
-      this.removeLoading(["btnCancelAccessory"]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "updateAccessory") this.update(event.data);
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-btn {
-  margin-top: 38px;
-  margin-right: 10px;
-}
-</style>

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

@@ -1,269 +0,0 @@
-<template>
-  <div>
-    <div class="div-accessory">
-      <Molded>
-        <ItemsAccessoryCreate :rent="rent" :itemsRentCurrent="itemsRent" />
-      </Molded>
-    </div>
-    <Loading type="line" :center="false" v-show="loading" />
-    <TableTotalRecords :totalRecords="content.totalRecords" />
-    <ScrollBar id="items-rent" :minHeight="300" :maxHeight="300">
-      <table class="table table-responsive-xs" v-show="!showTableDraggable">
-        <thead>
-          <tr>
-            <th class="td-checkbox">
-              <i v-if="content.data.length > 1" class="fa-regular fa-maximize icon-order icon-cursor"
-                @click="changeItemToTableDraggable(content.data)">
-              </i>
-              <i v-else class="fa-solid fa-layer-group icon-order"></i>
-              <span class="title-header"> Produto </span>
-            </th>
-            <th class="text-center">
-              <span class="title-header">Quantidade</span>
-            </th>
-            <th class="text-center">
-              <span class="title-header">Status</span>
-            </th>
-            <th class="text-center"></th>
-          </tr>
-        </thead>
-        <tbody v-for="item in content.data">
-          <td class="td-product td" @click="update(item)">
-            <span>
-              {{ item.productFullName }}
-            </span>
-            <br />
-            <span class="description" v-html="item.description"> </span>
-          </td>
-          <td class="text-center td-quantity">
-            <div>
-              <span> {{ item.quantity }}</span>
-              <span v-if="item.type != 3">
-                ({{ item.unitOfMeasurementName }})
-              </span>
-            </div>
-          </td>
-          <td class="text-center">
-            <div class="quantity" @click="totalizationAndHistory(item)">
-              <ItemsRentStatusStock v-if="item.type != 3" :data="item" />
-            </div>
-          </td>
-          <td class="text-center">
-            <Button :_key="item.id + 'a'" type="danger" classIcon="fa-solid fa-trash" size="small" :params="item"
-              :clicked="remove" />
-          </td>
-        </tbody>
-        <tbody v-show="content.totalRecords == 0">
-          <tr>
-            <td colspan="12">
-              <span class="title">Nenhum registro encontrado!</span>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      <TableDraggable urlOrderAllApi="/api/v1/rental/items-rent/order-all" v-if="showTableDraggable"
-        :data="dataDraggable" :propsParam="{
-          any: orderByDraggable,
-          itemsRentId: itemsRent.id,
-          rentId: rent.id,
-        }" />
-    </ScrollBar>
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-
-import ItemsAccessoryCreate from "./ItemsAccessoryCreate.vue";
-import ItemsRentStatusStock from "./ItemsRentStatusStock.vue";
-import ItemRentStockAvailability from "./ItemRentStockAvailability.vue";
-import TableDraggable from "@nixweb/nixloc-ui/src/component/shared/TableDraggable.vue";
-
-import { mapGetters, mapState, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ItemsAccessoryList",
-  props: {
-    rent: Object,
-  },
-  components: {
-    Button,
-    Loading,
-    ScrollBar,
-    Molded,
-    ItemsRentStatusStock,
-    ItemRentStockAvailability,
-    TableDraggable,
-    TableTotalRecords,
-    ItemsAccessoryCreate,
-  },
-  computed: {
-    ...mapState("generic", ["event"]),
-  },
-  data() {
-    return {
-      urlGetApi: "/api/v1/rental/items-rent/get-all-by-accessory",
-      urlDelete: "/api/v1/rental/items-rent/delete",
-      content: {
-        data: [],
-        totalRecords: 0,
-      },
-      baseParams: {
-        search: undefined,
-        filter: "contains",
-        currentPage: 1,
-        totalPerPage: 20,
-      },
-      itemsRent: {},
-      dataDraggable: [],
-      orderByDraggable: "",
-      showTableDraggable: false,
-      loading: true,
-    };
-  },
-  methods: {
-    ...mapActions("generic", ["getApi", "deleteAllApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading"]),
-    getAll() {
-      this.loading = true;
-      let params = {
-        url: this.urlGetApi,
-        obj: {
-          ...this.baseParams,
-          itemsRentId: this.itemsRent.id,
-          noPaginated: true,
-        },
-      };
-      this.getApi(params).then((response) => {
-        this.content.data = response.content.data;
-        this.content.totalRecords = response.content.totalRecords;
-        this.loading = false;
-      });
-    },
-    remove(item) {
-      let params = {
-        url: this.urlDelete,
-        selected: [item.id],
-      };
-
-      this.deleteAllApi(params).then((response) => {
-        if (response.success) {
-          this.getAll();
-          this.addEvent({ name: "removedAccessory" });
-        }
-      });
-      this.removeLoading([item.id + "a"]);
-    },
-    changeItemToTableDraggable(data) {
-      this.orderByDraggable = "item";
-      this.dataDraggable = [];
-      this.showTableDraggable = true;
-      data.forEach((item) => {
-        let obj = { id: item.id, name: item.productFullName };
-        this.dataDraggable.push(obj);
-      });
-    },
-    update(item) {
-      this.addEvent({ name: "updateAccessory", data: item });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "getAllAccessory") {
-          this.content.data = [];
-          this.itemsRent = event.data.itemsRent;
-          this.getAll();
-        }
-
-        if (event.name == "confirmedTableDraggable") {
-          this.showTableDraggable = false;
-          this.getAll();
-        }
-
-        if (event.name == "cancelTableDraggable")
-          this.showTableDraggable = false;
-      },
-      deep: true,
-    },
-  },
-};
-</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;
-}
-
-.div-accessory {
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-
-.name-item {
-  font-size: 16px;
-  margin-bottom: 8px;
-}
-
-.div-warning {
-  margin-bottom: 20px;
-}
-
-.td-product {
-  width: 500px;
-  background-color: #f1f4f9;
-  cursor: pointer;
-}
-
-.td-quantity {
-  width: 150px;
-}
-
-.quantity {
-  cursor: pointer;
-}
-
-.quantity:hover {
-  text-decoration: underline;
-}
-
-.description {
-  font-weight: 400;
-  color: grey;
-}
-
-.icon-cursor {
-  cursor: pointer;
-}
-
-.icon-order-group {
-  color: #779cb3;
-}
-
-.text-order {
-  font-size: 13px;
-  margin-left: 10px;
-  font-style: italic;
-}
-
-.td-checkbox {
-  width: 30px;
-}
-</style>

package/src/components/modules/rental/items-rent/ItemsRent.js

@@ -1,40 +0,0 @@
-export default class ItemsRent {
-    constructor() {
-        this.id = "";
-        this.groupRent = { id: "", content: "" };
-        this.typeProduct = { id: "", content: "" };
-        this.product = { id: "", content: "" };
-        this.productId = "";
-        this.periodRent = { id: "", content: "" };
-        this.periodRentId = "";
-        this.description = "";
-        this.quantity = 1;
-        this.unitValue = 0;
-        this.unitCost = 0;
-        this.discount = { discountByPercentage: false, discount: 0 };
-        this.discountByPercentage = false;
-        this.unitDiscount = 0;
-        this.unitInsurance = 0;
-        this.statusStockItemsRent = 0;
-        this.optionSelectedDangerZone = "none";
-        this.rentId = "";
-    }
-    update(data) {
-        this.id = data.id;
-        this.groupRent = { id: data.groupRentId, content: data.groupRentName };
-        this.typeProduct = { id: data.typeProductId, content: data.typeProductName };
-        this.product = { id: data.productId, content: data.productName };
-        this.productId = data.productId;
-        this.periodRent = { id: data.periodRentId, content: data.periodRentName };
-        this.periodRentId = data.periodRentId;
-        this.description = data.description;
-        this.quantity = data.quantity;
-        this.unitValue = data.unitValue;
-        this.unitCost = data.unitCost;
-        this.discount = { discountByPercentage: false, discount: data.unitDiscount };
-        this.unitInsurance = data.unitInsurance;
-        this.statusStockItemsRent = data.statusStockItemsRent;
-        this.statusInvoiceItemsRent = data.statusInvoiceItemsRent;
-        this.rentId = data.rentId;
-    }
-}