@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/stock/category-product/CategoryProductCreateUpdate.vue

@@ -0,0 +1,102 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40"
+          v-model="categoryProduct.name" :markFormDirty="false" />
+      </b-col>
+      <b-col sm="12">
+        <InputText title="Cor" field="name" :required="false" :maxLength="20" :markFormDirty="false"
+          v-model="categoryProduct.color" />
+        <Color titulo="Cor" v-model="categoryProduct.color" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="btnSaveProductCategory" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveProductCategory" />
+        </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 Color from "@nixweb/nixloc-ui/src/component/forms/Color";
+import CategoryProduct from "@/components/modules/stock/category-product/CategoryProduct.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "CategoryProductCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { Button, InputText, Color },
+  data() {
+    return {
+      formName: "categoryProductCreateUpdate",
+      categoryProduct: new CategoryProduct(),
+      urlCreate: "/api/v1/stock/category-product/create",
+      urlUpdate: "/api/v1/stock/category-product/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveProductCategory() {
+      if (this.categoryProduct.id) {
+        let params = { url: this.urlUpdate, obj: this.categoryProduct };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["btnSaveProductCategory"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.categoryProduct };
+        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(["btnSaveProductCategory"]);
+        });
+      }
+    },
+    update(data) {
+      this.categoryProduct = new CategoryProduct();
+      this.categoryProduct.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "productCategoryCreate") {
+          this.resetValidation(this.formName);
+          this.categoryProduct = new CategoryProduct();
+        }
+        if (event.name == "productCategoryUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/stock/history-moviment/HistoryMoviment.vue

@@ -0,0 +1,93 @@
+<template>
+  <div>
+    <Timeline :timelineItems="timelineItems" :loading="loading" />
+  </div>
+</template>
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Timeline from "@nixweb/nixloc-ui/src/component/shared/TimeLine.vue";
+
+import { mapGetters, mapActions } from "vuex";
+
+export default {
+  name: "HistoryMoviment",
+  components: {
+    Loading,
+    Timeline,
+    ScrollBar,
+  },
+  data() {
+    return {
+      urlGet: "/api/v1/stock/history-moviment/get-all",
+      item: {},
+      content: {},
+      loading: false,
+      baseParams: {
+        search: undefined,
+        filter: "contains",
+        currentPage: 1,
+        totalPerPage: 10,
+      },
+      timelineItems: [],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    getAll() {
+      let params = {
+        url: this.urlGet,
+        obj: {
+          itemsRentId: this.item.id,
+
+          ...this.baseParams,
+        },
+      };
+      this.getApi(params).then((response) => {
+        this.timelineItems = [];
+        let self = this;
+        response.content.data.map(function (item, key) {
+          let date = new Date(item.year, item.month - 1, item.day);
+          let obj = {
+            from: date,
+            title: `Quantidade ${item.quantity}`,
+            description: item.description,
+            color: item.color,
+            showDayAndMonth: true,
+          };
+          self.timelineItems.push(obj);
+        });
+        setTimeout(function () {
+          self.loading = false;
+        }, 300);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "totalizationAndHistory") {
+          this.loading = true;
+          this.item = event.data;
+          this.getAll();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style>
+.timeline {
+  max-width: 1000px !important;
+}
+
+.timeline-item .date-item {
+  font-size: 14px !important;
+  letter-spacing: 1px !important;
+  font-weight: normal !important;
+}
+</style>

package/src/components/modules/stock/items-moviment/PatrimonyMoviment.vue

@@ -0,0 +1,133 @@
+<template>
+  <div>
+    <Loading :center="false" v-if="loading" />
+    <div v-else>
+      <ScrollBar :minHeight="200" :maxHeight="300">
+        <table class="table table-responsive-xs">
+          <thead>
+            <tr>
+              <th>
+                <span class="title-header">Patrimônio</span>
+              </th>
+              <th class="text-center">
+                <span class="title-header">Status</span>
+              </th>
+            </tr>
+          </thead>
+          <tbody v-for="item in content.data">
+            <tr>
+              <td>
+                <span> {{ item.barCode }}</span>
+              </td>
+              <td class="text-center">
+                <div class="badge badge-returned" v-if="item.status == 2">
+                  Retornado
+                </div>
+                <div class="badge badge-rent" v-else>Locado</div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody v-show="content.data == 0">
+            <tr>
+              <td colspan="12">
+                <span>Nenhum patrimônio encontrado!</span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </ScrollBar>
+      <br />
+    </div>
+  </div>
+</template>
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+
+import { mapGetters, mapActions } from "vuex";
+
+export default {
+  name: "PatrimonyMoviment",
+  components: {
+    Loading,
+    ScrollBar,
+  },
+  data() {
+    return {
+      urlGet: "/api/v1/stock/patrimony-moviment/get-all-by-item",
+      item: {},
+      content: {},
+      loading: false,
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    getAll() {
+      let params = {
+        url: this.urlGet,
+        obj: {
+          itemsRentId: this.item.id,
+        },
+      };
+      this.getApi(params).then((response) => {
+        this.content = response.content;
+
+        let self = this;
+        setTimeout(function () {
+          self.loading = false;
+        }, 300);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "totalizationAndHistory") {
+          this.loading = true;
+          this.item = event.data;
+          this.getAll();
+        }
+      },
+      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;
+}
+
+.badge {
+  font-size: 12px !important;
+  margin-left: 5px;
+  border-radius: 10px !important;
+  padding: 8px;
+  color: white;
+}
+
+.badge-rent {
+  background-color: #00008b;
+}
+
+.badge-returned {
+  background-color: #b8860b;
+}
+</style>

package/src/components/modules/stock/manufacturer/Manufacturer.js

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

package/src/components/modules/stock/manufacturer/ManufacturerCreateUpdate.vue

@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12"
+        ><InputText
+          title="Nome"
+          field="name"
+          :formName="formName"
+          :required="true"
+          :maxLength="40"
+          v-model="manufacturer.name"
+          :markFormDirty="false"
+        />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button
+            _key="btnSaveProductManufacturer"
+            type="success"
+            title="Salvar"
+            :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save"
+            size="medium"
+            :clicked="saveProductManufacturer"
+          />
+        </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 Manufacturer from "@/components/modules/stock/manufacturer/Manufacturer.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ManufacturerCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { Button, InputText },
+  data() {
+    return {
+      formName: "manufacturerCreateUpdate",
+      manufacturer: new Manufacturer(),
+      urlCreate: "/api/v1/stock/manufacturer/create",
+      urlUpdate: "/api/v1/stock/manufacturer/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveProductManufacturer() {
+      if (this.manufacturer.id) {
+        let params = { url: this.urlUpdate, obj: this.manufacturer };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["btnSaveProductManufacturer"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.manufacturer };
+        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(["btnSaveProductManufacturer"]);
+        });
+      }
+    },
+    update(data) {
+      this.manufacturer = new Manufacturer();
+      this.manufacturer.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "productManufacturerCreate") {
+          this.resetValidation(this.formName);
+          this.manufacturer = new Manufacturer();
+        }
+        if (event.name == "productManufacturerUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/stock/moviment/ItemProductRent.vue

@@ -0,0 +1,114 @@
+<template>
+  <tr>
+    <td class="td-product">
+      {{ item.productFullName }}
+      <div v-if="item.categoryColor" class="text-center tag-product-category"
+        :style="'background-color:' + item.categoryColor">
+        <span class="title"> {{ item.categoryName }}</span>
+      </div>
+      <div class="tag-product-category-no-color text-center" v-else>
+        <span class="title"> {{ item.categoryName }}</span>
+      </div>
+    </td>
+    <td class="text-center td-quantity">
+      <span class="patrimony" v-if="item.patrimony && !item.allowWithoutPatrimony && manageByPatrimony
+        " @click="showPatrimony">
+        {{ item.quantity }}
+      </span>
+      <span v-else> {{ item.quantity }}</span>
+    </td>
+    <td class="text-center td-quantity">
+      {{ totalSelected }}
+    </td>
+    <td class="text-center">
+      <span class="status-primary" v-if="totalSelected > item.quantity">
+        <i class="fa-solid fa-rectangle-history-circle-plus"></i>
+      </span>
+      <span class="status-success" v-if="totalSelected == item.quantity">
+        <i class="fa-solid fa-circle-check"></i>
+      </span>
+      <span class="status-warning" v-if="totalSelected < item.quantity && totalSelected != 0">
+        <i class="fa-solid fa-triangle-exclamation"></i>
+      </span>
+      <span class="status-danger" v-if="totalSelected == 0">
+        <i class="fa-solid fa-do-not-enter"></i>
+      </span>
+    </td>
+    <td class="text-right">
+      <Button :_key="item.productId + 'a'" type="info" classIcon="fa-solid fa-arrow-right" size="small"
+        eventName="transferToSelected" :eventData="item" />
+    </td>
+  </tr>
+</template>
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "ProductRent",
+  props: {
+    item: Object,
+  },
+  components: {
+    Button,
+  },
+  computed: {
+    ...mapState("generateMoviment", ["productRent"]),
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("generateMoviment", ["totalSelectedByProductId"]),
+    totalSelected() {
+      return this.totalSelectedByProductId(this.item.productId);
+    },
+    manageByPatrimony() {
+      return this.userLogged.parameterStock.manageByPatrimony;
+    },
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent"]),
+    showPatrimony() {
+      this.addEvent({
+        name: "showPatrimony",
+        data: this.item.patrimony,
+      });
+    },
+  },
+};
+</script>
+<style scoped>
+.td-quantity {
+  font-size: 16px;
+}
+
+.patrimony {
+  color: #3f529b;
+  font-size: 16px;
+  font-weight: 400;
+  cursor: pointer;
+}
+
+.patrimony:hover {
+  text-decoration: underline;
+  transition: 0.1s;
+}
+
+.status-primary {
+  color: blue;
+  font-size: 18px;
+}
+
+.status-success {
+  color: rgb(29, 158, 29);
+  font-size: 18px;
+}
+
+.status-warning {
+  color: #f6bb2a;
+  font-size: 18px;
+}
+
+.status-danger {
+  color: red;
+  font-size: 18px;
+}
+</style>

package/src/components/modules/stock/moviment/ItemProductSelected.vue

@@ -0,0 +1,78 @@
+<template>
+  <tr>
+    <td class="td-product">{{ item.productFullName }}</td>
+    <td class="td-product text-center td-bar-code">
+      <span>{{ item.barCode }}</span>
+    </td>
+    <td class="text-center td-quantity">
+      <span v-if="!item.allowWithoutPatrimony && isProductAndEquipament(item.typeProduct)">
+        {{ item.quantity }}
+      </span>
+      <IncrementDecrement v-if="item.allowWithoutPatrimony && isProductAndEquipament(item.typeProduct)"
+        :min="item.typeProduct == 5 ? 0 : 1" :max="verifyMax" v-model="item.quantity" />
+      <div v-if="!isProductAndEquipament(item.typeProduct)">
+        <i v-if="item.typeProduct == 3" class="fas fa-people-carry"></i>
+      </div>
+    </td>
+    <td class="text-right">
+      <Button :_key="item.id + 'p'" type="danger" classIcon="fa-solid fa-trash" size="small" :params="item"
+        :clicked="remove" />
+    </td>
+  </tr>
+</template>
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import IncrementDecrement from "@nixweb/nixloc-ui/src/component/forms/IncrementDecrement.vue";
+
+import { mapState, mapMutations, mapGetters } from "vuex";
+
+export default {
+  name: "ProductSelected",
+  components: {
+    Button,
+    IncrementDecrement,
+  },
+  props: {
+    item: Object,
+  },
+  computed: {
+    ...mapState("generateMoviment", ["type", "productSelected"]),
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("generateMoviment", ["quantityMax"]),
+    manageByPatrimony() {
+      return this.userLogged.parameterStock.manageByPatrimony;
+    },
+    verifyMax() {
+      if (this.type != "output") {
+        return this.quantityMax(this.item);
+      }
+      return null;
+    },
+
+  },
+  methods: {
+    ...mapMutations("generateMoviment", ["removeProductSelected"]),
+    isProductAndEquipament(typeProduct) {
+      if (typeProduct == 1 || typeProduct == 2 || typeProduct == 5) return true;
+      return false;
+    },
+    remove(item) {
+      this.removeProductSelected(item);
+    },
+
+  },
+};
+</script>
+<style scoped>
+.td-quantity {
+  width: 130px;
+}
+
+.div-title {
+  margin-bottom: 10px;
+}
+
+.title {
+  font-size: 15px;
+}
+</style>