@nixweb/nixloc-ui 0.0.273 → 0.0.274

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

@@ -1,297 +0,0 @@
-<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

@@ -1,303 +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: "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>