Merged in feature/PMCORE-2600 (pull request #7654)

PMCORE-2600

Approved-by: Rodrigo Quelca

resources/assets/js/home/Draft.vue

@@ -2,7 +2,11 @@
   <div id="v-draft" ref="v-draft" class="v-container-draft">
     <button-fleft :data="newCase"></button-fleft>
     <modal-new-request ref="newRequest"></modal-new-request>
-
+    <CasesFilter
+      :filters="filters"
+      @onRemoveFilter="onRemoveFilter"
+      @onUpdateFilters="onUpdateFilters"
+    />
     <v-server-table
       :data="tableData"
       :columns="columns"
@@ -40,6 +44,7 @@
 import HeaderCounter from "../components/home/HeaderCounter.vue";
 import ButtonFleft from "../components/home/ButtonFleft.vue";
 import ModalNewRequest from "./ModalNewRequest.vue";
+import CasesFilter from "../components/search/CasesFilter";
 import TaskCell from "../components/vuetable/TaskCell.vue";
 import api from "./../api/index";
 
@@ -50,6 +55,7 @@ export default {
     ButtonFleft,
     ModalNewRequest,
     TaskCell,
+    CasesFilter,
   },
   props: {},
   data() {
@@ -71,7 +77,9 @@ export default {
         "actions",
       ],
       tableData: [],
+      filters: {},
       options: {
+        filterable: false,
         headings: {
           case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
           case_title: this.$i18n.t("ID_CASE_TITLE"),
@@ -117,13 +125,20 @@ export default {
         dt,
         paged,
         limit = data.limit,
-        start = data.page === 1 ? 0 : limit * (data.page - 1);
-      paged = start + ',' + limit;
+        start = data.page === 1 ? 0 : limit * (data.page - 1),
+        filters = {};
+      paged = start + "," + limit;
+
+      filters = {
+        paged: paged,
+      };
+
+      _.forIn(this.filters, function (item, key) {
+        filters[item.filterVar] = item.value;
+      });
       return new Promise((resolutionFunc, rejectionFunc) => {
         api.cases
-          .draft({
-            paged: paged
-          })
+          .draft(filters)
           .then((response) => {
             dt = that.formatDataResponse(response.data.data);
             resolutionFunc({
@@ -225,11 +240,20 @@ export default {
           DEL_INDEX: item.DEL_INDEX,
           PRO_UID: item.PRO_UID,
           TAS_UID: item.TAS_UID,
-          APP_NUMBER: item.CASE_NUMBER
+          APP_NUMBER: item.CASE_NUMBER,
         });
         that.$emit("onUpdatePage", "case-detail");
       });
     },
+    onRemoveFilter(data) {},
+    onUpdateFilters(data) {
+      this.filters = data.params;
+      if (data.refresh) {
+        this.$nextTick(() => {
+          this.$refs["vueTable"].getData();
+        });
+      }
+    },
   },
 };
 </script>