PMCORE-2558

update

resources/assets/js/components/home/newRequest/ProcessCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="v-inline v-process-card" @click="data.onClick(data)">
+  <div :class="classCard()" @click="clickCard(data)">
     <b-card
       :sub-title="data.title"
       class="overflow-hidden"
@@ -18,13 +18,22 @@ export default {
   name: "ProcessCard",
   props: {
     data: Object,
+    disable: Boolean,
   },
   data() {
     return {};
   },
   methods: {
-    classBtn(cls) {
-      return "btn v-btn-request " + cls;
+    classCard() {
+      if (this.disable) {
+        return "v-inline v-process-card v-disable";
+      }
+      return "v-inline v-process-card";
+    },
+    clickCard(data) {
+      if (!this.disable) {
+        this.data.onClick(data);
+      }
     },
   },
 };
@@ -35,6 +44,10 @@ export default {
   display: inline-block;
 }
 
+.v-disable {
+  opacity: 0.2;
+}
+
 .v-process-card {
   margin-right: 15px;
   margin-bottom: 15px;