@nixweb/nixloc-ui 1.16.0 → 1.19.0

package/src/components/modules/operational/movement-bulk/ItemMovementBulkOutPut.vue

@@ -1,185 +0,0 @@
-<template>
-    <tr :class="{
-        'background-danger': itemMovementBulk.status == 1
-            && !itemMovementBulk.finished, 'background-success': itemMovementBulk.status == 2
-                && !itemMovementBulk.finished, 'background-warning': itemMovementBulk.status == 3
-                    && !itemMovementBulk.finished, 'background-finished': itemMovementBulk.finished
-    }">
-        <td>
-            <span> {{ itemMovementBulk.productName }}</span>
-            <div class="text-center tag-product-category" v-if="itemMovementBulk.categoryProductColor"
-                :style="'background-color:' + itemMovementBulk.categoryProductColor">
-                <span> {{ itemMovementBulk.categoryProductName }}</span>
-            </div>
-            <div v-else class="tag-product-category-no-color text-center">
-                <span> {{ itemMovementBulk.categoryProductName }}</span>
-            </div>
-        </td>
-        <td>
-            <div class="div-margin">
-                <InputTextEdit v-model="itemMovementBulk.description" :enter="update" />
-            </div>
-        </td>
-        <td class="text-center">
-            <div class="div-margin">
-                <Button v-if="itemMovementBulk.patrimonyId" :_key="itemMovementBulk.id" color="white" title="Patrimônio"
-                    backGroundColor="#00A2A7" classIcon="fas fa-box" size="small" :clicked="openPatrimonies" />
-                <span v-else> {{ itemMovementBulk.productBarCode }}</span>
-            </div>
-        </td>
-        <td class="text-center td-quantity">
-            <div class="div-margin">
-                <span>
-                    <IncrementDecrement :disabled="loading"
-                        v-if="!itemMovementBulk.patrimonyId && !itemMovementBulk.finished" :min="1"
-                        v-model="itemMovementBulk.quantity" :changed="update" />
-                    <span class="title-quantity" v-else>{{ itemMovementBulk.quantity }}</span>
-                </span>
-            </div>
-        </td>
-        <td class="text-center">
-            <div class="div-margin" v-if="itemMovementBulk.rentsDistribution.length > 0">
-                <Button :_key="itemMovementBulk.id" title="Distribuição" color="white" backGroundColor="#156EBE"
-                    classIcon="fa-regular fa-chart-network" size="small" :clicked="openDistribution" />
-            </div>
-        </td>
-        <td class="text-center">
-            <div>
-                <span v-if="itemMovementBulk.status == 1">
-                    <div>
-                        <i class="fa-solid fa-do-not-enter icon-movement-danger"></i>
-                    </div>
-                    <span class="link" @click="openError">Erro(s)</span>
-                </span>
-                <span v-if="itemMovementBulk.status == 3">
-                    <div>
-                        <i class="fa-solid fa-triangle-exclamation icon-movement-warning"></i>
-                    </div>
-                    <span class="link" @click="openError">Info(s)</span>
-                </span>
-                <span v-if="itemMovementBulk.status == 2">
-                    <i class="fa-solid fa-circle-check icon-movement-success"></i>
-                </span>
-            </div>
-        </td>
-        <td class="text-right">
-            <div v-if="!itemMovementBulk.finished && !itemMovementBulk.patrimonyId" class="div-margin">
-                <Button :_key="'btnRemove' + itemMovementBulk.id" type="danger" classIcon="fa-solid fa-trash"
-                    size="small" :clicked="remove" />
-            </div>
-        </td>
-    </tr>
-</template>
-
-<script>
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import IncrementDecrement from "@nixweb/nixloc-ui/src/component/forms/IncrementDecrement.vue";
-import InputTextEdit from "@nixweb/nixloc-ui/src/component/forms/InputTextEdit.vue";
-
-import { mapMutations } from "vuex";
-
-export default {
-    name: "ItemMovementBulkOutPut",
-    props: ["itemMovementBulk", "loading"],
-    components: {
-        Button,
-        IncrementDecrement,
-        InputTextEdit
-    },
-    methods: {
-        ...mapMutations("generic", ["addEvent", "removeLoading"]),
-        openPatrimonies() {
-            this.addEvent({ name: "openPatrimonies", data: this.itemMovementBulk.patrimonies, });
-            this.removeLoading([this.itemMovementBulk.id]);
-        },
-        update() {
-            let self = this;
-            setTimeout(function () {
-                self.addEvent({ name: "productBulkUpdate", data: self.itemMovementBulk, });
-            }, 500);
-        },
-        remove() {
-            this.addEvent({ name: "productBulkRemoved", data: this.itemMovementBulk, });
-        },
-        openError() {
-            this.addEvent({ name: "openError", data: this.itemMovementBulk.messagesError, });
-        },
-        openDistribution() {
-            this.addEvent({ name: "openDistribution", data: this.itemMovementBulk });
-            this.removeLoading([this.itemMovementBulk.id]);
-        }
-    },
-}
-</script>
-
-<style scoped>
-.td-quantity {
-    width: 120px;
-}
-
-.div-margin {
-    margin-top: 8px;
-}
-
-.icon-movement-success {
-    font-size: 18px;
-    color: #1D9E1D;
-    margin-top: 13px;
-}
-
-.icon-movement-finished {
-    font-size: 18px;
-    color: #1990FF;
-    margin-top: 13px;
-}
-
-.icon-movement-danger {
-    font-size: 18px;
-    color: red;
-}
-
-.icon-movement-warning {
-    font-size: 18px;
-    color: orange;
-}
-
-
-.td-name {
-    width: 200px;
-}
-
-.title-quantity {
-    font-size: 15px;
-}
-
-.truncate-text {
-    max-width: 200px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.background-danger {
-    background-color: #FFE8E8;
-}
-
-.background-warning {
-    background-color: #FFFBE6;
-}
-
-.background-success {
-    background-color: #EBF8F4;
-}
-
-.background-finished {
-    background-color: #E6F7FF;
-}
-
-.link {
-    color: #3f529b;
-    font-size: 14px;
-    font-weight: 400;
-    cursor: pointer;
-}
-</style>

package/src/components/modules/operational/movement-bulk/ItemsMovementBulk.vue

@@ -1,189 +0,0 @@
-<template>
-    <div>
-        <Loading v-if="loading" type="line" :center="false" />
-        <table class="table table-responsive-xs">
-            <thead>
-                <tr>
-                    <th>
-                        <span class="title-header">Produto</span>
-                    </th>
-                    <th>
-                        <span class="title-header">Descrição</span>
-                    </th>
-                    <th class="text-center">
-                        <span class="title-header">Código/Patrimônios</span>
-                    </th>
-                    <th class="text-center">
-                        <span class="title-header">Qtd</span>
-                    </th>
-                    <th class="text-center"></th>
-                    <th class="text-center">
-                        <span class="title-header">Status</span>
-                    </th>
-                    <th></th>
-                </tr>
-            </thead>
-            <tbody v-for="itemMovementBulk in sortedList" :key="itemMovementBulk.id">
-                <ItemMovementBulkOutPut v-if="movementBulkType == 1" :itemMovementBulk="itemMovementBulk"
-                    :loading="loading" />
-            </tbody>
-            <tbody v-show="itemsMovementBulk.length == 0">
-                <tr>
-                    <td colspan="12">
-                        <span>Nenhum produto encontrado!</span>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-
-        <Modal title="Patrimônios" :width="800" :height="750" v-if="showModal('patrimonies')">
-            <ItemsPatrimony :patrimonies="patrimonies" />
-        </Modal>
-
-        <Modal title="Erro(s)" :width="600" :height="750" v-if="showModal('errors')">
-            <Errors :errors="errors" />
-        </Modal>
-
-        <Modal title="Distribuição" :width="800" :height="750" v-if="showModal('distribution')">
-            <RentsDistribution :rentsDistribution="rentsDistribution" :itemMovementBulk="itemMovementBulk" />
-        </Modal>
-
-
-    </div>
-</template>
-
-<script>
-
-
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import Errors from './Errors.vue'
-import ItemsPatrimony from './ItemsPatrimony.vue';
-import RentsDistribution from './RentsDistribution.vue'
-import ItemMovementBulkOutPut from './ItemMovementBulkOutPut.vue';
-
-import { mapActions, mapMutations, mapState, mapGetters } from "vuex";
-
-export default {
-    name: "ItemsMovementBulk",
-    props: ["movementBulkType"],
-    components: {
-        Modal, Loading, ItemMovementBulkOutPut,
-        ItemsPatrimony, Errors, RentsDistribution
-    },
-    data() {
-        return {
-            id: this.$route.params.id,
-            urlGetAll: "/api/v1/operational/items-movement-bulk/get-all",
-            itemsMovementBulk: [],
-            itemsMovementBulkFiltered: [],
-            itemMovementBulk: {},
-            patrimonies: [],
-            errors: [],
-            rentsDistribution: [],
-            loading: true,
-        }
-    },
-    created() {
-        this.getAll();
-    },
-    computed: {
-        ...mapState("generic", ["event"]),
-        ...mapGetters("generic", ["showModal"]),
-        sortedList() {
-            return [...this.itemsMovementBulkFiltered].sort((a, b) => {
-                if (a.categoryProductName < b.categoryProductName) return -1;
-                if (a.categoryProductName > b.categoryProductName) return 1;
-                if (a.productName < b.productName) return -1;
-                if (a.productName > b.productName) return 1;
-                return 0;
-            });
-        },
-    },
-    methods: {
-        ...mapActions("generic", ["getApi"]),
-        ...mapMutations("generic", ["openModal", "removeLoading"]),
-        async getAll() {
-            this.loading = true;
-            let params = {
-                url: this.urlGetAll,
-                obj: { id: this.id },
-            };
-            const response = await this.getApi(params);
-            this.itemsMovementBulk = response.content;
-            this.loading = false;
-            this.removeLoading(["btnRefresh"]);
-        },
-    },
-    watch: {
-        event: {
-            handler(event) {
-                if (event.name == "productCreated" || event.name == "productBulkUpdate" || event.name == "movementBulkUpdated" || event.name == "productBulkRemoved") {
-                    this.patrimonies = event.data;
-                    this.getAll();
-                }
-
-                if (event.name == "openPatrimonies") {
-                    this.openModal("patrimonies");
-                    this.patrimonies = event.data;
-                }
-
-                if (event.name == "openError") {
-                    this.openModal("errors");
-                    this.errors = event.data;
-                }
-
-                if (event.name == "openDistribution") {
-                    this.openModal("distribution");
-                    this.rentsDistribution = event.data.rentsDistribution;
-                    this.itemMovementBulk = event.data;
-                }
-
-                if (event.name == "updateStatusItemBulk") {
-                    this.itemsMovementBulk.forEach(item => {
-                        if (item.id == event.data.itemMovementBulkId) {
-                            item.status = event.data.response.status;
-                            item.errors = event.data.response.messagesError;
-                        }
-                    });
-                }
-
-            },
-            deep: true,
-        },
-        itemsMovementBulk: {
-            handler() {
-                this.itemsMovementBulkFiltered = this.itemsMovementBulk;
-            },
-            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;
-}
-
-.title-main {
-    font-weight: 500;
-    margin-right: 3px;
-    font-size: 15px;
-}
-</style>

package/src/components/modules/operational/movement-bulk/ItemsPatrimony.vue

@@ -1,98 +0,0 @@
-<template>
-    <div>
-        <ScrollBar :minHeight="450" :maxHeight="450">
-            <div v-for="patrimony in patrimonies" :key="patrimony.id">
-                <div :class="{ 'background-danger': patrimony.status == 1 }" class="div-barcode">
-                    <Molded>
-                        <b-row>
-                            <b-col sm="10">
-                                <div class="title title-patrimony"> {{ patrimony.barCode }}</div>
-                            </b-col>
-                            <b-col sm="1">
-                                <span v-if="patrimony.status == 1">
-                                    <i class="fa-solid fa-do-not-enter icon-movement-danger"></i>
-                                </span>
-                                <span v-if="patrimony.status == 2">
-                                    <i class="fa-solid fa-circle-check icon-movement-success"></i>
-                                </span>
-                            </b-col>
-                            <b-col sm="1">
-                                <Button :_key="'btnRemove' + patrimony.itemMovementBulkId" type="danger"
-                                    classIcon="fa-solid fa-trash" size="small"
-                                    :params="{ itemMovementBulkId: patrimony.itemMovementBulkId }" :clicked="remove" />
-                            </b-col>
-                        </b-row>
-                    </Molded>
-                </div>
-            </div>
-            <div v-show="patrimonies.length == 0">
-                <span>Nenhum produto encontrado!</span>
-            </div>
-        </ScrollBar>
-    </div>
-</template>
-
-<script>
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-
-import { mapActions, mapMutations } from "vuex";
-
-export default {
-    name: "ItemsPatrimony",
-    props: ["patrimonies"],
-    components: {
-        Button,
-        Molded,
-        ScrollBar
-    },
-    data() {
-        return {
-            urlDelete: "/api/v1/operational/items-movement-bulk/delete",
-            patrimoniesLocal: []
-        }
-    },
-    methods: {
-        ...mapMutations("generic", ["addEvent", "removeLoading"]),
-        ...mapActions("generic", ["deleteAllApi"]),
-        remove(param) {
-            let params = {
-                url: this.urlDelete,
-                selected: [param.itemMovementBulkId],
-            };
-            this.deleteAllApi(params).then((response) => {
-                if (response.success) {
-                    var patrimonies = this.patrimonies.filter(patrimony => patrimony.itemMovementBulkId !== param.itemMovementBulkId);
-                    this.addEvent({ name: "productRemoved", data: patrimonies });
-                }
-                this.removeLoading(['btnRemove' + param.itemMovementBulkId]);
-            });
-        },
-    }
-}
-
-</script>
-<style scoped>
-.title-patrimony {
-    font-size: 16px;
-    padding-bottom: 5px;
-}
-
-.div-barcode {
-    margin-bottom: 10px;
-}
-
-.icon-movement-success {
-    margin-top: 5px;
-    font-size: 18px;
-    color: #1D9E1D;
-}
-
-.icon-movement-danger {
-    margin-top: 5px;
-    font-size: 18px;
-    color: red;
-}
-</style>

package/src/components/modules/operational/movement-bulk/ListItemGrouped.vue

@@ -1,92 +0,0 @@
-<template>
-    <div>
-        <table class="table table-responsive-xs">
-            <thead>
-                <tr>
-                    <th>
-                        <span class="title-header"> Locação </span>
-                    </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 class="without-group">Sem grupo</span>
-                        </span>
-                    </div>
-                </td>
-                <tr v-for="item in data">
-                    <td class="td-product td">
-                        <div class="div-product">
-                            <span>
-                                <i class="fas fa-box"></i> {{
-                                    item.productName }}
-                            </span>
-                            <span>
-                                - {{ item.quantity }}
-                            </span>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
-
-<script>
-
-import { mapGetters, mapActions } from "vuex";
-
-export default {
-    name: "ListItemGrouped",
-    props: ["items"],
-    computed: {
-        ...mapGetters("generic", ["groupBy"]),
-        grouped() {
-            var list = this.groupBy({
-                array: this.items,
-                key: "rentFull",
-            });
-            return list;
-        },
-    }
-}
-
-</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;
-}
-
-.group {
-    background-color: #fafafc;
-    font-size: 14px;
-    font-weight: 400;
-}
-
-.title-group {
-    font-size: 14px;
-}
-
-.div-product {
-    margin-left: 20px;
-}
-</style>

package/src/components/modules/operational/movement-bulk/MovementBulk.js

@@ -1,23 +0,0 @@
-export default class MovementBulk {
-    constructor() {
-        this.id = "";
-        this.name = "";
-        this.type = 1;
-        this.deliveryDateHour = "";
-        this.devolutionDateHour = "";
-        this.customer = { id: "", content: "" };
-        this.rentsLinked = [];
-    }
-    update(data) {       
-        this.id = data.movementBulk.id;
-        this.name = data.movementBulk.name;
-        this.type = data.movementBulk.type;
-        this.deliveryDateHour = data.deliveryDateHourStr;
-        this.devolutionDateHour = data.devolutionDateHourStr;
-        
-        if (data.customer)
-            this.customer = { id: data.customer.id, content: data.customer.person.companyName + " (" + data.customer.person.tradeName + ")" };
-
-        this.rentsLinked = data.rentsLinked;
-    }
-}