@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/views/modules/financeiro/PlanoConta.vue

@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList">
+      <div slot="content-buttons">
+        <Button
+          chave="inserirPlanoConta"
+          title="Plano de Conta"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          eventName="inserirPlanoConta"
+          :clicked="inserirPlanoConta"
+        />
+      </div>
+    </ViewTemplateWithTable>
+    <Modal
+      title="Plano de Conta"
+      :width="650"
+      :height="300"
+      v-show="showModal('inserirEditarPlanoConta')"
+    >
+      <InserirEditarPlanoConta />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import Modal from "@/component/forms/Modal";
+import InserirEditarPlanoConta from "@/components/modules/financeiro/plano-conta/InserirEditarPlanoConta";
+import Button from "@/component/forms/Button";
+import ViewTemplateWithTable from "@/component/template/ViewTemplateWithTable";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "PlanoContaView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+    Modal,
+    InserirEditarPlanoConta,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Financeiro",
+        title: "Plano de Conta",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetAllApi: "api/v1/financeiro/plano-conta/get-all",
+        urlDeleteAllApi: "api/v1/financeiro/plano-conta/delete",
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "texto",
+            iconSearch: true,
+            fieldComparison: "tipoNome",
+            classCssBody: [
+              { class: "despesa", fieldComparison: "Despesa" },
+              { class: "receita", fieldComparison: "Receita" },
+            ],
+          },
+          {
+            field: "centroCusto",
+            title: "Centro de Custo",
+            type: "escolher",
+            fieldComparison: "tipoNome",
+            classCssBody: [
+              { class: "despesa", fieldComparison: "Despesa" },
+              { class: "receita", fieldComparison: "Receita" },
+            ],
+          },
+          {
+            type: "botao",
+            qualBotao: "botao",
+            botao: {
+              title: "Editar",
+              size: "small",
+              type: "editar",
+              eventName: "editarPlanoConta",
+            },
+            classCssBody: "text-right",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    inserirPlanoConta() {
+      this.openModal("inserirEditarPlanoConta");
+      this.removeLoading(["inserirPlanoConta"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "editarPlanoConta") this.openModal("inserirEditarPlanoConta");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/financeiro/TipoPagamento.vue

@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList">
+      <div slot="content-buttons">
+        <Button
+          chave="inserirTipoPagamento"
+          title="Tipo de Pagamento"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          eventName="inserirTipoPagamento"
+          :clicked="inserirTipoPagamento"
+        />
+      </div>
+    </ViewTemplateWithTable>
+    <Modal
+      title="Tipo de Pagamento"
+      :width="500"
+      :height="280"
+      v-show="showModal('inserirEditarTipoPagamento')"
+    >
+      <InserirEditarTipoPagamento />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import Modal from "@/component/forms/Modal";
+import InserirEditarTipoPagamento from "@/components/modules/financeiro/type-pagamento/InserirEditarTipoPagamento";
+import Button from "@/component/forms/Button";
+import ViewTemplateWithTable from "@/component/template/ViewTemplateWithTable";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "TipoPagamentoView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+    Modal,
+    InserirEditarTipoPagamento,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Financeiro",
+        title: "Tipo de Pagamento",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetAllApi: "api/v1/financeiro/type-pagamento/get-all",
+        urlDeleteAllApi: "api/v1/financeiro/type-pagamento/delete",
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "texto",
+            iconSearch: true,
+          },
+          {
+            field: "emiteBoleto",
+            title: "Emite Boleto",
+            type: "texto",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "utilizaPdv",
+            title: "pointOfSale",
+            type: "texto",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            type: "botao",
+            qualBotao: "botao",
+            botao: {
+              title: "Editar",
+              size: "small",
+              type: "editar",
+              eventName: "editarTipoPagamento",
+            },
+            classCssBody: "text-right",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    inserirTipoPagamento() {
+      this.openModal("inserirEditarTipoPagamento");
+      this.removeLoading(["inserirTipoPagamento"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "editarTipoPagamento")
+          this.openModal("inserirEditarTipoPagamento");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/human-resources/CollaboratorCreateUpdate.vue

@@ -0,0 +1,68 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-buttons">
+        <Button
+          v-if="id"
+          _key="btnCollaboratorCreate"
+          title="Colaborador"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          eventName="collaboratorCreate"
+          :clicked="create"
+        />
+      </div>
+      <div slot="content-main">
+        <CollaboratorCreateUpdate :formName="panel.formName" />
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+import CollaboratorCreateUpdate from '../../../components/modules/human-resources/collaborator/CollaboratorCreateUpdate.vue'
+
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "CollaboratorCreateView",
+  components: {
+    Button,
+    Molded,
+    ViewTemplateWithSalveCancel,
+    CollaboratorCreateUpdate,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "Recursos Humanos",
+        title: "Colaborador",
+        formName: "CollaboratorCreateUpdate",
+        showFilter: false,
+        showSearch: false,
+        showButtons: true,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    create() {
+      this.$router.push({
+        name: "collaboratorCreate",
+      });
+      this.removeLoading(["btnCollaboratorCreate"]);
+    },
+  },
+};
+</script>

package/src/views/modules/human-resources/CollaboratorList.vue

@@ -0,0 +1,110 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :actions="actions">
+      <div slot="content-buttons">
+        <Button _key="btnCollaboratorCreate" title="Colaborador" classIcon="fas fa-plus-circle" type="primary"
+          size="small" eventName="collaboratorCreate" :clicked="create" />
+      </div>
+    </ViewTemplateWithTable>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "CollaboratorListView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Recursos Humanos",
+        title: "Colaborador",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/human-resources/collaborator/get-all",
+        urlDeleteAllApi: "/api/v1/human-resources/collaborator/delete",
+        showChecks: true,
+        headerTable: [
+          {
+            field: "photo",
+            container: "nixloc-photo-collaborator",
+            type: "image",
+            classCssBody: "img-user",
+          },
+          {
+            field: "companyName",
+            title: "Nome",
+            type: "link",
+            routeName: "collaboratorUpdate",
+            iconSearch: true,
+            classCssBody: "center-vertical",
+          },
+          {
+            field: "tradeName",
+            title: "Apelido",
+            type: "text",
+            iconSearch: true,
+            classCssBody: "center-vertical",
+          },
+          {
+            field: "userAttached",
+            title: "Usuário Vinculado",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+          {
+            field: "typeName",
+            title: "Tipo",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+          {
+            field: "statusName",
+            title: "Status",
+            type: "class",
+            fieldComparison: "statusName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center center-vertical badge badge-info",
+                fieldComparison: "Ativo",
+              },
+              {
+                classCss: "text-center center-vertical badge badge-danger",
+                fieldComparison: "Inativo",
+              },
+            ],
+          },
+        ],
+      },
+      actions: [
+        { type: "delete", title: "Remover", description: "Remover", url: "/api/v1/human-resources/collaborator/delete", method: "delete", method: "delete", },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    create() {
+      this.$router.push({
+        name: "collaboratorCreate",
+      });
+      this.removeLoading(["btnCollaboratorCreate"]);
+    },
+  },
+};
+</script>

package/src/views/modules/locacao/InserirLocacaoPadrao.vue

@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <Panel
+      :module="panel.module"
+      :title="panel.title"
+      :showFilter="panel.showFilter"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
+    >
+      <div slot="content-main">
+        <slot name="content-main">
+          <InserirLocacaoPadrao />
+        </slot>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+import Panel from "@/component/layout/Panel";
+import InserirLocacaoPadrao from "../../../components/modules/rental/rental-padrao/InserirLocacaoPadrao.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "InserirLocacaoPadraoView",
+  components: {
+    Panel,
+    InserirLocacaoPadrao,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Rental",
+        title: "Rental",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+      modoInserir: false,
+    };
+  },
+  mounted() {
+    if (!this.id) this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    ...mapMutations("rental", ["reiniciaLocacao"]),
+  },
+  beforeDestroy() {
+    this.reiniciaLocacao();
+  },
+};
+</script>

package/src/views/modules/locacao/InserirLocacaoPdv.vue

@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <Panel
+      :module="panel.module"
+      :title="panel.title"
+      :showFilter="panel.showFilter"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
+    >
+      <div slot="content-main">
+        <slot name="content-main">
+          <div v-show="!modoInserir">
+            <b-row>
+              <b-col class="text-center" sm="12">
+                <div><span class="title">O QUE DESEJA FAZER?</span></div>
+                <br />
+                <Button
+                  chave="inserirLocacaoPdv"
+                  title="Emitir Rental"
+                  classIcon="fas fa-plus-circle"
+                  type="primary"
+                  size="grande"
+                  eventName="inserirLocacaoPdv"
+                  :clicked="inserirLocacaoPdv"
+                />
+                <hr />
+                <Button
+                  chave="inserirLocacaoPdv"
+                  title="Ver Locações"
+                  classIcon="far fa-ellipsis-h"
+                  type="editar"
+                  size="grande"
+                  eventName="inserirLocacaoPdv"
+                  :clicked="inserirLocacaoPdv"
+                />
+              </b-col>
+            </b-row>
+          </div>
+          <div v-show="modoInserir">
+            <InserirLocacaoPdv />
+          </div>
+        </slot>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+import Panel from "@/component/layout/Panel";
+import Button from "@/component/forms/Button";
+import InserirLocacaoPdv from "@/components/modules/rental/rental-pointOfSale/InserirLocacaoPdv";
+
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "InserirLocacaoPdvView",
+  components: {
+    Button,
+    Panel,
+    InserirLocacaoPdv,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "pointOfSale",
+        title: "Rental",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+      modoInserir: false,
+    };
+  },
+  mounted() {
+    if (!this.id) this.removeLoading(["panel"]);
+  },
+
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapState("generic", ["modal"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    ...mapMutations("rental", ["reiniciaLocacao"]),
+    inserirLocacaoPdv() {
+      this.modoInserir = true;
+      this.removeLoading(["inserirLocacaoPdv"]);
+    },
+  },
+  beforeDestroy() {
+    this.reiniciaLocacao();
+  },
+};
+</script>
+<style scoped>
+.title {
+  color: #252422;
+  font-weight: 300;
+  margin: 0;
+  text-align: center;
+  font-size: 20px;
+}
+</style>

package/src/views/modules/locacao/LocacaoPdvFinalizada.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <Panel
+      :module="panel.module"
+      :title="panel.title"
+      :showFilter="panel.showFilter"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
+    >
+      <div slot="content-main">
+        <slot name="content-main">
+          <b-row>
+            <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+              <div class="icone"><i class="fas fa-file-invoice"></i> Documentos</div>
+              <br />
+              <Molded> <ConfigImpressao :locacaoId="id" /> </Molded
+            ></b-col>
+            <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+              <div class="icone"><i class="fas fa-receipt"></i> Recibo</div>
+              <br />
+              <Molded> </Molded></b-col
+          ></b-row>
+          <PDFViewer />
+        </slot>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+import PDFViewer from "../../../component/shared/PDFViewer.vue";
+import Molded from "../../../component/layout/Molded.vue";
+import ConfigImpressao from "../../../components/modules/shared/util/ConfigImpressao.vue";
+import Panel from "@/component/layout/Panel";
+
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "LocacaoPdvFinalizadaView",
+  components: {
+    Panel,
+    ConfigImpressao,
+    Molded,
+    PDFViewer,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "pointOfSale",
+        title: "Rental",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapState("generic", ["modal"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>
+<style scoped>
+.icone {
+  font-size: 20px;
+}
+</style>

package/src/views/modules/maintenance/OrderServiceCreateUpdate.vue

@@ -0,0 +1,48 @@
+<template>
+    <div>
+        <ViewTemplateWithSalveCancel :panel="panel">
+            <div slot="content-main">
+                <OrderServiceCreateUpdate />
+            </div>
+        </ViewTemplateWithSalveCancel>
+    </div>
+</template>
+
+<script>
+
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+
+
+import OrderServiceCreateUpdate from '../../../components/modules/maintenance/order-service/OrderServiceCreateUpdate.vue'
+import DropdownOptionsOs from '../../../components/modules/maintenance/order-service/DropdownOptionsOs.vue'
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+    name: "OrderServiceCreateUpdateView",
+    components: {
+        ViewTemplateWithSalveCancel,
+        OrderServiceCreateUpdate, DropdownOptionsOs
+    },
+    data() {
+        return {
+            id: this.$route.params.id,
+            panel: {
+                module: "Manutenção",
+                title: "Ordem de Serviço",
+                formName: "orderServiceCreateUpdate",
+                showFilter: false,
+                showSearch: false,
+                showButtons: true,
+            },
+        };
+    },
+    computed: {
+        ...mapGetters("generic", ["event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["removeLoading"]),
+
+    },
+};
+</script>