@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,297 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :filters="filters">
+      <div slot="content-buttons">
+        <Button _key="btnProductCreate" title="Locação" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="productCreate" :clicked="create" />
+      </div>
+    </ViewTemplateWithTable>
+
+    <Modal title="Tem certeza que deseja excluir?" :width="550" v-show="showModal('removeRent')">
+      <Alert type="warning">
+        <span>
+          Atenção, ao excluir uma Locação alguns processos (se houver) serão executados, esta ação é irreversível...
+        </span>
+      </Alert>
+      <div>
+        <i class="fa-solid fa-circle-xmark rent-icon-close"></i><span class="title"> Fatura ficará com status de
+          Cancelada</span>
+      </div>
+      <div>
+        <i class="fa-solid fa-circle-xmark rent-icon-close"></i><span class="title"> Pagamentos vinculados serão
+          excluídos</span>
+      </div>
+      <Confirmation :isModal="false" title="Deseja excluir?" type="danger" :confirmed="remove" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+
+import { mapGetters, mapMutations, mapActions } from "vuex";
+
+export default {
+  name: "productListView",
+  components: {
+    ViewTemplateWithTable,
+    Confirmation,
+    Alert,
+    Modal,
+    Button,
+  },
+  data() {
+    return {
+      id: "",
+      panel: {
+        module: "Locação",
+        title: "Locação",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/rental/rent/get-all",
+        urlDeleteAllApi: "/api/v1/rental/rent/delete",
+        showChecks: false,
+        headerTable: [
+          {
+            title: "Número/Data",
+            field: "numberAndDate",
+            type: "text",
+            iconSearch: true,
+          },
+          {
+            field: "fullName",
+            fieldSecond: "identification",
+            title: "Nome",
+            type: "link",
+            routeName: "rentUpdate",
+            styleBody: "max-width: 500px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+            iconSearch: true,
+          },
+          {
+            field: "consultant",
+            title: "Consultor",
+            type: "text",
+            styleBody: "max-width: 150px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            title: "Período(Início/Fim)",
+            field: "tags",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            styleBody: "max-width: 300px;",
+
+          },
+          {
+            field: "statusRentalName",
+            title: "Status",
+            type: "class",
+            fieldComparison: "statusRentalName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center badge badge-info",
+                fieldComparison: "Orçamento",
+              },
+              {
+                classCss: "text-center badge badge-success",
+                fieldComparison: "Aprovada",
+              },
+              {
+                classCss: "text-center badge badge-danger",
+                fieldComparison: "Reprovada",
+              },
+              {
+                classCss: "text-center badge badge-primary",
+                fieldComparison: "Finalizada",
+              },
+            ],
+          },
+          {
+            field: "statusInvoiceName",
+            title: "Faturado",
+            type: "class",
+            fieldComparison: "statusInvoiceName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center badge badge-info",
+                fieldComparison: "Não Fatura",
+              },
+              {
+                classCss: "text-center badge badge-success",
+                fieldComparison: "Faturado",
+              },
+              {
+                classCss: "text-center badge badge-warning",
+                fieldComparison: "Não Faturado",
+              },
+              {
+                classCss: "text-center badge badge-info",
+                fieldComparison: "Parcial",
+              },
+            ],
+          },
+          {
+            title: "Valor",
+            field: "value",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            styleBody: "width: 150px;",
+            type: "currency",
+          },
+          {
+            type: "button",
+            typeButton: "default",
+            button: {
+              classIcon: "fa-solid fa-trash",
+              type: "danger",
+              size: "small",
+              eventName: "removeRent",
+            },
+          },
+        ],
+      },
+      filters: [
+        {
+          type: "multiOptions",
+          title: "Consultor",
+          field: "Consultant",
+          url: "/api/v1/human-resources/collaborator/select-all",
+          propsParams: { isConsultant: true },
+          value: "",
+        },
+        {
+          type: "date",
+          title: "Data Cadastro",
+          field: "RegisteredDate",
+          value: "",
+        },
+        {
+          type: "date",
+          title: "Data Efetivação",
+          field: "DateAccepted",
+          value: "",
+        },
+        {
+          type: "options",
+          title: "Faturamento",
+          field: "StatusInvoiceName",
+          options: [
+            { text: "Faturado", value: "Faturado" },
+            { text: "Parcial", value: "Parcial" },
+            { text: "Não Faturado", value: "Não Faturado" },
+            { text: "Não Fatura", value: "Não Fatura" },
+          ],
+          value: [],
+        },
+        {
+          type: "dateRange",
+          title: "Período de Locação",
+          field: "PeriodRent",
+          value: "",
+        },
+        {
+          type: "options",
+          title: "Status",
+          field: "StatusRentalName",
+          options: [
+            { text: "Orçamento", value: "Orçamento" },
+            { text: "Aprovada", value: "Aprovada" },
+            { text: "Reprovada", value: "Reprovada" },
+          ],
+          value: [],
+        },
+        {
+          type: "decimal",
+          title: "Valor",
+          field: "TotalValue",
+          valueStart: 0,
+          valueEnd: 0,
+        },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+    ...mapActions("generic", ["deleteAllApi"]),
+    create() {
+      let self = this;
+      setTimeout(function () {
+        self.$router.push({
+          name: "rentCreate",
+          params: { type: 1 },
+        });
+        self.removeLoading(["btnProductCreate"]);
+      }, 200);
+
+    },
+    remove() {
+      let params = {
+        url: this.templateList.urlDeleteAllApi,
+        selected: [this.id],
+      };
+
+      this.deleteAllApi(params).then((response) => {
+        if (response.success) {
+          this.hideModal("removeRent");
+        }
+        this.removeLoading(["confirm"]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "removeRent") {
+          this.id = event.data.id;
+          this.openModal("removeRent");
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style>
+.badge-default {
+  background-color: #eeeeee;
+  font-size: 13px !important;
+  border-radius: 50px !important;
+}
+
+.div-status {
+  margin-left: 35px;
+}
+
+.rent-progress {
+  color: #4bb4e2;
+}
+
+.rent-accepted {
+  color: #38A169;
+}
+
+.rent-rejected {
+  color: #FF5454;
+}
+
+.rent-icon-close {
+  color: red;
+}
+</style>

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

@@ -0,0 +1,303 @@
+<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: "ReportProductView",
+  components: {
+    ViewTemplateReportPreview,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Locação",
+        title: "Locação por Cliente",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+      templateList: {
+        urlGetApi: "/odata/RentByCustomerOData",
+        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: false,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "identification",
+            title: "Identificação",
+            type: "text",
+            selected: true,
+            requiredOData: false,
+          },
+          {
+            field: "typeRentName",
+            title: "Tipo Locação",
+            type: "text",
+            selected: false,
+            requiredOData: false,
+          },
+          {
+            field: "collaboratorName",
+            title: "Consultor",
+            type: "text",
+            selected: true,
+            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: true,
+            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: "statusInvoiceName",
+            title: "St Fatura",
+            type: "text",
+            selected: false,
+            requiredOData: false,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            styleHeader: "width:125px;",
+            styleBody: "max-width: 125px; white-space: nowrap;",
+          },
+          {
+            field: "total",
+            title: "Total Loc",
+            type: "currency",
+            selected: true,
+            requiredOData: false,
+            styleHeader: "max-width:150px;",
+            styleBody: "max-width: 150px; white-space: nowrap;",
+          },
+          {
+            field: "totalPayment",
+            title: "Total Pgto",
+            type: "currency",
+            selected: true,
+            requiredOData: false,
+            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: "type",
+            title: "Tipo",
+            icon: "fas fa-database",
+            typeField: "checkbox",
+            type: "field",
+            options: [
+              { title: "Avulsa", value: 1 },
+              { title: "Longo Prazo", value: 2 },
+            ],
+            notDuplicate: true,
+            isRequired: false,
+          },
+          {
+            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: "typeRentId",
+            title: "Tipo de Locação",
+            icon: "fas fa-database",
+            typeField: "select",
+            type: "field",
+            props: {
+              url: "/api/v1/rental/type-rent/select-all",
+            },
+            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: "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: "statusInvoice",
+            title: "Status Faturamento",
+            icon: "fas fa-database",
+            typeField: "checkbox",
+            type: "field",
+            options: [
+              { title: "Não Faturada", value: 1 },
+              { title: "Faturada", value: 2 },
+              { title: "Faturada Parcial", value: 3 },
+              { title: "Não Fatura", value: 4 },
+            ],
+            notDuplicate: true,
+            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: "Total Valor",
+                value: "sum_Total",
+                aggregate: {
+                  title: "Total Valor",
+                  value: "sumTotal",
+                  type: "currency",
+                },
+              },
+            ],
+            notDuplicate: true,
+            isRequired: false,
+          },
+        ],
+      },
+    };
+  },
+};
+</script>