@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/components/modules/supplier/payment-supplier-order/PaymentSupplierOrderList.vue

@@ -1,199 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
-      :propsParam="propsParam">
-      <div slot="content-buttons">
-        <div class="div-btn-paymentRent-create">
-          <Button v-if="showBtnCreate" _key="btnPaymentCreate" title="Pagamento" classIcon="fas fa-plus-circle"
-            type="primary" size="small" :clicked="create" />
-        </div>
-      </div>
-      <div slot="content-buttons-table-header">
-       <!-- <Button v-if="showBtnLaunchFinance" _key="btnGenerateFinance" :title="'Lançar no Financeiro ' + selected.length"
-          type="primary" size="small" :clicked="confirmGenerate" /> -->
-      </div>
-    </ViewTemplateConfiguration>
-    <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>
-
-    <Modal title="Pagamento" :width="700" :height="750" v-show="showModal('paymentOsCreateUpdate')">
-      <PaymentSupplierOrderCreateUpdate :status="status" :supplierOrderId="supplierOrderId" />
-    </Modal>
-
-  </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 PaymentSupplierOrderCreateUpdate from './PaymentSupplierOrderCreateUpdate.vue'
-
-import { mapMutations, mapState, mapGetters, mapActions } from "vuex";
-
-export default {
-  name: "PaymentSupplierOrderList",
-  components: {
-    ViewTemplateConfiguration,
-    Button,
-    Confirmation,
-    Alert,
-    Modal, PaymentSupplierOrderCreateUpdate
-  },
-  props: {
-    supplierOrderId: String,
-    status: Number,
-    showBtnCreate: {
-      type: Boolean,
-      default: true,
-    },
-    showBtnLaunchFinance: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      templateList: {
-        urlGetApi: "/api/v1/supplier-order/payment-supplier/get-all",
-        urlGenerateAllApi: "/api/v1/supplier-order/payment-supplier/create-accounts-payments",
-        urlDeleteAllApi: "/api/v1/supplier-order/payment-supplier/delete",
-        headerTable: [
-          {
-            field: "typePaymentName",
-            title: "Tipo de Pagamento",
-            type: "link",
-            eventName: "paymentSupplierOrderUpdate",
-          },
-          {
-            field: "dueDate",
-            title: "Vencimento",
-            type: "text",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "value",
-            title: "Valor",
-            type: "currency",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "description",
-            title: "Descrição",
-            type: "text",
-          },
-          {
-            title: "Financeiro",
-            field: "status",
-            type: "html",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-        ],
-      },
-      propsParam: {
-        any: this.supplierOrderId,
-      },
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-    ...mapState("generic", ["selected"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["openModal", "hideModal", "addEvent", "removeLoading"]),
-    ...mapActions("generic", ["putAllApi"]),
-    create() {
-      this.openModal("paymentOsCreateUpdate");
-      this.addEvent({ name: "paymentSupplierOrderCreate" });
-      this.removeLoading(["btnPaymentCreate"]);
-    },
-    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 == "paymentSupplierOrderUpdate") {
-          this.openModal("paymentOsCreateUpdate");
-        }
-      },
-      deep: true,
-    },
-  },
-
-};
-</script>
-<style>
-.badge-default {
-  background-color: #eeeeee;
-  font-size: 13px !important;
-}
-
-.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;
-}
-
-.payable {
-  color: red;
-}
-
-.receivable {
-  color: darkblue;
-}
-
-.div-btn-paymentRent-create {
-  margin-bottom: 15px;
-}
-
-.hide-link {
-  display: none;
-}
-</style>

package/src/components/modules/supplier/shared/SupplierWithCreate.vue

@@ -1,80 +0,0 @@
-<template>
-  <div>
-    <Select title="Fornecedor (Nome ou CNPJ/CPF)" field="customer" :formName="formName" :required="required"
-      :disabled="disabled" url="/api/v1/supplier/select-all" v-model="customer"
-      nameNewRegister="customerSupplierCreateUpdate" :clickedNewRegister="open" :showNewRegister="hasRule('Supplier')"
-      titleNewRegister="Fornecedor" :widthNewRegister="1200" :heightNewRegister="250">
-      <br />
-    </Select>
-    <SideBar title="Fornecedor">
-      <CustomerSupplierCreate formName="customerSupplierCreateUpdate" source="supplier"
-        urlCreate="/api/v1/supplier/create" :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/supplier/supplier-order/DropdownOptionsSupplierOrder.vue

@@ -1,190 +0,0 @@
-<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('options')"
-      :onHideModal="closeModal">
-      <SupplierOrderAccept :supplierOrderId="supplierOrder.id" v-if="modalOptions.name == 'acceptSupplierOrder'" />
-      <SupplierOrderProgress :supplierOrderId="supplierOrder.id" v-if="modalOptions.name == 'progressSupplierOrder'" />
-      <SupplierOrderReject :supplierOrderId="supplierOrder.id" v-if="modalOptions.name == 'rejectSupplierOrder'" />
-      <SupplierOrderArchive :supplierOrder="supplierOrder" v-if="modalOptions.name == 'archiveSupplierOrder'" />
-      <div class="select-document" v-show="modalOptions.name == 'selectDocument'"></div>
-    </Modal>
-    <PrintPreview v-if="showModal('print')" module="Billing" :invoiceId="supplierOrder.id"
-      :rentId="supplierOrder.rent != null ? supplierOrder.rent.id : null" />
-  </div>
-</template>
-<script>
-import SupplierOrderArchive from './SupplierOrderArchive.vue'
-
-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 Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import SupplierOrderReject from './SupplierOrderReject.vue'
-import SupplierOrderProgress from './SupplierOrderProgress.vue'
-import SupplierOrderAccept from './SupplierOrderAccept.vue'
-import PrintPreview from "../../adm/document/PrintPreview.vue";
-
-import { mapGetters, mapMutations, mapActions, mapState } from "vuex";
-
-export default {
-  name: "DropdownOptionsSupplierOrder",
-  props: {
-    supplierOrder: Object,
-  },
-  components: {
-    Dropdown,
-    Modal,
-    Select,
-    Confirmation,
-    Alert,
-    PrintPreview, SupplierOrderAccept, SupplierOrderProgress, SupplierOrderReject, SupplierOrderArchive
-  },
-  data() {
-    return {
-      documentId: "",
-      modalOptions: {
-        name: "",
-        title: "",
-        width: 0,
-      },
-      options: [
-        {
-          title: "Aprovar",
-          showByStatus: [1, 3],
-          classIcon: "fa-solid fa-circle-check",
-          eventName: "acceptSupplierOrder",
-          style: "color:#38A169;",
-        },
-        {
-          title: "Orçamento",
-          showByStatus: [2, 3],
-          classIcon: "fa-sharp fa-solid fa-file-invoice",
-          eventName: "progressSupplierOrder",
-          style: "color:#4BB4E2;",
-        },
-        {
-          title: "Reprovar",
-          showByStatus: [1, 2],
-          classIcon: "fa-solid fa-do-not-enter",
-          eventName: "rejectSupplierOrder",
-          style: "color:red;",
-          hr: true,
-        },
-        {
-          title: "Arquivar",
-          showByStatus: [1, 2, 3],
-          classIcon: "fa-solid fa-box-archive",
-          eventName: "archiveSupplierOrder",
-          style: "color:#453DB4;",
-          hr: true,
-        },
-        /*  {
-            title: "Compartilhar",
-            showByStatus: [1, 2, 3],
-            classIcon: "fa-sharp fa-regular fa-share-nodes",
-            eventName: "printRent",
-          },
-          */
-      ],
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-    ...mapState("user", ["userLogged"]),
-    ...mapGetters("user", ["hasRule"]),
-    optionsConditional() {
-      let options = [];
-      this.options.forEach((option) => {
-        if (option.showByStatus.includes(this.supplierOrder.status)) {
-          if (option.title == "Arquivar") {
-            option.title = this.supplierOrder.archived ? "Desarquivar" : "Arquivar";
-          }
-          options.push(option);
-        }
-      });
-      return options;
-    },
-  },
-  methods: {
-    ...mapMutations("generic", [
-      "addEvent",
-      "openModal",
-      "hideModal",
-      "removeLoading",
-    ]),
-    back() {
-      this.modalOptions = {
-        name: "selectDocument",
-        title: "Selecione o Documento",
-        width: 600,
-      };
-      this.removeLoading(["back"]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-
-        if (event.name == "acceptSupplierOrder") {
-          this.modalOptions = {
-            name: "acceptSupplierOrder",
-            title: "Mudar para Aprovada?",
-            width: 500,
-          };
-          this.openModal("options");
-        }
-
-        if (event.name == "progressSupplierOrder") {
-          this.modalOptions = {
-            name: "progressSupplierOrder",
-            title: "Mudar para Orçamento?",
-            width: 500,
-          };
-          this.openModal("options");
-        }
-
-        if (event.name == "rejectSupplierOrder") {
-          this.modalOptions = {
-            name: "rejectSupplierOrder",
-            title: "Mudar para Reprovada?",
-            width: 500,
-          };
-          this.openModal("options");
-        }
-
-        if (event.name == "archiveSupplierOrder") {
-          var title = this.supplierOrder.archived ? "Desarquivar" : "Arquivar";
-          this.modalOptions = {
-            name: "archiveSupplierOrder",
-            title: "Tem certeza que deseja " + title + "?",
-            width: 500,
-          };
-          this.openModal("options");
-        }
-
-        if (event.name == "printInvoice") {
-          this.openModal("print");
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.select-document {
-  min-height: 100px;
-}
-
-.icon-close {
-  color: red;
-}
-
-.icon-warning {
-  color: darkorange;
-}
-</style>

package/src/components/modules/supplier/supplier-order/SupplierOrder.js

@@ -1,51 +0,0 @@
-export default class SupplierOrder {
-    constructor() {
-        this.id = "";
-        this.identification = "";
-        this.number = 0;
-        this.status = 1;
-        this.collaborator = { id: "", content: "" };
-        this.customer = { id: "", content: "" };
-        this.contact = { id: "", content: "" };
-        this.rentId = "";
-        this.rent = {};
-        this.deliveryDateHour = "";
-        this.startDateHour = "";
-        this.endDateHour = "";
-        this.devolutionDateHour = "";
-        this.launchProducts = false;
-        this.archived = false;
-        this.observation = "";
-        this.total = 0;
-        this.totalPayment = 0;
-    }
-    update(data) {
-        this.id = data.id;
-        this.identification = data.identification;
-        this.number = data.number;
-        this.status = data.status;
-
-        if (data.collaborator)
-            this.collaborator = { id: data.collaborator.id, content: data.collaborator.person.companyName + " (" + data.collaborator.person.tradeName + ")" };
-
-        this.customer = { id: data.customerSupplier.id, content: data.customerSupplier.person.companyName + " (" + data.customerSupplier.person.tradeName + ")" };
-        this.contact = { id: data.contact.id, content: data.contact.name };
-
-        if (data.rent != null) {
-            const identification = data.rent.identification ? ` - ${data.rent.identification}` : '';
-            const customer = `Nº ${data.rent.number}${identification} - ${data.rent.customerSupplier.person.companyName}`;
-            this.rent = { id: data.rent.id, content: customer };
-        }
-
-        this.launchProducts = data.launchProducts;
-        this.deliveryDateHour = data.deliveryDateHour;
-        this.startDateHour = data.startDateHour;
-        this.endDateHour = data.endDateHour;
-        this.devolutionDateHour = data.devolutionDateHour;
-        this.observation = data.observation;
-        this.archived = data.archived;
-        this.total = data.total;
-        this.totalPayment = data.totalPayment;
-    }
-
-}

package/src/components/modules/supplier/supplier-order/SupplierOrderAccept.vue

@@ -1,39 +0,0 @@
-<template>
-  <div>
-    <div class="text-center">
-      <Button _key="btnAccept" title="Aprovar" type="success" size="medium" :clicked="update" />
-    </div>
-  </div>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-
-import { mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "SupplierOrderAccept",
-  props: {
-    supplierOrderId: String,
-  },
-  components: {
-    Button,
-  },
-  data() {
-    return { urlUpdate: "/api/v1/supplier/supplier-order/accept" };
-  },
-  methods: {
-    ...mapActions("generic", ["putApi"]),
-    ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
-    update() {
-      let params = { url: this.urlUpdate, obj: { id: this.supplierOrderId } };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          this.addEvent({ name: "supplierOrderAccepted" });
-          this.hideModal();
-        }
-        this.removeLoading(["btnAccept"]);
-      });
-    },
-  },
-};
-</script>

package/src/components/modules/supplier/supplier-order/SupplierOrderArchive.vue

@@ -1,40 +0,0 @@
-<template>
-  <div>
-    <div class="text-center">
-      <Button _key="btnArchive" title="Confirmar" color="white" backGroundColor="#453db4" size="small"
-        :clicked="update" />
-    </div>
-  </div>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-
-import { mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "SupplierOrderArchive",
-  props: {
-    supplierOrder: String,
-  },
-  components: {
-    Button,
-  },
-  data() {
-    return { urlUpdate: "/api/v1/supplier/supplier-order/archive" };
-  },
-  methods: {
-    ...mapActions("generic", ["putApi"]),
-    ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
-    update() {
-      let params = { url: this.urlUpdate, obj: { id: this.supplierOrder.id } };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          this.addEvent({ name: "supplierOrderArchive" });
-          this.hideModal();
-        }
-        this.removeLoading(["btnArchive"]);
-      });
-    },
-  },
-};
-</script>