@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,89 @@
+<template>
+  <div class="main">
+    <div>
+      <Panel
+        module="PDV"
+        title="Locação"
+        :showFilter="false"
+        :showSearch="false"
+        :showButtons="false"
+      >
+        <div slot="content-main">
+          <br />
+          <div>
+            <b-row>
+              <b-col class="text-center" sm="12">
+                <div>
+                  <span class="title">O QUE DESEJA FAZER?</span>
+                </div>
+                <br />
+                <Button
+                  _key="btnPdvCreate"
+                  type="primary"
+                  title="Emitir Locação"
+                  classIcon="fas fa-plus-circle"
+                  size="medium"
+                  params="pdvRentCreate"
+                  :clicked="navegateTo"
+                />
+                <Button
+                  _key="btnPdvSearch"
+                  color="white"
+                  backGroundColor="#567EB3"
+                  title="Procurar"
+                  classIcon="fa-solid fa-magnifying-glass"
+                  size="medium"
+                  params="pdvSearch"
+                  :clicked="navegateTo"
+                />
+                <Button
+                  _key="btnPdvRentList"
+                  type="edit"
+                  title="Ver todas"
+                  classIcon="fa-solid fa-bars"
+                  size="medium"
+                  params="pdvRentList"
+                  :clicked="navegateTo"
+                />
+              </b-col>
+            </b-row>
+          </div>
+        </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 { mapMutations } from "vuex";
+
+export default {
+  name: "PdvRentCreateUpdateView",
+  components: {
+    Panel,
+    Button,
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    navegateTo(routeName) {
+      this.$router.push({
+        name: routeName,
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.title {
+  color: #252422;
+  margin: 0;
+  text-align: center;
+  font-size: 20px;
+}
+</style>

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

@@ -0,0 +1,47 @@
+<template>
+  <div class="main">
+    <div>
+      <Panel
+        module="PDV"
+        title="Pesquisar"
+        :showFilter="false"
+        :showSearch="false"
+        :showButtons="false"
+      >
+        <div slot="content-main">
+          <br />
+          <div class="main">
+            <SearchList />
+          </div>
+        </div>
+      </Panel>
+    </div>
+  </div>
+</template>
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import SearchList from "../../../components/modules/pdv/rent/SearchList.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "PdvSearchView",
+  components: {
+    Panel,
+    SearchList,
+  },
+
+  mounted() {
+    this.removeLoading(["panel", "btnPdvSearch"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading", "btnPdvSearch"]),
+  },
+};
+</script>
+
+<style scoped>
+.main {
+  margin-top: 25px;
+}
+</style>

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

@@ -0,0 +1,59 @@
+<template>
+  <div class="main">
+    <div>
+      <Panel
+        module="PDV"
+        title="Locação"
+        :showFilter="false"
+        :showSearch="false"
+        :showButtons="false"
+      >
+        <div slot="content-main">
+          <br />
+          <SuccessPdvRent :rentId="rentId" :msgSuccess="msgSuccess" />
+        </div>
+      </Panel>
+    </div>
+  </div>
+</template>
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import SuccessPdvRent from "../../../components/modules/pdv/rent/SuccessPdvRent.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "SuccessPdvRentView",
+  components: {
+    Panel,
+    SuccessPdvRent,
+  },
+  data() {
+    return {
+      msgSuccess: "Locação processada com sucesso!",
+      rentId: this.$route.params.rentId,
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  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/rental/ConfigRental.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <Panel :module="panel.module" :title="panel.title" :showFilter="panel.showFilter" :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons">
+      <div slot="content-main">
+        <div>
+          <br />
+          <b-tabs>
+            <b-tab title="Grupo">
+              <GroupRent />
+            </b-tab>
+            <!--  <b-tab title="Kit">
+              <KitRent />
+            </b-tab> -->
+            <b-tab title="Tipo">
+              <TypeRent />
+            </b-tab>
+            <!--  <b-tab title="Tipo de Pagamento">
+              <TypePayment />
+            </b-tab> -->
+          </b-tabs>
+        </div>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+
+import GroupRent from "./GroupRent.vue";
+import KitRent from "./KitRent.vue";
+import TypeRent from "./TypeRent.vue";
+import TypePayment from '../finance/TypePayment.vue';
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "ConfigRentalView",
+  components: { Panel, TypeRent, GroupRent, KitRent, TypePayment },
+  data() {
+    return {
+      panel: {
+        module: "Locação",
+        title: "Configuração",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>

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

@@ -0,0 +1,80 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <Button
+          _key="btnGroupRentCreate"
+          title="Grupo"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          :clicked="create"
+        />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal
+      title="Grupo"
+      :width="500"
+      :height="250"
+      v-show="showModal('groupRentCreateUpdate')"
+    >
+      <GroupRentCreateUpdate />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import GroupRentCreateUpdate from "../../../components/modules/rental/group-rent/GroupRentCreateUpdate.vue";
+
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "GroupRentalView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+    Modal,
+    GroupRentCreateUpdate,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/rental/group-rent/get-all",
+        urlDeleteAllApi: "/api/v1/rental/group-rent/delete",
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "link",
+            iconSearch: true,
+            eventName: "groupRentUpdate",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.openModal("groupRentCreateUpdate");
+      this.addEvent({ name: "groupRentCreate" });
+      this.removeLoading(["btnGroupRentCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "groupRentUpdate") this.openModal("groupRentCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <Button
+          _key="btnKitRentCreate"
+          title="Kit"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          :clicked="create"
+        />
+      </div>
+    </ViewTemplateConfiguration>
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "KitRentalView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/rental/kit-rent/get-all",
+        urlDeleteAllApi: "/api/v1/rental/kit-rent/delete",
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "link",
+            iconSearch: true,
+            routeName: "kitRentUpdate",
+          },
+          {
+            field: "description",
+            title: "Descrição",
+            type: "text",
+          },
+          {
+            field: "value",
+            title: "Valor",
+            type: "currency",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.$router.push({
+        name: "kitRentCreate",
+      });
+      this.removeLoading(["btnKitRentCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {},
+      deep: true,
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-buttons">
+        <Button v-if="id" _key="btnProductCreate" title="Kit" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="productCreate" :clicked="create" />
+      </div>
+      <div slot="content-main">
+        <KitRentCreateUpdate :formName="panel.formName" />
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+import KitRentCreateUpdate from "../../../components/modules/rental/kit-rent/KitRentCreateUpdate.vue";
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "KitRentCreateUpdateView",
+  components: {
+    Button,
+    Molded,
+    ViewTemplateWithSalveCancel,
+    KitRentCreateUpdate,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "Estoque",
+        title: "Kit",
+        formName: "kitRentCreateUpdate",
+        showFilter: false,
+        showSearch: false,
+        showButtons: true,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    create() {
+      this.$router.push({
+        name: "kitRentCreate",
+      });
+      this.removeLoading(["btnProductCreate"]);
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,46 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-main">
+        <RentCreateUpdate :formName="panel.formName" />
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+import RentCreateUpdate from "../../../components/modules/rental/rent/RentCreateUpdate.vue";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "RentCreateUpdateView",
+  components: {
+    ViewTemplateWithSalveCancel,
+    RentCreateUpdate,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      type: this.$route.params.type,
+      panel: {
+        module: "Locação",
+        title: "Locação",
+        formName: "rentCreateUpdate",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+
+  },
+};
+</script>

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

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <ViewTemplateSelectOption title="Selecione o tipo de locação" :panel="panel" :options="options"
+      :clickedNext="navegateTo" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateSelectOption from "@nixweb/nixloc-ui/src/component/template/ViewTemplateSelectOption";
+
+export default {
+  name: "RentalSelectOptionView",
+  components: {
+    ViewTemplateSelectOption,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "Locação",
+        title: "Locação",
+        showFilter: false,
+        showSearch: false,
+        showButtons: true,
+      },
+      options: [
+        {
+          title: "Avulsa",
+          titleSize: "17",
+          icon: "fas fa-calendar",
+          iconSize: 40,
+          value: 1,
+        },
+      /*  {
+          title: "Longo Prazo",
+          titleSize: "17",
+          icon: "fas fa-calendar-alt",
+          iconSize: 40,
+          value: 2,
+        },*/
+      ],
+    };
+  },
+  methods: {
+    navegateTo(selectedOption) {
+      this.$router.push({
+        name: "rentCreate",
+        params: { type: selectedOption },
+      });
+    },
+  },
+};
+</script>