@nixweb/nixloc-ui 1.14.0 → 1.16.0

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

@@ -0,0 +1,197 @@
+<template>
+    <div>
+        <div class="div-select-group">
+            <Select v-if="module == 'rent'" title="Informe o Grupo" field="groupRent" :required="false"
+                v-model="groupRent" url="/api/v1/rental/group-rent/select-all" nameNewRegister="groupRentCreateUpdate"
+                titleNewRegister="Grupo" :widthNewRegister="500" :heightNewRegister="250">
+                <GroupRentCreateUpdate :registerInSelect="true" v-model="groupRent" />
+            </Select>
+        </div>
+        <b-row>
+            <b-col sm="6">
+                <b-form-checkbox v-model="showSelectAll" @change="select">
+                    TODOS PRODUTOS
+                </b-form-checkbox>
+            </b-col>
+        </b-row>
+        <ScrollBar :minHeight="300" :maxHeight="500">
+            <div>
+                <table class="table table-responsive-xs">
+                    <thead>
+                        <tr>
+                            <th></th>
+                            <th class="title-header">Descrição</th>
+                            <th v-if="module == 'nfe'" class="title-header text-center">Ncm</th>
+                            <th class="title-header text-center">Quantidade</th>
+                            <th class="title-header text-center">Valor</th>
+                        </tr>
+                    </thead>
+                    <tbody v-for="(data, groupName) in grouped">
+                        <td class="group" colspan="8">
+                            <div>
+                                <span v-if="groupName" class="title-group">
+                                    {{ groupName }}
+                                </span>
+                                <span v-else class="title-group">
+                                    <span>Sem grupo</span>
+                                </span>
+                            </div>
+                        </td>
+                        <tr v-for="item in data">
+                            <td class="td-checkbox">
+                                <b-form-checkbox v-model="selected" :value="item" />
+                            </td>
+                            <td class="td-description">
+                                <span> {{ item.productFullName }} </span>
+                            </td>
+                            <td v-if="module == 'nfe'" class="text-center">
+                                <span> {{ item.ncm }} </span>
+                            </td>
+                            <td class="text-center td-quantity">
+                                <span> {{ item.quantity }}</span>
+                            </td>
+                            <td class="td-total text-center">
+                                <ItemsRentalTotalization :data="item" />
+                            </td>
+                        </tr>
+
+                    </tbody>
+                </table>
+            </div>
+        </ScrollBar>
+        <div class="div-btn text-center">
+            <Button _key="btnImport" title=" Importar" :disabled="selected.length == 0"
+                classIcon="fa-solid fa-file-import" type="primary" size="medium" :clicked="executeImport" />
+        </div>
+    </div>
+</template>
+<script>
+
+
+
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import ItemsRentalTotalization from '../../items-rent/ItemsRentalTotalization.vue'
+import GroupRentCreateUpdate from '../../group-rent/GroupRentCreateUpdate.vue'
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+
+import { mapMutations, mapActions, mapGetters } from "vuex";
+
+export default {
+    name: "ItemsImportList",
+    props: {
+        module: String,
+        targetId: String,
+        rentId: String,
+        periodRentId: String,
+        groupRentId: String,
+        items: Array,
+    },
+    components: {
+        ScrollBar,
+        Button, ItemsRentalTotalization, GroupRentCreateUpdate, Select
+    },
+    data() {
+        return {
+            urlImport: "/api/v1/rental/import-product/import",
+            selected: [],
+            showSelectAll: false,
+            groupRent: {}
+        };
+    },
+    mounted() {
+        this.select();
+    },
+    computed: {
+        ...mapGetters("generic", ["groupBy"]),
+        grouped() {
+            var list = this.groupBy({
+                array: this.items,
+                key: "groupRentName",
+            });
+            return list;
+        },
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        ...mapActions("generic", ["postApi"]),
+        executeImport() {
+            let params = {
+                url: this.urlImport, obj: {
+                    module: this.module,
+                    targetId: this.targetId,
+                    rentId: this.rentId,
+                    periodRentId: this.periodRentId,
+                    groupRentId: this.groupRent.id,
+                    items: this.selected
+                }
+            };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "itemsImported" });
+                }
+                this.removeLoading(["btnImport"]);
+            });
+        },
+        select() {
+            this.selected = [];
+            if (this.showSelectAll) {
+                for (let i in this.items) {
+                    this.selected.push(this.items[i]);
+                }
+            }
+        },
+    },
+};
+</script>
+<style scoped>
+.table th,
+.table td {
+    height: 10px !important;
+    padding-left: 5px !important;
+    padding-top: 7px !important;
+    padding-bottom: 5px !important;
+    padding-right: 5px !important;
+    padding-left: 10px !important;
+    border-bottom: 0px !important;
+}
+
+.title-header {
+    font-size: 14px;
+    color: #757d8c;
+    font-weight: 400;
+    text-transform: uppercase;
+}
+
+.td-checkbox {
+    width: 30px;
+}
+
+.td-description {
+    max-width: 600px;
+}
+
+.td-quantity {
+    max-width: 120px;
+}
+
+.td-total {
+    max-width: 300px;
+}
+
+.div-select-group {
+    margin-bottom: 30px;
+}
+
+.group {
+    background-color: #fafafc;
+    font-size: 14px;
+    font-weight: 400;
+}
+
+.title-group {
+    font-size: 14px;
+    margin-left: 10px;
+    color: #757d8c;
+}
+</style>

package/src/components/modules/rental/team/Team.js

@@ -0,0 +1,31 @@
+export default class Job {
+    constructor() {
+        this.id = "";
+        this.collaborator = { id: "", content: "" };
+        this.description = "";
+        this.dateStart = "";
+        this.timeStart = "";
+        this.dateEnd = "";
+        this.timeEnd = "";
+        this.dueDate = "";
+        this.value = 0;
+        this.statusRental = 0;
+        this.payableReceivable = {};
+        this.rentId = "";
+    }
+    update(data) {
+        this.id = data.id;
+
+        if (data.collaborator)
+            this.collaborator = { id: data.collaborator.id, content: data.collaborator.person.companyName + " (" + data.collaborator.person.tradeName + ")" };
+
+        this.description = data.description;
+        this.dateStart = data.dateStart;
+        this.timeStart = data.timeStart;
+        this.dateEnd = data.dateEnd;
+        this.timeEnd = data.timeEnd;
+        this.dueDate = data.dueDate;
+        this.value = data.value;
+        this.payableReceivable = data.payableReceivable;
+    }
+}

package/src/components/modules/rental/team/TeamCreateUpdate.vue

@@ -0,0 +1,149 @@
+<template>
+  <div>
+    <div v-if="team.payableReceivable">
+      <Alert type="info">
+        <span>
+          Conta vinculada, sua alteração resultará em uma modificação no <b>Financeiro</b>.
+        </span>
+      </Alert>
+    </div>
+    <Loading :center="false" v-show="loading" />
+    <div v-show="!loading">
+      <b-row>
+        <b-col sm="12">
+          <Select title="Nome" field="type" :formName="formName" :required="true"
+            url="/api/v1/human-resources/collaborator/select-all" v-model="team.collaborator"
+            nameNewRegister="consultantCreateUpdate" :showNewRegister="false" titleNewRegister="Consultor"
+            :widthNewRegister="800" :heightNewRegister="250">
+          </Select>
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="3">
+          <DateTime title="Data Inicio" field="dateStart" format="DD/MM/YYYY" type="date" :required="true" placeholder
+            :formName="formName" v-model="team.dateStart" />
+        </b-col>
+        <b-col sm="3">
+          <DateTime title="Hora" field="timeStart" format="HH:mm" :required="true" type="time" placeholder
+            :formName="formName" v-model="team.timeStart" />
+        </b-col>
+        <b-col sm="3">
+          <DateTime title="Data Fim" field="dateEnd" format="DD/MM/YYYY" type="date" :required="true" placeholder
+            :formName="formName" v-model="team.dateEnd" />
+        </b-col>
+        <b-col sm="3">
+          <DateTime title="Hora" field="timeEnd" format="HH:mm" type="time" :required="true" placeholder
+            :formName="formName" v-model="team.timeEnd" />
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="12">
+          <EditorHtml title="Descrição" :required="false" :maxLength="1000" v-model="team.description" />
+        </b-col>
+      </b-row>
+
+      <b-row>
+        <b-col sm="3">
+          <DateTime title="Data Pagamento" field="dueDate" format="DD/MM/YYYY" type="date" :required="false" placeholder
+            :formName="formName" v-model="team.dueDate" />
+        </b-col>
+        <b-col sm="3">
+          <InputDecimal title="Valor/Cachê" field="unitValue" :formName="formName" :required="false"
+            :markFormDirty="false" :maxLength="5" type="float" v-model="team.value" />
+        </b-col>
+      </b-row>
+      <br>
+      <b-row>
+        <b-col sm="12">
+          <div class="text-right">
+            <Button _key="saveTeam" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+              classIcon="fas fa-save" size="medium" :clicked="save" />
+          </div>
+        </b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import Team from "./Team.js"
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "TeamCreateUpdate",
+  components: {
+    InputText, DateTime, Button, Select, EditorHtml, InputDecimal, Loading, Alert
+  },
+  props: {
+    rent: Object,
+  },
+  data() {
+    return {
+      formName: "teamCreateUpdate",
+      team: new Team(),
+      urlCreate: "/api/v1/human-resources/team/create",
+      urlUpdate: "/api/v1/human-resources/team/update",
+      loading: true,
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    save() {
+      this.team.rentId = this.rent.id;
+      this.team.statusRental = this.rent.statusRental;
+
+      if (this.team.id) {
+        let params = { url: this.urlUpdate, obj: this.team };
+        this.putApi(params).then((response) => {
+          if (response.success) this.hideModal();
+          this.removeLoading(["saveTeam"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.team };
+        this.postApi(params).then((response) => {
+          if (response.success) this.hideModal();
+          this.removeLoading(["saveTeam"]);
+        });
+      }
+    },
+    update(data) {
+      this.team = new Team();
+      this.team.update(data);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "teamCreateUpdate") {
+          this.loading = true;
+          this.team = new Team();
+          this.resetValidation(this.formName);
+          this.loading = false;
+        }
+        if (event.name == "teamUpdate") {
+          this.update(event.data);
+          this.loading = false;
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped></style>

package/src/components/modules/rental/team/TeamList.vue

@@ -0,0 +1,174 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
+      :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="btnTeamCreateUpdate" title="Equipe" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+      <div slot="content-buttons-table-header">
+        <!-- <Button _key="btnGenerateFinance" :title="'Lançar no Financeiro ' + selected.length" type="primary" size="small"
+          :clicked="confirmGenerate" /> -->
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Equipe" :width="850" :height="250" v-show="showModal('teamCreateUpdate')">
+      <TeamCreateUpdate :rent="rent" />
+    </Modal>
+    <Modal title="Tem certeza que deseja lançar?" :width="500" v-show="showModal('generateFinance')">
+      <Alert type="warning">
+        <span>
+          Atenção, certifique-se que está lançando o valor correto, após lançado
+          somente o Financeiro poderá alterar
+        </span>
+      </Alert>
+      <Confirmation :isModal="false" title="Você tem certeza?" type="primary"
+        :confirmed="createPaymentsAccountsReceivable" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
+
+import TeamCreateUpdate from './TeamCreateUpdate.vue'
+
+import { mapGetters, mapMutations, mapState, mapActions } from "vuex";
+
+export default {
+  name: "PeriodRentList",
+  components: {
+    ViewTemplateConfiguration,
+    Modal,
+    Button, TeamCreateUpdate, Alert, Confirmation
+  },
+  props: {
+    rent: Object,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/human-resources/team/get-all",
+        urlDeleteAllApi: "/api/v1/human-resources/team/delete",
+        urlGenerateAllApi: "/api/v1/human-resources/team/create-accounts-payments",
+        headerTable: [
+          {
+            field: "photo",
+            container: "nixloc-photo-collaborator",
+            type: "image",
+            classCssBody: "img-user",
+          },
+          {
+            field: "fullName",
+            title: "Nome",
+            type: "link",
+            eventName: "teamUpdate",
+            classCssBody: "center-vertical",
+          },
+          {
+            field: "fullPeriod",
+            title: "Período",
+            type: "text",
+            classCssBody: "center-vertical",
+          },
+          {
+            field: "description",
+            title: "Descrição",
+            type: "html",
+            classCssBody: "center-vertical",
+          },
+          {
+            field: "dueDate",
+            title: "Vencimento",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+          {
+            field: "value",
+            title: "Valor/Cachê",
+            type: "currency",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+          {
+            title: "Financeiro",
+            field: "status",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+        ],
+      },
+      propsParam: {
+        any: this.rent.id,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event", "showModal"]),
+    ...mapState("generic", ["selected"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "addEvent", "removeLoading"]),
+    ...mapActions("generic", ["putAllApi"]),
+    create() {
+      this.addEvent({ name: "teamCreateUpdate" });
+      this.openModal('teamCreateUpdate');
+      this.removeLoading(["btnTeamCreateUpdate"]);
+    },
+    confirmGenerate() {
+      this.removeLoading(["btnGenerateFinance"]);
+      this.openModal("generateFinance");
+    },
+    createPaymentsAccountsReceivable() {
+      let params = {
+        url: this.templateList.urlGenerateAllApi,
+        selected: this.selected,
+      };
+      this.putAllApi(params).then((response) => {
+        if (response.success) {
+          this.hideModal("generateInvoice");
+        }
+        this.removeLoading(["confirm"]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "teamUpdate") this.openModal("teamCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style>
+.box-finance {
+  width: 10px;
+  height: 10px;
+  border-radius: 20px;
+  margin-right: 8px;
+}
+
+.finance-delay {
+  background-color: red;
+}
+
+.finance-paid {
+  background-color: #009183;
+}
+
+.finance-today {
+  background-color: #ff8a1b;
+}
+
+.finance-scheduled {
+  background-color: #3d4eae;
+}
+</style>

package/src/components/modules/rental/type-rent/TypeRent.js

@@ -0,0 +1,10 @@
+export default class TypeRent {
+    constructor() {
+        this.id = "";
+        this.name = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.name = data.name;
+    }
+}

package/src/components/modules/rental/type-rent/TypeRentCreateUpdate.vue

@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <InputText
+          title="Nome"
+          field="name"
+          :formName="formName"
+          :required="true"
+          :maxLength="40"
+          v-model="typeRental.name"
+          :markFormDirty="false"
+        />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button
+            _key="btnSaveTypeRental"
+            type="success"
+            title="Salvar"
+            :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save"
+            size="medium"
+            :clicked="saveTypeRental"
+          />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import TypeRent from "@/components/modules/rental/type-rent/TypeRent.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "TypeRentCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { InputText, Button },
+  data() {
+    return {
+      formName: "typeRentalCreateUpdate",
+      typeRental: new TypeRent(),
+      urlCreate: "/api/v1/rental/type-rent/create",
+      urlUpdate: "/api/v1/rental/type-rent/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveTypeRental() {
+      if (this.typeRental.id) {
+        let params = { url: this.urlUpdate, obj: this.typeRental };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["btnSaveTypeRental"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.typeRental };
+        this.postApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          if (response.success && this.registerInSelect) {
+            this.$emit("input", {
+              id: response.content.id,
+              content: response.content.name,
+            });
+           this.hideVodal(this.formName);;
+          }
+          this.removeLoading(["btnSaveTypeRental"]);
+        });
+      }
+    },
+    update(data) {
+      this.typeRental = new TypeRent();
+      this.typeRental.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "typeRentalCreate") {
+          this.resetValidation(this.formName);
+          this.typeRental = new TypeRent();
+        }
+        if (event.name == "typeRentalUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>