@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration
+      :templateList="templateList"
+      :showSearch="false"
+      :showHorizontalFilter="false"
+      :propsParam="propsParam"
+    >
+      <div slot="content-buttons">
+        <Button
+          _key="btnPriceTableCreate"
+          title="Preço"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          :clicked="create"
+        />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal
+      title="Preço"
+      :width="800"
+      :height="750"
+      v-show="showModal('priceTableCreateUpdate')"
+    >
+      <PriceTableCreateUpdate :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 PriceTableCreateUpdate from "./PriceTableCreateUpdate.vue";
+
+import { mapGetters, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "PriceTableList",
+  components: {
+    ViewTemplateConfiguration,
+    Modal,
+    Button,
+    PriceTableCreateUpdate,
+  },
+  props: {
+    productId: String,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/stock/price-table/get-all",
+        urlDeleteAllApi: "/api/v1/stock/price-table/delete",
+        headerTable: [
+          {
+            field: "typePriceName",
+            title: "Período",
+            type: "link",
+            eventName: "updatePriceTable",
+          },
+          {
+            field: "value",
+            title: "R$ Valor",
+            type: "currency",
+            classCssTitle: "text-center",
+            classCssBody: "text-center primary",
+          },
+          {
+            field: "cost",
+            title: "R$ Custo",
+            type: "currency",
+            classCssTitle: "text-center",
+            classCssBody: "text-center danger",
+          },
+        ],
+      },
+      propsParam: {
+        any: this.productId,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.openModal("priceTableCreateUpdate");
+      this.addEvent({ name: "priceTableCreate" });
+      this.removeLoading(["btnPriceTableCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updatePriceTable") this.openModal("priceTableCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/stock/product/Product.js

@@ -0,0 +1,56 @@
+export default class Product {
+    constructor() {
+        this.id = "";
+        this.codInternal = "";
+        this.photo = "";
+        this.type = 1;
+        this.typeProduct = { id: "", content: "" };
+        this.name = "";
+        this.categoryProduct = { id: "", content: "" };
+        this.manufacturer = { id: "", content: "" };
+        this.status = 1;
+        this.description = "";
+        this.barCode = "";
+        this.allowWithoutPatrimony = false;
+        this.purchaseDate = "";
+        this.replacementValue = 0;
+        this.percentageInsurance = 0;
+        this.calculateInsurance = 1;
+        this.unitOfMeasurement = { id: "", content: "" };
+        this.ncm = "";
+        this.codigoBeneficioFiscal = "";
+        this.totalStock = 0;
+
+    }
+    update(data) {
+        this.id = data.id;
+        this.codInternal = data.codInternal;
+        this.photo = data.photo;
+        this.type = data.type;
+
+        this.typeProduct = { id: data.typeProduct.id, content: data.typeProduct.name };
+        this.name = data.name;
+
+        if (data.categoryProduct)
+            this.categoryProduct = { id: data.categoryProduct.id, content: data.categoryProduct.name };
+
+        if (data.manufacturer)
+            this.manufacturer = { id: data.manufacturer.id, content: data.manufacturer.name };
+
+        this.status = data.status;
+        this.description = data.description;
+        this.barCode = data.barCode;
+        this.allowWithoutPatrimony = data.allowWithoutPatrimony;
+        this.purchaseDate = data.purchaseDate;
+        this.replacementValue = data.replacementValue;
+        this.percentageInsurance = data.percentageInsurance;
+        this.calculateInsurance = data.calculateInsurance;
+
+        if (data.unitOfMeasurement)
+            this.unitOfMeasurement = { id: data.unitOfMeasurement.id, content: data.unitOfMeasurement.name };
+
+        this.codigoBeneficioFiscal = data.codigoBeneficioFiscal;
+        this.ncm = data.ncm;
+        this.totalStock = data.totalStock;
+    }
+}

package/src/components/modules/stock/product/ProductCreateUpdate.vue

@@ -0,0 +1,324 @@
+<template>
+  <div>
+    <b-tabs>
+      <b-tab title="Dados">
+        <b-row>
+          <b-col sm="12">
+            <div class="div-badge">
+              <span v-if="type == 1">Equipamento</span>
+              <span v-if="type == 2">Acessório</span>
+              <span v-if="type == 3">Serviço</span>
+              <span v-if="type == 5">Material</span>
+            </div>
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <Select title="Tipo" field="type" :formName="formName" :required="true"
+              url="/api/v1/stock/type-product/select-all" :propsParams="{ any: type }" v-model="product.typeProduct"
+              nameNewRegister="typeProductCreateUpdate" titleNewRegister="Tipo" :widthNewRegister="700"
+              :heightNewRegister="250">
+              <TypeProductCreateUpdate :registerInSelect="true" v-model="product.typeProduct" />
+            </Select>
+          </b-col>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="100"
+              v-model="product.name" />
+          </b-col>
+        </b-row>
+        <b-row v-if="id">
+          <b-col sm="12">
+            <RadioGroup title="Status" field="status" :formName="formName" :options="[
+                { text: 'Ativo', value: 1 },
+                { text: 'Inativo', value: 2 },
+              ]" v-model="product.status" />
+          </b-col>
+        </b-row>
+      </b-tab>
+      <b-tab title="Foto">
+        <ImageUpload title="Carregar Foto" container="nixloc-photo-product" :width="100" :height="100"
+          accepted=".jpg .png" urlPost="/api/v1/adm/file-upload/upload" urlRemove="/api/v1/adm/file-upload/delete"
+          :onLoad="updateImage" v-model="product.photo" />
+      </b-tab>
+    </b-tabs>
+    <br />
+    <b-tabs>
+      <b-tab title="Principal" @click="currentTab('principal')">
+        <b-row>
+          <b-col sm="6">
+            <InputText title="Código Interno" field="name" :formName="formName" :required="false" :maxLength="100"
+              v-model="product.codInternal" />
+          </b-col>
+        </b-row>
+        <b-row v-if="product.type != 3">
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <Select title="Categoria" field="categoryProduct" :formName="formName" :required="true"
+              url="/api/v1/stock/category-product/select-all" v-model="product.categoryProduct"
+              nameNewRegister="categoryProductCreateUpdate" titleNewRegister="Categoria" :widthNewRegister="500"
+              :heightNewRegister="250">
+              <CategoryProductCreateUpdate :registerInSelect="true" v-model="product.categoryProduct" />
+            </Select>
+          </b-col>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <Select title="Fabricante" field="manufacturer" :formName="formName" :required="true"
+              url="/api/v1/stock/manufacturer/select-all" v-model="product.manufacturer"
+              nameNewRegister="manufacturerCreateUpdate" titleNewRegister="Fabricante" :widthNewRegister="500"
+              :heightNewRegister="250">
+              <ManufacturerCreateUpdate :registerInSelect="true" v-model="product.manufacturer" />
+            </Select>
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col sm="12">
+            <EditorHtml title="Descrição" field="description" :required="false" :maxLength="500"
+              v-model="product.description" />
+          </b-col>
+        </b-row>
+        <div v-if="isProduct || isAccessory">
+          <b-row>
+            <b-col sm="12">
+              <InputText title="Código por Grupo" field="barCode" :formName="formName" :required="false"
+                :maxLength="500" v-model="product.barCode" />
+            </b-col>
+          </b-row>
+          <b-row>
+            <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+              <DateTime title="Data da Compra" field="purchaseDate" format="DD/MM/YYYY" type="date" placeholder
+                :formName="formName" :required="false" v-model="product.purchaseDate" />
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+              <InputDecimal title="Compra/Reposição" field="number" :formName="formName" :required="false"
+                v-model="product.replacementValue" />
+            </b-col>
+          </b-row>
+        </div>
+        <div v-if="isProduct || isMaterial || isAccessory">
+          <b-row>
+            <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+              <Select title="Unidade de Medida" field="unitOfMeasurement" :formName="formName" :required="true"
+                url="/api/v1/stock/unit-of-measurement/select-all" v-model="product.unitOfMeasurement"
+                nameNewRegister="unitOfMeasurementCreateUpdate" titleNewRegister="Unidade de Medida"
+                :widthNewRegister="500" :heightNewRegister="250">
+                <UnitOfMeasurementCreateUpdate :registerInSelect="true" v-model="product.unitOfMeasurement" />
+              </Select>
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+              <InputNumber title="Estoque" field="totalStock" :formName="formName"
+                :disabled="!product.allowWithoutPatrimony && manageByPatrimony && !isMaterial" :required="false"
+                :maxLength="5" type="float" v-model="product.totalStock" />
+            </b-col>
+          </b-row>
+        </div>
+
+      </b-tab>
+      <b-tab title="Patrimônio" @click="currentTab('patrimony')"
+        v-if="!isService && !isMaterial && manageByPatrimony && id">
+        <b-row>
+          <b-col sm="12">
+            <CheckboxSimple title="Não Patrimoniado" v-model="product.allowWithoutPatrimony" />
+            <br />
+            <PatrimonyList v-if="nameTab == 'patrimony' && !product.allowWithoutPatrimony" :productId="id" />
+          </b-col>
+        </b-row>
+      </b-tab>
+      <b-tab title="Acessório" @click="currentTab('accessory')" v-if="isProduct && id">
+        <AccessoryList v-if="nameTab == 'accessory'" :productId="id" />
+      </b-tab>
+      <b-tab title="Tabela de Preço" @click="currentTab('priceTable')" v-if="id">
+        <PriceTableList v-if="nameTab == 'priceTable'" :productId="id" />
+      </b-tab>
+      <b-tab title="Seguro" @click="currentTab('insurance')" v-if="isProduct || isAccessory">
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+            <InputNumber title="Porcentagem %" field="replacementValue" :formName="formName" :required="false"
+              :maxLength="2" type="float" v-model="product.percentageInsurance" />
+          </b-col>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <RadioGroup title="Como será realizado o cálculo ?" field="tipo" :formName="formName" :options="[
+                { text: 'Valor da Locação', value: 1 },
+                { text: 'Valor de Compra/Reposição', value: 2 },
+              ]" v-model="product.calculateInsurance" />
+          </b-col>
+        </b-row>
+      </b-tab>
+      <b-tab title="Fiscal" @click="currentTab('taxDocument')" v-if="isProduct || isAccessory">
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+            <InputText title="Código Benefício Fiscal" field="codigoBeneficioFiscal" :formName="formName"
+              :required="false" :maxLength="50" type="float" v-model="product.codigoBeneficioFiscal" />
+          </b-col>
+          <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+            <InputText title="Ncm" field="ncm" :formName="formName" :required="false" :maxLength="8" type="float"
+              v-model="product.ncm" />
+          </b-col>
+        </b-row>
+      </b-tab>
+      <b-tab title="Anexo">
+        <FileManager :showInModal="true" source="product" :genericId="id" />
+      </b-tab>
+    </b-tabs>
+  </div>
+</template>
+<script>
+import ImageUpload from "@nixweb/nixloc-ui/src/component/forms/ImageUpload";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple.vue";
+import FileManager from "@nixweb/nixloc-ui/src/component/shared/file-manager/FileManager";
+
+import TypeProductCreateUpdate from "../type-product/TypeProductCreateUpdate.vue";
+import CategoryProductCreateUpdate from "../category-product/CategoryProductCreateUpdate.vue";
+import ManufacturerCreateUpdate from "../manufacturer/ManufacturerCreateUpdate.vue";
+import UnitOfMeasurementCreateUpdate from "../unit-of-measurement/UnitOfMeasurementCreateUpdate.vue";
+import PatrimonyList from "../patrimony/PatrimonyList.vue";
+import AccessoryList from "../accessory/AccessoryList.vue";
+import PriceTableList from "../price-table/PriceTableList.vue";
+
+import Product from "@/components/modules/stock/product/Product.js";
+
+import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ProductCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: {
+    ImageUpload,
+    InputText,
+    InputDecimal,
+    InputNumber,
+    CheckboxSimple,
+    Select,
+    RadioGroup,
+    EditorHtml,
+    CheckboxGroup,
+    Molded,
+    DateTime,
+    TypeProductCreateUpdate,
+    CategoryProductCreateUpdate,
+    ManufacturerCreateUpdate,
+    UnitOfMeasurementCreateUpdate,
+    PatrimonyList,
+    AccessoryList,
+    PriceTableList,
+    FileManager,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      type: this.$route.params.type,
+      formName: "productCreateUpdate",
+      product: new Product(),
+      urlCreate: "/api/v1/stock/product/create",
+      urlUpdate: "/api/v1/stock/product/update",
+      urlGetById: "/api/v1/stock/product/get-by-id",
+      nameTab: "",
+    };
+  },
+  created() {
+    if (this.id) this.getById();
+    this.product.type = this.type;
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation", "removeFormDirty"]),
+    create() {
+      let params = { url: this.urlCreate, obj: this.product };
+      this.postApi(params).then((response) => {
+        if (response.success && this.registerInSelect) {
+          this.hideVodal(this.formName);
+        } else if (response.success) {
+          this.$router.replace({
+            name: "productUpdate",
+            params: { id: response.content.id, type: response.content.type },
+          });
+          this.removeLoading(["saveSaveCancel"]);
+        }
+      });
+    },
+    update() {
+      let params = { url: this.urlUpdate, obj: this.product };
+      this.putApi(params).then(() => {
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    updateImage() {
+      if (this.id) this.update();
+    },
+    getById() {
+      let params = { url: this.urlGetById, obj: { id: this.id } };
+      this.getApi(params).then((response) => {
+        this.product.update(response.content);
+        let self = this;
+        setTimeout(function () {
+          self.removeFormDirty();
+          self.removeLoading(["panel"]);
+        }, 100);
+      });
+    },
+    currentTab(name) {
+      this.nameTab = name;
+      if (name == "principal") {
+        if (this.id) this.getById();
+      }
+    },
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "isLoading"]),
+    isProduct() {
+      if (this.product.type == 1) return true;
+      return false;
+    },
+    isAccessory() {
+      if (this.product.type == 2) return true;
+      return false;
+    },
+    isMaterial() {
+      if (this.product.type == 5) return true;
+      return false;
+    },
+    isService() {
+      if (this.product.type == 3) return true;
+      return false;
+    },
+    manageByPatrimony() {
+      return this.userLogged.parameterStock.manageByPatrimony;
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+      },
+      deep: true,
+    },
+    tabIndex: {
+      handler(tabIndex) {
+        if (tabIndex == 0) this.getById();
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.div-badge {
+  margin-bottom: 10px;
+}
+</style>

package/src/components/modules/stock/search-product/SearchByBarcode.vue

@@ -0,0 +1,163 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <InputText title="Digite o Nº Código e pressione enter ou utilize o Leitor Óptico"
+          classIconTitle="fal fa-barcode-read" field="barCode" :maxLength="500" :enter="executeSearch"
+          :disabled="disabled" v-model="barCode" />
+      </b-col>
+    </b-row>
+    <Loading type="line" :center="false" v-show="loading" />
+    <Alert type="danger" v-show="showAlert && !modal.open">
+      <span> {{ message }}</span>
+    </Alert>
+    <Modal title="Foi encontrado mais de um Produto com o mesmo código!" :width="900" :height="750"
+      v-show="showModal('duplicateCode')">
+      <Alert type="danger" v-show="showAlert && modal.open">
+        <span> {{ message }}</span>
+      </Alert>
+      <ScrollBar :minHeight="0" :maxHeight="400">
+        <div v-for="item in duplicate" :key="item.id">
+          <div class="item-duplicate">
+            <b-row>
+              <b-col sm="8">
+                {{ item.productFullName }}
+              </b-col>
+              <b-col sm="4">
+                <div class="text-right">
+                  <Button :_key="item.id + 'p'" title="Selecionar" type="info" size="small" :params="item"
+                    :clicked="selectProduct" />
+                </div>
+              </b-col>
+            </b-row>
+          </div>
+        </div>
+      </ScrollBar>
+    </Modal>
+  </div>
+</template>
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import { mapActions, mapMutations, mapState, mapGetters } from "vuex";
+
+export default {
+  components: {
+    InputText,
+    Molded,
+    Alert,
+    Modal,
+    Button,
+    ScrollBar,
+    Loading,
+  },
+  name: "SearchByBarcode",
+  props: ["urlGet", "disabled", "params", "value"],
+  data() {
+    return {
+      barCode: "",
+      showAlert: false,
+      message: "",
+      duplicate: [],
+      loading: false,
+    };
+  },
+  computed: {
+    ...mapState("generic", ["modal", "event"]),
+    ...mapGetters("generic", ["showModal"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("generic", [
+      "addEvent",
+      "openModal",
+      "hideModal",
+      "removeLoading",
+    ]),
+    executeSearch() {
+      this.loading = true;
+      let params = {
+        url: this.urlGet,
+        obj: { barCode: this.barCode, ...this.params },
+        notNotifyToast: true,
+      };
+      this.postApi(params).then((response) => {
+        var length = response.content.length;
+
+        if (length == 1) {
+          this.addEvent({
+            name: "executedSearchByBarcode",
+            data: response.content[0],
+          });
+          this.barCode = "";
+        }
+
+        if (length > 1) {
+          this.duplicate = response.content;
+          this.openModal("duplicateCode");
+        }
+
+        if (length == 0) {
+          let message = `Produto ${this.barCode} não disponível ou não existe...`;
+          this.showNotification(message);
+        }
+        this.loading = false;
+      });
+    },
+    selectProduct(product) {
+      this.addEvent({
+        name: "executedSearchByBarcode",
+        data: product,
+      });
+      let id = product.id + "p";
+
+      let self = this;
+      setTimeout(function () {
+        self.removeLoading([id]);
+        self.hideModal();
+        self.barCode = "";
+      }, 200);
+    },
+    showNotification(message) {
+      this.showAlert = true;
+      this.message = message;
+      this.hideMessage();
+      this.$toasted.show("Ops! Algo deu errado", {
+        type: "error",
+      });
+    },
+    hideMessage() {
+      let self = this;
+      setTimeout(function () {
+        self.showAlert = false;
+      }, 4000);
+    },
+  },
+};
+</script>
+<style scoped>
+.div-bar-code {
+  margin-top: 27px;
+}
+
+.item-duplicate {
+  margin-top: 5px;
+  background-color: #f5f5f5;
+  border: 1px solid #ddd;
+  padding-top: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  border-radius: 5px;
+  background-color: #fafafc !important;
+}
+
+.div-search {
+  margin-bottom: 10px;
+}
+</style>