@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/views/modules/rental/ReportRentByProduct.vue

@@ -1,323 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateReportPreview :panel="panel" :templateList="templateList" :templateReport="templateReport" />
-  </div>
-</template>
-
-<script>
-import ViewTemplateReportPreview from "@nixweb/nixloc-ui/src/component/template/ViewTemplateReportPreview.vue";
-
-export default {
-  name: "ReportRentByPeriodRentView",
-  components: {
-    ViewTemplateReportPreview,
-  },
-  data() {
-    return {
-      panel: {
-        module: "Locação",
-        title: "Locação por Produto",
-        showFilter: false,
-        showSearch: false,
-        showButtons: false,
-      },
-      templateList: {
-        urlGetApi: "/odata/RentByProductOData",
-        showChecks: false,
-      },
-      templateReport: {
-        fields: [
-          {
-            field: "dateAccepted",
-            title: "Dt Efetivação",
-            type: "date",
-            selected: false,
-            requiredOData: false,
-          },
-          {
-            field: "dateStart",
-            title: "Dt Início",
-            type: "date",
-            orderBy: "asc",
-            selected: true,
-            requiredOData: false,
-          },
-          {
-            field: "dateEnd",
-            title: "Dt Fim",
-            type: "date",
-            selected: true,
-            requiredOData: false,
-          },
-          {
-            field: "number",
-            title: "Número",
-            type: "text",
-            selected: true,
-            requiredOData: false,
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "identification",
-            title: "Identificação",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-          },
-          {
-            field: "productName",
-            title: "Produto",
-            type: "text",
-            selected: true,
-            requiredOData: false,
-          },
-          {
-            field: "collaboratorName",
-            title: "Consultor",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "companyName",
-            title: "Razão Social/Nome",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "width:250px;",
-            styleBody: "max-width: 250px; white-space: nowrap;",
-          },
-          {
-            field: "tradeName",
-            title: "Fantasia/Apelido",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "contactName",
-            title: "Contato",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "width:120px;",
-            styleBody: "max-width: 120px; white-space: nowrap;",
-          },
-          {
-            field: "statusRentalName",
-            title: "St Locação",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            fieldComparison: "statusRentalName",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-            styleHeader: "width:130px;",
-            styleBody: "max-width: 130px; white-space: nowrap;",
-          },
-          {
-            field: "quantity",
-            title: "Quantidade",
-            type: "text",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-            selected: true,
-            requiredOData: false,
-          },
-          {
-            field: "unitValue",
-            title: "V.Unitário",
-            type: "currency",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "max-width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "unitDiscount",
-            title: "V.Desconto",
-            type: "currency",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "max-width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "unitCost",
-            title: "V.Custo",
-            type: "currency",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "max-width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "total",
-            title: "Total",
-            type: "currency",
-            selected: true,
-            requiredOData: false,
-            styleHeader: "max-width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-        ],
-        rules: [
-          {
-            name: "dateStart&dateEnd",
-            title: "Período",
-            icon: "fas fa-database",
-            typeField: "dateTime",
-            type: "field",
-            props: {
-              format: "DD/MM/YYYY",
-              type: "date",
-              range: true,
-              filterByField: [
-                { text: "Início", value: "dateStart&dateStart" },
-                { text: "Fim", value: "dateEnd&dateEnd" },
-                { text: "Início e Fim", value: "dateStart&dateEnd" },
-                { text: "Data de Efetivação", value: "dateAccepted" },
-              ],
-            },
-            notDuplicate: true,
-            isRequired: true,
-          },
-          {
-            name: "number",
-            title: "Número",
-            icon: "fas fa-database",
-            typeField: "numeric",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "identification",
-            title: "Identificação",
-            icon: "fas fa-database",
-            typeField: "text",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "collaboratorId",
-            title: "Consultor",
-            icon: "fas fa-database",
-            typeField: "select",
-            type: "field",
-            props: {
-              url: "/api/v1/human-resources/collaborator/select-all",
-            },
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "customerSupplierId",
-            title: "Cliente",
-            icon: "fas fa-database",
-            typeField: "select",
-            type: "field",
-            props: {
-              url: "/api/v1/crm/customer/select-all",
-            },
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "typeProduct",
-            title: "Tipo",
-            icon: "fas fa-database",
-            typeField: "checkbox",
-            type: "field",
-            options: [
-              { title: "Equipamento", value: 1 },
-              { title: "Acessório", value: 2 },
-              { title: "Material", value: 5 },
-              { title: "Serviço", value: 3 },
-            ],
-            notDuplicate: true,
-            isRequired: false,
-          },
-          {
-            name: "productName",
-            title: "Produto",
-            icon: "fas fa-database",
-            typeField: "text",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "statusRental",
-            title: "Status Locação",
-            icon: "fas fa-database",
-            typeField: "checkbox",
-            type: "field",
-            options: [
-              { title: "Orçamento", value: 1 },
-              { title: "Aprovada", value: 2 },
-              { title: "Reprovada", value: 3 },
-            ],
-            notDuplicate: true,
-            isRequired: false,
-          },
-          {
-            name: "quantity",
-            title: "Quantidade",
-            icon: "fas fa-database",
-            typeField: "numeric",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "total",
-            title: "Total",
-            icon: "fas fa-database",
-            typeField: "numeric",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "total",
-            title: "Totalização",
-            icon: "fas fa-sigma",
-            typeField: "checkbox",
-            classCss: "primary",
-            type: "totalization",
-            options: [
-              {
-                title: "Quantidade",
-                value: "sum_Quantity",
-                aggregate: {
-                  title: "Quantidade",
-                  value: "sumQuantity",
-                  type: "numeric",
-                },
-              },
-              {
-                title: "Total Valor",
-                value: "sum_Total",
-                aggregate: {
-                  title: "Total Valor",
-                  value: "sumTotal",
-                  type: "currency",
-                },
-              },
-            ],
-            notDuplicate: true,
-            isRequired: false,
-          },
-        ],
-      },
-    };
-  },
-};
-</script>

package/src/views/modules/rental/ReportRentPerformance.vue

@@ -1,346 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateReportPreview :panel="panel" :templateList="templateList" :templateReport="templateReport" />
-
-    <Modal title="Despesa" :width="1100" :height="550" v-if="showModal('expense')">
-      <Loading :center="false" v-show="loading" />
-      <Report v-show="!loading" :titleHeader="subReport.title" :minHeight="500" :header="subReport.fields"
-        :data="subReport.data" :totalizationCustom="subReport.totalization" />
-    </Modal>
-  </div>
-</template>
-
-<script>
-import ViewTemplateReportPreview from "@nixweb/nixloc-ui/src/component/template/ViewTemplateReportPreview.vue";
-import Report from "@nixweb/nixloc-ui/src/component/shared/Report.vue";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import { mapGetters, mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "ReportProductView",
-  components: {
-    ViewTemplateReportPreview, Modal, Report, Loading
-  },
-  data() {
-    return {
-      panel: {
-        module: "Locação",
-        title: "Receita x Despesa de Locação",
-        showFilter: false,
-        showSearch: false,
-        showButtons: false,
-      },
-      templateList: {
-        urlGetApi: "/odata/RentPerformanceReportOData",
-        urlGetSubReportApi: "/api/v1/finance/relationship-rent/report-by-rent",
-        showChecks: false,
-      },
-      templateReport: {
-        fields: [
-          {
-            field: "registeredDate",
-            title: "Dt Cadastro",
-            type: "date",
-            orderBy: "asc",
-            selected: true,
-            requiredOData: false,
-          },
-          {
-            field: "dateAccepted",
-            title: "Dt Efetivação",
-            type: "date",
-            selected: false,
-            requiredOData: false,
-          },
-          {
-            field: "typeName",
-            title: "Tipo",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-          },
-          {
-            field: "number",
-            title: "Número",
-            type: "text",
-            selected: true,
-            requiredOData: true,
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "identification",
-            title: "Identificação",
-            type: "text",
-            selected: true,
-            requiredOData: false,
-          },
-          {
-            field: "collaboratorName",
-            title: "Consultor",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "companyName",
-            title: "Razão Social/Nome",
-            type: "text",
-            selected: true,
-            requiredOData: false,
-            styleHeader: "width:250px;",
-            styleBody: "max-width: 250px; white-space: nowrap;",
-          },
-          {
-            field: "tradeName",
-            title: "Fantasia/Apelido",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "contactName",
-            title: "Contato",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            styleHeader: "width:120px;",
-            styleBody: "max-width: 120px; white-space: nowrap;",
-          },
-          {
-            field: "statusRentalName",
-            title: "St Locação",
-            type: "text",
-            selected: false,
-            requiredOData: false,
-            fieldComparison: "statusRentalName",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-            styleHeader: "width:130px;",
-            styleBody: "max-width: 130px; white-space: nowrap;",
-          },
-          {
-            field: "revenue",
-            title: "Receita",
-            type: "currency",
-            selected: true,
-            requiredOData: false,
-            styleHeader: "max-width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "expense",
-            title: "Despesa",
-            type: "currency",
-            eventName: "expense",
-            selected: true,
-            requiredOData: false,
-            styleHeader: "max-width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;cursor:pointer;text-decoration: underline;",
-          },
-          {
-            field: "margin",
-            title: "Margem R$",
-            type: "currency",
-            selected: true,
-            requiredOData: false,
-            styleHeader: "max-width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-          {
-            field: "percentage",
-            title: "Margem %",
-            type: "text",
-            selected: true,
-            requiredOData: false,
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-            styleHeader: "max-width:150px;",
-            styleBody: "max-width: 150px; white-space: nowrap;",
-          },
-        ],
-        rules: [
-          {
-            name: "registeredDate",
-            title: "Período",
-            icon: "fas fa-database",
-            typeField: "dateTime",
-            type: "field",
-            props: {
-              format: "DD/MM/YYYY",
-              type: "date",
-              range: true,
-              filterByField: [
-                { text: "Data de Cadastro", value: "registeredDate" },
-                { text: "Data de Efetivação", value: "dateAccepted" },
-              ],
-            },
-            notDuplicate: true,
-            isRequired: true,
-          },
-          {
-            name: "number",
-            title: "Número",
-            icon: "fas fa-database",
-            typeField: "numeric",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "identification",
-            title: "Identificação",
-            icon: "fas fa-database",
-            typeField: "text",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "collaboratorId",
-            title: "Consultor",
-            icon: "fas fa-database",
-            typeField: "select",
-            type: "field",
-            props: {
-              url: "/api/v1/human-resources/collaborator/select-all",
-            },
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "customerSupplierId",
-            title: "Cliente",
-            icon: "fas fa-database",
-            typeField: "select",
-            type: "field",
-            props: {
-              url: "/api/v1/crm/customer/select-all",
-            },
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "revenue",
-            title: "Receita",
-            icon: "fas fa-database",
-            typeField: "numeric",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: "expense",
-            title: "Despesa",
-            icon: "fas fa-database",
-            typeField: "numeric",
-            type: "field",
-            notDuplicate: false,
-            isRequired: false,
-          },
-          {
-            name: ["revenue", "expense"],
-            title: "Totalização",
-            icon: "fas fa-sigma",
-            typeField: "checkbox",
-            classCss: "primary",
-            type: "totalization",
-            options: [
-              {
-                title: "Total Receita",
-                value: "sum_Revenue",
-                aggregate: {
-                  title: "Total Receita",
-                  value: "sumRevenue",
-                  type: "currency",
-                },
-              },
-              {
-                title: "Total Despesa",
-                value: "sum_Expense",
-                aggregate: {
-                  title: "Total Despesa",
-                  value: "sumExpense",
-                  type: "currency",
-                },
-              },
-            ],
-            notDuplicate: true,
-            isRequired: false,
-          },
-        ],
-      },
-      subReport: {
-        title: "",
-        fields: [
-          {
-            field: "recipientName",
-            title: "Destinatário",
-            type: "text",
-            styleHeader: "width:250px;",
-            styleBody: "max-width: 250px; white-space: nowrap;",
-          },
-          {
-            field: "description",
-            title: "Descrição",
-            type: "text",
-            styleHeader: "width:250px;",
-            styleBody: "max-width: 250px; white-space: nowrap;",
-          },
-          {
-            field: "dueDate",
-            title: "Dt Vencimento",
-            type: "date",
-          },
-          {
-            field: "general",
-            title: "Valor",
-            type: "currency",
-          },
-        ],
-        data: [],
-        totalization: [],
-      },
-      loading: false,
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event", "showModal"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    ...mapMutations("generic", ["openModal"]),
-    getAll(number) {
-      this.loading = true;
-      let params = {
-        url: this.templateList.urlGetSubReportApi,
-        obj: { id: number },
-      };
-      this.getApi(params).then((response) => {
-        console.log(response);
-        this.subReport.data = response.content.data;
-        this.subReport.totalization = response.content.totalization;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "expense") {
-          this.subReport.title = `Locação Nº ${event.data.number} - ${event.data.companyName}`;
-          this.getAll(event.data.number);
-          this.openModal("expense");
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>