@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/views/modules/rental/ReportRental.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <ViewTemplateReportList :panel="panel" :reports="reports" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateReportList from "@nixweb/nixloc-ui/src/component/template/ViewTemplateReportList";
+
+export default {
+  name: "ReportRentalView",
+  components: { ViewTemplateReportList },
+  data() {
+    return {
+      panel: {
+        module: "Locação",
+        title: "Relatório",
+        showFilter: false,
+        showSearch: true,
+        showButtons: false,
+      },
+      reports: {
+        default: [
+          {
+            name: "Locação por Cliente",
+            description: "Filtre as locações por data de cadastro, efetivação e outros critérios...",
+            routeName: "reportRentByCustomer",
+          },
+          {
+            name: "Locação por Período",
+            description: "Filtre as locaçoes pelo período da locação e outros critérios...",
+            routeName: "reportRentByPeriodRent",
+          },
+          {
+            name: "Locação por Produto",
+            description: "Filtre as locaçoes pelo produto e outros critérios...",
+            routeName: "reportRentByProduct",
+          },
+          {
+            name: "Pagamentos por Locação",
+            description: "Filtre as condições de pagamentos das locações e outros critérios...",
+            routeName: "reportRentByPayment",
+          },
+        ],
+        saved: [],
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/rental/TypeRent.vue

@@ -0,0 +1,86 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <Button
+          _key="btnTypeRentalCreate"
+          title="Tipo"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          :clicked="create"
+        />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal
+      title="Tipo"
+      :width="500"
+      :height="250"
+      v-show="showModal('typeRentalCreateUpdate')"
+    >
+      <TypeRentCreateUpdate />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import TypeRentCreateUpdate from "../../../components/modules/rental/type-rent/TypeRentCreateUpdate.vue";
+
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "TypeRentalView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+    Modal,
+    TypeRentCreateUpdate,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/rental/type-rent/get-all",
+        urlDeleteAllApi: "/api/v1/rental/type-rent/delete",
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "link",
+            iconSearch: true,
+            eventName: "typeRentalUpdate",
+          },
+          {
+            field: "typeName",
+            title: "Tipo",
+            type: "text",
+            iconSearch: false,
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.openModal("typeRentalCreateUpdate");
+      this.addEvent({ name: "typeRentalCreate" });
+      this.removeLoading(["btnTypeRentalCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "typeRentalUpdate") this.openModal("typeRentalCreateUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/rental/_RentalList.vue

@@ -0,0 +1,285 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="btnProductCreate" title="Locação" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="productCreate" :clicked="create" />
+      </div>
+      <div slot="content-filter-horizontal">
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+            <DateTime title="Período (Início e Fim)" fieldTarget="period" format="DD/MM/YYYY" type="date" :range="true"
+              :confirm="true" confirmText="Filtrar" placeholder :required="false" v-model="period" />
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+            <div>
+              <RadioGroup title="Status" fieldTarget="status" :options="[
+      { text: 'Orçamento', value: 'Orçamento' },
+      { text: 'Aprovada', value: 'Aprovada' },
+      { text: 'Reprovada', value: 'Reprovada' },
+    ]" v-model="status" />
+            </div>
+          </b-col>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <RadioGroup title="Faturado" fieldTarget="any" :options="[
+      { text: 'Faturado', value: 'Faturado' },
+      { text: 'Não Faturado', value: 'Não Faturado' },
+      { text: 'Parcial', value: 'Parcial' },
+      { text: 'Não Fatura', value: 'Não Fatura' },
+    ]" v-model="invoice" />
+          </b-col>
+        </b-row>
+      </div>
+    </ViewTemplateWithTable>
+    <Modal title="Tem certeza que deseja excluir?" :width="600" v-show="showModal('removeRent')">
+      <Alert type="warning">
+        <span>
+          Atenção, ao excluir uma Locação alguns processos (se houver) serão executados, esta ação é irreversível...
+        </span>
+      </Alert>
+      <div>
+        <i class="fa-solid fa-circle-xmark rent-icon-close"></i><span class="title">Fatura ficará com status de
+          Cancelada</span>
+      </div>
+      <div>
+        <i class="fa-solid fa-circle-xmark rent-icon-close"></i><span class="title">Pagamentos vinculados serão
+          excluídos</span>
+      </div>
+      <Confirmation :isModal="false" title="Deseja excluir?" 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 Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+
+import { mapGetters, mapMutations, mapActions } from "vuex";
+
+export default {
+  name: "productListView",
+  components: {
+    ViewTemplateWithTable,
+    Confirmation,
+    Alert,
+    Modal,
+    Button,
+    DateTime,
+    RadioGroup
+  },
+  data() {
+    return {
+      id: "",
+      panel: {
+        module: "Locação",
+        title: "Locação",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/rental/rent/get-all",
+        urlDeleteAllApi: "/api/v1/rental/rent/delete",
+        showChecks: false,
+        headerTable: [
+          {
+            title: "Número/Data",
+            field: "numberAndDate",
+            type: "text",
+            iconSearch: true,
+          },
+          {
+            field: "fullName",
+            fieldSecond: "identification",
+            title: "Nome",
+            type: "link",
+            routeName: "rentUpdate",
+            styleBody: "max-width: 500px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+            iconSearch: true,
+          },
+          {
+            field: "consultant",
+            title: "Consultor",
+            type: "text",
+            styleBody: "max-width: 150px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            title: "Período(Início/Fim)",
+            field: "tags",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            styleBody: "max-width: 300px;",
+
+          },
+          {
+            field: "statusRentalName",
+            title: "Status",
+            type: "class",
+            fieldComparison: "statusRentalName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center badge badge-info",
+                fieldComparison: "Orçamento",
+              },
+              {
+                classCss: "text-center badge badge-success",
+                fieldComparison: "Aprovada",
+              },
+              {
+                classCss: "text-center badge badge-danger",
+                fieldComparison: "Reprovada",
+              },
+              {
+                classCss: "text-center badge badge-primary",
+                fieldComparison: "Finalizada",
+              },
+            ],
+          },
+          {
+            field: "statusInvoiceName",
+            title: "Faturado",
+            type: "class",
+            fieldComparison: "statusInvoiceName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center badge badge-info",
+                fieldComparison: "Não Fatura",
+              },
+              {
+                classCss: "text-center badge badge-success",
+                fieldComparison: "Faturado",
+              },
+              {
+                classCss: "text-center badge badge-warning",
+                fieldComparison: "Não Faturado",
+              },
+              {
+                classCss: "text-center badge badge-info",
+                fieldComparison: "Parcial",
+              },
+            ],
+          },
+          {
+            title: "Valor",
+            field: "value",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            styleBody: "width: 150px;",
+            type: "currency",
+          },
+          {
+            type: "button",
+            typeButton: "default",
+            button: {
+              classIcon: "fa-solid fa-trash",
+              type: "danger",
+              size: "small",
+              eventName: "removeRent",
+            },
+          },
+        ],
+      },
+      propsParam: {
+        showAll: false
+      },
+      status: "",
+      invoice: "",
+      period: [],
+    };
+  },
+  created() {
+    this.status = this.paramsFilterStorage(this.$route.name, 'status', "");
+
+    var period = this.paramsFilterStorage(this.$route.name, 'period', []);
+    if (period.length > 0)
+      this.period = [period.start, period.end];
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event", "paramsFilterStorage"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+    ...mapActions("generic", ["deleteAllApi"]),
+    create() {
+
+      let self = this;
+      setTimeout(function () {
+        self.$router.push({
+          name: "rentCreate",
+          params: { type: 1 },
+        });
+        self.removeLoading(["btnProductCreate"]);
+      }, 200);
+
+    },
+    remove() {
+      let params = {
+        url: this.templateList.urlDeleteAllApi,
+        selected: [this.id],
+      };
+
+      this.deleteAllApi(params).then((response) => {
+        if (response.success) {
+          this.hideModal("removeRent");
+        }
+        this.removeLoading(["confirm"]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "removeRent") {
+          this.id = event.data.id;
+          this.openModal("removeRent");
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style>
+.badge-default {
+  background-color: #eeeeee;
+  font-size: 13px !important;
+  border-radius: 50px !important;
+}
+
+.div-status {
+  margin-left: 35px;
+}
+
+.div-tag {
+  margin-bottom: 10px;
+}
+
+.rent-progress {
+  color: #4bb4e2;
+}
+
+.rent-accepted {
+  color: #38A169;
+}
+
+.rent-rejected {
+  color: #FF5454;
+}
+
+.rent-icon-close {
+  color: red;
+}
+</style>

package/src/views/modules/shared/JobList.vue

@@ -0,0 +1,178 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="btnJobCreate" title="Tarefa" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+      <div slot="content-filter-horizontal">
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <RadioGroup title="Status" :initialFieldTarget="{ text: propsParam.status, value: propsParam.status }"
+              fieldTarget="Status" :options="[
+                { text: 'Hoje', value: 'Hoje' },
+                { text: 'Pendente', value: 'Pendente' },
+                { text: 'Prazo', value: 'Prazo' },
+                { text: 'Concluída', value: 'Concluída' },
+              ]" v-model="propsParam.status" />
+          </b-col>
+        </b-row>
+      </div>
+    </ViewTemplateWithTable>
+    <Modal title="Tarefa" :width="900" :height="750" v-show="showModal('job')">
+      <JobCreateUpdate />
+    </Modal>
+  </div>
+</template>
+  
+<script>
+
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+
+import JobCreateUpdate from '../../../components/modules/shared/job/JobCreateUpdate.vue'
+
+import { mapGetters, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "JobListView",
+  components: {
+    ViewTemplateWithTable,
+    Modal,
+    Button, JobCreateUpdate, RadioGroup
+  },
+  data() {
+    return {
+      panel: {
+        module: "Tarefa",
+        title: "",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/shared/job/get-all",
+        urlDeleteAllApi: "/api/v1/shared/job/delete",
+        showChecks: true,
+        headerTable: [
+          {
+            field: "photo",
+            title: "Org....",
+            container: "nixloc-photo-user",
+            type: "image",
+            classCssBody: "img-user",
+          },
+          {
+            field: "subject",
+            title: "Assunto",
+            type: "link",
+            iconSearch: true,
+            eventName: "jobUpdate",
+            classCssBody: "center-vertical",
+          },
+          {
+            field: "fullTime",
+            title: "Período",
+            type: "text",
+            classCssBody: "center-vertical",
+          },
+          {
+            field: "status",
+            title: "Status",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+          {
+            field: "guest",
+            title: "Participantes",
+            type: "html",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+
+        ],
+      },
+      filter: this.$route.params.filter,
+      propsParam: {
+        status: ""
+      },
+    };
+  },
+  created() {
+    if (this.filter) {
+      if (this.filter == "delayed") this.propsParam.status = "Pendente";
+      if (this.filter == "today") this.propsParam.status = "Hoje";
+      if (this.filter == "scheduled") this.propsParam.status = "Prazo";
+    }
+  },
+  mounted() {
+    this.propsParam.any = this.userLogged.user.id;
+  },
+  computed: {
+    ...mapGetters("generic", ["event", "showModal"]),
+    ...mapState("generic", ["selected"]),
+    ...mapState("user", ["userLogged"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    create() {
+      this.openModal("job");
+      this.addEvent({ name: "jobCreate" });
+      this.removeLoading(["btnJobCreate"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "jobUpdate") {
+          this.openModal("job");
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style>
+.job-box {
+  width: 10px;
+  height: 10px;
+  border-radius: 50px;
+  margin-right: 8px;
+}
+
+.job-delay {
+  background-color: red;
+}
+
+.job-done {
+  background-color: #009183;
+}
+
+.job-today {
+  background-color: #ff8a1b;
+}
+
+.job-scheduled {
+  background-color: #3d4eae;
+}
+
+.div-guest {
+  margin-left: -10px;
+}
+
+.img-guest {
+  width: 40px;
+  height: 40px;
+  border-radius: 100px;
+}
+
+.div-tag {
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+</style>
+  

package/src/views/modules/signature/ConfigSignature.vue

@@ -0,0 +1,43 @@
+<template>
+  <div>
+    <Panel :module="panel.module" :title="panel.title" :showFilter="panel.showFilter" :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons">
+      <div slot="content-main">
+        <div>
+          <br />
+          <SignatureConfig />
+        </div>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import SignatureConfig from '../../../components/modules/signature/signature-config/SignatureConfig.vue'
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "SignatureConfigView",
+  components: { Panel, SignatureConfig },
+  data() {
+    return {
+      panel: {
+        module: "Assinatura Digital",
+        title: "Configuração",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+    };
+  },
+  mounted() {
+    this.removeLoading(["panel"]);
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+  },
+};
+</script>