@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/human-resources/collaborator/CollaboratorCreateUpdate.vue

@@ -0,0 +1,190 @@
+<template>
+  <div class="margin">
+    <b-tabs>
+      <b-tab title="Dados">
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="12" xl="12">
+            <CheckboxGroup field="options" :formName="formName" :initialValue="collaborator.options" :options="[
+              { text: 'Consultor', value: 'isConsultant' },
+              { text: 'Freelancer', value: 'isFreelance' },
+              { text: 'Funcionário', value: 'isEmployee' },
+            ]" v-model="collaborator.options" />
+          </b-col>
+        </b-row>
+        <Person :formName="formName" :showTypePerson="false" v-model="collaborator.personRequest" />
+        <b-row>
+          <b-col sm="12">
+            <RadioGroup title="Status" field="status" :formName="formName" :options="[
+              { text: 'Ativo', value: 1 },
+              { text: 'Inativo', value: 2 },
+            ]" v-model="collaborator.status" />
+          </b-col>
+        </b-row>
+      </b-tab>
+      <b-tab title="Foto">
+        <ImageUpload title="Carregar Imagem" classCss="img-round" container="nixloc-photo-collaborator" :width="100"
+          :height="100" accepted=".jpg .png" urlPost="/api/v1/adm/file-upload/upload"
+          urlRemove="/api/v1/adm/file-upload/delete" :onLoad="updateImage" v-model="collaborator.photo" />
+      </b-tab>
+    </b-tabs>
+    <br />
+    <Molded v-if="showSelectUser">
+      <b-row>
+        <b-col xs="12" sm="12" md="12" lg="12" xl="12">
+          <Select title="Usuário Vinculado" field="user" :formName="formName" :required="showSelectUser"
+            url="/api/v1/adm/user/select-all" v-model="collaborator.user">
+          </Select>
+        </b-col>
+      </b-row>
+      <br />
+    </Molded>
+    <br v-if="showSelectUser" />
+    <Molded>
+      <Contact :formName="formName" v-model="collaborator.contactRequest" />
+    </Molded>
+    <div v-if="id && !isLoading('panel')">
+      <br />
+      <b-tabs v-model="tabIndex">
+        <b-tab title="Endereço">
+          <AddressList v-if="tabIndex == 0" :genericId="id" />
+        </b-tab>
+        <b-tab title="Anexo">
+          <FileManager :showInModal="false" source="collaborator" :genericId="collaborator.id" />
+        </b-tab>
+      </b-tabs>
+    </div>
+    <br />
+    <Molded>
+      <TextArea title="Observações" field="observation" :required="false" :maxLength="800"
+        v-model="collaborator.observation" />
+    </Molded>
+    <br />
+  </div>
+</template>
+
+<script>
+import ImageUpload from "@nixweb/nixloc-ui/src/component/forms/ImageUpload";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import FileManager from "@nixweb/nixloc-ui/src/component/shared/file-manager/FileManager";
+
+import AddressList from "../../shared/address/AddressList.vue";
+
+import Contact from "@nixweb/nixloc-ui/src/component/value-objects/Contact.vue";
+import Person from "@nixweb/nixloc-ui/src/component/value-objects/Person.vue";
+
+import Collaborator from "@/components/modules/human-resources/collaborator/Collaborator.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "CollaboratorCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: {
+    ImageUpload,
+    InputText,
+    Select,
+    RadioGroup,
+    TextArea,
+    CheckboxGroup,
+    FileManager,
+    Person,
+    Contact,
+    Molded,
+    AddressList,
+    AddressList,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      formName: "collaboratorCreateUpdate",
+      collaborator: new Collaborator(),
+      urlCreate: "/api/v1/human-resources/collaborator/create",
+      urlUpdate: "/api/v1/human-resources/collaborator/update",
+      urlGetById: "/api/v1/human-resources/collaborator/get-by-id",
+      tabIndex: 0,
+    };
+  },
+  created() {
+    if (this.id) this.getById();
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "isLoading"]),
+    showSelectUser() {
+      return this.collaborator.options.includes("isConsultant");
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation", "removeFormDirty"]),
+    create() {
+      this.collaborator.addressValueObject.state = "";
+
+      let params = { url: this.urlCreate, obj: this.collaborator };
+      this.postApi(params).then((response) => {
+        if (response.success && this.registerInSelect) {
+          this.$emit("input", {
+            id: response.data.id,
+            content: response.data.person.companyName,
+          });
+          this.hideVodal(this.formName);
+        }
+        if (response.success && !this.registerInSelect) {
+          this.$router.replace({
+            name: "collaboratorUpdate",
+            params: { id: response.content.id },
+          });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    update() {
+      this.collaborator.addressValueObject.state = "";
+      let params = { url: this.urlUpdate, obj: this.collaborator };
+      this.putApi(params).then(() => {
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    updateImage() {
+      if (this.id) this.update();
+    },
+    getById() {
+      let params = { url: this.urlGetById, obj: { id: this.id } };
+      this.getApi(params).then((response) => {
+        this.collaborator.update(response.content);
+        let self = this;
+        setTimeout(function () {
+          self.removeLoading(["panel"]);
+          self.removeFormDirty();
+        }, 100);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.margin {
+  margin-right: 10px;
+}
+</style>

package/src/components/modules/human-resources/collaborator/ConsultantCreateUpdate.vue

@@ -0,0 +1,86 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="6">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="100"
+          v-model="collaborator.personRequest.companyName" :markFormDirty="false" />
+      </b-col>
+      <b-col sm="6">
+        <InputText title="Apelido" field="apelido" :formName="formName" :required="true" :maxLength="100"
+          v-model="collaborator.personRequest.tradeName" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <Select title="Usuário Vinculado" field="user" :formName="formName" :required="true"
+          url="/api/v1/adm/user/select-all" v-model="collaborator.user" :markFormDirty="false">
+        </Select>
+      </b-col>
+    </b-row>
+    <br />
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="btnSaveCollaborator" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveCollaborator" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import Collaborator from "@/components/modules/human-resources/collaborator/Collaborator.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ConsultantCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { InputText, Select, Button },
+  data() {
+    return {
+      formName: "consultantCreateUpdate",
+      collaborator: new Collaborator(),
+      urlCreate: "/api/v1/human-resources/collaborator/create",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveCollaborator() {
+      this.collaborator.options = ["isConsultant"];
+      this.collaborator.addressValueObject.state = "";
+      let params = { url: this.urlCreate, obj: this.collaborator };
+      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.person.companyName} (${response.content.person.tradeName})`,
+          });
+          this.hideVodal(this.formName);;
+        }
+        this.removeLoading(["btnSaveCollaborator"]);
+      });
+    },
+  },
+};
+</script>

package/src/components/modules/maintenance/items-order-service/ItemsOrderService.js

@@ -0,0 +1,32 @@
+export default class ItemsOrderService {
+    constructor() {
+        this.id = "";
+        this.type = 1;
+        this.orderServiceId = "";
+        this.patrimony = { id: "", content: "" };
+        this.typeProduct = { id: "", content: "" };
+        this.product = { id: "", content: "" };
+        this.quantity = 1;
+        this.description = "";
+        this.dateStart = "";
+        this.dateEnd = "";
+        this.status = 1;
+    }
+    update(data) {
+        this.id = data.id;
+
+        if (data.patrimony) {
+            this.patrimony = { id: data.patrimony.id, content: data.patrimony.content };
+            this.type = 1;
+        } else {
+            this.type = 2;
+        }
+
+        this.product = { id: data.product.id, content: data.product.content };
+        this.quantity = data.quantity;
+        this.description = data.description;
+        this.dateStart = data.dateStart;
+        this.dateEnd = data.dateEnd;
+        this.status = data.status;
+    }
+}

package/src/components/modules/maintenance/items-order-service/ItemsOrderServiceCreateUpdate.vue

@@ -0,0 +1,171 @@
+<template>
+    <div>
+        <b-row>
+            <b-col xs="12" sm="12" md="12" lg="7" xl="7">
+                <RadioGroup :formName="formName" :options="[
+                    { text: 'Patrimoniado', value: 1 },
+                    { text: 'Não patrimoniado', value: 2 },
+                ]" v-model="itemsOrderService.type" />
+            </b-col>
+        </b-row>
+        <b-row v-show="!isPatrimony">
+            <b-col xs="12" sm="12" md="12" lg="5" xl="5">
+                <Select title="Tipo" field="type" :formName="formName" :required="!isPatrimony" :markFormDirty="false"
+                    url="/api/v1/stock/type-product/select-all" :showNewRegister="false"
+                    v-model="itemsOrderService.typeProduct" :changed="cleanProduct" />
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="7" xl="7">
+                <Select title="Produto" field="product" :formName="formName" :required="!isPatrimony"
+                    :markFormDirty="false" url="/api/v1/stock/product/select-all-maintenance"
+                    :propsParams="{ any: itemsOrderService.typeProduct.id }" :showNewRegister="false"
+                    v-model="itemsOrderService.product" />
+            </b-col>
+        </b-row>
+        <b-row v-show="isPatrimony">
+            <b-col xs="12" sm="12" md="12" lg="12" xl="12">
+                <Select title="Patrimônio" :required="isPatrimony" field="patrimony" :formName="formName"
+                    :markFormDirty="false" url="/api/v1/stock/patrimony/select-all-with-product"
+                    :showNewRegister="false" :changed="changePatrimony" v-model="itemsOrderService.patrimony" />
+            </b-col>
+        </b-row>
+        <b-row>
+            <b-col sm="12">
+                <div>
+                    <TextArea title="Descrição" field="description" :required="false" :markFormDirty="false"
+                        :maxLength="2000" v-model="itemsOrderService.description" />
+                </div>
+            </b-col>
+        </b-row>
+        <b-row>
+            <b-col sm="3">
+                <DateTime title="Inicio" field="startDateHour" format="DD/MM/YYYY" type="date" placeholder
+                    :formName="formName" :markFormDirty="false" :required="true"
+                    v-model="itemsOrderService.dateStart" />
+            </b-col>
+            <b-col sm="3">
+                <DateTime title="Fim" field="endDateHour" format="DD/MM/YYYY" type="date" placeholder
+                    :formName="formName" :markFormDirty="false" :required="true" v-model="itemsOrderService.dateEnd" />
+            </b-col>
+        </b-row>
+        <b-row>
+            <b-col sm="2" v-if="!isPatrimony">
+                <InputNumber title="Quantidade" field="value" :formName="formName" :required="false"
+                    :markFormDirty="false" :maxLength="10" :precision="2" type="float"
+                    v-model="itemsOrderService.quantity" />
+            </b-col>
+            <b-col sm="2">
+                <InputDecimal title="Valor" field="value" :formName="formName" :required="false" :markFormDirty="false"
+                    :maxLength="10" :precision="2" type="float" v-model="itemsOrderService.value" />
+            </b-col>
+        </b-row>
+        <b-row>
+            <b-col sm="12">
+                <div class="div-btn text-right">
+                    <Button _key="btnSaveItemsOrderService" type="success" title="Salvar"
+                        :disabled="!isFormValid(formName)" classIcon="fas fa-save" size="medium" :clicked="save" />
+                </div>
+            </b-col>
+        </b-row>
+    </div>
+</template>
+
+<script>
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
+import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
+
+import ItemsOrderService from "@/components/modules/maintenance/items-order-service/ItemsOrderService.js";
+
+import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
+
+export default {
+    name: "ItemsOrderServiceCreateUpdate",
+    props: {
+        orderServiceId: String,
+    },
+    components: {
+        Button,
+        DateTime,
+        InputText,
+        InputDecimal,
+        Molded,
+        Select,
+        RadioGroup,
+        TextArea,
+        InputNumber,
+    },
+    data() {
+        return {
+            formName: "itemsOrderServiceCreateUpdate",
+            itemsOrderService: new ItemsOrderService(),
+            urlCreate: "/api/v1/maintenance/items-os/create",
+            urlUpdate: "/api/v1/maintenance/items-os/update",
+            urlGetById: "/api/v1/maintenance/items-os/get-by-id",
+        };
+    },
+    computed: {
+        ...mapGetters("validation", ["isFormValid"]),
+        ...mapGetters("generic", ["event"]),
+        ...mapState("validation", ["validations"]),
+        isPatrimony() {
+            if (this.itemsOrderService.type == 1) return true;
+            return false;
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["postApi", "putApi"]),
+        ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
+        ...mapMutations("validation", ["resetValidation", "removeValidation"]),
+        save() {
+            this.itemsOrderService.orderServiceId = this.orderServiceId;
+            if (this.itemsOrderService.id) {
+                let params = { url: this.urlUpdate, obj: this.itemsOrderService };
+                this.putApi(params).then((response) => {
+                    if (response.success) {
+                        this.savedSuccess();
+                    }
+                    this.removeLoading(["btnSaveItemsOrderService"]);
+                });
+            } else {
+                let params = { url: this.urlCreate, obj: this.itemsOrderService };
+                this.postApi(params).then((response) => {
+                    if (response.success) {
+                        this.savedSuccess();
+                    }
+                    this.removeLoading(["btnSaveItemsOrderService"]);
+                });
+            }
+        },
+        savedSuccess() {
+            this.addEvent({ name: "saveItemsOrderService" });
+            this.hideModal();
+        },
+        cleanProduct() {
+            this.itemsOrderService.product = { id: "", content: "" };
+            this.itemsOrderService.patrimony = { id: "", content: "" };
+        },
+        changePatrimony() {
+            this.itemsOrderService.product = { id: this.itemsOrderService.patrimony.any.id, content: "" };
+        }
+    },
+    watch: {
+        "itemsOrderService.type": {
+            handler(type) {
+                this.cleanProduct();
+
+                if (type == 2)
+                    this.removeValidation({ key: "patrimony&itemsOrderServiceCreateUpdate" });
+            },
+            deep: true,
+        },
+    },
+}
+
+</script>

package/src/components/modules/maintenance/items-order-service/ItemsOrderServiceItem.vue

@@ -0,0 +1,97 @@
+<template>
+    <div>
+        <div class="container-item">
+            <Molded>
+                <b-row>
+                    <b-col sm="8">
+                        <span class="link">
+                            {{ item.productFullName }}
+                        </span>
+                        <span v-if="item.barCode">
+                            - Nº Patrimônio {{ item.barCode }}
+                        </span>
+                        <span v-else>
+                            - Quantidade {{ item.quantity }}
+                        </span>
+                        <div>
+                            Início: {{ item.dateStartStr }} - Retorno: {{ item.dateEndStr }}
+                        </div>
+                    </b-col>
+                    <b-col sm="3">
+                        <Toggle title="Retornado" :color="'#577696'" v-model="item.returned" :changed="changed" />
+                    </b-col>
+                    <b-col sm="1">
+                        <div class="text-right">
+                            <Button :_key="item.id" type="danger" classIcon="fa-solid fa-trash" size="small"
+                                :clicked="remove" :params="item" />
+                        </div>
+                    </b-col>
+                </b-row>
+            </Molded>
+        </div>
+    </div>
+</template>
+
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Toggle from "@nixweb/nixloc-ui/src/component/forms/Toggle";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "ItemsOrderServiceItem",
+    props: ["item"],
+    components: {
+        Molded,
+        Toggle,
+        Button
+    },
+    data() {
+        return {
+            urlDeleteApi: "/api/v1/maintenance/items-os/delete",
+            urlIsReturnedApi: "/api/v1/maintenance/items-os/is-returned",
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["putApi", "deleteAllApi"]),
+        ...mapMutations("generic", ["addEvent"]),
+        changed() {
+            let params = { url: this.urlIsReturnedApi, obj: this.item, notNotifyToast: true };
+            this.putApi(params).then((response) => {
+                if (response.success) {
+
+                }
+            });
+        },
+        remove(item) {
+            let params = {
+                url: this.urlDeleteApi,
+                selected: [item.id],
+            };
+            this.deleteAllApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "saveItemsOrderService" });
+                }
+            });
+        },
+    }
+}
+</script>
+<style scoped>
+.container-item {
+    margin-top: 25px;
+}
+
+.link {
+    color: #3f529b;
+    font-size: 14px;
+    font-weight: 400;
+    cursor: pointer;
+}
+
+.link:hover {
+    text-decoration: underline;
+}
+</style>

package/src/components/modules/maintenance/items-order-service/ItemsOrderServiceList.vue

@@ -0,0 +1,94 @@
+<template>
+    <div>
+        <Button _key="btnItemsOrderServiceCreate" title="Produto" classIcon="fas fa-plus-circle" type="primary"
+            size="small" :clicked="create" />
+        <div v-for="item in content.data" :key="item.id">
+            <ItemsOrderServiceItem :item="item" />
+        </div>
+        <div class="container-no-data" v-if="content.data.length == 0">
+            Nenhum produto adicionado!
+        </div>
+        <Modal title="Produto" :width="1000" v-if="showModal('itemOrderService')">
+            <ItemsOrderServiceCreateUpdate v-if="showModal('itemOrderService')" :orderServiceId="orderServiceId" />
+        </Modal>
+    </div>
+</template>
+
+<script>
+
+
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+
+import ItemsOrderServiceItem from './ItemsOrderServiceItem.vue';
+import ItemsOrderServiceCreateUpdate from './ItemsOrderServiceCreateUpdate.vue';
+
+import { mapMutations, mapActions, mapGetters } from "vuex";
+
+export default {
+    name: "ItemsOrderServiceList",
+    props: {
+        orderServiceId: String,
+    },
+    components: {
+        Button, Modal, ScrollBar, ItemsOrderServiceCreateUpdate, ItemsOrderServiceItem
+    },
+    data() {
+        return {
+            urlGetApi: "/api/v1/maintenance/items-os/get-all",
+            urlDelete: "/api/v1/maintenance/items-os/delete",
+            content: {
+                data: [],
+                totalRecords: 0,
+            },
+            loading: false,
+        };
+    },
+    mounted() {
+        this.getAll();
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal", "event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["openModal", "addEvent", "removeLoading"]),
+        ...mapActions("generic", ["getApi", "deleteAllApi"]),
+        getAll() {
+            this.loading = true;
+            let params = {
+                url: this.urlGetApi,
+                obj: {
+                    ...this.baseParams,
+                    any: this.orderServiceId,
+                },
+            };
+            this.getApi(params).then((response) => {
+                this.content.data = response.content.data;
+                this.content.totalRecords = response.content.totalRecords;
+                this.loading = false;
+            });
+        },
+        create() {
+            this.openModal("itemOrderService");
+            this.removeLoading(["btnItemsOrderServiceCreate"]);
+        },
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "saveItemsOrderService") {
+                    this.getAll();
+                }
+            },
+            deep: true,
+        },
+    },
+}
+</script>
+<style scoped>
+.container-no-data {
+    margin-top: 10px;
+}
+</style>