@freteclick/quasar-financial-ui 1.0.85

package/src/components/invoice/receive/details/InvoiceOrders.vue

@@ -0,0 +1,370 @@
+<template>
+  <q-table
+    :loading="isLoading"
+    :data="data"
+    :columns="settings.columns"
+    :pagination.sync="pagination"
+    @request="onRequest"
+    row-key="@id"
+    :visible-columns="settings.visibleColumns"
+    style="min-height: 90vh"
+  >
+    <template v-slot:body="props">
+      <q-tr :props="props">
+        <q-td key="id" :props="props">
+          <q-btn
+            outline
+            dense
+            :to="{ name: 'OrderDetails', params: { id: props.row.id } }"
+            :label="`#${props.row.id}`"
+            :style="{ color: props.row.color_status }"
+            class="full-width"
+          />
+        </q-td>
+        <q-td key="notaFiscal" :props="props">{{ props.row.notaFiscal }}</q-td>
+        <q-td key="dataPedido" :props="props">{{ props.cols[2].value }}</q-td>
+        <q-td key="ultimaModificacao" :props="props">{{
+          props.cols[3].value
+        }}</q-td>
+        <q-td
+          key="status"
+          :props="props"
+          :style="{ color: props.row.color_status }"
+        >
+          {{ $t(`order.statuses.${props.row.status}`) }}
+        </q-td>
+        <q-td key="coleta" :props="props">
+          {{ props.row.localColeta }}<br />{{ props.row.coleta }}
+        </q-td>
+        <q-td key="entrega" :props="props">
+          {{ props.row.localEntrega }}<br />{{ props.row.entrega }}
+        </q-td>
+        <q-td key="transportadora" :props="props">
+          {{ props.row.transportadora }}
+        </q-td>
+        <q-td key="preco" :props="props">{{ props.cols[8].value }}</q-td>
+        <q-td key="precoReal" :props="props">{{ props.cols[9].value }}</q-td>
+        <q-td
+          auto-width
+          v-if="invoice.status === 'pending' || invoice.billet === false"
+          key="removeAction"
+        >
+          <q-btn
+            flat
+            round
+            dense
+            color="red"
+            icon="delete"
+            @click="removeItem(props.row)"
+            :loading="props.row._bussy"
+          />
+        </q-td>
+      </q-tr>
+    </template>
+  </q-table>
+</template>
+
+<script>
+import { mapActions, mapGetters } from "vuex";
+import { date } from "quasar";
+import { formatMoney } from "@freteclick/quasar-common-ui/src/utils/formatter";
+
+const SETTINGS = {
+  visibleColumns: [
+    "id",
+    "notaFiscal",
+    "dataPedido",
+    "ultimaModificacao",
+    "status",
+    "coleta",
+    "entrega",
+    "transportadora",
+    "preco",
+    "precoReal",
+    "removeAction",
+  ],
+  columns: [
+    {
+      name: "id",
+      field: "id",
+      align: "left",
+      label: "ID",
+    },
+    {
+      name: "notaFiscal",
+      field: "notaFiscal",
+      align: "left",
+      label: "Nota Fiscal",
+      format: (val, row) => {
+        return val ? "#" + val : "";
+      },
+    },
+    {
+      name: "dataPedido",
+      field: "dataPedido",
+      align: "left",
+      format: (val, row) => {
+        return val.replace(
+          /^(\d{4})\-(\d{2})\-(\d{2})T\d{2}:\d{2}:\d{2}\+\d{2}:\d{2}$/g,
+          "$3/$2/$1"
+        );
+      },
+      label: "Data do pedido",
+    },
+    {
+      name: "ultimaModificacao",
+      field: "ultimaModificacao",
+      align: "left",
+      format: (val, row) => {
+        return date.formatDate(val, "DD/MM/YYYY HH:mm:ss");
+      },
+      label: "Ultima alteração",
+    },
+    {
+      name: "status",
+      field: "status",
+      align: "left",
+      label: "Status",
+    },
+    {
+      name: "coleta",
+      field: "coleta",
+      align: "left",
+      label: "Coleta",
+    },
+    {
+      name: "localColeta",
+      field: "localColeta",
+      align: "left",
+      label: "Local de coleta",
+    },
+    {
+      name: "entrega",
+      field: "entrega",
+      align: "left",
+      label: "Entrega",
+    },
+    {
+      name: "localEntrega",
+      field: "localEntrega",
+      align: "left",
+      label: "Local de entrega",
+    },
+    {
+      name: "transportadora",
+      field: "transportadora",
+      align: "left",
+      label: "Transportadora",
+    },
+    {
+      name: "preco",
+      field: "preco",
+      align: "left",
+      format: (val, row) => {
+        return formatMoney(val, "BRL", "pt-br");
+      },
+      label: "Preço",
+    },
+    {
+      name: "precoReal",
+      field: "precoReal",
+      align: "left",
+      format: (val, row) => {
+        if (isNaN(val)) {
+          return val;
+        } else {
+          return formatMoney(val, "BRL", "pt-br");
+        }
+      },
+      label: "Preço Real",
+    },
+    { name: "removeAction" },
+  ],
+};
+
+Object.freeze(SETTINGS);
+
+export default {
+  props: {
+    invoiceId: {
+      type: String,
+      required: false,
+      default: null,
+    },
+    invoice: {
+      type: Object,
+      required: true,
+    },
+  },
+
+  created() {
+    if (this.myCompany !== null) {
+      this.filters.company = this.myCompany;
+      this.onRequest({
+        pagination: this.pagination,
+        filter: this.filters,
+      });
+    }
+  },
+
+  beforeDestroy() {
+    this.reset();
+  },
+
+  data() {
+    return {
+      settings: SETTINGS,
+      data: [],
+      filters: {
+        company: null,
+      },
+      pagination: {
+        sortBy: "ultimaModificacao",
+        descending: false,
+        page: 1,
+        rowsPerPage: 10,
+        rowsNumber: 10,
+      },
+    };
+  },
+
+  computed: {
+    ...mapGetters({
+      isLoading: "salesOrder/isLoading",
+      error: "salesOrder/error",
+      violations: "salesOrder/violations",
+      items: "salesOrder/items",
+      totalItems: "salesOrder/totalItems",
+      myCompany: "people/currentCompany",
+    }),
+  },
+
+  watch: {
+    myCompany(company) {
+      if (company !== null) {
+        this.filters.company = company;
+        this.onRequest({
+          pagination: this.pagination,
+          filter: this.filters,
+        });
+      }
+    },
+
+    totalItems(val) {
+      this.pagination.rowsNumber = val;
+    },
+
+    items(items) {
+      if (!items) return;
+
+      let data = [];
+
+      for (let index in items) {
+        let item = items[index];
+
+        data.push({
+          "@id": item["@id"],
+          id: item["@id"].match(/^\/sales\/orders\/([a-z0-9-]*)$/)[1],
+          notaFiscal:
+            item.invoiceTax.length > 0
+              ? "#" + item.invoiceTax[0].invoiceTax.invoiceNumber
+              : "",
+          dataPedido: item.orderDate,
+          ultimaModificacao: item.alterDate,
+          status: item.status.status,
+          color_status: item.status.color,
+          fornecedor: item.client.alias,
+          coleta: item.retrievePeople !== null ? item.retrievePeople.name : "",
+          localColeta:
+            item.quote !== null
+              ? `${item.quote.cityOrigin.city} / ${item.quote.cityOrigin.state.uf}`
+              : "",
+          entrega: item.deliveryPeople !== null ? item.deliveryPeople.name : "",
+          localEntrega:
+            item.quote !== null
+              ? `${item.quote.cityDestination.city} / ${item.quote.cityDestination.state.uf}`
+              : "",
+          transportadora: item.quote !== null ? item.quote.carrier.name : "",
+          preco: item.price,
+          precoReal: this.getRealPrice(item),
+          _bussy: false,
+        });
+      }
+
+      this.data = data;
+    },
+  },
+
+  methods: {
+    ...mapActions({
+      getItems: "salesOrder/getItems",
+      reset: "salesOrder/reset",
+      removeOrder: "receiveInvoice/deleteInvoiceOrder",
+    }),
+    getRealPrice(invoice) {
+      let price = 0;
+      invoice.invoice.forEach((element) => {
+        if (element.invoice.id == this.invoiceId) {
+          price = element.realPrice;
+        }
+      });      
+      return price == invoice.price || price == 0  ? "-----" : price;
+    },
+    removeItem(item) {
+      if (window.confirm("Tem certeza que deseja eliminar este registro?")) {
+        item._bussy = true;
+
+        this.removeOrder({
+          invoiceId: this.invoice["@id"],
+          orderId: item.id,
+          params: {
+            myCompany: this.myCompany.id,
+          },
+        })
+          .then((result) => {
+            this.onRequest({
+              pagination: this.pagination,
+              filter: this.filters,
+            });
+          })
+          .catch((error) => {
+            this.$q.notify({
+              message: error.message,
+              position: "bottom",
+              type: "negative",
+            });
+          })
+          .finally(() => {
+            item._bussy = false;
+          });
+      }
+    },
+
+    onRequest(props) {
+      if (this.isLoading) return;
+
+      let { page, rowsPerPage, rowsNumber, sortBy, descending } =
+        props.pagination;
+      let filter = props.filter;
+      let params = { itemsPerPage: rowsPerPage, page };
+
+      if (this.filters.company != null) {
+        params["myCompany"] = this.filters.company.id;
+      }
+
+      if (this.invoiceId !== null) {
+        params["invoice.invoice"] = this.invoiceId;
+      }
+
+      params["order[alterDate]"] = "desc";
+
+      this.getItems(params).then(() => {
+        this.pagination.page = page;
+        this.pagination.rowsPerPage = rowsPerPage;
+        this.pagination.sortBy = sortBy;
+        this.pagination.descending = descending;
+      });
+    },
+  },
+};
+</script>

package/src/i18n/en-us/index.js

@@ -0,0 +1,8 @@
+// This is just an example,
+// so you can safely delete all default props below
+
+export default {
+  contracts: {
+
+  }
+}

package/src/i18n/index.js

@@ -0,0 +1,5 @@
+import ptBR from './pt-br'
+
+export default {
+  'pt-br': ptBR
+}

package/src/i18n/pt-br/index.js

@@ -0,0 +1,30 @@
+// This is just an example,
+// so you can safely delete all default props below
+
+export const translate = {
+  purchase: 'Compra',
+  sale: 'Venda',
+  comission: 'Comissão',
+  royalties: 'Royalties',
+  finance: {
+    orders: 'Pedidos',
+    order: 'Pedido',
+    description: 'Descrição'
+  },
+  invoice: {
+    statuses: {
+      'waiting payment': 'Aguardando pagamento',
+      'paid': 'Pago',
+      'divergence of values': 'Divergência de valores',
+      'canceled': 'Cancelado',
+      'outdated billing': 'Fatura em atraso',
+      'open': 'Aberto',
+      'exceeded billing': 'Limite de faturamento excedido',
+      'waiting billing': 'Aguardando fatura',
+      'waiting generate invoice': 'Gerando NF',
+      'waiting for discount': 'Aguardando desconto',
+      'resolved': 'Resolvido'
+    },
+  },
+
+}

package/src/pages/Invoice/Client/Details.vue

@@ -0,0 +1,23 @@
+<template>
+  <q-page padding>
+    <ClientInvoiceDetails />
+  </q-page>
+</template>
+
+<script>
+import ClientInvoiceDetails from '../../../components/invoice/client/ClientInvoiceDetails';
+
+export default {
+  name      : 'ClientInvoiceDetailsPage',
+
+  components: {
+    ClientInvoiceDetails,
+  },
+
+  data () {
+    return {
+
+    }
+  }
+}
+</script>

package/src/pages/Invoice/Client/Index.vue

@@ -0,0 +1,27 @@
+<template>
+  <q-page padding>
+    <div class="row">
+      <div class="col-12">
+        <InvoiceSearching />
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script>
+import InvoiceSearching from '../../../components/invoice/client/InvoiceSearching';
+
+export default {
+  name      : 'ClientInvoiceIndexPage',
+
+  components: {
+    InvoiceSearching,
+  },
+
+  data () {
+    return {
+
+    }
+  }
+}
+</script>

package/src/pages/Invoice/Pay/Details.vue

@@ -0,0 +1,23 @@
+<template>
+  <q-page padding>
+    <InvoiceDetails />
+  </q-page>
+</template>
+
+<script>
+import InvoiceDetails from '../../../components/invoice/pay/InvoiceDetails.vue';
+
+export default {
+  name      : 'InvoiceDetailsPage',
+
+  components: {
+    InvoiceDetails,
+  },
+
+  data () {
+    return {
+
+    }
+  }
+}
+</script>

package/src/pages/Invoice/Pay/Index.vue

@@ -0,0 +1,53 @@
+<template>
+  <q-page padding>
+    <q-card style="min-height: 90vh;" :bordered="false" :flat="true">
+      <q-card-section class="text-h6">
+        {{ $t('Contas a pagar') }}
+      </q-card-section>
+      <div class="row">
+        <div class="col-12">
+          <q-tabs :horizontal="$q.screen.gt.xs" align="justify" v-model="currentTab" class="bg-white text-primary">
+            <q-tab name="expenses" :label="$t('Despesas')" />
+            <q-tab name="categories" :label="$t('Categorias')" />
+          </q-tabs>
+
+          <q-separator />
+
+          <q-tab-panels v-model="currentTab">
+            <q-tab-panel name="expenses" class="q-px-none">
+              <InvoiceSearching />
+            </q-tab-panel>
+
+            <q-tab-panel name="categories" class="q-px-none">
+              <TableCategories :context="'expense'" :api="api" />
+            </q-tab-panel>
+          </q-tab-panels>
+        </div>
+      </div>
+    </q-card>
+  </q-page>
+</template>
+
+<script>
+import Api from '@freteclick/quasar-common-ui/src/utils/api';
+import InvoiceSearching from '../../../components/invoice/pay/InvoiceSearching.vue';
+import TableCategories from '@freteclick/quasar-common-ui/src/components/categories/Table.vue';
+
+export default {
+  components: {
+    TableCategories,
+    InvoiceSearching,
+  },
+
+  data() {
+    return {
+      currentTab: 'expenses',
+      api: new Api(this.$store.getters['auth/user'].token)
+    }
+  },
+
+  created() {
+    
+  },
+}
+</script>

package/src/pages/Invoice/Receive/Details.vue

@@ -0,0 +1,23 @@
+<template>
+  <q-page padding>
+    <InvoiceDetails />
+  </q-page>
+</template>
+
+<script>
+import InvoiceDetails from '../../../components/invoice/receive/InvoiceDetails.vue';
+
+export default {
+  name      : 'InvoiceDetailsPage',
+
+  components: {
+    InvoiceDetails,
+  },
+
+  data () {
+    return {
+
+    }
+  }
+}
+</script>

package/src/pages/Invoice/Receive/Index.vue

@@ -0,0 +1,27 @@
+<template>
+  <q-page padding>
+    <div class="row">
+      <div class="col-12">
+        <InvoiceSearching />
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script>
+import InvoiceSearching from '../../../components/invoice/receive/InvoiceSearching.vue';
+
+export default {
+  name      : 'InvoiceIndexPage',
+
+  components: {
+    InvoiceSearching,
+  },
+
+  data () {
+    return {
+
+    }
+  }
+}
+</script>

package/src/router/routes.js

@@ -0,0 +1,32 @@
+
+export const routes = [
+    {
+      path     : '/finance/',
+      component: () => import('../../../../../src/layouts/AdminLayout.vue'),
+      children : [
+        { name: 'ClientInvoiceIndex', path: 'client', component: () => import('../pages/Invoice/Client/Index.vue') },
+        { name: 'ClientInvoiceDetails', path: 'client/id/:id', component: () => import('../pages/Invoice/Client/Details.vue') },
+  
+        { 
+            name: 'FinancePayIndex', 
+            path: 'pay', 
+            component: () => import('../pages/Invoice/Pay/Index.vue')
+        },
+        { 
+            name: 'PayDetails', 
+            path: 'pay/id/:id', 
+            component: () => import('../pages/Invoice/Pay/Details.vue') 
+        },
+        { 
+            name: 'FinanceReceiveIndex', 
+            path: 'receive', 
+            component: () => import('../pages/Invoice/Receive/Index.vue')
+        },
+        { 
+            name: 'ReceiveDetails', 
+            path: 'receive/id/:id', 
+            component: () => import('../pages/Invoice/Receive/Details.vue')
+        },
+      ]
+    },
+];

package/src/store/modules/invoice/comission/actions.js

@@ -0,0 +1,66 @@
+import SubmissionError from '@freteclick/quasar-common-ui/src/error/SubmissionError';
+import { fetch }       from '../../../../../../../../src/boot/myapi';
+import * as types      from './mutation_types';
+
+const RESOURCE_ENDPOINT = '/finance/comission';
+
+export const getItems = ({ commit }, params = {}) => {
+  commit(types.SET_ISLOADING);
+
+  return fetch(RESOURCE_ENDPOINT, { params })
+    .then(response => response.json())
+    .then(data => {
+      commit(types.SET_ISLOADING , false);
+
+      commit(types.SET_ITEMS     , data['hydra:member']);
+      commit(types.SET_VIEW      , data['hydra:view']);
+      commit(types.SET_TOTALITEMS, data['hydra:totalItems']);
+
+      return data['hydra:member'];
+
+    }).catch(e => {
+      commit(types.SET_ISLOADING, false);
+
+      if (e instanceof SubmissionError) {
+        commit(types.SET_VIOLATIONS, e.errors);
+        // eslint-disable-next-line
+        commit(types.SET_ERROR, e.errors._error);
+        return;
+      }
+
+      commit(types.SET_ERROR, e.message);
+    });
+};
+
+export const reset = ({ commit }) => {
+  commit(types.RESET);
+};
+
+export const getStatuses = ({ commit }, params = {}) => {
+  return fetch('/statuses', { params })
+    .then(response => response.json())
+    .then(data => {
+
+      return data['hydra:member'];
+
+    }).catch(e => {
+      if (e instanceof SubmissionError) {
+        commit(types.SET_VIOLATIONS, e.errors);
+        // eslint-disable-next-line
+        commit(types.SET_ERROR, e.errors._error);
+        return;
+      }
+
+      commit(types.SET_ERROR, e.message);
+    });
+};
+
+export const getInvoice = ({ commit }, { invoiceId, params }) => {
+  return fetch(`/finance/comission/${invoiceId}`, { params })
+    .then(response => response.json())
+    .then(data => {
+
+      return data;
+
+    });
+};