@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/components/modules/operational/ItemsRentList.vue

@@ -1,221 +0,0 @@
-<template>
-  <div>
-    <Loading type="line" :center="false" v-show="loading" />
-    <ScrollBar id="items-rent" :minHeight="300" :maxHeight="300">
-      <table class="table table-responsive-xs">
-        <thead>
-          <tr>
-            <th>
-              <span class="title-header"> Produto </span>
-            </th>
-            <th class="text-center">
-              <span class="title-header">Quantidade</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">
-              <span>
-                {{ item.productFullName }}
-              </span>
-              <br />
-              <span class="description" v-html="item.description"> </span>
-            </td>
-            <td class="text-center td-quantity">
-              <div>
-                <span> {{ item.quantity }}</span>
-                <span v-if="item.type != 3">
-                  ({{ item.unitOfMeasurementName }})
-                </span>
-              </div>
-              <div class="quantity">
-                <ItemsRentStatusStock v-if="item.type != 3" :data="item" />
-              </div>
-            </td>
-          </tr>
-        </tbody>
-        <tbody v-show="content.totalRecords == 0">
-          <tr>
-            <td colspan="12">
-              <span class="title">Nenhum registro encontrado!</span>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </ScrollBar>
-  </div>
-</template>
-<script>
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
-import ItemsRentStatusStock from "../rental/items-rent/ItemsRentStatusStock.vue";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import { mapGetters, mapActions } from "vuex";
-
-export default {
-  name: "ItemsList",
-  props: {
-    rentId: String,
-    periodRentId: String,
-  },
-  components: {
-    ScrollBar,
-    TableTotalRecords,
-    ItemsRentStatusStock,
-    Loading,
-  },
-  data() {
-    return {
-      urlGetApi: "/api/v1/rental/items-rent/get-all",
-      data: [],
-      item: {},
-      loading: true,
-      content: {
-        data: [],
-        totalRecords: 0,
-      },
-      baseParams: {
-        search: undefined,
-        filter: "contains",
-        currentPage: 1,
-        totalPerPage: 20,
-      },
-    };
-  },
-  mounted() {
-    this.getAll(this.rentId, this.periodRentId);
-  },
-  computed: {
-    ...mapGetters("generic", ["groupBy"]),
-    ...mapGetters("generic", ["event"]),
-    grouped() {
-      var list = this.groupBy({
-        array: this.content.data,
-        key: "groupRentName",
-      });
-      return list;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll(rentId, periodRentId) {
-      this.loading = true;
-      let params = {
-        url: this.urlGetApi,
-        obj: {
-          ...this.baseParams,
-          rentId: rentId,
-          periodRentId: periodRentId,
-          noPaginated: true,
-          withAccessory: true,
-        },
-      };
-      this.getApi(params).then((response) => {
-        this.content.data = response.content.data;
-        this.content.totalRecords = response.content.totalRecords;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    rentId: {
-      handler() {
-        this.getAll(this.rentId, this.periodRentId);
-      },
-      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;
-}
-
-.group {
-  background-color: #fafafc;
-  font-size: 14px;
-  font-weight: 400;
-}
-
-.title-group {
-  font-size: 14px;
-}
-
-.name-item {
-  font-size: 16px;
-  margin-bottom: 8px;
-}
-
-.div-warning {
-  margin-bottom: 20px;
-}
-
-.td-product {
-  width: 500px;
-  background-color: #f1f4f9;
-}
-
-.td-quantity {
-  width: 150px;
-}
-
-.quantity {
-  cursor: pointer;
-}
-
-.quantity:hover {
-  text-decoration: underline;
-}
-
-.description {
-  font-weight: 400;
-  color: grey;
-}
-
-.without-group {
-  font-size: 13px;
-  font-style: italic;
-  color: grey;
-}
-
-.icon-cursor {
-  cursor: pointer;
-}
-
-.icon-order-group {
-  color: #779cb3;
-}
-
-.text-order {
-  font-size: 13px;
-  margin-left: 10px;
-  font-style: italic;
-}
-</style>

package/src/components/modules/operational/OperationRent.vue

@@ -1,131 +0,0 @@
-<template>
-  <div>
-    <Loading :center="false" v-show="loading" />
-    <b-tabs v-show="!loading" v-if="!showPrint">
-      <b-tab title="Dados" v-if="!onlyPrint">
-        <b-row>
-          <b-col sm="2">
-            <div class="title text-right">Identificação</div>
-          </b-col>
-          <b-col sm="4">{{ content.identification }}</b-col>
-        </b-row>
-        <b-row>
-          <b-col sm="2">
-            <div class="title text-right">Cliente</div>
-          </b-col>
-          <b-col sm="10">
-            <span class="title">
-              {{ content.customerSupplier.person.companyName }} -
-              {{ content.customerSupplier.person.tradeName }}
-            </span>
-          </b-col>
-        </b-row>
-        <b-row>
-          <b-col sm="2">
-            <div class="title text-right">Solicitante</div>
-          </b-col>
-          <b-col sm="4">
-            <span class="title">
-              {{ content.contact.name }}
-              <span v-if="content.contact.mobile">
-                - {{ content.contact.mobile }}
-              </span>
-            </span>
-          </b-col>
-        </b-row>
-        <b-row>
-          <b-col sm="2">
-            <div class="title text-right">Observações</div>
-          </b-col>
-          <b-col sm="10">
-            <span class="title" v-html="content.observationServiceOrder"></span>
-          </b-col>
-        </b-row>
-      </b-tab>
-      <b-tab title="Produtos" v-show="!onlyPrint" @click="showProducts = true">
-        <ItemsRentList v-if="showProducts" :rentId="rentId" :periodRentId="periodRentId" />
-      </b-tab>
-      <b-tab title="Saída/Retorno" v-if="!onlyPrint">
-        <AddressRentList :rentId="rentId" />
-      </b-tab>
-    </b-tabs>
-    <br />
-    <div class="text-center">
-      <Button _key="btnPrint" type="info" title="Compartilhar" classIcon="fa-light fa-share-nodes" size="small"
-        :clicked="print" />
-    </div>
-    <br>
-    <div class="text-center div-button-moviment" v-if="hasRule('Operational')">
-      <ButtonMovimentStock :rentId="rentId" :periodRentId="periodRentId" />
-    </div>
-  </div>
-</template>
-
-<script>
-
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import ItemsRentList from "./ItemsRentList.vue";
-import AddressRentList from './AddressRentList.vue'
-import ButtonMovimentStock from "./ButtonMovimentStock.vue";
-import PrintPreview from '../adm/document/PrintPreview.vue'
-
-import { mapActions, mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "OperationalRent",
-  components: { Button, Loading, ItemsRentList, ButtonMovimentStock, AddressRentList, PrintPreview },
-  props: {
-    module: String,
-    rentId: String,
-    periodRentId: String,
-    onlyPrint: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      urlGetById: "/api/v1/rental/rent/get-by-id",
-      content: {},
-      loading: true,
-      showProducts: false,
-    };
-  },
-  mounted() {
-    this.getById();
-  },
-  computed: {
-    ...mapGetters("user", ["hasRule"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading"]),
-    getById() {
-      let params = { url: this.urlGetById, obj: { id: this.rentId } };
-      this.loading = true;
-      this.getApi(params).then((response) => {
-        this.content = response.content;
-        let self = this;
-        setTimeout(function () {
-          self.loading = false;
-        }, 100);
-      });
-    },
-    print() {
-      this.addEvent({ name: "print" });
-      this.removeLoading(["btnPrint"]);
-    }
-  },
-};
-</script>
-<style scoped>
-.title {
-  font-weight: bold;
-}
-
-.div-button-moviment {
-  margin-bottom: 10px;
-}
-</style>