@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/views/modules/maintenance/OrderServiceList.vue

@@ -0,0 +1,190 @@
+<template>
+    <div>
+        <ViewTemplateWithTable :panel="panel" :templateList="templateList" :actions="actions" :filters="filters"
+            :buttonRemove="true">
+            <div slot="content-buttons">
+                <Button _key="btnOrderServiceCreate" title="Ordem de Serviço" classIcon="fas fa-plus-circle"
+                    type="primary" size="small" :clicked="create" />
+            </div>
+        </ViewTemplateWithTable>
+        <Modal title="Tem certeza que deseja excluir?" :width="480" v-show="showModal('removeOs')">
+            <Alert type="warning">
+                <span>
+                    Atenção, ao excluir uma OS alguns processos serão executados, esta ação é
+                    irreversível...
+                </span>
+            </Alert>
+            <InputText title="Digite Remover para confirmar" :maxLength="7" :required="false" v-model="confirmRemove" />
+            <Confirmation :isModal="false" :disabled="confirmRemove != 'Remover'" title="Você tem certeza?"
+                type="danger" :confirmed="remove" />
+        </Modal>
+    </div>
+</template>
+
+<script>
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+
+import { mapMutations, mapActions, mapGetters } from "vuex";
+
+export default {
+    name: "OsServiceListView",
+    components: {
+        ViewTemplateWithTable,
+        Confirmation,
+        Button,
+        Modal,
+        Alert,
+        InputText
+    },
+    data() {
+        return {
+            id: "",
+            confirmRemove: "",
+            panel: {
+                module: "Manutenção",
+                title: "Ordem de Serviço",
+                showFilter: true,
+                showSearch: true,
+                showButtons: true,
+            },
+            templateList: {
+                urlGetApi: "/api/v1/maintenance/order-service/get-all",
+                urlDeleteAllApi: "/api/v1/maintenance/order-service/delete",
+                showChecks: true,
+                headerTable: [
+                    {
+                        title: "Número/Data",
+                        field: "numberAndDate",
+                        type: "text",
+                        iconSearch: true,
+                    },
+                    {
+                        field: "supplier",
+                        title: "Fornecedor",
+                        type: "link",
+                        routeName: "orderServiceUpdate",
+                        styleBody: "max-width: 500px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+                        iconSearch: true,
+                    },
+                    {
+                        field: "customer",
+                        fieldSecond: "identification",
+                        title: "Cliente",
+                        type: "link",
+                        routeName: "orderServiceUpdate",
+                        styleBody: "max-width: 500px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+                        iconSearch: true,
+                    },
+                    {
+                        title: "R$ Cliente",
+                        field: "valueCustomer",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                        type: "currency",
+                    },
+                    {
+                        title: "R$ Forn...",
+                        field: "valueSupplier",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                        type: "currency",
+                    },
+                    {
+                        field: "statusName",
+                        title: "Status",
+                        type: "class",
+                        fieldComparison: "statusName",
+                        classCssTitle: "text-center",
+                        classCssBody: [
+                            {
+                                classCss: "text-center badge badge-warning",
+                                fieldComparison: "Pendente",
+                            },
+                            {
+                                classCss: "text-center badge badge-primary",
+                                fieldComparison: "Finalizada",
+                            },
+                        ],
+                    },
+                ],
+            },
+            actions: [
+                { type: "delete", title: "Remover", description: "Remover", url: "/api/v1/maintenance/order-service/delete", method: "delete", },
+            ],
+            filters: [
+                {
+                    type: "date",
+                    title: "Data Cadastro",
+                    field: "RegisteredDate",
+                    value: "",
+                },
+                {
+                    type: "options",
+                    title: "Status",
+                    field: "StatusName",
+                    options: [
+                        { text: "Pendente", value: "Pendente" },
+                        { text: "Finalizada", value: "Finalizada" },
+                    ],
+                    value: [],
+                },
+                {
+                    type: "decimal",
+                    title: "Valor",
+                    field: "TotalGeneral",
+                    valueStart: 0,
+                    valueEnd: 0,
+                },
+            ],
+        };
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal", "event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+        ...mapActions("generic", ["deleteAllApi"]),
+        create() {
+            this.$router.push({
+                name: "orderServiceCreate",
+            });
+            this.removeLoading(["btnOrderServiceCreate"]);
+        },
+        remove() {
+            let params = {
+                url: this.templateList.urlDeleteAllApi,
+                selected: [this.id],
+            };
+
+            this.deleteAllApi(params).then((response) => {
+                if (response.success) {
+                    this.hideModal("removeOs");
+                }
+                this.removeLoading(["confirm"]);
+            });
+        },
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "removeOs") {
+                    this.id = event.data.id;
+                    this.confirmRemove = "";
+                    this.openModal("removeOs");
+                }
+            },
+            deep: true,
+        },
+    },
+};
+</script>
+<style scoped>
+.rent-icon-close {
+    color: red;
+}
+</style>

package/src/views/modules/maintenance/OsPanel.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="main">
+    <div>
+      <Panel module="Manutenção" title="Painel de OS" layout="large" :showFilter="false" :showSearch="false"
+        :showButtons="false">
+        <div slot="content-main">
+          <br>
+          <OsPanel />
+        </div>
+      </Panel>
+    </div>
+  </div>
+</template>
+<script>
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import OsPanel from "../../../components/modules/maintenance/os-panel/OsPanel.vue";
+
+export default {
+  name: "OsPanelView",
+  components: {
+    Panel,
+    OsPanel
+  },
+};
+</script>
+
+<style scoped>
+.main {
+  margin-left: 120px;
+  margin-top: 100px;
+  margin: auto;
+}
+</style>

package/src/views/modules/maintenance/ReportMaintenance.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <ViewTemplateReportList :panel="panel" :reports="reports" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateReportList from "@nixweb/nixloc-ui/src/component/template/ViewTemplateReportList";
+
+export default {
+  name: "RelatorioMaintenanceView",
+  components: { ViewTemplateReportList },
+  data() {
+    return {
+      panel: {
+        module: "Manutenção",
+        title: "Relatório",
+        showFilter: false,
+        showSearch: true,
+        showButtons: false,
+      },
+      reports: {
+        default: [
+          {
+            name: "Relatório de ordem de serviço",
+            routeName: "reportOrderService",
+          },
+          {
+            name: "Relatório de produtos",
+            routeName: "reportProductOrderService",
+          },
+        ],
+        saved: [],
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/maintenance/ReportOrderService.vue

@@ -0,0 +1,124 @@
+<template>
+    <div>
+        <Report module="Manutenção" name="Ordem de Serviço" urlGet="/api/v1/maintenance/report/report-order-service"
+            :header="header" :filters="filters" />
+    </div>
+</template>
+
+<script>
+
+import Report from "@nixweb/nixloc-ui/src/component/report/Report";
+
+export default {
+    name: "ReportOrderService",
+    components: {
+        Report
+    },
+    data() {
+        return {
+            header: [
+                {
+                    title: "Número",
+                    field: "number",
+                    fieldOrderBy: "Number",
+                    show: true,
+                    initialOrderBy: true,
+                },
+                {
+                    title: "Data Cadastro",
+                    field: "registeredDateStr",
+                    fieldOrderBy: "RegisteredDate",
+                    show: true,
+                },
+                {
+                    title: "Identificação",
+                    field: "identification",
+                    fieldOrderBy: "Identification",
+                    show: true,
+                },
+                {
+                    title: "Cliente",
+                    field: "customerName",
+                    fieldOrderBy: "CustomerName",
+                    show: true,
+                },
+                {
+                    title: "Fornecedor",
+                    field: "supplierName",
+                    fieldOrderBy: "SupplierName",
+                    show: true,
+                },
+                {
+                    title: "Tipo",
+                    field: "typeMaintenanceName",
+                    fieldOrderBy: "TypeMaintenanceName",
+                    show: false,
+                },
+                {
+                    title: "R$ Cliente",
+                    field: "valueCustomerStr",
+                    fieldOrderBy: "ValueCustomer",
+                    show: true,
+                },
+                {
+                    title: "R$ Fornecedor",
+                    field: "valueSupplierStr",
+                    fieldOrderBy: "ValueSupplier",
+                    show: true,
+                },
+            ],
+            filters: [
+                {
+                    type: "date",
+                    title: "Data Cadastro",
+                    field: "RegisteredDate",
+                    value: "",
+                    required: true,
+                },
+                {
+                    type: "multiOptions",
+                    title: "Cliente",
+                    field: "CustomerName",
+                    url: "/api/v1/crm/customer/select-all-without-document",
+                    propsParams: { isCustomer: true, isSupplier: false },
+                    value: "",
+                },
+                {
+                    type: "multiOptions",
+                    title: "Fornecedor",
+                    field: "SupplierName",
+                    url: "/api/v1/crm/customer/select-all-without-document",
+                    propsParams: { isCustomer: false, isSupplier: true },
+                    value: "",
+                },
+                {
+                    type: "options",
+                    title: "Tipo",
+                    field: "TypeMaintenanceName",
+                    options: [
+                        { text: "Corretiva", value: "Corretiva" },
+                        { text: "Preventiva", value: "Preventiva" },
+                    ],
+                    value: [],
+                },
+                {
+                    type: "decimal",
+                    title: "Valor Cliente",
+                    field: "ValueCustomer",
+                    valueStart: 0,
+                    valueEnd: 0,
+                },
+                {
+                    type: "decimal",
+                    title: "Valor Fornecedor",
+                    field: "ValueSupplier",
+                    valueStart: 0,
+                    valueEnd: 0,
+                },
+            ],
+        }
+    }
+}
+
+
+</script>

package/src/views/modules/maintenance/ReportProductOrderService.vue

@@ -0,0 +1,207 @@
+<template>
+    <div>
+        <Report module="Manutenção" name="Produto" urlGet="/api/v1/maintenance/report/report-product-order-service"
+            :header="header" :filters="filters" />
+    </div>
+</template>
+
+<script>
+
+import Report from "@nixweb/nixloc-ui/src/component/report/Report";
+
+export default {
+    name: "ReportOrderService",
+    components: {
+        Report
+    },
+    data() {
+        return {
+            header: [
+                {
+                    title: "Número",
+                    field: "number",
+                    fieldOrderBy: "Number",
+                    show: true,
+                    initialOrderBy: true,
+                },
+                {
+                    title: "Data Cadastro",
+                    field: "registeredDateStr",
+                    fieldOrderBy: "RegisteredDate",
+                    show: true,
+                },
+                {
+                    title: "Identificação",
+                    field: "identification",
+                    fieldOrderBy: "Identification",
+                    show: false,
+                },
+                {
+                    title: "Produto",
+                    field: "productName",
+                    fieldOrderBy: "ProductName",
+                    show: true,
+                },
+                {
+                    title: "Patrimonio",
+                    field: "barCode",
+                    fieldOrderBy: "BarCode",
+                    show: true,
+                },
+                {
+                    title: "ST Orçamento",
+                    field: "statusName",
+                    fieldOrderBy: "StatusName",
+                    show: true,
+                },
+                {
+                    title: "ST Manutenção",
+                    field: "returnedName",
+                    fieldOrderBy: "ReturnedName",
+                    show: true,
+                },
+                {
+                    title: "Data Início",
+                    field: "dateStartStr",
+                    fieldOrderBy: "DateStartStr",
+                    show: true,
+                },
+                {
+                    title: "Data Fim",
+                    field: "dateEndStr",
+                    fieldOrderBy: "DateEndStr",
+                    show: true,
+                },
+                {
+                    title: "Cliente",
+                    field: "customerName",
+                    fieldOrderBy: "CustomerName",
+                    show: false,
+                },
+                {
+                    title: "Fornecedor",
+                    field: "supplierName",
+                    fieldOrderBy: "SupplierName",
+                    show: false,
+                },
+                {
+                    title: "Tipo",
+                    field: "typeMaintenanceName",
+                    fieldOrderBy: "TypeMaintenanceName",
+                    show: false,
+                },
+                {
+                    title: "R$ Cliente",
+                    field: "valueCustomerStr",
+                    fieldOrderBy: "ValueCustomer",
+                    show: true,
+                },
+                {
+                    title: "R$ Fornecedor",
+                    field: "valueSupplierStr",
+                    fieldOrderBy: "ValueSupplier",
+                    show: true,
+                },
+            ],
+            filters: [
+                {
+                    type: "date",
+                    title: "Data Cadastro",
+                    field: "RegisteredDate",
+                    value: "",
+                    required: true,
+                },
+                {
+                    type: "date",
+                    title: "Data Início",
+                    field: "DateStart",
+                    value: "",
+                },
+                {
+                    type: "date",
+                    title: "Data Fim",
+                    field: "DateEnd",
+                    value: "",
+                },
+                {
+                    type: "multiOptions",
+                    title: "Tipo Produto",
+                    field: "TypeProductName",
+                    url: "/api/v1/stock/type-product/select-all",
+                    value: "",
+                },
+                {
+                    type: "multiOptions",
+                    title: "Produto",
+                    field: "ProductName",
+                    url: "/api/v1/stock/product/select-all",
+                    value: "",
+                },
+                {
+                    type: "multiOptions",
+                    title: "Cliente",
+                    field: "CustomerName",
+                    url: "/api/v1/crm/customer/select-all-without-document",
+                    propsParams: { isCustomer: true, isSupplier: false },
+                    value: "",
+                },
+                {
+                    type: "multiOptions",
+                    title: "Fornecedor",
+                    field: "SupplierName",
+                    url: "/api/v1/crm/customer/select-all-without-document",
+                    propsParams: { isCustomer: false, isSupplier: true },
+                    value: "",
+                },
+                {
+                    type: "options",
+                    title: "Tipo",
+                    field: "TypeMaintenanceName",
+                    options: [
+                        { text: "Corretiva", value: "Corretiva" },
+                        { text: "Preventiva", value: "Preventiva" },
+                    ],
+                    value: [],
+                },
+                {
+                    type: "options",
+                    title: "ST Orçamento",
+                    field: "StatusName",
+                    options: [
+                        { text: "Aprovada", value: "Aprovada" },
+                        { text: "Orçamento", value: "Orçamento" },
+                        { text: "Reprovada", value: "Reprovada" },
+                    ],
+                    value: [],
+                },
+                {
+                    type: "options",
+                    title: "ST Manutenção",
+                    field: "ReturnedName",
+                    options: [
+                        { text: "Pendente", value: "Pendente" },
+                        { text: "Retornado", value: "Retornado" },
+                    ],
+                    value: [],
+                },
+                {
+                    type: "decimal",
+                    title: "Valor Cliente",
+                    field: "ValueCustomer",
+                    valueStart: 0,
+                    valueEnd: 0,
+                },
+                {
+                    type: "decimal",
+                    title: "Valor Fornecedor",
+                    field: "ValueSupplier",
+                    valueStart: 0,
+                    valueEnd: 0,
+                },
+            ],
+        }
+    }
+}
+
+
+</script>

package/src/views/modules/manutencao/InserirEditarOrdemServico.vue

@@ -0,0 +1,94 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-buttons">
+        <Button
+          v-if="id"
+          chave="inserirOrdemServico"
+          title="Novo registro"
+          type="primary"
+          size="small"
+          eventName="inserirOrdemServico"
+          :clicked="inserirOrdemServico"
+        />
+      </div>
+      <div slot="content-main">
+        <Molded>
+          <InserirEditarOrdemServico v-model="modeloId" />
+        </Molded>
+        <br />
+        <div v-if="id">
+          <Button
+            chave="inserirPatrimonio"
+            title="Inserir Patrimônio"
+            type="primary"
+            size="small"
+            eventName="inserirPatrimonio"
+            :clicked="inserirPatrimonio"
+          />
+          <div><br /></div>
+          <ListaItensOrdemServico :ordemServicoId="id" />
+        </div>
+        <Modal
+          title="Patrimônio"
+          size="lg"
+          v-show="showModal('inserirPatrimonio')"
+        >
+          <InserirItensOrdemServico :ordemServicoId="id" :modeloId="modeloId" />
+        </Modal>
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+import Modal from "@/component/forms/Modal";
+import Button from "@/component/forms/Button";
+import ViewTemplateWithSalveCancel from "@/component/template/ViewTemplateWithSalveCancel";
+import Molded from "@/component/layout/Molded";
+import InserirEditarOrdemServico from "@/components/modules/manutencao/ordem-servico/inserirEditarOrdemServico";
+import InserirItensOrdemServico from "@/components/modules/manutencao/itens-ordem-servico/InserirItensOrdemServico";
+import ListaItensOrdemServico from "@/components/modules/manutencao/itens-ordem-servico/ListaItensOrdemServico";
+
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "InserirEditarOrdemServicoView",
+  components: {
+    Button,
+    ViewTemplateWithSalveCancel,
+    InserirEditarOrdemServico,
+    Molded,
+    InserirItensOrdemServico,
+    Modal,
+    ListaItensOrdemServico,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      modeloId: "",
+      panel: {
+        title: "Ordem de Serviço",
+        showFilter: false,
+        showSearch: false,
+        showButtons: true,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapState("generic", ["modal"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    inserirOrdemServico() {
+      this.$router.push({ name: "inserirOrdemServico" });
+      this.removeLoading(["inserirOrdemServico"]);
+    },
+    inserirPatrimonio() {
+      this.openModal("inserirPatrimonio");
+      this.removeLoading(["inserirPatrimonio"]);
+    },
+  },
+};
+</script>