@nixweb/nixloc-ui 1.16.0 → 1.17.0

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

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

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

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

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

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

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

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