@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/views/modules/signature/SignatureList.vue

@@ -0,0 +1,208 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :buttonRemove="false" :filters="filters">
+      <div slot="content-buttons">
+        <Button _key="btnSignatureCreate" title="Documento" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="signatureCreate" :clicked="create" />
+      </div>
+      <div slot="content-buttons-table-header">
+        <Button _key="btnCancelSignature" :title="'Cancelar'" type="danger" size="small" :clicked="confirmCancel" />
+      </div>
+    </ViewTemplateWithTable>
+
+    <Modal title="Assinaturas" :width="900" v-show="showModal('signers')">
+      <SignerList />
+    </Modal>
+    <Modal title="Selecione o documento" :width="900" v-show="showModal('document')">
+      <SendSingleSignature />
+    </Modal>
+    <Modal title="Tem certeza que deseja cancelar?" :width="500" v-show="showModal('cancelSignature')">
+      <Alert type="warning">
+        <span>
+          Atenção, certifique-se que está cancelando correntamente, está operação é irreversível
+        </span>
+      </Alert>
+      <Confirmation :isModal="false" title="Você tem certeza?" type="danger" :confirmed="cancel" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import SendSingleSignature from '../../../components/modules/signature/send-signature/SendSingleSignature.vue'
+import SignerList from '../../../components/modules/signature/signer/SignerList.vue'
+
+import { mapGetters, mapMutations, mapActions, mapState } from "vuex";
+
+export default {
+  name: "SignatureListView",
+  components: {
+    ViewTemplateWithTable,
+    Modal,
+    Button, SignerList, SendSingleSignature, SignerList, Alert, Confirmation
+  },
+  data() {
+    return {
+      panel: {
+        module: "Assinatura Digital",
+        title: "Documento",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/signature-file/get-all",
+        urlDeleteAllApi: "/api/v1/signature-file/cancel",
+        showChecks: false,
+        headerTable: [
+          {
+            title: "Emissão",
+            field: "registeredDate",
+            type: "dateTime",
+            iconSearch: false,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "fullName",
+            title: "Cliente",
+            type: "text",
+            iconSearch: true,
+            classCssBody: "limit",
+          },
+          {
+            field: "name",
+            title: "Documento",
+            type: "text",
+            classCssBody: "limit",
+          },
+          {
+            field: "totalSigners",
+            title: "Assinaturas",
+            type: "link",
+            iconSearch: false,
+            eventName: "openSigners",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "source",
+            title: "Origem",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "registeredUser",
+            title: "Emitido por",
+            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-warning",
+                fieldComparison: "Pendente",
+              },
+              {
+                classCss: "text-center badge badge-success",
+                fieldComparison: "Assinado",
+              },
+              {
+                classCss: "text-center badge badge-info",
+                fieldComparison: "Aberto",
+              },
+              {
+                classCss: "text-center badge badge-danger",
+                fieldComparison: "Recusado",
+              },
+            ],
+          },
+        ],
+      },
+      filters: [
+        {
+          type: "options",
+          title: "Status",
+          field: "StatusName",
+          options: [
+            { text: "Aberto", value: "Aberto" },
+            { text: "Assinado", value: "Assinado" },
+            { text: "Pendente", value: "Pendente" },
+          ],
+          value: [],
+        },
+        {
+          type: "options",
+          title: "Origem",
+          field: "Source",
+          options: [
+            { text: "Locação", value: "Locação" },
+            { text: "Operacional", value: "Operacional" },
+            { text: "Movimentação", value: "Movimentação" },
+            { text: "Faturamento", value: "Faturamento" },
+            { text: "N/I", value: "N/I" },
+          ],
+          value: [],
+        },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event", "listIdToString"]),
+    ...mapState("generic", ["selected"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+    ...mapActions("generic", ["deleteAllApi"]),
+    create() {
+      this.openModal("document");
+      this.removeLoading(["btnSignatureCreate"]);
+    },
+    confirmCancel() {
+      this.removeLoading(["btnCancelSignature"]);
+      this.openModal("cancelSignature");
+    },
+    cancel() {
+      let params = {
+        url: this.templateList.urlDeleteAllApi,
+        ids: this.listIdToString(['teste']),
+      };
+      this.deleteAllApi(params).then((response) => {
+        if (response.success) {
+          this.hideModal("generateInvoice");
+        }
+        this.removeLoading(["confirm"]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "openSigners")
+          this.openModal("signers");
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style>
+.div-tag {
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+</style>

package/src/views/modules/stock/CategoryProduct.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <Button _key="btnProductCategoryCreate" title="Categoria" classIcon="fas fa-plus-circle" type="primary"
+          size="small" :clicked="create" />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Categoria" :width="500" :height="250" v-show="showModal('categoryProductCreateUpdate')">
+      <CategoryProductCreateUpdate />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import CategoryProductCreateUpdate from "../../../components/modules/stock/category-product/CategoryProductCreateUpdate.vue";
+
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "ProductCategoryView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+    Modal,
+    CategoryProductCreateUpdate,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/stock/category-product/get-all",
+        urlDeleteAllApi: "/api/v1/stock/category-product/delete",
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "link",
+            iconSearch: true,
+            eventName: "productCategoryUpdate",
+          },
+          {
+            field: "colorHtml",
+            type: "html",
+            styleBody: "width: 200px;",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.openModal("categoryProductCreateUpdate");
+      this.addEvent({ name: "productCategoryCreate" });
+      this.removeLoading(["btnProductCategoryCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "productCategoryUpdate")
+          this.openModal("categoryProductCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/stock/ConfigStock.vue

@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <Panel
+      :module="panel.module"
+      :title="panel.title"
+      :showFilter="panel.showFilter"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
+    >
+      <div slot="content-main">
+        <div>
+          <br />
+          <b-tabs v-model="tabIndex">
+            <b-tab title="Categoria">
+              <CategoryProduct v-if="tabIndex == 0" />
+            </b-tab>
+            <b-tab title="Fabricante">
+              <Manufacturer v-if="tabIndex == 1" />
+            </b-tab>
+            <b-tab title="Tipo">
+              <TypeProduct v-if="tabIndex == 2" />
+            </b-tab>
+            <b-tab title="Unidade de Medida">
+              <UnitOfMeasurement v-if="tabIndex == 3" />
+            </b-tab>
+          </b-tabs>
+        </div>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+import CategoryProduct from "./CategoryProduct.vue";
+import Manufacturer from "./Manufacturer.vue";
+import TypeProduct from "./TypeProduct.vue";
+import UnitOfMeasurement from "./UnitOfMeasurement.vue";
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "ConfiguracaoStockView",
+  components: {
+    Panel,
+    CategoryProduct,
+    Manufacturer,
+    TypeProduct,
+    UnitOfMeasurement,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Estoque",
+        title: "Configuração",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+      tabIndex: 0,
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>

package/src/views/modules/stock/GenerateOutput.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <Panel module="Movimentação" title="Gerar Saída" layout="large" :showFilter="false" :showSearch="false"
+      :showButtons="false">
+      <div slot="content-main">
+        <GenerateOutput :rentId="rentId" />
+      </div>
+    </Panel>
+  </div>
+</template>
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import GenerateOutput from "../../../components/modules/stock/moviment/output/GenerateOutput.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "GenerateOutputView",
+  components: {
+    Panel,
+    GenerateOutput,
+  },
+  data() {
+    return {
+      rentId: this.$route.params.id,
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>

package/src/views/modules/stock/GenerateRenewed.vue

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <Panel module="Movimentação" title="Gerar Renovação" layout="large" :showFilter="false" :showSearch="false"
+      :showButtons="false">
+      <div slot="content-main">
+        <GenerateRenewed :rentId="rentId" />
+      </div>
+    </Panel>
+  </div>
+</template>
+<script>
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import GenerateRenewed from '../../../components/modules/stock/moviment/renewed/GenerateRenewed.vue'
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "GenerateOutputView",
+  components: {
+    Panel,
+    GenerateRenewed
+  },
+  data() {
+    return {
+      rentId: this.$route.params.id,
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>

package/src/views/modules/stock/GenerateReturn.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <Panel module="Movimentação" title="Gerar Retorno" layout="large" :showFilter="false" :showSearch="false"
+      :showButtons="false">
+      <div slot="content-main">
+        <GenerateReturn :rentId="rentId" />
+      </div>
+    </Panel>
+  </div>
+</template>
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import GenerateReturn from "../../../components/modules/stock/moviment/return/GenerateReturn.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "GenerateOutputView",
+  components: {
+    Panel,
+    GenerateReturn,
+  },
+  data() {
+    return {
+      rentId: this.$route.params.id,
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>

package/src/views/modules/stock/ImportProduct.vue

@@ -0,0 +1,134 @@
+<template>
+  <div>
+    <ViewTemplateImportFile :panel="panel" :templateList="templateList" container="nixloc-product-import"
+      :typeImport="typeImport" :select="options()" urlMapping="/api/v1/stock/import-product/mapping"
+      urlValidate="/api/v1/stock/import-product/validate" urlImport="/api/v1/stock/import-product/import"
+      urlTemplate="https://espaco.blob.core.windows.net/nixloc-product-import/Modelo Importação Produto.xlsx">
+      <div>
+        <RadioGroup title="O que será importado?" field="typeImport" :options="[
+          { text: 'Equipamento, Acessório ou Serviço', value: 1 },
+          { text: 'Patrimônio(s)', value: 2 },
+          { text: 'Tabela de Preço', value: 3 },
+          { text: 'Acessório(s) Vinculado(s)', value: 4 },
+        ]" v-model="typeImport" />
+      </div>
+    </ViewTemplateImportFile>
+  </div>
+</template>
+
+<script>
+import ViewTemplateImportFile from "@nixweb/nixloc-ui/src/component/template/ViewTemplateImportFile";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "ImportProductView",
+  components: { ViewTemplateImportFile, RadioGroup },
+  data() {
+    return {
+      panel: {
+        module: "Estoque",
+        title: "Importar",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+
+      typeImport: 1,
+      selectProduct: [
+        { content: "Código Interno", id: "codInternal" },
+        { content: "Equipamento, Acessório ou Serviço", id: "isTypeProduct" },
+        { content: "Tipo", id: "type" },
+        { content: "Nome", id: "name" },
+        { content: "Categoria", id: "category" },
+        { content: "Fabricante", id: "manufacturer" },
+        { content: "Descrição", id: "description" },
+        { content: "Código por Grupo", id: "barCode" },
+        { content: "Data da Compra", id: "purchaseDate" },
+        { content: "Compra/Reposição", id: "replacementValue" },
+        { content: "Unidade de Medida", id: "unitOfMeasurement" },
+        { content: "Estoque", id: "totalStock" },
+        { content: "Seguro %", id: "percentageInsurance" },
+        { content: "Seguro Locação/Reposição", id: "calculateInsurance" },
+        { content: "Ncm", id: "ncm" },
+      ],
+      selectPatrimony: [
+        { content: "Código Interno", id: "codInternal" },
+        { content: "Nº Patrimônio", id: "barCode" },
+        { content: "Nº Série", id: "serialNumber" },
+        { content: "Data da Compra", id: "purchaseDate" },
+      ],
+      selectTablePrice: [
+        { content: "Código Interno", id: "codInternal" },
+        { content: "Tipo", id: "typePrice" },
+        { content: "Período", id: "quantity" },
+        { content: "Valor", id: "value" },
+        { content: "Custo", id: "cost" },
+      ],
+      selectAccessory: [
+        { content: "Código Interno Produto", id: "codInternalProduct" },
+        { content: "Código Interno Acessório", id: "codInternalAccessory" },
+        { content: "Quantidade", id: "quantity" },
+      ],
+      templateList: {
+        urlGetApi: "/api/v1/stock/history-import/get-all",
+        urlDeleteAllApi: "/api/v1/stock/history-import/delete",
+        showChecks: false,
+        headerTable: [
+          {
+            field: "description",
+            title: "Descrição",
+            type: "text",
+          },
+          {
+            field: "registeredDate",
+            title: "Data",
+            type: "dateTime",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "registeredUser",
+            title: "Usuário",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "totalImported",
+            title: "Total Importado",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            type: "button",
+            typeButton: "default",
+            button: {
+              classIcon: "fa-solid fa-trash",
+              type: "danger",
+              size: "small",
+              eventName: "deleteHistoryImport",
+            },
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    options() {
+      if (this.typeImport == 1) return this.selectProduct;
+      if (this.typeImport == 2) return this.selectPatrimony;
+      if (this.typeImport == 3) return this.selectTablePrice;
+      if (this.typeImport == 4) return this.selectAccessory;
+    },
+  },
+};
+</script>

package/src/views/modules/stock/Manufacturer.vue

@@ -0,0 +1,81 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <Button
+          _key="btnProductManufacturerCreate"
+          title="Fabricante"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          :clicked="create"
+        />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal
+      title="Fabricante"
+      :width="500"
+      :height="250"
+      v-show="showModal('productManufacturerCreateUpdate')"
+    >
+      <ManufacturerCreateUpdate />
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import ManufacturerCreateUpdate from '../../../components/modules/stock/manufacturer/ManufacturerCreateUpdate.vue'
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "ProductManufacturerView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+    Modal,
+    ManufacturerCreateUpdate
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/stock/manufacturer/get-all",
+        urlDeleteAllApi: "/api/v1/stock/manufacturer/delete",
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "link",
+            iconSearch: true,
+            eventName: "productManufacturerUpdate",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent","openModal", "removeLoading"]),
+    create() {
+      this.openModal("productManufacturerCreateUpdate");
+      this.addEvent({ name: "productManufacturerCreate" });
+      this.removeLoading(["btnProductManufacturerCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "productManufacturerUpdate")
+          this.openModal("productManufacturerCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>