@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/views/modules/dashboard/_Dashboard.vue

@@ -0,0 +1,257 @@
+<template>
+  <div>
+    <Panel module="Dashboard" :showFilter="false" :showSearch="false" :showButtons="false">
+      <div slot="content-main">
+        <Warning :companyId="userLogged.companyId" />
+        <div v-if="userLogged.user.userName == 'UserTemp'">
+          <br>
+          <Alert type="warning">
+            <span>
+              Você está <b> temporariamente </b> logado, e algumas funções podem não estar disponíveis!
+            </span>
+          </Alert>
+        </div>
+        <div v-else>
+          <div class="container-loading">
+            <div v-if="loading" class="div-loading">
+              <br />
+              <Loading type="line" :center="false" v-show="loading" />
+            </div>
+          </div>
+          <div v-for="item in items" :key="item.title" v-show="!loading">
+            <div>
+              <Favorite v-if="item.title == 'Favorito' && item.isShow" />
+              <div class="div-task-dashboard" v-if="item.title == 'Tarefa' && item.isShow">
+                <PanelTask />
+              </div>
+            </div>
+            <div v-if="item.title == 'Filtro' && item.isShow">
+              <SelectFilter />
+            </div>
+            <PanelOperational v-if="hasRule('Operational') && isPermission('Operational') &&
+      item.title == 'Operacional' &&
+      item.isShow
+      " />
+            <PanelInvoice v-if="hasRule('Billing') && isPermission('Billing') && item.title == 'Faturamento' && item.isShow
+      " />
+            <div class="panel-rent"
+              v-if="hasRule('Rental') && isPermission('Rental') && item.title == 'Locação' && item.isShow">
+              <PanelRent />
+            </div>
+            <PanelBillet v-if="hasRule('Billet') && isPermission('Billet') &&
+      item.title == 'Boleto Bancário' &&
+      item.isShow
+      " />
+            <PanelSignature v-if="hasRule('Signature') && isPermission('Signature') &&
+      item.title == 'Assinatura Digital' &&
+      item.isShow
+      " />
+            <PanelFinance v-if="hasRule('Finance') && isPermission('Finance') &&
+      item.title == 'Financeiro' &&
+      item.isShow
+      " />
+          </div>
+        </div>
+      </div>
+    </Panel>
+    <Modal :title="comunication.title" :width="800" :height="750" v-if="showModal('comunication')">
+      <Comunication :comunication="comunication" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import ButtonFilter from "@nixweb/nixloc-ui/src/component/forms/ButtonFilter";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Favorite from "../../../components/modules/dashboard/favorite/_Favorite.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import PanelRent from "../../../components/modules/dashboard/rent/PanelRent.vue";
+import PanelInvoice from "../../../components/modules/dashboard/billing/PanelInvoice.vue";
+import PanelOperational from "../../../components/modules/dashboard/operational/PanelOperational.vue";
+import PanelTask from "../../../components/modules/dashboard/task/PanelTask.vue";
+import PanelBillet from "../../../components/modules/dashboard/billing/PanelBillet.vue";
+import PanelSignature from '../../../components/modules/dashboard/signature/PanelSignature.vue'
+import PanelFinance from "../../../components/modules/dashboard/finance/PanelFinance.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import SelectFilter from "../../../components/modules/dashboard/shared/SelectFilter.vue";
+import Comunication from "../../../components/modules/notifications/Comunication.vue";
+import Warning from "@nixweb/nixloc-ui/src/component/signature/Warning.vue";
+
+import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "Dashboard",
+  components: {
+    Panel,
+    ButtonFilter,
+    PanelOperational,
+    Favorite,
+    PanelRent,
+    PanelFinance,
+    PanelTask,
+    PanelInvoice,
+    PanelBillet,
+    SelectFilter,
+    Loading,
+    Modal,
+    Comunication,
+    Alert, PanelSignature, Warning
+  },
+  data() {
+    return {
+      urlGetById: "/api/v1/adm/user/get-by-id",
+      items: [
+        {
+          title: "Favorito",
+          icon: "fa-solid fa-star",
+          module: "all",
+          isShow: true,
+        },
+        {
+          title: "Tarefa",
+          icon: "fa-solid fa-check-double",
+          module: "all",
+          isShow: true,
+        },
+        {
+          title: "Filtro",
+          icon: "fa-solid fa-check-double",
+          module: "all",
+          isShow: true,
+        },
+        {
+          title: "Operacional",
+          icon: "fa-light fa-truck-loading",
+          module: "Operational",
+          isShow: true,
+        },
+        {
+          title: "Faturamento",
+          icon: "fa-light fa-file-invoice",
+          module: "Billing",
+          isShow: true,
+        },
+        {
+          title: "Locação",
+          icon: "fa-sharp fa-light fa-right-left",
+          module: "Rental",
+          isShow: true,
+        },
+        {
+          title: "Boleto Bancário",
+          icon: "fa-light fa-barcode",
+          module: "Billet",
+          isShow: true,
+        },
+        {
+          title: "Assinatura Digital",
+          icon: "fa-solid fa-signature",
+          module: "Signature",
+          isShow: true,
+        },
+      ],
+      loading: false,
+      comunication: {},
+    };
+  },
+  mounted() {
+    this.getById();
+    this.getComunication();
+    this.removeLoading(["panel"]);
+  },
+  computed: {
+    ...mapGetters("user", ["hasRule", "hasPermission"]),
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("generic", ["event", "showModal"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    getById() {
+      this.loading = true;
+      let params = {
+        url: this.urlGetById,
+        obj: { userId: this.userLogged.user.id },
+      };
+      this.getApi(params).then((response) => {
+        let self = this;
+        if (response.content.dashboard != null) {
+          setTimeout(function () {
+            var ret = JSON.parse(response.content.dashboard);
+            if (ret.order) self.items = ret.order;
+            self.loading = false;
+            self.addEvent({
+              name: "filterInitialDashboard",
+              data: ret.filter,
+            });
+          }, 300);
+        }
+        setTimeout(function () {
+          self.loading = false;
+        }, 300);
+      });
+    },
+    getComunication() {
+      var environment =
+        process.env.VUE_APP_API_URL ==
+          "https://backend-cliente-prod.azurewebsites.net/"
+          ? "prod"
+          : "dev";
+      var BASE_URL =
+        environment == "prod"
+          ? "https://backend-adm-prod.azurewebsites.net/"
+          : "https://backend-adm-dev.azurewebsites.net/";
+
+      let url = `${BASE_URL}api/v1/support/comunication/get`;
+      this.$http.get(url).then((response) => {
+        this.comunication = response.data.content;
+        let self = this;
+        setTimeout(function () {
+          if (self.comunication.show && self.userLogged.user.showComunication) {
+            self.openModal("comunication");
+          }
+        }, 1000);
+      });
+    },
+    isPermission(rule) {
+      let hasPermission = this.hasPermission(rule);
+      if (hasPermission) {
+        if (hasPermission.includes("dashboard")) {
+          return true;
+        }
+        return false;
+      }
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updateDashboard") this.getById();
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.container-loading {
+  margin-top: 35px;
+}
+
+
+.panel-rent {
+  margin-left: 25px;
+}
+
+.div-task-dashboard {
+  margin-top: 20px;
+}
+
+.div-loading {
+  margin-bottom: 30px;
+}
+</style>

package/src/views/modules/faturamento/AFaturar.vue

@@ -0,0 +1,189 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :botaoExcluir="false">
+      <div slot="content-buttons">
+        <Button
+          chave="historicoFaturamento"
+          title="Histórico"
+          type="editar"
+          size="small"
+          :clicked="historicoFaturamento"
+        />
+      </div>
+      <div slot="content-filtro-horizontal">
+        <span>
+          <b-row>
+            <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+              <Select
+                title="Samáforo"
+                campoAlvo="semaforoId"
+                url="/api/v1/invoicing/semaforo/escolher"
+              />
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+              <DateTime
+                title="Período"
+                campoAlvo="periodo"
+                format="DD/MM/YYYY"
+                type="date"
+                :range="true"
+                :confirm="true"
+                confirmText="Filtrar"
+                placeholder
+              /> </b-col></b-row
+        ></span>
+      </div>
+      <div slot="content-buttons-tabela-cabecalho">
+        <Button
+          chave="gerarFaturamento"
+          :title="`Faturar  ${selecionados.length}`"
+          type="success"
+          size="medium"
+          eventName="gerarFaturamento"
+          :clicked="gerarFaturamento"
+        />
+      </div>
+      <div slot="content-filtro"></div>
+    </ViewTemplateWithTable>
+    <Modal
+      title="Opções"
+      :width="700"
+      :height="400"
+      v-show="showModal('gerarFaturamento')"
+    >
+      <ConfigFaturamento :selecionados="selecionados" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import Modal from "@/component/forms/Modal";
+
+// não tirar o .vue do component abaixo, pois causa duplicidade com a class
+import ConfigFaturamento from "@/components/modules/invoicing/a-faturar/ConfigFaturamento.vue";
+
+import DateTime from "@/component/forms/DateTime";
+import Select from "@/component/forms/Select";
+import Button from "@/component/forms/Button";
+import ViewTemplateWithTable from "@/component/template/ViewTemplateWithTable";
+
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "AFaturarView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+    Select,
+    DateTime,
+    ConfigFaturamento,
+    Modal,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Invoicing",
+        title: "A Faturar",
+        showFilter: false,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetAllApi: "api/v1/invoicing/a-faturar/get-all",
+        headerTable: [
+          {
+            field: "locacaoNumero",
+            title: "Número",
+            type: "texto",
+            classCssBody: "tabela-numero",
+            iconSearch: true,
+          },
+          {
+            field: "identification",
+            title: "Identificação",
+            type: "texto",
+            iconSearch: true,
+            classCssBody: "tabela-principal",
+          },
+          {
+            field: "cliente",
+            title: "Cliente",
+            type: "texto",
+            iconSearch: true,
+          },
+          {
+            field: "dataInicio",
+            title: "Início",
+            type: "data",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "dataFim",
+            title: "Fim",
+            type: "data",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "diasInicioLocacao",
+            title: "Dias (Pós)",
+            type: "texto",
+            classCssTitle: "text-center",
+            classCssBody: "tabela-numero text-center",
+          },
+          {
+            field: "valor",
+            title: "Valor",
+            type: "valor",
+            classCssTitle: "text-center",
+            classCssBody: "tabela-valor text-center",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapState("generic", ["selecionados"]),
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    inserirOrdemServico() {
+      let self = this;
+      setTimeout(function () {
+        self.$router.push({ name: "inserirOrdemServico" });
+        self.removeLoading(["inserirOrdemServico"]);
+      }, 300);
+    },
+    gerarFaturamento() {
+      this.openModal("gerarFaturamento");
+      this.removeLoading(["gerarFaturamento"]);
+    },
+    historicoFaturamento() {
+      let self = this;
+      setTimeout(function () {
+        self.$router.push({ name: "historicoAFaturar" });
+        self.removeLoading(["historicoFaturamento"]);
+      }, 300);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "editarOrdemServico") {
+          let self = this;
+          setTimeout(function () {
+            self.$router.push({
+              name: "editarOrdemServico",
+              params: { id: event.data.id },
+            });
+            self.removeLoading([event.data.id]);
+          }, 300);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/faturamento/HistoricoAFaturar.vue

@@ -0,0 +1,167 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :botaoExcluir="false">
+      <div slot="content-buttons"></div>
+      <div slot="content-filtro-horizontal">
+        <span>
+          <!--  <b-row>
+            <b-col sm="4">
+              <DateTime
+                title="Período"
+                campoAlvo="periodo"
+                format="DD/MM/YYYY"
+                type="date"
+                :range="true"
+                :confirm="true"
+                confirmText="Filtrar"
+                placeholder
+              /> </b-col></b-row
+        >--></span
+        >
+      </div>
+      <div slot="content-buttons-tabela-cabecalho">
+        <Button
+          chave="enviarEmail"
+          :title="`Enviar por E-mail  ${selecionados.length}`"
+          type="primary"
+          size="medium"
+          eventName="enviarEmail"
+          :clicked="enviarEmail"
+        />
+        <Button
+          chave="gerarZip"
+          :title="`Zipar  ${selecionados.length}`"
+          type="primary"
+          size="medium"
+          eventName="gerarZip"
+          :clicked="gerarZip"
+        />
+      </div>
+      <div slot="content-filtro"></div>
+    </ViewTemplateWithTable>
+  </div>
+</template>
+
+<script>
+import Button from "../../../component/forms/Button";
+import DateTime from "@/component/forms/DateTime";
+import ViewTemplateWithTable from "@/component/template/ViewTemplateWithTable";
+
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "HistoricoAFaturarView",
+  components: {
+    ViewTemplateWithTable,
+    DateTime,
+    Button,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Invoicing",
+        title: "Histórico de Invoicing",
+        showFilter: false,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetAllApi: "/api/v1/invoicing/historico-a-faturar/get-all",
+        showChecks: false,
+        headerTable: [
+          {
+            field: "dataCadastro",
+            title: "Faturado em",
+            type: "data",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "destinatario",
+            title: "Destinatário",
+            type: "texto",
+            iconSearch: true,
+          },
+          {
+            field: "locacaoVinculada",
+            title: "Rental",
+            type: "texto",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "ocorrencia",
+            title: "Ocorrência",
+            type: "texto",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "valor",
+            title: "Valor",
+            type: "valor",
+            classCssTitle: "text-center",
+            classCssBody: "tabela-valor text-center",
+          },
+          {
+            field: "faturaId",
+            title: "Fatura",
+            type: "telerik",
+            pdf: {
+              url: "v1/telerik-report/solicitar-pdf",
+              nomeRelatorio: "Fatura",
+            },
+            icone: "fas fa-file-invoice-dollar",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "boletoIdIntegracao",
+            title: "Boleto",
+            type: "pdf",
+            pdf: { url: "v1/boleto-bancario/solicitar-pdf" },
+            icone: "fas fa-barcode",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapState("generic", ["selecionados"]),
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    inserirOrdemServico() {
+      let self = this;
+      setTimeout(function () {
+        self.$router.push({ name: "inserirOrdemServico" });
+        self.removeLoading(["inserirOrdemServico"]);
+      }, 300);
+    },
+    gerarFaturamento() {
+      this.openModal("gerarFaturamento");
+      this.removeLoading(["gerarFaturamento"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "editarOrdemServico") {
+          let self = this;
+          setTimeout(function () {
+            self.$router.push({
+              name: "editarOrdemServico",
+              params: { id: event.data.id },
+            });
+            self.removeLoading([event.data.id]);
+          }, 300);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/faturamento/ListaConfigAFaturar.vue

@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <Panel
+      module="Invoicing"
+      title="A Faturar"
+      :mostrarFiltroVertical="false"
+      :showSearch="false"
+      :showButtons="false"
+    >
+      <div slot="content-main">
+        <div class="lista-config">
+          <ListaConfigAFaturar :listaConfigAFaturar="listaConfigAFaturar" />
+        </div>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+import Panel from "@/component/layout/Panel";
+import ListaConfigAFaturar from "@/components/modules/invoicing/a-faturar/ListaConfigAFaturar";
+
+import { mapState, mapMutations } from "vuex";
+
+export default {
+  name: "ListaConfigAFaturarView",
+  components: { Panel, ListaConfigAFaturar },
+  data() {
+    return {};
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  computed: {
+    ...mapState("invoicing", ["listaConfigAFaturar"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>
+<style scoped>
+.lista-config {
+  max-width: 1200px;
+  margin: auto;
+}
+</style>