@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/views/modules/operational/RentOperationalList.vue

@@ -0,0 +1,198 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :actions="actions" :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="btnRentOperationalCreate" title="Locação" classIcon="fas fa-plus-circle" type="primary"
+          size="small" eventName="rentOperationalCreate" :clicked="create" />
+      </div>
+    </ViewTemplateWithTable>
+    <PrintPreview v-if="printRent" module="Operational" :rentId="id" :canModifyDocument="false"
+      :onHideModal="closeModal" />
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import PrintPreview from '../../../components/modules/adm/document/PrintPreview.vue'
+
+import { mapGetters, mapMutations, mapActions } from "vuex";
+
+export default {
+  name: "RentOperationalListView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+    PrintPreview
+  },
+  data() {
+    return {
+      id: "",
+      printRent: false,
+      panel: {
+        module: "Operacional",
+        title: "Locação",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/operational/rent/get-all",
+        urlDeleteAllApi: "/api/v1/operational/rent/delete",
+        showChecks: true,
+        headerTable: [
+          {
+            title: "",
+            field: "step",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            styleBody: "width: 30px;",
+          },
+          {
+            title: "Número/Data",
+            field: "numberAndDate",
+            type: "text",
+            iconSearch: true,
+          },
+          {
+            field: "fullName",
+            fieldSecond: "identification",
+            title: "Nome",
+            type: "link",
+            eventName: "rentOperationalUpdate",
+            iconSearch: true,
+          },
+          {
+            field: "deliveryDateHourHtml",
+            fieldSecond: "startDateHourHtml",
+            title: "Saída e Início",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            title: "Fim e Retorno",
+            field: "endDateHourHtml",
+            fieldSecond: "devolutionDateHourHtml",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            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",
+              },
+            ],
+          },
+          {
+            type: "button",
+            typeButton: "default",
+            styleBody: "width: 24px;",
+            button: {
+              classIcon: "fa-light fa-share-nodes",
+              type: "info",
+              size: "small",
+              eventName: "printRent",
+            },
+          },
+        ],
+      },
+      actions: [
+        { type: "delete", title: "Remover", description: "Remover", url: "/api/v1/operational/rent/delete", method: "delete", method: "delete", },
+      ],
+      propsParam: {
+        showAll: false
+      },
+      status: "",
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+    ...mapActions("generic", ["deleteAllApi"]),
+    create() {
+      let self = this;
+      setTimeout(function () {
+        self.$router.push({
+          name: "rentOperationalCreate",
+        });
+        self.removeLoading(["btnRentOperationalCreate"]);
+      }, 200);
+    },
+    closeModal() {
+      this.printRent = false;
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "printRent") {
+          this.id = event.data.rentId;
+          this.printRent = true;
+        }
+
+        if (event.name == "rentOperationalUpdate") {
+          this.$router.push({
+            name: "rentOperationalUpdate",
+            params: { id: event.data.rentId, periodRentId: event.data.periodRentId }
+          });
+          this.removeLoading(["btnRentOperationalCreate"]);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style>
+.badge-default {
+  background-color: #eeeeee;
+  font-size: 13px !important;
+  border-radius: 50px !important;
+}
+
+.div-tag {
+  margin-bottom: 10px;
+}
+
+.rent-progress {
+  color: #4bb4e2;
+}
+
+.rent-accepted {
+  color: #38A169;
+}
+
+.rent-rejected {
+  color: #FF5454;
+}
+
+.rent-icon-close {
+  color: red;
+}
+</style>

package/src/views/modules/operational/ReplacementPatrimony.vue

@@ -0,0 +1,42 @@
+<template>
+    <div class="main">
+        <div>
+            <Panel module="Movimentação" title="Substituir Patrimônio" :showFilter="false" :showSearch="false"
+                :showButtons="false">
+                <div slot="content-main">
+                    <br />
+                    <div class="main">
+                        <ReplacementPatrimony />
+                    </div>
+                </div>
+            </Panel>
+        </div>
+    </div>
+</template>
+<script>
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import ReplacementPatrimony from '../../../components/modules/stock/moviment/ReplacementPatrimony.vue'
+
+import { mapMutations } from "vuex";
+
+export default {
+    name: "ReplacementPatrimonyView",
+    components: {
+        Panel, ReplacementPatrimony
+    },
+
+    mounted() {
+        this.removeLoading(["panel", "btnPdvSearch"]);
+    },
+    methods: {
+        ...mapMutations("generic", ["removeLoading", "btnPdvSearch"]),
+    },
+};
+</script>
+
+<style scoped>
+.main {
+    margin-top: 25px;
+}
+</style>

package/src/views/modules/operational/ReportDeliveryDevolution.vue

@@ -0,0 +1,210 @@
+<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: "Operacional",
+        title: "Saídas e Retornos",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+      templateList: {
+        urlGetApi: "/odata/DeliveryDevolutionOData",
+        showChecks: false,
+      },
+      templateReport: {
+        fields: [
+          {
+            field: "registeredDate",
+            title: "Dt Cadastro",
+            type: "date",
+            selected: false,
+            requiredOData: false,
+            styleHeader: "width:120px;",
+            styleBody: "max-width: 120px; white-space: nowrap;",
+          },
+          {
+            field: "number",
+            title: "Número",
+            type: "text",
+            selected: true,
+            requiredOData: false,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            styleHeader: "width:70px;",
+            styleBody: "max-width: 70px; white-space: nowrap;",
+          },
+          {
+            field: "identification",
+            title: "Identificação",
+            type: "text",
+            selected: true,
+            requiredOData: false,
+            styleHeader: "width:150px;",
+            styleBody:
+              "max-width: 150px; white-space: nowrap;  font-style: italic;",
+          },
+          {
+            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: 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: "typeName",
+            title: "Tipo",
+            type: "text",
+            selected: true,
+            requiredOData: false,
+            styleHeader: "width:120px;",
+            styleBody: "max-width: 120px; white-space: nowrap;",
+          },
+          {
+            field: "deliveryDevolution",
+            title: "Período",
+            type: "dateTime",
+            orderBy: "asc",
+            selected: true,
+            requiredOData: false,
+            styleHeader: "width:130px;",
+            styleBody: "max-width: 130px; white-space: nowrap;",
+          },
+          {
+            field: "doneName",
+            title: "Realizado",
+            type: "text",
+            selected: true,
+            requiredOData: false,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            styleHeader: "width:120px;",
+            styleBody: "max-width: 120px; white-space: nowrap;",
+          },
+        ],
+        rules: [
+          {
+            name: "deliveryDevolution",
+            title: "Período",
+            icon: "fas fa-database",
+            typeField: "dateTime",
+            type: "field",
+            props: {
+              format: "DD/MM/YYYY",
+              type: "date",
+              range: true,
+            },
+            notDuplicate: true,
+            isRequired: true,
+          },
+          {
+            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: "type",
+            title: "Tipo",
+            icon: "fas fa-database",
+            typeField: "checkbox",
+            type: "field",
+            options: [
+              { title: "Saída", value: 1 },
+              { title: "Retorno", value: 2 },
+            ],
+            notDuplicate: true,
+            isRequired: false,
+          },
+          {
+            name: "done",
+            title: "Realizado",
+            icon: "fas fa-database",
+            typeField: "checkbox",
+            type: "field",
+            options: [
+              { title: "Sim", value: true },
+              { title: "Não", value: false },
+            ],
+            notDuplicate: true,
+            isRequired: false,
+          },
+        ],
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/operational/ReportOperational.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <ViewTemplateReportList :panel="panel" :reports="reports" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateReportList from "@nixweb/nixloc-ui/src/component/template/ViewTemplateReportList";
+
+export default {
+  name: "ReportRentalView",
+  components: { ViewTemplateReportList },
+  data() {
+    return {
+      panel: {
+        module: "Operacional",
+        title: "Relatório",
+        showFilter: false,
+        showSearch: true,
+        showButtons: false,
+      },
+      reports: {
+        default: [
+          {
+            name: "Saídas e Retornos",
+            description: "Filtre quais saídas e retornos por data, clientes e outros critérios...",
+            routeName: "reportDeliveryDevolution",
+          },
+        ],
+        saved: [],
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/operational/ReservationPanel.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="main">
+    <div>
+      <Panel module="Painel de Reserva" layout="large" :showFilter="false" :showSearch="false" :showButtons="false">
+        <div slot="content-main">
+          <br />
+          <ReservationPanel />
+        </div>
+      </Panel>
+    </div>
+  </div>
+</template>
+<script>
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import ReservationPanel from '../../../components/modules/operational/ReservationPanel.vue'
+
+
+
+export default {
+  name: "PanelPivotView",
+  components: {
+    Panel, ReservationPanel
+  },
+};
+</script>
+
+<style scoped>
+.main {
+  margin-left: 120px;
+  margin-top: 100px;
+  margin: auto;
+}
+</style>

package/src/views/modules/pdv/PdvRentCreateUpdate.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="main">
+    <div>
+      <Panel
+        module="PDV"
+        title="Locação"
+        :showFilter="false"
+        :showSearch="false"
+        :showButtons="false"
+      >
+        <div slot="content-main">
+          <br />
+          <RentCreate />
+        </div>
+      </Panel>
+    </div>
+  </div>
+</template>
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import RentCreate from '../../../components/modules/pdv/rent/RentCreate.vue'
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "PdvRentCreateUpdateView",
+  components: {
+    Panel,
+    Button, RentCreate
+  },
+  mounted() {
+    this.removeLoading(["panel", "btnPdvCreate"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>
+
+<style scoped>
+.main {
+  margin-left: 120px;
+  margin-top: 100px;
+  margin: auto;
+}
+
+.title {
+  color: #252422;
+  margin: 0;
+  text-align: center;
+  font-size: 18px;
+}
+</style>

package/src/views/modules/pdv/PdvRentList.vue

@@ -0,0 +1,103 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList">
+      <div slot="content-buttons"></div>
+    </ViewTemplateWithTable>
+    <PrintPdv v-if="print" :rentId="rentId" :onHideModal="onHideModal" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+
+import PrintPdv from "../../../components/modules/pdv/rent/PrintPdv.vue";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "PdvRentListView",
+  components: {
+    ViewTemplateWithTable,
+    PrintPdv,
+  },
+  data() {
+    return {
+      rentId: "",
+      print: false,
+      panel: {
+        module: "PDV",
+        title: "Locação",
+        showFilter: true,
+        showSearch: true,
+        showButtons: false,
+      },
+      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",
+            title: "Nome",
+            type: "text",
+            iconSearch: true,
+          },
+          {
+            field: "consultant",
+            title: "Consultor",
+            type: "text",
+            iconSearch: true,
+          },
+          {
+            title: "Valor",
+            field: "value",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            type: "currency",
+          },
+          {
+            type: "button",
+            classCssBody: "text-center",
+            typeButton: "default",
+            button: {
+              classIcon: "fa-sharp fa-regular fa-share-nodes",
+              type: "info",
+              size: "small",
+              eventName: "printRentPdv",
+            },
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    this.removeLoading(["btnPdvRentList"]);
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    onHideModal() {
+      this.print = false;
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "printRentPdv") {
+          this.rentId = event.data.id;
+          this.print = true;
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>