@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/rental/shared/CollaboratorWithUser.vue

@@ -0,0 +1,84 @@
+<template>
+  <div>
+    <div v-if="module == 'rent'">
+      <Select title="Consultor" field="type" :formName="formName" :required="true" :disabled="disabled"
+        url="/api/v1/human-resources/collaborator/select-all" :propsParams="{ isConsultant: true }" v-model="collaborator"
+        nameNewRegister="consultantCreateUpdate" :showNewRegister="hasRule('HumanResources')" titleNewRegister="Consultor"
+        :widthNewRegister="800" :heightNewRegister="250">
+        <ConsultantCreateUpdate :registerInSelect="true" v-model="collaborator" />
+      </Select>
+    </div>
+    <div v-else>
+      <div class="side-by-side div-icon">
+        <i class="fa-duotone fa-user"></i>
+      </div>
+      <div class="side-by-side div-collaborator">
+        {{ collaborator.content }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import ConsultantCreateUpdate from "../../human-resources/collaborator/ConsultantCreateUpdate.vue";
+
+import { mapActions, mapGetters } from "vuex";
+
+export default {
+  name: "CollaboratorWithUser",
+  components: {
+    Select,
+    ConsultantCreateUpdate,
+  },
+  props: ["formName", "disabled", "module", "value"],
+  data() {
+    return {
+      collaborator: { id: "", content: "" },
+      urlGetUser: "/api/v1/human-resources/collaborator/get-by-user",
+    };
+  },
+  mounted() {
+    this.getByUser();
+  },
+  computed: {
+    ...mapGetters("user", ["hasRule"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    getByUser() {
+      let params = { url: this.urlGetUser, obj: {} };
+      this.getApi(params).then((response) => {
+        this.collaborator = response.content;
+      });
+    },
+  },
+  watch: {
+    collaborator: {
+      handler(collaborator) {
+        this.$emit("input", {
+          id: collaborator.id,
+          content: collaborator.name,
+        });
+      },
+      deep: true,
+    },
+    value: {
+      handler(value) {
+
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-icon {
+  font-size: 18px;
+  margin-right: 15px;
+}
+
+.div-collaborator {
+  font-size: 16px;
+}
+</style>

package/src/components/modules/rental/shared/CustomerWithCreate.vue

@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <Select title="Cliente (Nome ou CNPJ/CPF)" field="customer" :formName="formName" :required="required"
+      :disabled="disabled" url="/api/v1/crm/customer/select-all" v-model="customer"
+      nameNewRegister="customerSupplierCreateUpdate" :clickedNewRegister="open" :showNewRegister="hasRule('CRM')"
+      titleNewRegister="Cliente" :widthNewRegister="1200" :heightNewRegister="250">
+      <br />
+    </Select>
+    <SideBar title="Cliente">
+      <CustomerSupplierCreate formName="customerSupplierCreateUpdate" :registerInSelect="true" v-model="customer" />
+    </SideBar>
+  </div>
+</template>
+<script>
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import SideBar from "@nixweb/nixloc-ui/src/component/forms/SideBar";
+
+import CustomerSupplierCreate from "../../shared/customer-supplier/CustomerSupplierCreate.vue";
+import ContactCreateUpdate from "../../shared/contact/ContactCreateUpdate.vue";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "CustomerWithCreate",
+  props: ["formName", "disabled", "value"],
+  props: {
+    formName: String,
+    disabled: Boolean,
+    required: {
+      type: Boolean,
+      default: true,
+    },
+    value: Object
+  },
+  components: {
+    Select,
+    ScrollBar,
+    Button,
+    SideBar,
+    CustomerSupplierCreate,
+    ContactCreateUpdate,
+  },
+  data() {
+    return {
+      customer: { id: "", content: "" },
+    };
+  },
+  computed: {
+    ...mapGetters("user", ["hasRule"]),
+    ...mapGetters("validation", ["isFormValid"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openSideBar", "hideSideBar", "removeLoading"]),
+    open() {
+      this.openSideBar();
+    },
+    cancel() {
+      this.removeLoading(["cancelSaveCancel"]);
+      this.hideSideBar();
+    },
+  },
+  watch: {
+    customer: {
+      handler(customer) {
+        this.$emit("input", customer);
+      },
+      deep: true,
+    },
+    value: {
+      handler(value) {
+        this.customer = value;
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/rental/shared/DropdownOptionsRent.vue

@@ -0,0 +1,306 @@
+<template>
+  <div class="side-by-side">
+    <Dropdown title="Opções" type="primary" size="small" classIcon="fa-solid fa-chevron-down" right="50"
+      :items="optionsConditional" />
+    <Modal :title="modalOptions.title" :width="modalOptions.width" v-if="showModal('optionsRent')"
+      :onHideModal="closeModal">
+      <RentAccept :rentId="rent.id" v-if="modalOptions.name == 'acceptRent'" />
+      <RentProgress :rentId="rent.id" v-if="modalOptions.name == 'progressRent'" />
+      <RentReject :rentId="rent.id" v-if="modalOptions.name == 'rejectRent'" />
+      <CloneRent :rent="rent" v-if="modalOptions.name == 'cloneRent'" />
+      <div class="select-document" v-show="modalOptions.name == 'selectDocument'">
+      </div>
+    </Modal>
+    <PrintPreview v-if="printRent" module="Rental" :rentId="rent.id" :periodRentId="periodRent.id"
+      :onHideModal="closeModal">
+
+      <Select title="Período de Locação (opcional)" v-if="totalRecordsPeriod > 1" field="type" :required="false"
+        :propsParams="{ any: rent.id }" :showNewRegister="false" url="/api/v1/rental/period-rent/select-all"
+        v-model="periodRent">
+      </Select>
+    </PrintPreview>
+  </div>
+</template>
+<script>
+
+
+import Dropdown from "@nixweb/nixloc-ui/src/component/forms/Dropdown.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+
+import CloneRent from '../clone-rent/CloneRent.vue'
+import RentAccept from "../rent/RentAccept.vue";
+import RentProgress from "../rent/RentProgress.vue";
+import RentReject from "../rent/RentReject.vue";
+import PrintPreview from '../../adm/document/PrintPreview.vue'
+
+import { mapGetters, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "DropdownOptionsRent",
+  props: {
+    rent: Object,
+    statusMovimentStock: Object,
+    totalProductForInvoice: Number,
+  },
+  components: {
+    Dropdown,
+    Modal,
+    Select,
+    RentAccept,
+    RentReject,
+    RentProgress,
+    PrintPreview,
+    CloneRent
+  },
+  data() {
+    return {
+      documentId: "",
+      periodRent: {},
+      totalRecordsPeriod: 0,
+      printRent: false,
+      modalOptions: {
+        name: "",
+        title: "",
+        width: 0,
+      },
+      options: [
+        {
+          title: "Aprovar",
+          showByStatus: [1, 3],
+          classIcon: "fa-solid fa-circle-check",
+          eventName: "acceptRent",
+          style: "color:#38A169;",
+        },
+        {
+          title: "Orçamento",
+          showByStatus: [2, 3],
+          classIcon: "fa-sharp fa-solid fa-file-invoice",
+          eventName: "progressRent",
+          style: "color:#4BB4E2;",
+        },
+        {
+          title: "Reprovar",
+          showByStatus: [1, 2],
+          classIcon: "fa-solid fa-do-not-enter",
+          eventName: "rejectRent",
+          style: "color:red;",
+          hr: true,
+        },
+        {
+          title: "Clonar",
+          showByStatus: [1, 2, 3],
+          classIcon: "fa-solid fa-clone",
+          eventName: "cloneRent",
+        },
+        {
+          title: "Compartilhar",
+          showByStatus: [1, 2, 3],
+          classIcon: "fa-sharp fa-regular fa-share-nodes",
+          eventName: "printRent",
+          hr: true,
+        },
+        {
+          title: "Gerar Faturamento",
+          showByStatus: [0],
+          classIcon: "fa-solid fa-file-invoice-dollar",
+          eventName: "generateBilling",
+          style: "color:#38A169;",
+          hr: true,
+        },
+        {
+          title: "Gerar Saída",
+          showByStatus: [0],
+          classIcon: "fa-solid fa-circle-arrow-right",
+          eventName: "generateOutput",
+          style: "color:#009183;",
+        },
+        {
+          title: "Gerar Retorno",
+          showByStatus: [0],
+          classIcon: "fa-solid fa-circle-arrow-left",
+          eventName: "generateReturn",
+          style: "color:#b8860b;",
+        },
+        {
+          title: "Gerar Renovação",
+          showByStatus: [0],
+          classIcon: "fa-solid fa-retweet",
+          eventName: "generateRenewed",
+          style: "color:#577696;",
+          /* hr: true,*/
+        },
+        /*   {
+             title: "Excluir",
+             showByStatus: [1, 2, 3],
+             classIcon: "fa-solid fa-trash-can",
+             style: "color:red;",
+             eventName: "removeRent",
+           },*/
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("user", ["hasRule", "hasPermission"]),
+    optionsConditional() {
+      let options = [];
+      let statusRental = this.rent.statusRental;
+
+      let reserved = this.statusMovimentStock.reserved;
+      let reservedAndRented = reserved - this.statusMovimentStock.rented;
+      let rented = this.statusMovimentStock.rented;
+      let final = this.statusMovimentStock.final;
+
+      let allowOutputGreater =
+        this.userLogged.parameterStock.allowOutputGreater;
+
+      var isRuleOperational = this.hasRule("Operational");
+
+      let hasPermissionBilling = this.hasPermission("Billing");
+      let isRuleBilling = hasPermissionBilling
+        ? hasPermissionBilling.includes("create")
+        : false;
+
+      let hasPermissionTaxDocument = this.hasPermission("TaxDocument");
+      let isRuleTaxDocument = hasPermissionTaxDocument
+        ? hasPermissionTaxDocument.includes("create")
+        : false;
+
+      this.options.forEach((item) => {
+        if (
+          isRuleOperational &&
+          item.eventName == "generateOutput" &&
+          reservedAndRented > 0 &&
+          statusRental == 2
+        ) {
+          options.push(item);
+        } else if (
+          isRuleOperational &&
+          item.eventName == "generateReturn" &&
+          final > 0 &&
+          statusRental == 2
+        ) {
+          options.push(item);
+        } else if (
+          isRuleOperational &&
+          item.eventName == "generateRenewed" &&
+          final > 0 &&
+          statusRental == 2
+        ) {
+          options.push(item);
+        } else if (
+          (isRuleBilling || isRuleTaxDocument) &&
+          item.eventName == "generateBilling" &&
+          statusRental == 2 &&
+          this.totalProductForInvoice > 0
+        ) {
+          options.push(item);
+        } else {
+          if (item.showByStatus.includes(statusRental)) options.push(item);
+        }
+      });
+
+      return options;
+    },
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+    closeModal() {
+      this.modalOptions = { name: "", title: "", width: 0 };
+      this.printRent = false;
+      this.periodRent = {};
+      this.hideModal();
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "totalRecordsPeriod")
+          this.totalRecordsPeriod = event.data.totalRecords;
+
+        if (event.name == "cloneRent") {
+          this.modalOptions = {
+            name: "cloneRent",
+            title: "Clonar",
+            width: 650,
+          };
+          this.openModal("optionsRent");
+        }
+
+
+        if (event.name == "acceptRent") {
+          this.modalOptions = {
+            name: "acceptRent",
+            title: "Tem certeza que deseja Aprovar?",
+            width: 600,
+          };
+          this.openModal("optionsRent");
+        }
+
+        if (event.name == "progressRent") {
+          this.modalOptions = {
+            name: "progressRent",
+            title: "Tem certeza que deseja deixar como Orçamento?",
+            width: 600,
+          };
+          this.openModal("optionsRent");
+        }
+
+        if (event.name == "rejectRent") {
+          this.modalOptions = {
+            name: "rejectRent",
+            title: "Tem certeza que deseja Reprovar?",
+            width: 600,
+          };
+          this.openModal("optionsRent");
+        }
+
+        if (event.name == "printRent") {
+          this.printRent = true;
+        }
+
+        if (event.name == "emailSent" || event.name == "signatureSent") {
+          this.printRent = false;
+          this.periodRent = {};
+        }
+
+        if (event.name == "generateBilling") {
+          this.$router.push({
+            name: "generateBilling",
+            params: { rentId: this.rent.id, customerId: this.rent.customer.id },
+          });
+        }
+
+        if (event.name == "generateOutput") {
+          this.$router.push({
+            name: "generateOutput",
+            params: { id: this.rent.id, periodRentId: "null" },
+          });
+        }
+
+        if (event.name == "generateReturn") {
+          this.$router.push({
+            name: "generateReturn",
+            params: { id: this.rent.id, periodRentId: "null" },
+          });
+        }
+
+        if (event.name == "generateRenewed") {
+          this.$router.push({
+            name: "generateRenewed",
+            params: { id: this.rent.id, periodRentId: "null" },
+          });
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.select-document {
+  min-height: 100px;
+}
+</style>

package/src/components/modules/rental/shared/import-product-rent/ImportProductByRent.vue

@@ -0,0 +1,122 @@
+<template>
+    <div>
+        <Button _key="btnImportByRent" title="Importar" classIcon="fa-solid fa-file-import" backGroundColor="#009183"
+            color="white" size="small" :clicked="openImport" />
+
+        <Modal title="Importar Produto da Locação" :width="modal.width" v-show="showModal('import')">
+
+            <div v-if="items.length == 0">
+                <Select title="Infome a Locação" field="type" :required="true" :showNewRegister="false"
+                    url="/api/v1/rental/rent/select-all" v-model="rent" />
+
+                <Select v-if="rent.any > 1" title="Período de Locação (opcional)" field="type" :required="false"
+                    :propsParams="{ any: rent.id }" :showNewRegister="false" url="/api/v1/rental/period-rent/select-all"
+                    v-model="periodRent" />
+
+                <div class="div-btn text-center">
+                    <Button _key="btnSearch" title="Buscar" classIcon="fa-solid fa-magnifying-glass" type="primary"
+                        size="medium" :clicked="search" />
+                </div>
+                <Alert v-if="showMessage" type="warning">
+                    <span> Não existe(m) produto(s) a ser importado! </span>
+                </Alert>
+            </div>
+
+            <div v-else>
+                <div class="text-right">
+                    <Button _key="btnBack" classIcon="fa-solid fa-arrow-left" size="small" type="info" :clicked="back" />
+                </div>
+                <ItemsImportList :module="module" :targetId="targetId" :periodRentId="periodRentId" :items="items" />
+            </div>
+        </Modal>
+    </div>
+</template>
+  
+<script>
+
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import ItemsImportList from './ItemsImportList.vue'
+
+import { mapMutations, mapGetters, mapActions } from "vuex";
+
+export default {
+    name: "ImportProductByRent",
+    props: ["module", "targetId", "periodRentId"],
+    components: {
+        Modal,
+        Button,
+        Select,
+        Alert,
+        ItemsImportList
+    },
+    data() {
+        return {
+            urlGetAll: "/api/v1/rental/import-product/search",
+            rent: {},
+            periodRent: {},
+            items: [],
+            modal: {
+                width: 800
+            },
+            showMessage: false,
+        };
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal", "event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "openModal", "hideModal", "removeLoading"]),
+        ...mapActions("generic", ["getApi"]),
+        openImport() {
+            this.openModal("import");
+            this.removeLoading(["btnImportByRent"]);
+        },
+        search() {
+            this.showMessage = false;
+            let params = {
+                url: this.urlGetAll,
+                obj: {
+                    module: this.module,
+                    targetId: this.targetId,
+                    rentId: this.rent.id,
+                    periodRentId: this.periodRent.id
+                }
+            };
+            this.getApi(params).then((response) => {
+                this.success = true;
+                this.items = response.content;
+                var size = this.items.length;
+                if (size > 0) this.modal.width = 1100;
+                if (size == 0) this.showMessage = true;
+
+                this.removeLoading(["btnSearch"]);
+            });
+        },
+        back() {
+            this.modal.width = 800;
+            this.items = [];
+            this.removeLoading(["btnBack"]);
+        }
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "itemsImported") {
+                    this.back();
+                    this.hideModal();
+                }
+            },
+            deep: true,
+        },
+    },
+};
+</script>
+<style scoped>
+.div-btn {
+    margin: 20px;
+}
+</style>