@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/stock/moviment/return/GenerateReturn.vue

@@ -0,0 +1,127 @@
+<template>
+  <div>
+    <RentAndSelected v-if="!isCheckReturn" titleProductRent="Locado" titleProductSelected="Retorno" :statusPatrimony="2"
+      :rentId="rentId" />
+    <CheckReturn v-if="isCheckReturn" :rentId="rentId">
+      <Button v-show="isCheckReturn" _key="btnClickedBack" type="info" title="Voltar"
+        classIcon="title fa-solid fa-circle-arrow-left" size="small" :clicked="backReturn" />
+    </CheckReturn>
+    <br />
+    <div class="text-center">
+      <Button v-if="!isCheckReturn" _key="btnClickedNext" type="info" title="Avançar"
+        :disabled="productSelectedByPeriod.length == 0" classIcon="title fas fa-arrow-circle-right" size="medium"
+        :clicked="checkReturn" />
+    </div>
+  </div>
+</template>
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import RentAndSelected from "../RentAndSelected.vue";
+import CheckReturn from "./CheckReturn.vue";
+
+import { mapActions, mapState, mapMutations, mapGetters } from "vuex";
+
+export default {
+  name: "GenerateReturn",
+  components: { RentAndSelected, Button, CheckReturn },
+  props: {
+    rentId: String,
+  },
+  data() {
+    return {
+      urlGet: "/api/v1/moviment/generate-return/get-all",
+      periodRentId: "",
+      isCheckReturn: false,
+    };
+  },
+  computed: {
+    ...mapState("generic", ["event"]),
+    ...mapGetters("generateMoviment", ["productSelectedByPeriod"]),
+  },
+  mounted() {
+    this.addType("return");
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    ...mapMutations("generateMoviment", [
+      "addType",
+      "addPeriodRent",
+      "addProductRent",
+    ]),
+    ...mapMutations("generic", ["addLoading", "removeLoading"]),
+    getAll() {
+      this.addLoading("movimentProductRent");
+      let params = {
+        url: this.urlGet,
+        obj: { rentId: this.rentId, periodRentId: this.periodRentId },
+      };
+      this.getApi(params).then((response) => {
+        this.addProductRent(response.content);
+      });
+      let self = this;
+      setTimeout(function () {
+        self.removeLoading(["movimentProductRent"]);
+      }, 300);
+    },
+    checkReturn() {
+      this.isCheckReturn = true;
+      this.removeLoading(["btnClickedNext"]);
+    },
+    backReturn() {
+      this.isCheckReturn = false;
+      this.removeLoading(["btnClickedBack"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "selectedPeriodRent") {
+          this.periodRentId = event.data.period.id;
+          this.addPeriodRent(event.data.period);
+          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;
+}
+
+.title {
+  font-size: 15px;
+}
+
+.status-success {
+  color: darkgreen;
+  font-size: 18px;
+}
+
+.status-warning {
+  color: #f6bb2a;
+  font-size: 18px;
+}
+
+.status-danger {
+  color: red;
+  font-size: 18px;
+}
+</style>

package/src/components/modules/stock/patrimony/Patrimony.js

@@ -0,0 +1,20 @@
+export default class Patrimony {
+    constructor() {
+        this.id = "";
+        this.barCode = "";
+        this.serialNumber = "";
+        this.purchaseDate = "";
+        this.productId = "";
+        this.status = 0;
+        this.statusName = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.barCode = data.barCode;
+        this.serialNumber = data.serialNumber;
+        this.purchaseDate = data.purchaseDate;
+        this.status = data.status;
+        this.statusName = data.statusName;
+        this.productId = data.productId;
+    }
+}

package/src/components/modules/stock/patrimony/PatrimonyCreateUpdate.vue

@@ -0,0 +1,157 @@
+<template>
+  <div>
+    <b-row v-if="!patrimony.id">
+      <b-col sm="12">
+        <div class="div-optical">
+          <CheckboxSimple title="Leitor Óptico" v-model="opticalReader" />
+        </div>
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <InputText title="Código" field="barCode" :formName="formName" :required="true" :maxLength="500"
+          :enter="createWithOpticalReader" v-model="patrimony.barCode" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row v-show="opticalReader">
+      <b-col sm="12">
+        <span class="title-barcode">
+          <i class="fal fa-barcode-read"></i> Digite o Nº do Patrimônio e pressione enter
+          ou utilize o Leitor Óptico</span>
+      </b-col>
+    </b-row>
+    <div v-show="!opticalReader">
+      <b-row>
+        <b-col sm="8">
+          <InputText title="Nº Serial" field="serialNumber" :formName="formName" :required="false" :maxLength="200"
+            v-model="patrimony.serialNumber" :markFormDirty="false" />
+        </b-col>
+        <b-col sm="4">
+          <DateTime title="Data da Compra" field="deliveryHour" format="DD/MM/YYYY" type="date" placeholder
+            :formName="formName" :required="false" v-model="patrimony.purchaseDate" />
+        </b-col>
+      </b-row>
+      <b-row v-if="patrimony.statusName == 'Disponível' || patrimony.statusName == 'Inativo'">
+        <b-col sm="12">
+          <RadioGroup title="Status" field="status" :formName="formName" :options="[
+      { text: 'Ativo', value: 1 },
+      { text: 'Inativo', value: 4 },
+    ]" v-model="patrimony.status" />
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="12">
+          <div class="text-right">
+            <Button _key="btnSavePatrimony" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+              classIcon="fas fa-save" size="medium" :clicked="create" />
+          </div>
+        </b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple.vue";
+
+import Patrimony from "@/components/modules/stock/patrimony/Patrimony.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "PatrimonyCreateUpdate",
+  props: {
+    productId: String,
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { InputText, RadioGroup, DateTime, Button, CheckboxSimple },
+  data() {
+    return {
+      formName: "patrimonyCreateUpdate",
+      patrimony: new Patrimony(),
+      urlCreate: "/api/v1/stock/patrimony/create",
+      urlUpdate: "/api/v1/stock/patrimony/update",
+      opticalReader: true,
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    create() {
+      this.patrimony.productId = this.productId;
+      if (this.patrimony.id) {
+        let params = { url: this.urlUpdate, obj: this.patrimony };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["btnSavePatrimony"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.patrimony };
+        this.postApi(params).then((response) => {
+          if (response.success && !this.registerInSelect && !this.opticalReader)
+            this.hideModal();
+
+          if (response.success && this.registerInSelect) {
+            this.$emit("input", {
+              id: response.data.id,
+              content: response.data.name,
+            });
+            this.hideVodal(this.formName);;
+          }
+          this.removeLoading(["btnSavePatrimony"]);
+        });
+      }
+    },
+    update(data) {
+      this.opticalReader = false;
+      this.patrimony = new Patrimony();
+      this.patrimony.update(data);
+      this.removeLoading([data.id]);
+    },
+    createWithOpticalReader() {
+      if (this.opticalReader) {
+        this.create();
+        this.patrimony.barCode = "";
+        this.resetValidation(this.formName);
+      }
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "patrimonyCreate") {
+          this.opticalReader = false;
+          this.resetValidation(this.formName);
+          this.patrimony = new Patrimony();
+        }
+        if (event.name == "updatePatrimony") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-optical {
+  margin-bottom: 10px;
+}
+
+.title-barcode {
+  color: #7d8083;
+}
+</style>

package/src/components/modules/stock/patrimony/PatrimonyList.vue

@@ -0,0 +1,112 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
+      :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="btnPatrimonyCreate" title="Patrimônio" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Patrimônio" :width="900" :height="750" v-show="showModal('patrimonyCreateUpdate')">
+      <PatrimonyCreateUpdate :productId="productId" />
+    </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 PatrimonyCreateUpdate from "./PatrimonyCreateUpdate.vue";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "PatrimonyList",
+  components: {
+    ViewTemplateConfiguration,
+    Modal,
+    Button,
+    PatrimonyCreateUpdate,
+  },
+  props: {
+    productId: String,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/stock/patrimony/get-all",
+        urlDeleteAllApi: "/api/v1/stock/patrimony/delete",
+        headerTable: [
+          {
+            field: "barCode",
+            title: "Código",
+            type: "link",
+            eventName: "updatePatrimony",
+          },
+          {
+            field: "serialNumber",
+            title: "Nº Série",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "purchaseDate",
+            title: "Data de Compra",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "statusName",
+            title: "Status",
+            type: "class",
+            fieldComparison: "statusName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center badge badge-success",
+                fieldComparison: "Disponível",
+              },
+              { classCss: "text-center badge badge-primary", fieldComparison: "Locado" },
+              {
+                classCss: "text-center badge badge-warning",
+                fieldComparison: "Manutenção",
+              },
+              {
+                classCss: "text-center badge badge-danger",
+                fieldComparison: "Inativo",
+              },
+            ],
+          },
+        ],
+      },
+      propsParam: {
+        any: this.productId,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.openModal("patrimonyCreateUpdate");
+      this.addEvent({ name: "patrimonyCreate" });
+      this.removeLoading(["btnPatrimonyCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updatePatrimony")
+          this.openModal("patrimonyCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/stock/price-table/PriceTable.js

@@ -0,0 +1,19 @@
+export default class PriceTable {
+    constructor() {
+        this.id = "";
+        this.productId = "";
+        this.typePrice = { content: '', id: "" };
+        this.quantity = 1;
+        this.value = 0;
+        this.cost = 0;
+
+    }
+    update(data) {
+        this.id = data.id;
+        this.productId = data.productId;
+        this.typePrice = { id: data.typePrice.id, content: data.typePrice.content };
+        this.quantity = data.quantity;
+        this.value = data.value;
+        this.cost = data.cost;
+    }
+}

package/src/components/modules/stock/price-table/PriceTableCreateUpdate.vue

@@ -0,0 +1,210 @@
+<template>
+  <div>
+    <b-row>
+      <b-col :sm="isCanAddPeriod ? '4' : '6'">
+        <SelectStatic
+          title="Tipo"
+          fieldTarget="typePrice"
+          :data="optionsWithByRules"
+          :required="true"
+          :markFormDirty="false"
+          v-model="priceTable.typePrice"
+        />
+      </b-col>
+      <b-col sm="2" v-if="isCanAddPeriod">
+        <InputNumber
+          title="Período"
+          field="number"
+          :formName="formName"
+          :required="true"
+          :maxLength="3"
+          type="int"
+          :markFormDirty="false"
+          v-model="priceTable.quantity"
+        />
+      </b-col>
+      <b-col sm="3">
+        <InputDecimal
+          title="Valor"
+          field="number"
+          :formName="formName"
+          :required="true"
+          :markFormDirty="false"
+          v-model="priceTable.value"
+        />
+      </b-col>
+      <b-col sm="3">
+        <InputDecimal
+          title="Custo"
+          field="number"
+          reference="blabla"
+          :formName="formName"
+          :required="false"
+          :markFormDirty="false"
+          v-model="priceTable.cost"
+        />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="10">
+        <div class="div-checkbox text-right">
+          <CheckboxSimple title="Salvar e novo" v-model="addOtherPeriod" />
+        </div>
+      </b-col>
+      <b-col sm="2">
+        <div class="text-right">
+          <Button
+            _key="btnSavePriceTable"
+            type="success"
+            title="Salvar"
+            :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save"
+            size="medium"
+            :clicked="create"
+          />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import PriceTable from "@/components/modules/stock/price-table/PriceTable.js";
+
+import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "PriceTableCreateUpdate",
+  props: {
+    productId: String,
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: {
+    InputDecimal,
+    InputNumber,
+    SelectStatic,
+    CheckboxSimple,
+    Button,
+  },
+  data() {
+    return {
+      formName: "priceTableCreateUpdate",
+      priceTable: new PriceTable(),
+      urlCreate: "/api/v1/stock/price-table/create",
+      urlUpdate: "/api/v1/stock/price-table/update",
+      addOtherPeriod: false,
+      options: [
+        { content: "Minuto", id: "1" },
+        { content: "Hora", id: "2" },
+        { content: "Dia", id: "3" },
+        { content: "Mês", id: "4" },
+        { content: "Ano", id: "5" },
+        { content: "Valor Único", id: "6" },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+    ...mapState("user", ["userLogged"]),
+    optionsWithByRules() {
+      let displayPeriod = this.userLogged.parameterRental.displayPeriod;
+      let options = [];
+
+      this.options.forEach((item) => {
+        if (!displayPeriod.includes("1") && item.id == "1") return;
+        if (!displayPeriod.includes("2") && item.id == "2") return;
+        options.push(item);
+      });
+
+      return options;
+    },
+    isCanAddPeriod() {
+      let typePrice = this.priceTable.typePrice.id;
+      switch (typePrice) {
+        case "1":
+          return true;
+        case "2":
+          return true;
+        case "3":
+          return true;
+        case "4":
+          return true;
+        case "5":
+          return true;
+        default:
+          return false;
+      }
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    create() {
+      this.priceTable.productId = this.productId;
+      if (this.priceTable.id) {
+        let params = { url: this.urlUpdate, obj: this.priceTable };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["btnSavePriceTable"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.priceTable };
+        this.postApi(params).then((response) => {
+          if (
+            response.success &&
+            !this.registerInSelect &&
+            !this.addOtherPeriod
+          ) {
+            this.hideModal();
+          }
+
+          if (response.success && this.registerInSelect) {
+            this.$emit("input", {
+              id: response.data.id,
+              content: response.data.name,
+            });
+           this.hideVodal(this.formName);;
+          }
+          this.removeLoading(["btnSavePriceTable"]);
+        });
+      }
+    },
+    update(data) {
+      this.priceTable = new PriceTable();
+      this.priceTable.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "priceTableCreate") {
+          this.resetValidation(this.formName);
+          this.priceTable = new PriceTable();
+        }
+        if (event.name == "updatePriceTable") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-checkbox {
+  padding-top: 8px;
+}
+</style>