@nixweb/nixloc-ui 0.0.273 → 0.0.274

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

@@ -1,217 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :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>
-      <div slot="content-filter-horizontal">
-        <b-row>
-          <b-col xs="12" sm="12" md="12" lg="3" xl="3">
-            <DateTime title="Período (Saída e Retorno)" fieldTarget="period" format="DD/MM/YYYY" type="date"
-              :range="true" :confirm="true" confirmText="Filtrar" placeholder :required="false" />
-          </b-col>
-          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
-            <RadioGroup title="Status" fieldTarget="status" :options="[
-      { text: 'Orçamento', value: 'Orçamento' },
-      { text: 'Aprovada', value: 'Aprovada' },
-      { text: 'Reprovada', value: 'Reprovada' },
-    ]" v-model="status" />
-          </b-col>
-        </b-row>
-      </div>
-    </ViewTemplateWithTable>
-    <Modal title="Tem certeza que deseja excluir?" :width="530" 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>
-      <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 DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-
-import { mapGetters, mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "RentOperationalListView",
-  components: {
-    ViewTemplateWithTable,
-    Confirmation,
-    Alert,
-    Modal,
-    Button,
-    DateTime,
-    RadioGroup
-  },
-  data() {
-    return {
-      id: "",
-      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: false,
-        headerTable: [
-          {
-            title: "Número/Data",
-            field: "numberAndDate",
-            type: "text",
-            iconSearch: true,
-          },
-          {
-            field: "fullName",
-            fieldSecond: "identification",
-            title: "Nome",
-            type: "link",
-            eventName: "rentOperationalUpdate",
-            iconSearch: true,
-          },
-          {
-            field: "deliveryDateHourStr",
-            fieldSecond: "startDateHourStr",
-            title: "Saída e Início",
-            type: "text",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            title: "Fim e Retorno",
-            field: "endDateHourStr",
-            fieldSecond: "devolutionDateHourStr",
-            type: "text",
-            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",
-            button: {
-              classIcon: "fa-solid fa-trash",
-              type: "danger",
-              size: "small",
-              eventName: "removeRent",
-            },
-          },
-        ],
-      },
-      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);
-    },
-    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.rentId;
-          this.openModal("removeRent");
-        }
-        if (event.name == "rentOperationalUpdate") {
-          let self = this;
-          setTimeout(function () {
-            self.$router.push({
-              name: "rentOperationalUpdate",
-              params: { id: event.data.rentId, periodRentId: event.data.periodRentId }
-            });
-            self.removeLoading(["btnRentOperationalCreate"]);
-          }, 200);
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style>
-.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/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>