@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/components/modules/notifications/Emails.vue

@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
+      :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="btnSearch" title="Atualizar" classIcon="fa-solid fa-arrows-rotate" size="small" type="info"
+          eventName="invoiceCreate" :clicked="clicked" />
+      </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 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 { mapState, mapMutations } from "vuex";
+
+export default {
+  name: "Emails",
+  components: {
+    ViewTemplateConfiguration,
+    Button, Confirmation,
+    Alert, Modal
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/notification/get-all",
+        urlGenerateAllApi: "/api/v1/rental/payment-rent/create-payments-accounts-receivable",
+        urlDeleteAllApi: "/api/v1/rental/payment-rent/delete",
+        showChecks: false,
+        headerTable: [
+          {
+            field: "registeredDate",
+            title: "Envio",
+            type: "dateTime",
+          },
+          {
+            field: "tos",
+            title: "Para",
+            type: "text",
+            styleBody: "max-width: 250px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+            iconSearch: true,
+          },
+          {
+            field: "description",
+            title: "Descrição",
+            type: "text",
+            styleBody: "max-width: 220px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+            iconSearch: true,
+          },
+          {
+            title: "Status",
+            field: "statusName",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "eventDate",
+            title: "Último Status",
+            type: "dateTime",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+        ],
+      },
+      propsParam: {
+        any: "",
+      },
+    };
+  },
+  mounted() {
+    this.propsParam.any = this.userLogged.user.id;
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["clearedSearch"]),
+    clicked() {
+      this.clearedSearch();
+    }
+  }
+
+};
+</script>

package/src/components/modules/notifications/Messaging.vue

@@ -0,0 +1,40 @@
+<template>
+    <div>
+        <b-tabs>
+            <b-tab v-if="hasRule('Signature')" title="Assinatura Digital">
+                <ScrollBar :minHeight="500" :maxHeight="500">
+                    <SignerListForMessaging />
+                </ScrollBar>
+            </b-tab>
+            <b-tab v-if="userLogged.user.type == 1" title="Autorização">
+                <ScrollBar :minHeight="500" :maxHeight="500">
+                    <AuthorizationTable />
+                </ScrollBar>
+            </b-tab>
+            <b-tab title="E-mails Enviados">
+                <ScrollBar :minHeight="500" :maxHeight="500">
+                    <Emails />
+                </ScrollBar>
+            </b-tab>
+        </b-tabs>
+    </div>
+</template>
+<script>
+import AuthorizationTable from '../adm/authorization/AuthorizationTable.vue'
+
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import SignerListForMessaging from '../signature/signer/SignerListForMessaging.vue'
+import Emails from './Emails.vue'
+
+import { mapGetters, mapState } from "vuex";
+
+export default {
+    name: "Messaging",
+    components: { ScrollBar, Emails, SignerListForMessaging, AuthorizationTable },
+    computed: {
+        ...mapGetters("user", ["hasRule"]),
+        ...mapState("user", ["userLogged"]),
+    }
+}
+
+</script>

package/src/components/modules/operational/AddressRentList.vue

@@ -0,0 +1,124 @@
+<template>
+    <div>
+        <Loading type="line" :center="false" v-show="loading" />
+        <ScrollBar id="items-rent" :minHeight="300" :maxHeight="300">
+            <table class="table table-responsive-xs">
+                <thead>
+                    <tr>
+                        <th>
+                            <span class="title-header"> Endereço </span>
+                        </th>
+                    </tr>
+                </thead>
+                <tbody v-for="item in content.data">
+                    <tr>
+                        <td class="td-product">
+                            <span>
+                                {{ item.description }} - {{ item.address }}
+                            </span>
+                        </td>
+
+                    </tr>
+                </tbody>
+                <tbody v-show="content.totalRecords == 0">
+                    <tr>
+                        <td colspan="12">
+                            <span class="title">Nenhum registro encontrado!</span>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </ScrollBar>
+    </div>
+</template>
+
+<script>
+
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+
+import { mapGetters, mapActions } from "vuex";
+
+export default {
+    name: "AddressRentList",
+    props: {
+        rentId: String,
+    },
+    components: {
+        ScrollBar,
+        TableTotalRecords,
+        Loading
+    },
+    data() {
+        return {
+            urlGetApi: "/api/v1/rental/address-rent/get-all",
+            data: [],
+            item: {},
+            loading: true,
+            content: {
+                data: [],
+                totalRecords: 0,
+            },
+            baseParams: {
+                search: undefined,
+                filter: "contains",
+                currentPage: 1,
+                totalPerPage: 20,
+            },
+        };
+    },
+    mounted() {
+        this.getAll(this.rentId);
+    },
+    methods: {
+        ...mapActions("generic", ["getApi"]),
+        getAll(rentId) {
+            this.loading = true;
+            let params = {
+                url: this.urlGetApi,
+                obj: {
+                    ...this.baseParams,
+                    any: rentId,
+                    noPaginated: true,
+                },
+            };
+            this.getApi(params).then((response) => {
+                this.content.data = response.content.data;
+                this.content.totalRecords = response.content.totalRecords;
+                this.loading = false;
+            });
+        },
+    },
+    watch: {
+        rentId: {
+            handler() {
+                this.getAll(this.rentId);
+            },
+            deep: true,
+        },
+    },
+}
+
+
+</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;
+}
+</style>

package/src/components/modules/operational/ButtonMovimentStock.vue

@@ -0,0 +1,136 @@
+<template>
+  <div>
+    <Loading
+      :width="40"
+      :height="40"
+      :center="false"
+      v-if="loading"
+    />
+    <div v-else>
+      <Button
+        :_key="'generateOutput' + keyButton"
+        tooltip="Gerar Saída"
+        color="white"
+        backGroundColor="#009183"
+        :title="showTitleButton ? 'Saída' : ''"
+        classIcon="fa-solid fa-circle-arrow-right"
+        :size="showTitleButton ? 'medium' : 'small'"
+        v-if="statusMovimentStock.reserved - statusMovimentStock.rented > 0"
+        :params="{ routeName: 'generateOutput' }"
+        :clicked="navigateTo"
+      />
+      <Button
+        :_key="'generateReturn' + keyButton"
+        tooltip="Gerar Retorno"
+        color="white"
+        backGroundColor="#B8860B"
+        :title="showTitleButton ? 'Retornar' : ''"
+        classIcon="fa-solid fa-circle-arrow-left"
+        :size="showTitleButton ? 'medium' : 'small'"
+        v-if="statusMovimentStock.rented - statusMovimentStock.returned > 0"
+        :params="{ routeName: 'generateReturn' }"
+        :clicked="navigateTo"
+      />
+      <Button
+        :_key="'generateRenewed' + keyButton"
+        tooltip="Gerar Renovação"
+        color="white"
+        backGroundColor="#567EB3"
+        :title="showTitleButton ? 'Renovar' : ''"
+        classIcon="fa-solid fa-retweet"
+        :size="showTitleButton ? 'medium' : 'small'"
+        v-if="statusMovimentStock.rented - statusMovimentStock.returned > 0"
+        :params="{ routeName: 'generateRenewed' }"
+        :clicked="navigateTo"
+      />
+      <Button
+        :_key="'replacePatrimony' + keyButton"
+        tooltip="Substituição"
+        color="white"
+        backGroundColor="#156EBE"
+        :title="showTitleButton ? 'Substituição' : ''"
+        classIcon="fas fa-random"
+        :size="showTitleButton ? 'medium' : 'small'"
+        v-if="statusMovimentStock.rented - statusMovimentStock.returned > 0"
+        :params="{ routeName: 'replacementPatrimony' }"
+        :clicked="navigateTo"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading";
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ButtonMovimentStock",
+  components: {
+    Button,
+    Molded,
+    Loading,
+  },
+  props: {
+    rentId: String,
+    periodRentId: String,
+    keyButton: {
+      type: String,
+      default: "",
+    },
+    showTitleButton: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      urlItemsMovimentTotalization: "/api/v1/stock/items-moviment/totalization",
+      statusMovimentStock: {},
+      loading: true,
+    };
+  },
+  mounted() {
+    this.getStatusMovimentStock();
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideModal"]),
+    getStatusMovimentStock() {
+      this.loading = true;
+      let params = {
+        url: this.urlItemsMovimentTotalization,
+        obj: { rentId: this.rentId, periodRentId: this.periodRentId },
+      };
+      this.getApi(params).then((response) => {
+        this.statusMovimentStock = response.content;
+
+        let self = this;
+        setTimeout(function () {
+          self.loading = false;
+        }, 300);
+      });
+    },
+    navigateTo(params) {
+      let self = this;
+      setTimeout(function () {
+        self.removeLoading([
+          "generateOutput" + self.keyButton,
+          "generateReturn" + self.keyButton,
+          "generateRenewed" + self.keyButton,
+          "replacePatrimony" + self.keyButton,
+        ]);
+
+        self.hideModal("infoCalendar");
+
+        self.$router.push({
+          name: params.routeName,
+          params: { id: self.rentId, periodRentId: self.periodRentId },
+        });
+      }, 300);
+    },
+  },
+};
+</script>

package/src/components/modules/operational/ItemsRentList.vue

@@ -0,0 +1,319 @@
+<template>
+  <div>
+    <ScrollBar id="items-rent" :minHeight="0" :maxHeight="150">
+      <SelectOptionPeriodRent v-show="!periodRentId" :showPeriodAll="false" :rentId="rentId" v-model="selectedPeriod" />
+    </ScrollBar>
+
+    <Loading type="line" :center="false" v-show="loading" />
+
+    <ScrollBar id="items-rent" :minHeight="300" :maxHeight="300">
+      <table class="table table-responsive-xs">
+        <colgroup>
+          <col style="width: 80%" />
+          <col style="width: 20%" />
+        </colgroup>
+
+        <thead>
+          <tr>
+            <th>
+              <span class="title-header"> Produto </span>
+            </th>
+            <th class="text-center">
+              <span class="title-header">Quantidade</span>
+            </th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <template v-for="main in grouped2">
+            <tr :key="'main-' + main.key">
+              <td class="group level-1" colspan="2">
+                <span class="title-group title">
+                  <i class="fa-solid fa-layer-group icon-color"></i>
+                  {{ main.name || "Sem grupo" }}
+                </span>
+              </td>
+            </tr>
+
+            <template v-for="group in main.groups">
+              <tr :key="'group-' + group.key">
+                <td class="group level-2" colspan="2">
+                  <span class="title-group title">
+                    <i class="fa-regular fa-layer-group icon-color"></i>
+                    {{ group.name || "Sem subgrupo" }}
+                  </span>
+                </td>
+              </tr>
+
+              <tr v-for="item in group.items" :key="'item-' + item.id">
+                <td class="td-product td">
+                  <span>{{ item.productFullName }}</span>
+                  <br />
+                  <span class="description" v-html="item.description"></span>
+                </td>
+
+                <td class="text-center td-quantity td">
+                  <div>
+                    <span>{{ item.quantity }}</span>
+                    <span v-if="item.type != 3">
+                      ({{ item.unitOfMeasurementName }})
+                    </span>
+                  </div>
+
+                  <div class="quantity">
+                    <ItemsRentStatusStock v-if="item.type != 3" :data="item" />
+                  </div>
+                </td>
+              </tr>
+            </template>
+          </template>
+        </tbody>
+
+        <tbody v-show="content.totalRecords == 0">
+          <tr>
+            <td colspan="2">
+              <span class="title">Nenhum registro encontrado!</span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </ScrollBar>
+  </div>
+</template>
+
+<script>
+import SelectOptionPeriodRent from "../rental/period-rental/SelectOptionPeriodRent.vue";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
+import ItemsRentStatusStock from "../rental/items-rent/ItemsRentStatusStock.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import { mapGetters, mapActions } from "vuex";
+
+export default {
+  name: "ItemsList",
+  props: {
+    rentId: String,
+    periodRentId: String,
+  },
+  components: {
+    ScrollBar,
+    TableTotalRecords,
+    ItemsRentStatusStock,
+    Loading,
+    SelectOptionPeriodRent,
+  },
+  data() {
+    return {
+      urlGetApi: "/api/v1/rental/items-rent/get-all",
+      selectedPeriod: {},
+      loading: true,
+      content: {
+        data: [],
+        totalRecords: 0,
+      },
+      baseParams: {
+        search: undefined,
+        filter: "contains",
+        currentPage: 1,
+        totalPerPage: 20,
+      },
+    };
+  },
+  mounted() {
+    this.getOptional();
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+
+    grouped2() {
+      const items = Array.isArray(this.content.data) ? this.content.data : [];
+
+      const ordered = [...items].sort((a, b) => {
+        const aMain = a.groupMainOrder ?? 999999;
+        const bMain = b.groupMainOrder ?? 999999;
+        if (aMain !== bMain) return aMain - bMain;
+
+        const aGroup = a.groupOrder ?? 999999;
+        const bGroup = b.groupOrder ?? 999999;
+        if (aGroup !== bGroup) return aGroup - bGroup;
+
+        const aItem = a.itemOrder ?? 999999;
+        const bItem = b.itemOrder ?? 999999;
+        if (aItem !== bItem) return aItem - bItem;
+
+        return String(a.id || "").localeCompare(String(b.id || ""));
+      });
+
+      const mainMap = new Map();
+
+      for (const item of ordered) {
+        const mainName = item.groupMainName || "Sem grupo";
+        const mainKey = item.groupMainName || "__sem_grupo_main__";
+
+        if (!mainMap.has(mainKey)) {
+          mainMap.set(mainKey, {
+            key: mainKey,
+            name: mainName,
+            groupsMap: new Map(),
+          });
+        }
+
+        const main = mainMap.get(mainKey);
+
+        const groupName = item.groupRentName || "Sem subgrupo";
+        const groupKey = item.groupRentName || "__sem_group_rent__";
+
+        if (!main.groupsMap.has(groupKey)) {
+          main.groupsMap.set(groupKey, {
+            key: `${mainKey}::${groupKey}`,
+            name: groupName,
+            items: [],
+          });
+        }
+
+        const group = main.groupsMap.get(groupKey);
+        group.items.push(item);
+      }
+
+      return Array.from(mainMap.values()).map((main) => ({
+        key: main.key,
+        name: main.name,
+        groups: Array.from(main.groupsMap.values()).map((group) => ({
+          key: group.key,
+          name: group.name,
+          items: group.items,
+        })),
+      }));
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+
+    getAll(rentId, periodRentId) {
+      this.loading = true;
+
+      const params = {
+        url: this.urlGetApi,
+        obj: {
+          ...this.baseParams,
+          rentId: rentId,
+          periodRentId: periodRentId,
+          noPaginated: true,
+          withAccessory: true,
+          withOnlyStock: true,
+        },
+      };
+
+      this.getApi(params).then((response) => {
+        this.content.data = response.content.data;
+        this.content.totalRecords = response.content.totalRecords;
+        this.loading = false;
+      });
+    },
+
+    getOptional() {
+      const self = this;
+      setTimeout(function () {
+        const periodId = self.periodRentId ?? self.selectedPeriod?.period?.id;
+        if (!periodId) return;
+        self.getAll(self.rentId, periodId);
+      }, 300);
+    },
+  },
+  watch: {
+    rentId: {
+      handler() {
+        this.getOptional();
+      },
+      deep: true,
+    },
+    selectedPeriod: {
+      handler() {
+        const self = this;
+        setTimeout(function () {
+          self.getOptional();
+        }, 300);
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.table {
+  width: 100% !important;
+  table-layout: fixed;
+}
+
+.table th,
+.table td {
+  height: 10px !important;
+  padding-left: 10px !important;
+  padding-top: 7px !important;
+  padding-bottom: 5px !important;
+  padding-right: 10px !important;
+  border-bottom: 0px !important;
+}
+
+.title-header {
+  font-size: 14px;
+  color: #757d8c;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+.group {
+  font-size: 14px;
+  font-weight: 600;
+  color: #111;
+}
+
+.icon-color {
+  color: #2563eb;
+  margin-right: 6px;
+}
+
+.level-1 {
+  background-color: #E3E5ED;
+}
+
+.level-2 {
+  background-color: #F6F6F8;
+  padding-left: 18px !important;
+}
+
+.title-group {
+  font-size: 14px;
+}
+
+.td-product {
+  width: 80% !important;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
+.td-quantity {
+  width: 20% !important;
+}
+
+.quantity {
+  cursor: pointer;
+}
+
+.quantity:hover {
+  text-decoration: underline;
+}
+
+.description {
+  font-weight: 400;
+  color: grey;
+}
+
+.without-group {
+  font-size: 13px;
+  font-style: italic;
+  color: grey;
+}
+</style>