Flatten nested repos

test/vuex/one-process-resultverification-v3/api/company.js

@@ -0,0 +1,27 @@
+const URL = "/one-api/mockup/process/resultverificationv2/";
+
+export async function search(token, qry, c_token) {
+   try {
+      var resp = await axios.post(URL + 'company/search', {
+         token: token,
+         qry: qry
+      },{ cancelToken : c_token });
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data.data;
+      return {
+         status: "OK",
+         data : data
+      };
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+

test/vuex/one-process-resultverification-v3/api/re_fna.js

@@ -0,0 +1,63 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL = "/one-api/mockup/process/resultentryv3/";
+ 
+ export async function getfnaresult(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getfnaresult', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function get_doctors(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getdoctorsfna', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function saveresult_fna(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/saveresult_fna', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-process-resultverification-v3/api/re_history.js

@@ -0,0 +1,28 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL = "/one-api/mockup/process/resultverificationv2/";
+
+   export async function search(token, order_id) {
+      try {
+         var resp = await axios.post(URL + 're_px/search', {
+            token: token,
+            order_id: order_id
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   

test/vuex/one-process-resultverification-v3/api/re_lcprep.js

@@ -0,0 +1,276 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL = "/one-api/mockup/process/resultentryv4/";
+
+   export async function search(token, order_id, lang_id, lang_si, group_id) {
+      try {
+         var resp = await axios.post(URL + 're_px/search', {
+            token: token,
+            order_id: order_id,
+            lang_id: lang_id,
+            lang_si: lang_si,
+            group_id: group_id
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function save(token, lang_id, is_si, datax) {
+      try {
+         var resp = await axios.post(URL + 're_px/save', {
+            token: token,
+            lang_id: lang_id,
+            is_si: is_si,
+            data: datax
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function save_template(token, test_id, value) {
+      try {
+         var resp = await axios.post(URL + 're_px/save_template', {
+            token: token,
+            test_id: test_id,
+            value: value
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function lang_export(token, order_id, lang_id, is_si) {
+      try {
+         var resp = await axios.post(URL + 're_px/export', {
+            token: token,
+            order_id: order_id,
+            lang_id: lang_id,
+            is_si: is_si
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function search_group() {
+    try {
+       var resp = await axios.post(URL + 're_px/search_group', {});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ export async function search_rerun(detail_id) {
+    try {
+       var resp = await axios.post(URL + 're_px/search_rerun', {detail_id: detail_id});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ 
+ export async function getpapsmearresult(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getpapsmearresult', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+export async function getlcprepresult(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getlcprepresult', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+export async function getfnaresult(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getfnaresult', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function saveresult_papsmear(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/saveresult_papsmear', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function saveresult_lcprep(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/saveresult_lcprep', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function get_doctors(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getdoctorsfna', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function saveresult_fna(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/saveresult_fna', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-process-resultverification-v3/api/re_papsmear.js

@@ -0,0 +1,237 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL = "/one-api/mockup/process/resultentryv3/";
+
+   export async function search(token, order_id, lang_id, lang_si, group_id) {
+      try {
+         var resp = await axios.post(URL + 're_px/search', {
+            token: token,
+            order_id: order_id,
+            lang_id: lang_id,
+            lang_si: lang_si,
+            group_id: group_id
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function save(token, lang_id, is_si, datax) {
+      try {
+         var resp = await axios.post(URL + 're_px/save', {
+            token: token,
+            lang_id: lang_id,
+            is_si: is_si,
+            data: datax
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function save_template(token, test_id, value) {
+      try {
+         var resp = await axios.post(URL + 're_px/save_template', {
+            token: token,
+            test_id: test_id,
+            value: value
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function lang_export(token, order_id, lang_id, is_si) {
+      try {
+         var resp = await axios.post(URL + 're_px/export', {
+            token: token,
+            order_id: order_id,
+            lang_id: lang_id,
+            is_si: is_si
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function search_group() {
+    try {
+       var resp = await axios.post(URL + 're_px/search_group', {});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ export async function search_rerun(detail_id) {
+    try {
+       var resp = await axios.post(URL + 're_px/search_rerun', {detail_id: detail_id});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ 
+ export async function getpapsmearresult(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getpapsmearresult', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+export async function getfnaresult(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getfnaresult', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function saveresult_papsmear(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/saveresult_papsmear', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function get_doctors(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/getdoctorsfna', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+
+export async function saveresult_fna(prm) {
+   try {
+      var resp = await axios.post(URL + 're_px/saveresult_fna', prm);
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-process-resultverification-v3/api/re_patient.js

@@ -0,0 +1,52 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL = "/one-api/mockup/process/resultverificationv2/";
+
+   export async function search(token, sdate, search, group_id, page, company_id) {
+      try {
+         var resp = await axios.post(URL + 'rv_patient/search', {
+            token: token,
+            start_date: sdate,
+            search: search,
+            group_id: group_id,
+            company_id: company_id,
+            page: page
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function info_req(token, order_id) {
+    try {
+    var resp = await axios.post(URL + 'rv_patient/info_req', {
+        token: token,
+        order_id: order_id
+    });
+    if (resp.status != 200) {
+        return {
+            status: "ERR",
+            message: resp.statusText
+        };
+    }
+    let data = resp.data;
+    return data;
+    } catch(e) {
+    return {
+        status: "ERR",
+        message: e.message
+    };
+    }
+}

test/vuex/one-process-resultverification-v3/api/re_px.js

@@ -0,0 +1,157 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL = "/one-api/mockup/process/resultverificationv2/";
+
+   export async function single_verification(token, order_id, val) {
+      try {
+         var resp = await axios.post(URL + 'rv_px/single_verification', {
+            token: token,
+            order_id: order_id,
+            validation: val
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+    export async function search(token, order_id, group_id) {
+      try {
+         var resp = await axios.post(URL + 'rv_px/search', {
+            token: token,
+            order_id: order_id,
+            group_id: group_id
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function confirm(token, datax) {
+      try {
+         var resp = await axios.post(URL + 'rv_verification/confirm', {
+            token: token,
+            data: datax
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function delta_check(token, order_id) {
+      try {
+         var resp = await axios.post(URL + 'rv_verification/delta_check', {
+            token: token,
+            order_id: order_id
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+   export async function trend_analysis(token, order_id) {
+      try {
+         var resp = await axios.post(URL + 'rv_verification/trend_analysis', {
+            token: token,
+            order_id: order_id
+         });
+         if (resp.status != 200) {
+            return {
+               status: "ERR",
+               message: resp.statusText
+            };
+         }
+         let data = resp.data;
+         return data;
+      } catch(e) {
+         return {
+            status: "ERR",
+            message: e.message
+         };
+      }
+   }
+
+    export async function search_group() {
+        try {
+        var resp = await axios.post(URL + 'rv_px/search_group', {});
+            if (resp.status != 200) {
+                return {
+                    status: "ERR",
+                    message: resp.statusText
+                };
+            }
+            let data = resp.data;
+        return data;
+        } catch(e) {
+            return {
+                status: "ERR",
+                message: e.message
+            };
+        }
+    }
+
+    export async function reject(token, id, action) {
+        try {
+           var resp = await axios.post(URL + 'rv_verification/reject', {
+              token: token,
+              id: id,
+              action: action
+           });
+           if (resp.status != 200) {
+              return {
+                 status: "ERR",
+                 message: resp.statusText
+              };
+           }
+           let data = resp.data;
+           return data;
+        } catch(e) {
+           return {
+              status: "ERR",
+              message: e.message
+           };
+        }
+    }

test/vuex/one-process-resultverification-v3/api/rv_verification.js

@@ -0,0 +1,45 @@
+const URL = "/one-api/mockup/process/resultverificationv2/";
+
+export async function delta_check(token, order_id) {
+    try {
+       var resp = await axios.post(URL + 'rv_px/delta_check', {
+          token: token,
+          order_id: order_id
+       });
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ export async function trend_analysis(token, order_id) {
+    try {
+       var resp = await axios.post(URL + 'rv_px/trend_analysis', {
+          token: token,
+          order_id: order_id
+       });
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }

test/vuex/one-process-resultverification-v3/components/oneDatePicker.vue

@@ -0,0 +1,78 @@
+<template>
+    <v-menu
+          v-model="menu2"
+          :close-on-content-click="false"
+          :nudge-right="40"
+          lazy
+          transition="scale-transition"
+          offset-y
+          full-width
+          max-width="290px"
+          min-width="290px"
+        >
+          <v-text-field
+            slot="activator"
+            v-model="computedDateFormatted"
+            :label=init_label
+            hint="DD-MM-YYYY format"
+            persistent-hint
+            readonly
+            solo
+            hide-details
+            class="ma-1"
+          ></v-text-field>
+          <v-date-picker v-model="init_date" no-title @input="menu2 = false"></v-date-picker>
+    </v-menu>
+ </template>
+
+ <script>
+ module.exports = {
+     props : ['label', 'date', 'data'],
+
+     data () {
+        return {
+            init_date: this.date ? this.date : new Date().toISOString().substr(0, 10),
+            dateFormatted: this.formatDate(new Date().toISOString().substr(0, 10)),
+            menu1: false,
+            menu2: false,
+
+            init_label: this.label ? this.label : 'Date',
+            init_data: this.data ? this.data : ''
+        }
+     },
+
+    computed: {
+      computedDateFormatted () {
+        return this.formatDate(this.init_date)
+      }
+    },
+
+    watch: {
+      init_date (n, o) {
+        this.dateFormatted = this.formatDate(this.init_date)
+        
+        this.$emit('change', {"old_date":o, "new_date":n, "data":this.init_data});
+      }
+    },
+
+    methods: {
+      formatDate (date) {
+        if (!date) return null
+
+        const [year, month, day] = date.split('-')
+        return `${day}-${month}-${year}`
+      },
+      parseDate (date) {
+        if (!date) return null
+
+        const [month, day, year] = date.split('/')
+        return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
+      },
+
+      emitChange (n, o) {
+          console.log("old:"+o)
+          console.log("new:"+n)
+      }
+    }
+ }
+</script>

test/vuex/one-process-resultverification-v3/components/oneInfo.vue

@@ -0,0 +1,43 @@
+<template>
+   <div style="height:30px;
+      position:fixed;bottom:0px;
+      left:50%;
+      color:white;
+      font-size:16px;
+      padding-bottom:5px;
+      font-weight:bold;
+      z-index:999;
+      margin-left:-150px;width:300px;">
+      Pasien hari ini : {{ hari_ini }} , menyusul {{ total - hari_ini}}
+   </div>
+</template>
+
+ <script>
+ module.exports = {
+    computed: {
+       total() {
+          try {
+            let pxs = this.$store.state.re_patient.patients
+            return pxs.length 
+          } catch(e) {
+             return 0
+          }
+       },
+       hari_ini() {
+          try {
+             let pxs = this.$store.state.re_patient.patients
+             let curdate = moment().format('DD.MM.YYYY')
+             let xtot = _.filter(pxs,function(p) { 
+                let xdate = moment(p.T_OrderHeaderDate).format('DD.MM.YYYY')
+                return curdate == xdate 
+             });
+             return xtot.length 
+          } catch(e) {
+             return 0
+          }
+       }
+    },
+    methods: {
+    }
+ }
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessReDialogReq.vue

@@ -0,0 +1,97 @@
+<template>
+    <v-dialog
+        v-model="dialog"
+        max-width="500px"
+        persistent
+    >
+        <v-card>
+            <v-card-text>
+                <v-layout row wrap mb-2 v-show="info_req.note_fo != ''">
+                    <v-flex xs12>
+                        <h5 class="caption">Catatan FO</h5>
+                        <h3 class="title font-weight-regular">{{info_req.note_fo}}</h3>
+                    </v-flex>
+                </v-layout>
+
+                <v-layout row wrap mb-2 v-show="info_req.note_sampling != ''">
+                    <v-flex xs12>
+                        <h5 class="caption">Catatan Specimen</h5>
+                        <h3 class="title font-weight-regular">{{info_req.note_sampling}}</h3>
+                    </v-flex>
+                </v-layout>
+
+                <v-layout row wrap mb-2 v-show="info_req.req_fo.length > 0">
+                    <v-flex xs12>
+                        <h5 class="caption">Requirement FO</h5>
+                        <h3 class="title font-weight-regular">{{info_req.req_fo.join(', ')}}</h3>
+                    </v-flex>
+                </v-layout>
+
+                <v-layout row wrap mb-2 v-show="info_req.req_spec_col.length > 0">
+                    <v-flex xs12>
+                        <h5 class="caption">Requirement Specimen Collection</h5>
+                        <h3 class="title font-weight-regular">{{info_req.req_spec_col.join(', ')}}</h3>
+                    </v-flex>
+                </v-layout>
+
+                <v-layout row wrap mb-2 v-show="info_req.req_spec_ver.length > 0">
+                    <v-flex xs12>
+                        <h5 class="caption">Requirement Specimen Verification</h5>
+                        <h3 class="title font-weight-regular">{{info_req.req_spec_ver.join(', ')}}</h3>
+                    </v-flex>
+                </v-layout>
+
+                <v-layout row wrap mb-2 v-show="info_req.req_samp_ver.length > 0">
+                    <v-flex xs12>
+                        <h5 class="caption">Requirement Sample Verification</h5>
+                        <h3 class="title font-weight-regular">{{info_req.req_samp_ver.join(', ')}}</h3>
+                    </v-flex>
+                </v-layout>
+
+                <v-layout row wrap mb-2 v-show="info_req.req_pre_an.length > 0">
+                    <v-flex xs12>
+                        <h5 class="caption">Requirement Pre Analitik</h5>
+                        <h3 class="title font-weight-regular">{{info_req.req_pre_an.join(', ')}}</h3>
+                    </v-flex>
+                </v-layout>
+            </v-card-text>
+
+            <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn color="primary" flat @click="dialog=!dialog">Tutup</v-btn>
+            </v-card-actions>
+        </v-card>
+    </v-dialog>
+</template>
+
+<style>
+/* .v-overlay--active {
+    z-index: 1005 !important;
+}
+
+.v-dialog__content--active {
+    z-index: 1006 !important;
+} */
+</style>
+
+<script>
+module.exports = {
+    data () {
+        return {}
+    },
+
+    computed : {
+        dialog : {
+            get () { return this.$store.state.re_patient.dialog_req },
+            set (v) { this.$store.commit('re_patient/update_dialog_req', v) }
+        },
+
+        info_req () {
+            return this.$store.state.re_patient.info_req
+        }
+    },
+
+    methods : {
+    }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessReHistory.vue

@@ -0,0 +1,208 @@
+<template>
+    <v-dialog
+        v-model="dialog"    
+        persistent
+        max-width="800px"
+        transition="dialog-transition"
+    >
+        
+        <v-layout class="fill-height" column>
+            <v-card class="grow" color="blue-grey lighten-2">
+                <v-card-title primary-title class="title white--text pb-2">
+                    HISTORI PEMERIKSAAN
+                </v-card-title>
+                <v-card-text class="pt-2 pb-2">
+                    <v-layout row wrap>
+                        <v-flex xs2 v-for="(px, i) in pxs" :key="i" pr-1>
+                            <v-btn :color="is_selected_tab(px) ? 'blue' : 'white'" :dark="is_selected_tab(px)" block @click="select_tab(px)">{{ px.date.substr(0,10) }}</v-btn>
+                        </v-flex>
+                    </v-layout>
+
+                    <v-layout row wrap>
+                        <v-flex xs12 v-for="(px, i) in pxs" :key="i" v-show="is_selected_tab(px)">
+                            <v-card>
+                                <v-card-text class="pt-1 pb-1 pl-1 pr-1">
+                                    <v-data-table
+                                        :headers="headers" :items="px.data"
+                                        :loading="isLoading"
+                                        hide-actions class="elevation-1 table-history"
+                                        >
+                                        <template slot="items" slot-scope="props">
+                                        <td class="text-xs-left pl-2 pr-2 pa-1 green--text" v-bind:class="is_selected(props.item)">
+                                            {{ props.item.px_name }}
+                                        </td>
+                                        <td class="text-xs-left pl-2 pr-2 pa-1" v-bind:class="is_selected(props.item)">
+                                            {{ props.item.result }}
+                                        </td>
+                                        <td class="text-xs-left pl-2 pr-2 pa-1" v-bind:class="is_selected(props.item)">
+                                            {{ props.item.flag }}
+                                        </td>
+
+                                        </template>
+
+                                    </v-data-table>
+                                </v-card-text>
+                            </v-card>
+                        </v-flex>
+                    </v-layout>
+
+                    <!-- <v-expansion-panel>
+                        <v-expansion-panel-content
+                        v-for="(px, i) in pxs"
+                        :key="i"
+                        >
+                        <template v-slot:header>
+                            <div class="subheading">{{ px.date }}</div>
+                        </template>
+                        <v-card>
+                            <v-card-text class="pt-1 pb-1">
+                                <v-data-table
+                                    :headers="headers" :items="px.data"
+                                    :loading="isLoading"
+                                    hide-actions class="elevation-1 table-history"
+                                    >
+                                    <template slot="items" slot-scope="props">
+                                    <td class="text-xs-left pl-2 pr-2 pa-1 green--text" v-bind:class="is_selected(props.item)">
+                                        {{ props.item.px_name }}
+                                    </td>
+                                    <td class="text-xs-left pl-2 pr-2 pa-1" v-bind:class="is_selected(props.item)">
+                                        {{ props.item.result }}
+                                    </td>
+                                    <td class="text-xs-left pl-2 pr-2 pa-1" v-bind:class="is_selected(props.item)">
+                                        {{ props.item.flag }}
+                                    </td>
+
+                                    </template>
+
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                        </v-expansion-panel-content>
+                    </v-expansion-panel> -->
+                    
+                    
+                </v-card-text>
+                <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="white" flat @click="dialog = false">Tutup</v-btn>
+                    <!-- <v-btn color="blue darken-1" :dark="btn_save_enabled" @click="save" :disabled="!btn_save_enabled">Simpan</v-btn> -->
+                </v-card-actions>
+                
+
+            </v-card>
+        </v-layout>
+    </v-dialog>
+</template>
+
+<style>
+
+.table-history table td {
+    height: 40px !important
+}
+
+
+</style>
+
+<script>
+module.exports = {
+   data() {
+      return {
+         query: "",
+         items: [],
+         headers: [
+            {
+               text: "PEMERIKSAAN",
+               align: "left",
+               sortable: false,
+               width: "45%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "HASIL",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "35%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "FLAG",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "20%",
+               class: "pa-2 blue lighten-3 white--text"
+            }
+         ],
+
+
+         isLoading: false
+      };
+   },
+
+   methods : {
+      oneMoment : function(d) {
+         return window.oneMoment(d)
+      },
+
+      select (item) {
+        //  this.$store.commit('re_px/update_selected_rerun', item)
+        //  this.$store.commit('re_px/update_dialog_rerun', false)
+
+        //  let x = this.$store.state.re_px.pxs
+        //  x[this.$store.state.re_px.selected_px_idx]['result'] = item.result
+        //  this.$store.commit('re_px/update_pxs', {records:x})
+      },
+
+      is_selected (item) {
+        //  let x = this.$store.state.re_patient.selected_patient
+        //  if (!x)
+        //     return ''
+         
+        //  if (x.T_OrderHeaderID == item.T_OrderHeaderID)
+        //     return 'green lighten-4'
+
+         return ''
+      },
+
+        select_tab (px) {
+            this.selected_tab = px.id
+        },
+
+        is_selected_tab (px) {
+            
+            if (px.id == this.selected_tab)
+                return true
+            return false
+        }
+   },
+
+   computed : {
+      pxs () {
+         return this.$store.state.re_history.pxs
+      },
+
+      dialog : {
+          get () { return this.$store.state.re_history.dialog_history },
+          set (v) { this.$store.commit('re_history/update_dialog_history', v) }
+      },
+
+        selected_tab : {
+            get () { return this.$store.state.re_history.selected_tab },
+            set (v) { this.$store.commit('re_history/update_selected_tab', v) }
+        }
+   },
+
+   mounted () {
+    //   this.$store.dispatch('re_px/search_rerun')
+   },
+
+   watch : {
+       dialog (n, o) {
+           if (n && !o) {
+               this.$store.dispatch('re_history/history')
+           }
+       }
+   }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessRePatientDetail.vue

@@ -0,0 +1,287 @@
+<template>
+    <v-layout row wrap>
+        <v-flex xs12>
+            <v-card class="pa-2" v-show="!detail">
+                <v-layout row wrap>
+                    <v-flex xs3>
+                        <div class="caption font-weight-light">No Reg / Tanggal</div>
+                        <div class="subheading">{{selected_patient.T_OrderHeaderLabNumber}} / {{order_date}}</div>
+                    </v-flex>
+                    <v-flex xs3>
+                        <div class="caption font-weight-light">Nama / Jenis Kelamin</div>
+                        <div class="subheading">{{selected_patient.M_PatientName}} / {{selected_patient.M_SexName}}</div>
+                    </v-flex> 
+                    <v-flex xs3>
+                        <div class="caption font-weight-light">DOB / Umur</div>
+                        <div class="subheading">{{dob_date}} / {{age}}</div>
+                    </v-flex> 
+                    <v-flex xs3>
+                        <div class="caption font-weight-light">Pengirim</div>
+                        <div class="subheading">{{selected_patient.doctor_sender_name}}&nbsp;</div>
+                    </v-flex>
+                </v-layout>
+
+                <v-btn absolute dark top right
+                    color="black" flat depressed
+                    @click="detail=!detail"
+                    class="btn-detail"
+                >
+                    <v-icon>keyboard_arrow_up</v-icon>
+                </v-btn>
+            </v-card>
+        </v-flex>
+
+        <v-flex xs12>
+            <v-card class="pa-2" v-show="detail">
+                <v-layout row wrap>
+                    <v-flex xs6>
+                        <div class="caption font-weight-light">No Reg / Tanggal</div>
+                        <div class="subheading">{{selected_patient.T_OrderHeaderLabNumber}} / {{order_date}}</div>
+
+                        <div class="caption font-weight-light mt-2">Nama / Jenis Kelamin</div>
+                        <div class="subheading">{{selected_patient.M_PatientName}} / {{selected_patient.M_SexName}}</div>
+
+                        <div class="caption font-weight-light mt-2">DOB / Umur</div>
+                        <div class="subheading">{{dob_date}} / {{age}}</div>
+
+                        <div class="caption font-weight-light mt-2">Phone / Janji hasil</div>
+                        <div class="subheading">{{selected_patient.M_PatientHP}} / {{selected_patient.order_promise?selected_patient.order_promise.join(', '):''}}</div>
+                    </v-flex>
+                    <v-flex xs6>
+                        <div class="caption font-weight-light">Kel. Pelanggan</div>
+                        <div class="subheading">{{selected_patient.M_CompanyName}} &nbsp;</div>
+
+                        <div class="caption font-weight-light mt-2">Pengirim</div>
+                        <div class="subheading">{{selected_patient.doctor_sender_name}}&nbsp;</div>
+
+                        <div class="caption font-weight-light mt-2">Pengiriman Hasil</div>
+                        <div class="subheading">{{selected_patient.delivery?selected_patient.delivery.join(", "):''}}&nbsp;</div>
+
+                        <div class="caption font-weight-light mt-2">Format Hasil</div>
+                        <div class="subheading">{{langs}}&nbsp;</div>
+                    </v-flex>  
+                </v-layout>
+
+                <v-layout row v-show="false">
+                    <v-flex xs3>
+                        <v-layout row wrap pr-2>
+                            <v-flex xs7 pr-2>
+                                
+                                <v-text-field
+                                    label="Nomor Lab"
+                                    v-model="selected_patient.T_OrderHeaderLabNumber"
+                                    readonly
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs5>
+                                <v-text-field
+                                    label="Tanggal"
+                                    v-model="order_date"
+                                    readonly
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs12>
+                                <v-text-field
+                                    label="Nama"
+                                    v-model="selected_patient.M_PatientName"
+                                    readonly
+                                ></v-text-field>
+                            </v-flex>
+                        </v-layout>
+                        
+                    </v-flex>
+
+                    <v-flex xs3>
+                        <v-layout row wrap pl-2>
+                            <v-flex xs5 pr-2>
+                                <v-text-field
+                                    label="DOB"
+                                    v-model="dob_date"
+                                    readonly
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs7 pl-2>
+                                <v-text-field
+                                    label="Umur"
+                                    v-model="age"
+                                    readonly
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs12>
+                                <v-text-field
+                                    label="Jenis Kelamin"
+                                    v-model="selected_patient.M_SexName"
+                                    readonly
+                                ></v-text-field>
+                            </v-flex>
+                        </v-layout>
+
+                    </v-flex>
+
+                    <v-flex xs3>
+                        <v-layout row wrap pl-2>
+                            <v-flex xs12>
+                                <v-text-field
+                                    label="Dokter"
+                                    v-model="selected_patient.doctor_pj_name"
+                                    readonly
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs12>
+                                <v-text-field
+                                    label="Company"
+                                    v-model="selected_patient.M_CompanyName"
+                                    readonly
+                                ></v-text-field>
+                            </v-flex>
+                        </v-layout>
+
+                    </v-flex>
+
+                    <v-flex xs3>
+                        <v-layout row wrap pl-2>
+                            <v-flex xs12 mb-3>
+                                <v-text-field
+                                    label="No HP"
+                                    v-model="selected_patient.M_PatientHP"
+                                    readonly
+                                    hide-details
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs12>
+                                <v-text-field
+                                    label="Catatan Pasien"
+                                    outline
+                                    readonly
+                                    hide-details
+                                    v-model="selected_patient.M_PatientNote"
+                                ></v-text-field>
+                            </v-flex>
+                        </v-layout>
+
+                    </v-flex>
+                </v-layout>
+
+                <v-layout row wrap v-show="false">
+                    <v-flex xs4 pr-2>
+                        <v-text-field
+                            label="Catatan FO"
+                            outline
+                            readonly
+                            hide-details
+                            v-model="selected_patient.T_OrderHeaderFoNote"
+                        ></v-text-field>
+                    </v-flex>
+
+                    <v-flex xs4 pr-2>
+                        <v-text-field
+                            label="Catatan Sampling"
+                            outline
+                            readonly
+                            hide-details
+                            v-model="selected_patient.T_OrderHeaderSamplingNote"
+                        ></v-text-field>
+                    </v-flex>
+
+                    <v-flex xs4>
+                        <v-text-field
+                            label="Catatan Sample Handling"
+                            outline
+                            readonly
+                            hide-details
+                            v-model="selected_patient.T_OrderHeaderResultNote"
+                        ></v-text-field>
+                    </v-flex>
+                </v-layout>
+
+                <v-btn absolute dark top right
+                    color="black" flat depressed
+                    @click="detail=!detail"
+                    class="btn-detail"
+                >
+                    <v-icon>keyboard_arrow_down</v-icon>
+                </v-btn>
+
+            </v-card>
+        </v-flex>
+    </v-layout>
+    
+</template>
+
+<style scoped>
+    .btn-detail {
+        min-width: 0px !important;
+        height: auto;
+        padding: 0px;
+        top: 5px;
+        right: 5px;
+    }
+</style>
+
+<script>
+module.exports = {
+    data() {
+        return {
+            detail: false
+        }
+    },
+    
+    computed : {
+        selected_patient () {
+            return this.$store.state.re_patient.selected_patient
+        },
+
+        order_date() {
+            let d = this.selected_patient.T_OrderHeaderDate
+            let e = ''
+            try {
+                e = d.substr(0,10).split('-').reverse().join('-')
+            } catch(e) { /*console.log(e.message)*/ }
+            
+            return e
+        },
+
+        dob_date() {
+            let d = this.selected_patient.M_PatientDOB
+            let e = ''
+            try {
+                e = d.substr(0,10).split('-').reverse().join('-')
+            } catch(e) { /*console.log(e.message)*/ }
+            
+            return e
+        },
+
+        age() {
+            let d = this.selected_patient.T_OrderHeaderM_PatientAge
+            let e = ''
+            try {
+                e = d.replace(/tahun/, 'th').replace(/bulan/, 'bl').replace(/hari/, 'hr')
+            } catch(e) { /*console.log(e.message)*/ }
+            
+            return e
+        },
+
+        langs() {
+            let x = this.selected_patient
+            if (!x) return ''
+
+            let si_01 = x.T_OrderHeaderLangIsSI == 'Y' ? ' (SI)' : ''
+            let si_02 = x.T_OrderHeaderAddOnSecondLangIsSI == 'Y' ? ' (SI)' : ''
+
+            if (!x.SecondM_LangID) return x.M_LangName + si_01
+
+            return x.M_LangName + si_01 + ', ' + x.SecondM_LangName + si_02
+        }
+    },
+
+    methods : {
+        
+    }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessRePatientList.vue

@@ -0,0 +1,212 @@
+<template>
+   <v-layout class="fill-height" column>
+      <v-card class="grow">
+         <!-- <v-subheader>
+            <h3 class="title">DAFTAR PASIEN</h3>
+         </v-subheader> -->
+            <hr style="border-top:0px solid #c8c8c8;" />
+         <v-data-table
+            :headers="headers" 
+            :items="patients"
+            :loading="isLoading"
+            hide-actions class="xelevation-1">
+            <template slot="items" slot-scope="props">
+            <tr :class="{
+               'susulan' : is_susulan(props.item),
+               'verif_done': is_verif_done(props.item), 'verif_partial': is_verif_partial(props.item), 
+               'valid_done': is_valid_done(props.item), 'valid_partial':is_valid_partial(props.item) }"
+            >
+            <td 
+                   class="text-xs-left pa-2 green--text" v-bind:class="[is_selected(props.item), is_cito(props.item)]"
+                   @click="select(props.item)">
+                   <span style="color:black">{{ props.item.T_OrderHeaderLabNumber }}</span> <br/>
+                   <span style="color:#660000">{{props.item.T_OrderHeaderLabNumberExt}}</span>
+               </td>
+               <td 
+                   class="text-xs-left pa-2" v-bind:class="[is_selected(props.item), is_cito(props.item)]"
+                   @click="select(props.item)">
+                  {{ props.item.M_PatientName }}<br/>
+                   <span style="color:#660000">{{format_date(props.item.T_OrderHeaderDate)}}</span> 
+               </td>
+            </tr>
+            </template>
+
+         </v-data-table>
+         
+      </v-card>
+   </v-layout>
+</template>
+
+<style scoped>
+tr.susulan {
+   background-image: linear-gradient(to right, rgba(255, 0, 0,0.9)  5%, white 5%);
+}
+tr.susulan.verif_partial{
+   background-image: linear-gradient(to right, rgba(255, 0, 0,0.9)  5%, white 5%, white 40%,yellow 70%);
+}
+tr.susulan.verif_done {
+   background-image: linear-gradient(to right, rgba(255, 0, 0,0.9)  5%, yellow 5%);
+}
+tr.susulan.verif_partial.valid_partial {
+   background-image: linear-gradient(to right, rgba(255, 0, 0,0.9)  5%,#99e699 5%, #99e699 20%,white 30%,  white 70%, yellow 80%);
+}
+tr.susulan.verif_done.valid_partial {
+   background-image: linear-gradient(to right, rgba(255, 0, 0,0.9)  5%,#99e699 5%,  #99e699 40%,yellow 60%);
+}
+tr.susulan.valid_done{
+   background-image: linear-gradient(to right, rgba(255, 0, 0,0.9)  5%,#99e699 5%,  #99e699,#99e699, #99e699, #99e699);
+}
+
+tr.verif_partial{
+   background-image: linear-gradient(to right, white 40%,yellow 70%);
+}
+tr.verif_done {
+   background-image: linear-gradient(to right, yellow,yellow, yellow, yellow);
+}
+tr.verif_partial.valid_partial {
+   background-image: linear-gradient(to right, #99e699 20%,white 30%,  white 70%, yellow 80%);
+}
+tr.verif_done.valid_partial {
+   background-image: linear-gradient(to right, #99e699 40%,yellow 60%);
+}
+tr.valid_done{
+   background-image: linear-gradient(to right, #99e699,#99e699, #99e699, #99e699);
+}
+.searchbox .v-input.v-text-field .v-input__slot{
+   min-height:60px;
+}
+.searchbox .v-btn {
+   min-height:60px;
+}
+table.v-table tbody td,table.v-table tbody th {
+   height: 40px;
+}
+
+div.v-table__overflow {
+   height:650px!important;
+   overflow-y:scroll;
+}
+table.v-table thead tr {
+   height: 40px;
+}
+
+
+
+</style>
+
+<script>
+module.exports = {
+   data() {
+      return {
+         query: "",
+         items: [],
+         headers: [
+            {
+               text: "NO REG",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "30%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "NAMA",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "70%",
+               class: "pa-2 blue lighten-3 white--text"
+            }
+         ],
+
+
+         isLoading: false
+      };
+   },
+
+   methods : {
+      is_susulan(i) {
+         let cur_date = moment().format('DD.MM.YYYY')
+         let o_date = moment(i.T_OrderHeaderDate).format('DD.MM.YYYY')
+
+         return cur_date != o_date
+      },
+      oneMoment : function(d) {
+         return window.oneMoment(d)
+      },
+
+      select (item) {
+         this.$store.commit('re_patient/update_selected_patient', item)
+         this.$store.commit('re_px/update_id', item.T_OrderHeaderID)
+         this.$store.dispatch('re_px/search')
+         this.$store.dispatch('re_patient/info_req')
+         // this.$store.commit('ver_verification/update_selected_sent_sample', item)
+      },
+
+      is_valid_partial(i) {
+         return i.T_OrderHeaderAddOnValidationDone == 'P'
+      },
+      is_valid_done(i) {
+         return i.T_OrderHeaderAddOnValidationDone == 'Y'
+      },
+      is_verif_partial(i) {
+         return i.T_OrderHeaderAddOnVerificationDone == 'P'
+      },
+      is_verif_done(i) {
+         return i.T_OrderHeaderAddOnVerificationDone == 'Y'
+      },
+
+      format_date(p) {
+         return moment(p).format("DD.MM.YYYY HH:mm")
+      },
+      is_cito (item) {
+         let x = this.$store.state.re_patient.selected_patient
+         if (!x)
+            return ''
+         
+         if (item.T_OrderHeaderIsCito == "Y")
+            return 'amber'
+
+         return ''
+      },
+      is_selected (item) {
+         let x = this.$store.state.re_patient.selected_patient
+         if (!x)
+            return ''
+         
+         if (x.T_OrderHeaderID == item.T_OrderHeaderID)
+            return 'green lighten-4'
+
+         return ''
+      },
+
+      change_page(x) {
+         this.curr_patient_page = x
+         this.$store.dispatch('re_patient/search')
+      }
+   },
+
+   computed : {
+      patients () {
+         return this.$store.state.re_patient.patients
+      },
+
+      total_patient () {
+         return this.$store.state.re_patient.total_patient
+      },
+
+      total_patient_page () {
+         return this.$store.state.re_patient.total_patient_page
+      },
+
+      curr_patient_page : {
+         get () { return this.$store.state.re_patient.curr_patient_page },
+         set (v) { this.$store.commit('re_patient/update_curr_patient_page', v) }
+      }
+   },
+
+   mounted () {
+      this.$store.dispatch('re_patient/search')
+   }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessRePxList.vue

@@ -0,0 +1,553 @@
+<template>
+   <v-layout class="fill-height" column>
+      <v-card class="grow">
+         <!-- <v-subheader>
+            <h3 class="title">DAFTAR PASIEN</h3>
+         </v-subheader> -->
+            <hr style="border-top:0px solid #c8c8c8;" />
+         <v-data-table
+            :headers="headers" :items="pxs"
+            :loading="isLoading"
+            hide-actions class="xelevation-1">
+            <template slot="items" slot-scope="props">
+               <td class="text-xs-left pt-2 pb-2 pr-2 green--text" v-bind:class="[margin_left(props.item), verification_color(props.item)]"
+                   @click="select(props.index, props.item)" v-if="props.item.is_result == 'N'" colspan="8">
+                  {{ props.item.t_testname }}
+               </td>
+
+               <td class="text-xs-left pt-2 pb-2 pr-2 green--text" v-bind:class="[margin_left(props.item), verification_color(props.item)]"
+                   @click="select(props.index, props.item)" v-if="props.item.is_result == 'Y'">
+                  {{ props.item.t_testname }}
+               </td>
+
+               <td class="text-xs-left pa-2" v-bind:class="[is_selected(props.item), verification_color(props.item)]"
+                   @click="select(props.index, props.item)" v-if="props.item.is_result == 'Y'" style="position: relative">
+                   <span v-if="props.item.ResultGroupName === 'LAB'" class="body-1">{{init_result(props.item)}}</span>
+                   <span v-if="props.item.ResultGroupName === 'FNA'" class="body-1">{{init_result(props.item)}} 
+                      
+                      <v-btn fab  
+                        v-if="props.item.result === null || props.item.result === ''"                          
+                           small color="grey" class="ma-0 ml-2">
+                           <v-icon>description</v-icon>
+                        </v-btn>
+                         <v-btn fab  
+                        v-if="props.item.result !== null && props.item.result !== ''"                          
+                          dark small color="#26c6da" class="ma-0 ml-2" @click="openDialogFNA(props.item)">
+                           <v-icon small>description</v-icon>
+                        </v-btn>
+                  </span>
+                  <span v-if="props.item.ResultGroupName === 'Papsmear'" class="body-1">{{init_result(props.item)}} 
+                      
+                      <v-btn fab  
+                        v-if="props.item.result === null || props.item.result === ''"                          
+                           small color="grey" class="ma-0 ml-2">
+                           <v-icon>description</v-icon>
+                        </v-btn>
+                         <v-btn fab  
+                        v-if="props.item.result !== null && props.item.result !== ''"                          
+                          dark small color="#26c6da" class="ma-0 ml-2" @click="openDialogPapsmear(props.item)">
+                           <v-icon small>description</v-icon>
+                        </v-btn>
+                  </span>
+                  <span v-if="props.item.ResultGroupName === 'Pap Smear (Liquid C Prep)'" class="body-1">{{init_result(props.item)}} 
+                      
+                      <v-btn fab  
+                        v-if="props.item.result === null || props.item.result === ''"                          
+                           small color="grey" class="ma-0 ml-2">
+                           <v-icon>description</v-icon>
+                        </v-btn>
+                         <v-btn fab  
+                        v-if="props.item.result !== null && props.item.result !== ''"                          
+                          dark small color="#26c6da" class="ma-0 ml-2" @click="openDialogLcprep(props.item)">
+                           <v-icon small>description</v-icon>
+                        </v-btn>
+                  </span>
+                  <!-- <v-textarea
+                      label=""
+                      solo
+                      rows=1
+                      hide-details
+                      v-on:keyup="update_result(props.index, $event.target.value)"
+                      :value="props.item.result"
+                      flat
+                      readonly
+                  ></v-textarea> -->
+               </td>
+
+                <td class="text-xs-left pa-2" v-bind:class="[is_selected(props.item), verification_color(props.item)]"
+                   @click="select(props.index, props.item)" v-if="props.item.is_result == 'Y'">
+                  {{ !init_blank(props.item) ? props.item.result_flag : '' }}
+               </td>
+
+               <td class="text-xs-left pa-2" v-bind:class="[is_selected(props.item), verification_color(props.item)]"
+                   @click="select(props.index, props.item)" v-if="props.item.is_result == 'Y'">
+                  {{ !init_blank(props.item) ? props.item.normal_note : '' }}
+               </td>
+
+               <td class="text-xs-left pa-2" v-bind:class="[is_selected(props.item), verification_color(props.item)]"
+                   @click="select(props.index, props.item)" v-if="props.item.is_result == 'Y'">
+                  {{ !init_blank(props.item) ? props.item.unit_name : '' }}
+               </td>
+
+               <td class="text-xs-left pa-2" v-bind:class="[is_selected(props.item), verification_color(props.item)]"
+                   @click="select(props.index, props.item)" v-if="props.item.is_result == 'Y'">
+                  {{ !init_blank(props.item) ? props.item.methode_name : '' }}
+               </td>
+
+               
+
+               <td class="text-xs-left pa-2" v-bind:class="[is_selected(props.item), verification_color(props.item)]"
+                   @click="select(props.index, props.item)" v-if="props.item.is_result == 'Y'">
+                  <!-- <v-textarea
+                      label=""
+                      solo
+                      rows=1
+                      hide-details
+                      v-on:keyup="update_note(props.index, $event.target.value)"
+                      :value="props.item.note"
+                      flat
+                      readonly
+                  ></v-textarea> -->
+                    <span class="body-1">{{props.item.note}}</span>
+               </td>
+
+               <td class="text-xs-left pa-1" v-if="props.item.is_result == 'Y' && props.item.result != '' && props.item.result != null" @click="select(props.index, props.item)" v-bind:class="[verification_color(props.item)]">
+                  <div class="text-xs-center">
+                     <div class="text-xs-center">
+                         <v-btn fab 
+                           :dark="props.item.verification_old != 'Y'"
+                           :disabled="props.item.verification_old == 'Y'"
+                           small color="red" class="ma-0 float-left" @click="reject(props.item)">
+                           <v-icon>clear</v-icon>
+                        </v-btn>
+
+                        <v-btn fab 
+                           :dark="verification(props.item) == 'Y' && props.item.validation != 'Y'"
+                           :disabled="props.item.validation == 'Y'"
+                           small :color="verification(props.item) == 'Y' ? 'green' : 'white'" class="ml-1 ma-0 float-left" @click="verification_change(props.index)" >
+                           <v-icon>done</v-icon>
+                        </v-btn>
+                        <!-- <v-checkbox label="" :input-value="verification(props.item)" value="Y" false-value="N" @change="verification_change($event, props.index)" class="mt-1 mr-1 ml-0 mb-0 cb-auto-ver" hide-details></v-checkbox> -->
+
+                        <v-btn fab 
+                           :dark="props.item.sample_handling_perfect == 'Y'" 
+                           
+                           small :color="delta_color(props.item)+' lighten-2'" class="ma-0 ml-3" @click="select(props.index, props.item); trend(props.item.id)">
+                           <v-icon>equalizer</v-icon>
+                        </v-btn>
+
+                        <v-btn fab 
+                           :dark="props.item.sample_handling_perfect == 'Y'" 
+                           
+                           small :color="delta_color(props.item)+' lighten-2'" class="ma-0" @click="select(props.index, props.item); delta(props.item.id)">
+                           <span class="icon-delta"></span>
+                        </v-btn>
+                     </div>
+                  </div>
+                  
+               </td>
+
+               <td class="text-xs-left pa-1" v-if="props.item.is_result == 'Y' && (props.item.result == '' || props.item.result == null)" v-bind:class="[verification_color(props.item)]">
+                  
+               </td>
+            </template>
+
+         </v-data-table>
+
+      </v-card>
+
+      <one-process-re-rerun-result></one-process-re-rerun-result>
+      <one-process-re-history></one-process-re-history>
+      <v-snackbar
+         v-model="snackbar"
+         :timeout="5000"
+         bottom right
+      >
+         {{ save_text }}
+         <v-btn
+         color="pink"
+         flat
+         @click="snackbar = false"
+         >
+         Close
+         </v-btn>
+      </v-snackbar>
+
+      <v-snackbar
+         v-model="snackbar_err"
+         :timeout="5000"
+         bottom right
+         color="red"
+      >
+         {{ err_text }}
+         <v-btn
+         color="pink"
+         flat
+         @click="snackbar_err = false"
+         >
+         Close
+         </v-btn>
+      </v-snackbar>
+      <one-process-re-fna></one-process-re-fna>
+      <one-process-re-papsmear></one-process-re-papsmear>
+      <one-process-rv-dialog-trend></one-process-rv-dialog-trend>
+      <one-process-rv-dialog-reject></one-process-rv-dialog-reject>
+      <one-process-re-lcprep></one-process-re-lcprep>
+   </v-layout>
+</template>
+
+<style scoped>
+div.v-table__overflow {
+   height:640px!important;
+   overflow-y:scroll;
+}
+.searchbox .v-input.v-text-field .v-input__slot{
+   min-height:60px;
+}
+.searchbox .v-btn {
+   min-height:60px;
+}
+table.v-table tbody td,table.v-table tbody th {
+   height: 40px;
+}
+
+table.v-table thead tr {
+   height: 40px;
+}
+
+.btn_rerun {
+   position: absolute; 
+   top: 4px;
+   right: 2px
+}
+
+.v-btn--floating {
+   border-radius: 0%;
+}
+
+.cb-auto-ver {
+   float: left;
+}
+
+.cb-auto-ver .v-icon {
+   font-size: 40px;
+}
+
+.v-btn--floating.v-btn--small {
+   height: 30px;
+   width: 30px;
+}
+
+.float-left {
+    float: left !important
+}
+
+
+.v-textarea.v-text-field--box.v-text-field--single-line .v-text-field__prefix, .v-textarea.v-text-field--box.v-text-field--single-line textarea, .v-textarea.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix, .v-textarea.v-text-field--enclosed.v-text-field--single-line textarea {
+    margin-top: 2px;
+    
+}
+.v-textarea.v-text-field--solo .v-input__append-inner, .v-textarea.v-text-field--solo .v-input__append-outer, .v-textarea.v-text-field--solo .v-input__prepend-inner, .v-textarea.v-text-field--solo .v-input__prepend-outer {
+    align-self: flex-start;
+    margin-top: 3px;
+}
+.v-textarea.v-text-field--solo .v-input__append-inner .v-input__icon {
+    align-items: center;
+    display: inline-flex;
+    height: 24px;
+    flex: 1 0 auto;
+    justify-content: center;
+    min-width: 24px;
+    width: 24px;
+    padding-bottom: 6px;
+    padding-left: 18px;
+}
+.v-text-field.v-text-field--solo .v-input__append-outer, .v-text-field.v-text-field--solo .v-input__prepend-outer {
+    margin-top: 3px;
+}
+</style>
+
+<script>
+let ts = '?ts=' + moment().format('YYMMDDhhmmss')
+module.exports = {
+   components : {
+      'one-process-re-rerun-result': httpVueLoader('./oneProcessReRerunResult.vue'+ ts ),
+      'one-process-re-history': httpVueLoader('./oneProcessReHistory.vue'+ ts ),
+      'one-process-rv-dialog-trend': httpVueLoader('./oneProcessRvDialogTrend.vue'+ ts ),
+      'one-process-rv-dialog-reject': httpVueLoader('./oneProcessRvDialogReject.vue'+ ts ),
+      'one-process-re-fna': httpVueLoader('./oneResultFNA.vue'+ ts ),
+      'one-process-re-papsmear': httpVueLoader('./oneResultPapsmear.vue'+ ts ),
+      'one-process-re-lcprep': httpVueLoader('./oneResultLcprep.vue' + ts ),
+   },
+
+   data() {
+      return {
+         query: "",
+         save_text: "Data berhasil dikonfirmasi.",
+         err_text: "Tidak ada data yang perlu dikonfirmasi !",
+         items: [],
+         headers: [
+            {
+               text: "NAMA PEMERIKSAAN",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "15%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "HASIL",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "15%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "FLAG",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "10%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "NILAI NORMAL",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "15%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "UNIT",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "7%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "METODE",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "10%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "CATATAN",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "10%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "VERIFIKASI",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "18%",
+               class: "pa-2 blue lighten-3 white--text"
+            }
+         ],
+
+      };
+   },
+
+   methods : {
+      openDialogFNA(value){
+            this.$store.dispatch("re_fna/get_fnaresult",value)
+       },
+       openDialogPapsmear(value){
+            this.$store.dispatch("re_papsmear/get_papsmearresult",value)
+       },
+       openDialogLcprep(value){
+         //console.log(value)
+         this.$store.commit("re_lcprep/update_selected_lcprep",value)
+         this.$store.dispatch("re_lcprep/get_lcprepresult",value)
+       },
+      oneMoment : function(d) {
+         return window.oneMoment(d)
+      },
+
+      select (idx, item) {
+         this.$store.commit('re_px/update_selected_px', item)
+         this.$store.commit('re_px/update_selected_px_idx', idx)
+         // this.$store.commit('ver_verification/update_selected_sent_sample', item)
+      },
+
+      is_selected (item) {
+
+         return ''
+      },
+
+      margin_left (item) {
+         if (item.level == 3 || item.level == 2)
+            return 'pl-5'
+
+         return 'pl-2'
+      },
+
+      rerun_me () {
+         this.$store.commit('re_px/update_dialog_rerun', true)
+      },
+
+      update_result(idx, result) {
+         
+         let x = this.$store.state.re_px.pxs
+         x[idx]['result'] = result
+
+         this.$store.commit('re_px/update_pxs', {records:x})
+      },
+
+      update_note(idx, note) {
+         
+         let x = this.$store.state.re_px.pxs
+         x[idx]['note'] = note
+
+         this.$store.commit('re_px/update_pxs', {records:x})
+      },
+
+      verification(i) {
+
+        //  console.log("test name = " + i.t_testname + " | verification = " + i.verification + " | sample handling = " + i.sample_handling_perfect + " | delta = " + i.delta_check + " | trend = "+ i.trend_analysis)
+         
+         if (i.verification == "N" || i.verification == "Y")
+            return i.verification
+
+         if (i.sample_handling_perfect != "Y")
+            return "N"
+
+         if (i.delta_check == "N" || i.trend_analysis == "N")
+            return "N"
+
+         return "Y"
+      },
+
+      async verification_change(idx) {
+         let x = this.$store.state.re_px.pxs
+         let e = x[idx].verification
+         x[idx].verification = e == 'Y' ? 'N' : 'Y'
+        let prm = { order_id : x[idx].id , verification: x[idx].verification}
+        await this.$store.dispatch("re_px/single_verification",prm) 
+        if ( e == 'Y' ) {
+           x[idx].verification_old = 'N'
+        } else {
+           x[idx].verification_old = 'Y'
+        }
+
+         this.$store.commit("re_px/update_pxs", {records:x})
+      },
+
+      verification_show(idx) {
+         this.$store.commit("re_verification/update_dialog_verification", true)
+      },
+
+      trend(x) {
+         this.$store.dispatch('re_px/trend_analysis');
+         // this.$store.commit('re_px/update_dialog_trend', true)
+      },
+
+      delta(x) {
+         this.$store.dispatch('re_px/delta_check')
+         this.$store.commit('re_px/update_dialog_trend', true)
+      },
+
+      delta_color(x) {
+            if (x.sample_handling_perfect == "N")
+                return "grey"
+
+            if (x.delta_check == "N")
+                return "red"
+
+            return "green"
+      },
+
+        init_result(x) {
+            if (x.verification_old == "Y" || x.validation == "Y")
+                return x.result
+
+            // Override
+            if (x.resample == "Y") {
+                if (x.resample_status == "N")
+                    return "Bahan belum"
+                if (x.resample_status == "R")
+                    return "Hasil Menyusul"
+                if (x.resample_status == "W")
+                    return x.result
+            }
+
+            if (x.sample_receive != 'Y')
+                return "Bahan belum"
+            if (x.sample_receive == 'Y' && !x.pre_analytic)
+                return "Belum Pre Analitik"
+            if (x.sample_receive == 'Y' && x.pre_analytic)
+            {
+                if (x.sample_worklist_receive == "Y")
+                    return x.result
+                else
+                    return "Hasil Menyusul"
+            }
+        },
+
+        init_blank(x) {
+            if (x.verification_old == "Y" || x.validation == "Y")
+                return false
+                
+            // Override
+            if (x.resample == "Y") {
+                if (x.resample_status == "N" || x.resample_status == "R")
+                    return true                
+            }
+
+            if (x.sample_receive != 'Y' || !x.pre_analytic || x.sample_worklist_receive != "Y" ||
+                x.result == '' || x.result == null)
+                return true
+
+            return false
+        },
+
+        reject(x) {
+            this.$store.commit('re_px/update_dialog_reject', true)
+        },
+
+        verification_color(i) {
+            if (i.validation == "Y")
+                return "green lighten-4"
+            if (i.verification_old == "Y")
+                return "red lighten-4"
+
+            return""
+        }
+   },
+
+   computed : {
+      isLoading() {
+         return this.$store.state.re_px.search_status == 1
+      },
+      pxs () {
+         return this.$store.state.re_px.pxs
+      },
+
+      icon_info () {
+         return window.BASE_URL + '/one-ui/apps/image/info.png'
+      },
+
+      snackbar : {
+         get () { return this.$store.state.re_px.snackbar },
+         set (v) { this.$store.commit('re_px/update_snackbar', v) }
+      },
+
+      snackbar_err : {
+         get () { return this.$store.state.re_px.snackbar_err },
+         set (v) { this.$store.commit('re_px/update_snackbar_err', v) }
+      }
+   },
+
+   mounted () {
+    //   this.$store.dispatch('re_patient/search')
+   }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessReRerunResult.vue

@@ -0,0 +1,154 @@
+<template>
+    <v-dialog
+        v-model="dialog"    
+        persistent
+        max-width="500px"
+        transition="dialog-transition"
+    >
+        
+
+        <v-layout class="fill-height" column>
+            <v-card class="grow">
+                <v-card-text>
+                    <v-data-table
+                        :headers="headers" :items="reruns"
+                        :loading="isLoading"
+                        hide-actions class="elevation-1">
+                        <template slot="items" slot-scope="props">
+                        <td class="text-xs-left pa-2 green--text" v-bind:class="is_selected(props.item)">
+                            {{ props.item.date }}
+                        </td>
+                        <td class="text-xs-left pa-2" v-bind:class="is_selected(props.item)">
+                            {{ props.item.instrument }}
+                        </td>
+                        <td class="text-xs-left pa-2" v-bind:class="is_selected(props.item)">
+                            {{ props.item.result }}
+                        </td>
+
+                        <td class="text-xs-left pa-2" v-bind:class="is_selected(props.item)">
+                            <v-btn flat icon color="green" @click="select(props.item)">
+                                <v-icon>get_app</v-icon>
+                            </v-btn>
+                        </td>
+                        </template>
+
+                    </v-data-table>
+                </v-card-text>
+                <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="blue darken-1" flat @click="dialog = false">Tutup</v-btn>
+                    <!-- <v-btn color="blue darken-1" :dark="btn_save_enabled" @click="save" :disabled="!btn_save_enabled">Simpan</v-btn> -->
+                </v-card-actions>
+                
+
+            </v-card>
+        </v-layout>
+    </v-dialog>
+</template>
+
+<style scoped>
+.searchbox .v-input.v-text-field .v-input__slot{
+   min-height:60px;
+}
+.searchbox .v-btn {
+   min-height:60px;
+}
+table.v-table tbody td,table.v-table tbody th {
+   height: 40px;
+}
+
+table.v-table thead tr {
+   height: 40px;
+}
+
+</style>
+
+<script>
+module.exports = {
+   data() {
+      return {
+         query: "",
+         items: [],
+         headers: [
+            {
+               text: "TANGGAL",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "20%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "ALAT",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "35%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "HASIL",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "40%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "5%",
+               class: "pa-2 blue lighten-3 white--text"
+            }
+         ],
+
+
+         isLoading: false
+         
+      };
+   },
+
+   methods : {
+      oneMoment : function(d) {
+         return window.oneMoment(d)
+      },
+
+      select (item) {
+         this.$store.commit('re_px/update_selected_rerun', item)
+         this.$store.commit('re_px/update_dialog_rerun', false)
+
+         let x = this.$store.state.re_px.pxs
+         x[this.$store.state.re_px.selected_px_idx]['result'] = item.result
+         this.$store.commit('re_px/update_pxs', {records:x})
+      },
+
+      is_selected (item) {
+        //  let x = this.$store.state.re_patient.selected_patient
+        //  if (!x)
+        //     return ''
+         
+        //  if (x.T_OrderHeaderID == item.T_OrderHeaderID)
+        //     return 'green lighten-4'
+
+         return ''
+      }
+   },
+
+   computed : {
+      reruns () {
+         return this.$store.state.re_px.reruns
+      },
+
+      dialog : {
+          get () { return this.$store.state.re_px.dialog_rerun },
+          set (v) { this.$store.commit('re_px/update_dialog_rerun', v) }
+      }
+   },
+
+   mounted () {
+    //   this.$store.dispatch('re_px/search_rerun')
+   }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessReSearchBox.vue

@@ -0,0 +1,260 @@
+<template>
+    <v-card   class="mb-1 pa-1">
+        <v-layout row>
+            <v-flex xs9>
+                <v-layout>
+                    <one-date-picker
+                        label="Tanggal"
+                        :date="sdate"
+                        data="0"
+                        style="width:120px"
+                        @change="changeDate"
+                    ></one-date-picker>
+                    <v-text-field class="flex xs3 ma-1"
+                                    label=""
+                                    placeholder="No Reg / Nama"
+                                    single-line
+                                    solo
+                                    hide-details
+                                    v-model="search"
+                                    @keyup.native="keySearch"
+                    ></v-text-field>
+                    <v-autocomplete
+		    v-model="company"
+		    :items="companies"
+		    :loading="loading_company"
+		    :search-input.sync="search_company"
+                    class="xs4 ma-1 ml-1 mr-1"
+		    hide-no-data
+                    filled
+		    item-text="M_CompanyName"
+		    item-value="M_CompanyID"
+		    label=""
+		    placeholder="Cari Kelompok Pelanggan"
+		    return-object
+		  ></v-autocomplete>  
+                <v-select
+                    :items="groups"
+                    v-model="selected_group"
+                    item-text="group_name"
+                    item-value="group_id"
+                    label="Grup Pemeriksaan"
+                    return-object
+                    solo
+                    hide-details
+                    clearable
+                    
+                ></v-select>                
+               </v-layout>
+            </v-flex>
+            <v-flex xs2>
+                <v-layout>
+                    <v-btn class="btn-search one-btn-icon ma-1" color="success" @click="searchs" >
+                        <span class="icon-search"><span>
+                    </v-btn>
+                </v-layout>
+                
+            </v-flex>
+
+            <v-flex xs3 class="text-xs-right">
+                <v-btn v-show="!info_req_perfect" class="btn-search one-btn-icon ma-1" color="red" @click="info" dark >
+                    <v-icon>info</v-icon>
+                </v-btn>
+                
+                <v-btn
+                    color="blue-grey"
+                    class="white--text ma-1"
+                    @click="histories"
+                    v-show="btn_history_show"
+                    >
+                    Histori
+                </v-btn>
+
+                <v-btn
+                    color="blue"
+                    class="white--text ma-1"
+                    @click="save_result"
+                    v-show="false"
+                    >
+                    Konfirmasi
+                    <v-icon right dark>save_alt</v-icon>
+                </v-btn>
+                
+
+                
+            </v-flex>
+        </v-layout>
+    </v-card>
+</template>
+
+<style scoped>
+.btn-legend {
+    height: 25px;
+    width: 25px;
+    border-radius: 0%;
+}
+
+button {
+    height: 48px;
+}
+
+.btn-search {
+    font-size: 1.5em
+}
+
+</style>
+
+<script>
+module.exports = {
+    components : {
+        'one-date-picker' : httpVueLoader('./oneDatePicker.vue')
+    },
+    data() {
+       return {
+         search_company: ''
+       }
+    },
+    watch : {
+	search_company(n,o) {
+		this.$store.dispatch('company/search',n)
+	}
+    },
+    computed : {
+	company: {
+		get() { return this.$store.state.company.company },
+		set(v) { this.$store.commit('company/update_company',v) }
+	},
+	companies() {
+		return this.$store.state.company.companies
+	},
+	loading_company() { 
+		return this.$store.state.company.loading
+	},
+        nolab : {
+            get () { return this.$store.state.re_patient.nolab },
+            set (v) { this.$store.commit('re_patient/update_nolab', v) }
+        },
+
+        search : {
+            get () { return this.$store.state.re_patient.search },
+            set (v) { this.$store.commit('re_patient/update_search', v) }
+        },
+
+        groups () {
+            return this.$store.state.re_px.groups
+        },
+
+        selected_group : {
+            get () { return this.$store.state.re_px.selected_group },
+            set (v) { 
+                this.$store.commit('re_px/update_selected_group', v) 
+                this.$store.dispatch('re_patient/search')
+            }
+        },
+
+        lang () {
+            return this.$store.state.re_patient.selected_patient.M_LangCode
+        },
+
+        img_lang () {
+            if (this.lang == "ID")
+                return "inako.png"
+                // return "flag-ina_48.png"
+            else if (this.lang == "EN")
+                return "engko.png"
+                // return "flag-us_48.png"
+        },
+
+        langs () {
+            return this.$store.state.re_patient.langs
+        },
+
+        sdate : {
+            get () { return this.$store.state.re_patient.s_date },
+            set (v) { this.$store.commit('re_patient/update_sdate', v) }
+        },
+
+        selected_patient () {
+            return this.$store.state.re_patient.selected_patient
+        },
+
+        btn_history_show () {
+            if (!this.selected_patient) return false
+            if (!this.selected_patient.is_history) return false
+            if (this.selected_patient.is_history == "N") return false
+
+            return true
+        },
+
+        info_req_perfect () {
+            let x = false
+            try {
+                x = this.$store.state.re_patient.info_req.is_perfect == 'Y';    
+            } catch (error) {
+            }
+            
+            return x
+        }
+    },
+
+    methods : {
+        searchs() {
+            this.$store.dispatch('re_patient/search')
+        },
+
+        keySearch(e) {
+            if (e.which == 13) {
+                this.searchs()
+            }
+        },
+
+        save_result() {
+            this.$store.dispatch('re_px/confirm')
+        },
+
+        histories() {
+            this.$store.commit('re_history/update_dialog_history', true)
+        },
+
+        img_lang_2 (lang, si) {
+            
+            if (lang == "ID" && si == "N")
+                return "inako.png"
+            if (lang == "ID" && si == "Y")
+                return "inasi.png"
+            if (lang == "EN" && si == "N")
+                return "engko.png"
+            if (lang == "EN" && si == "Y")
+                return "engsi.png"
+        },
+
+        lang_change (lang) {
+            this.$store.commit('re_patient/update_lang', lang)
+            this.$store.dispatch('re_px/lang_export')
+        },
+
+        lang_selected (lang) {
+            if (lang.code == this.$store.state.re_patient.lang_code)
+                return true
+            return false
+        },
+
+        changeDate(x) {
+            this.sdate = x.new_date
+            this.searchs()
+        },
+
+        note() {
+            this.$store.commit('re_patient/update_dialog_note', true)
+        },
+
+        info() {
+            this.$store.commit('re_patient/update_dialog_req', true)
+        }
+    },
+
+    mounted () {
+        this.$store.dispatch('re_px/search_group')
+    }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessRvDialogReject.vue

@@ -0,0 +1,82 @@
+<template>
+  <div class="text-xs-center">
+    <v-dialog
+      v-model="dialog"
+      width="500"
+    >
+
+      <v-card>
+        
+
+        <v-card-title
+          class="headline grey lighten-2"
+          primary-title
+        >
+            Tolak Pemeriksaan   
+        </v-card-title>
+
+        <v-card-text>
+            <v-radio-group v-model="selected_reject_action">
+                <v-radio 
+                    v-for="(unval, n) in reject_actions"
+                    v-bind:key="n"
+                    :label="unval.label"
+                    :value="unval.val"></v-radio>
+            </v-radio-group>
+        </v-card-text>
+
+        <v-card-actions>
+            <v-btn
+            color="primary"
+            flat
+            @click="dialog=!dialog"
+          >
+            Tutup
+          </v-btn>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="primary"
+            @click="reject"
+            :disabled="!selected_reject_action"
+            :dark="!!selected_reject_action"
+          >
+            Tolak
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script>
+module.exports = {
+    data () {
+        return {
+          
+        }
+    },
+
+    computed : {
+        dialog : {
+            get () { return this.$store.state.re_px.dialog_reject },
+            set (v) { this.$store.commit("re_px/update_dialog_reject", v) }
+        },
+
+        reject_actions () {
+            return this.$store.state.re_px.reject_actions
+        },
+
+        selected_reject_action : {
+            get () { return this.$store.state.re_px.selected_reject_action },
+            set (v) { this.$store.commit('re_px/update_selected_reject_action', v) }
+        }
+    },
+
+    methods : {
+        reject () {
+            this.$store.dispatch('re_px/reject')
+            this.dialog = false
+        }
+    }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessRvDialogTrend.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="text-xs-center">
+    <v-dialog
+      v-model="dialog"
+      width="500"
+    >
+
+      <v-card>
+        <v-img
+          v-if="info_trend.image"
+          :src="info_trend.image"
+          
+        ></v-img>
+
+        <v-card-title
+          v-if="info_trend.title"
+          class="headline grey lighten-2"
+          primary-title
+        >
+          {{ info_trend.title }}
+        </v-card-title>
+
+        <v-card-text v-if="info_trend.note">
+          {{ info_trend.note }}
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="primary"
+            flat
+            @click="dialog = false"
+          >
+            I accept
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script>
+module.exports = {
+    data () {
+        return {
+          
+        }
+    },
+
+    computed : {
+        dialog : {
+            get () { return this.$store.state.re_px.dialog_trend },
+            set (v) { this.$store.commit("re_px/update_dialog_trend", v) }
+        },
+
+        info_trend () { return this.$store.state.re_px.info_trend }
+    }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneProcessRvDialogVer.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="text-xs-center">
+    <v-dialog
+      v-model="dialog"
+      width="500"
+    >
+
+      <v-card>
+        <v-card-text>
+          
+        </v-card-text>
+
+        <v-divider></v-divider>
+
+        <v-card-actions>
+            <v-btn color="primary" flat @click="dialog = !dialog">Tutup</v-btn>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="primary"
+            flat
+            @click="dialog = false"
+          >
+            Simpan
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script>
+module.exports = {
+    data () {
+        return {
+          
+        }
+    },
+
+    computed : {
+        dialog : {
+            get () { return this.$store.state.re_verification.dialog_verification },
+            set (v) { this.$store.commit("re_verification/update_dialog_verification", v) }
+        }
+    }
+}
+</script>

test/vuex/one-process-resultverification-v3/components/oneResultFNA.vue

@@ -0,0 +1,120 @@
+<template>
+  <v-layout row justify-center>
+    <v-dialog v-model="dialog_fna" persistent max-width="40%">
+      <v-card>
+        <v-card-title>
+          <h3 class="headline">FNA</h3>
+          
+        </v-card-title>
+        <v-divider></v-divider>
+        <v-card-text>
+            <v-sheet dark color="blue" class="mb-2 pa-2">
+            <v-layout color="info" align-center  row>
+              
+              <v-flex xs4>
+                  <label class="mono font-weight-black" dark>DOKTER</label>
+                  <!--<v-select
+                      item-text="name"
+                      return-object
+                      outline
+                      :items="doctors"
+                      v-model="selected_doctor"
+                      hide-details
+                      label="Dokter"
+                  ></v-select>
+                  <p v-if="error_doctor" class="error pl-2 pr-2" style="color:#fff">Dokternya siapa ? jangan lupa ya ...</p>
+                -->
+              </v-flex>
+              <v-flex xs8>
+                <h5 class="mono font-weight-bold" dark >{{selected_doctor.name}}</h5>
+              </v-flex>
+              
+            </v-layout>
+            </v-sheet>
+            <v-card color="#26c6da"
+    dark
+ >
+            <v-layout class="mt-2 pa-2 " align-center wrap>
+              <v-flex xs12>
+                <v-layout v-for="result in results"  mb-2 row>
+                    <v-flex xs4>
+                        <!--<v-textarea
+                            auto-grow
+                            :label="result.label"
+                            outline
+                            rows="2"
+                            v-model="result.result"
+                            hide-details
+                        ></v-textarea>-->
+                        <label class="font-weight-black">{{result.label}}</label>
+                    </v-flex>
+                    <v-flex xs8>
+                      <p class="mono font-condensed ">{{result.result}}</p>
+                    </v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+            </v-card>
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="blue darken-1" flat @click="dialog_fna = false">Tutup</v-btn>
+          <!--<v-btn color="blue darken-1" @click="saveResult_Fna" flat >Simpan</v-btn>-->
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </v-layout>
+</template>
+
+ <script>
+ module.exports = {
+   mounted() {
+      //this.$store.dispatch("re_fna/get_doctors",{token:''})
+   },
+   data() {
+      return {
+        error_doctor:false
+        
+      };
+   },
+    computed: {
+        dialog_fna: {
+            get() {
+                return this.$store.state.re_fna.dialog_fna
+            },
+            set(val) {
+                this.$store.commit("re_fna/update_dialog_fna", val)
+            }
+        },
+        results: {
+            get() {
+                return this.$store.state.re_fna.results
+            },
+            set(val) {
+                this.$store.commit("re_fna/update_results", val)
+            }
+        },
+        doctors(){
+          return this.$store.state.re_fna.doctors
+        },
+        selected_doctor: {
+            get() {
+                return this.$store.state.re_fna.selected_doctor
+            },
+            set(val) {
+                this.$store.commit("re_fna/update_selected_doctor", val)
+            }
+        }
+    },
+    methods: {
+        saveResult_Fna(){
+            if(_.isEmpty(this.selected_doctor) || this.selected_doctor == '0'){
+              this.error_doctor = true
+
+            }else
+              this.$store.dispatch("re_fna/saveresult_fna",{doctor:this.selected_doctor.id,results:this.results})
+            }
+        }
+    
+ }
+</script>

test/vuex/one-process-resultverification-v3/components/oneResultLcprep.vue

@@ -0,0 +1,266 @@
+<template>
+  <v-layout row justify-center>
+    <v-dialog v-model="dialog_lcprep" persistent max-width="75%">
+      <v-card>
+        <v-card-title class="red white--text">
+          <span class="headline">PAP SMEAR (LCPrep)</span>
+        </v-card-title>
+        <v-card-text>
+            <v-layout class="mb-2" row>
+              <v-flex xs12>
+                  <v-select
+                      item-text="name"
+                      return-object
+                      style="font-size:12px"
+                      class="mini-select"
+                      disabled
+                      outline
+                      :items="doctors"
+                      v-model="selected_doctor"
+                      hide-details
+                      label="Dokter"
+                  ></v-select>
+                  <p v-if="error_doctor" class="error pl-2 pr-2" style="color:#fff">Dokternya siapa ? jangan lupa ya ...</p>
+              </v-flex>
+            </v-layout>
+              
+                <v-layout class="mt-2 mb-2" row>
+                    <v-flex xs6>
+                      <v-card
+                        outlined
+                        class="mr-1 pa-2"
+                      >
+                      <v-card-text>
+                        <p class="overline mb-0 font-weight-bold">ADEKUASI BAHAN PEMERIKSAAN</p>
+                        <v-checkbox v-for="chx_adekuasi in adekuasi"
+                              class="mono"
+                              disabled
+                              v-model="chx_adekuasi.chex"
+                              :label="chx_adekuasi.name" 
+                              hide-details
+                            ></v-checkbox>
+                      </v-card-text>
+                      
+                       </v-card>
+                    </v-flex>
+                  <v-flex xs6>
+                    <v-card
+                      outlined
+                      class="ml-1 pa-2"
+                    >
+                    <v-card-text>
+                        <p class="overline mb-0 font-weight-bold">KATEGORI UMUM</p>
+                        <v-checkbox v-for="chx_kategoriumum in kategoriumum" 
+                              class="mono"
+                              disabled
+                              v-model="chx_kategoriumum.chex"
+                            :label="chx_kategoriumum.name"
+                              hide-details
+                            ></v-checkbox>
+                      </v-card-text>
+                    </v-card>
+                  </v-flex>
+                </v-layout>
+            <v-divider></v-divider>
+            <v-layout wrap>
+              <v-flex v-for="(details,idx) in interpretasi" :class="{'xs3':idx===0,'xs7 pl-1':idx===1,'xs2 pl-1':idx===2}">
+                <v-layout row>
+                  <v-flex xs12>
+                    <v-card>
+                      <v-card-title color="warning"  class="purple white--text">
+                          <h5 class="subheader overline font-weight-bold">{{details.group_name}}</h5>
+                      </v-card-title>
+                      <v-list
+                        dense
+                        subheader
+                        single-line
+                        v-for="(subgroups,idxx) in details.subgroups" :key="details.id"
+                      >
+                        <v-subheader class="font-weight-black">{{subgroups.subgroup_name}}</v-subheader>
+                        <v-list-tile v-if="subgroups.childs.length > 0" v-for="(childs,idxxx) in subgroups.childs" :key="childs.id" >
+                          <div v-if="childs.has_result === 'Y' && childs.type_result === 'CHECK'"
+                              :class="{'pl-0':childs.code.length === 2,'pl-4':childs.code.length === 4}"
+                          >
+                            <v-list-tile-action class="mb-2 mono">
+                              <v-checkbox
+                                v-model="childs.chex"
+                                :label="childs.name"
+                                disabled
+                                hide-details
+                              ></v-checkbox>
+                            </v-list-tile-action>
+                        </div>
+                        <div v-if="childs.has_result === 'Y' && childs.type_result === 'TEXT'">
+                            <v-list-tile-action class="mb-2 pl-0 mono">
+                              <v-text-field
+                                label=""
+                                disabled
+                                single-line
+                                v-model="childs.value"
+                              ></v-text-field>
+                            </v-list-tile-action>
+                        </div>
+
+                      </v-list>
+                    </v-card>
+                  </v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+            <v-layout class="mb-2 mt-2" column >
+              <v-card>
+                <v-card-title color="warning"  class="purple white--text">
+                  <h5 class="subheader overline font-weight-bold">HASIL AKHIR</h5>
+                </v-card-title>
+                <v-card-text class="pa-2">
+                  <v-layout v-for="result in results"  mt-2 mb-2 row>
+                    <!--<v-flex xs12>
+                        <v-textarea
+                            auto-grow
+                            :label="result.label"
+                            outline
+                            disabled
+                            rows="2"
+                            v-model="result.result"
+                            hide-details
+                        ></v-textarea>
+                    </v-flex>-->
+                    <v-flex xs2>
+                        <!--<v-textarea
+                            auto-grow
+                            :label="result.label"
+                            outline
+                            rows="2"
+                            v-model="result.result"
+                            hide-details
+                        ></v-textarea>-->
+                        <label class="font-weight-black">{{result.label}}</label>
+                    </v-flex>
+                    <v-flex xs10>
+                      <p class="mono">{{result.result}}</p>
+                    </v-flex>
+                </v-layout>
+                </v-card-text>
+              </v-card>
+            </v-layout>
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="blue darken-1" flat @click="dialog_lcprep = false">Tutup</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </v-layout>
+</template>
+<style scoped>
+.v-input.lcprep .v-label {
+    height: 20px!important;
+    line-height: 25px!important;
+}
+</style>
+ <script>
+ module.exports = {
+   mounted() {
+      //this.$store.dispatch("re_lcprep/get_doctors",{token:''})
+   },
+   data() {
+      return {
+        error_doctor:false
+        
+      };
+   },
+    computed: {
+        dialog_lcprep: {
+            get() {
+                return this.$store.state.re_lcprep.dialog_lcprep
+            },
+            set(val) {
+                this.$store.commit("re_lcprep/update_dialog_lcprep", val)
+            }
+        },
+        results: {
+            get() {
+                return this.$store.state.re_lcprep.results
+            },
+            set(val) {
+                this.$store.commit("re_lcprep/update_results", val)
+            }
+        },
+        adekuasi: {
+            get() {
+                return this.$store.state.re_lcprep.adekuasi
+            },
+            set(val) {
+                this.$store.commit("re_lcprep/update_adekuasi", val)
+            }
+        },
+        kategoriumum: {
+            get() {
+                return this.$store.state.re_lcprep.kategoriumum
+            },
+            set(val) {
+                this.$store.commit("re_lcprep/update_kategoriumum", val)
+            }
+        },
+        interpretasi: {
+            get() {
+                return this.$store.state.re_lcprep.interpretasi
+            },
+            set(val) {
+                this.$store.commit("re_lcprep/update_interpretasi", val)
+            }
+        },
+        doctors(){
+          return this.$store.state.re_lcprep.doctors
+        },
+        selected_doctor: {
+            get() {
+                return this.$store.state.re_lcprep.selected_doctor
+            },
+            set(val) {
+                this.$store.commit("re_lcprep/update_selected_doctor", val)
+            }
+        }
+    },
+    methods: {
+        changeChildsChex(childs,idxxx,idxx,idx){
+          let interpretasi = this.interpretasi
+          var parent_id = interpretasi[idx].subgroups[idxx].childs[idxxx].parent_id
+          if(parent_id !== '0'){
+            let childs = interpretasi[idx].subgroups[idxx].childs
+            let index_parent = _.findIndex(childs, function(o) { return o.id === parent_id }) 
+            if(childs.chex)
+              interpretasi[idx].subgroups[idxx].childs[index_parent].chex = true
+            else
+              {
+                let xfilter = _.filter(childs, { 'chex': true, 'parent_id': parent_id })
+                if(xfilter.length === 0)
+                  interpretasi[idx].subgroups[idxx].childs[index_parent].chex = false
+                else
+                  interpretasi[idx].subgroups[idxx].childs[index_parent].chex = true
+              }
+          }
+          this.interpretasi = interpretasi
+        },
+        saveResult_Lcprep(){
+            if(_.isEmpty(this.selected_doctor) || this.selected_doctor.id == '0'){
+              this.error_doctor = true
+
+            }else{
+              let selected_lcprep = this.$store.state.re_lcprep.selected_lcprep
+              var prm = {
+                doctor:this.selected_doctor.id,
+                order_id:selected_lcprep.order_id,
+                detail_id:selected_lcprep.id,
+                results:this.results,
+                interpretasi:this.interpretasi,
+                kategoriumum:this.kategoriumum,
+                adekuasi:this.adekuasi
+              }
+              this.$store.dispatch("re_lcprep/saveresult_lcprep",prm)
+            }
+        }
+    }
+ 
+ }
+</script>

test/vuex/one-process-resultverification-v3/components/oneResultPapsmear.vue

@@ -0,0 +1,255 @@
+<template>
+  <v-layout row justify-center>
+    <v-dialog v-model="dialog_papsmear" persistent max-width="50%">
+      <v-card>
+        <v-card-title class="red white--text">
+          <span class="headline">PAP SMEAR</span>
+        </v-card-title>
+        <v-card-text>
+            <v-layout class="mb-2" row>
+              <v-flex xs8>
+                  <v-select
+                      item-text="name"
+                      return-object
+                      style="font-size:12px"
+                      class="mini-select"
+                      outline
+                      disabled
+                      :items="doctors"
+                      v-model="selected_doctor"
+                      hide-details
+                      label="Dokter"
+                  ></v-select>
+                  <p v-if="error_doctor" class="error pl-2 pr-2" style="color:#fff">Dokternya siapa ? jangan lupa ya ...</p>
+              </v-flex>
+              <v-flex pt-2 xs4>
+                <v-layout class="pa-2" align-center text-xs-right row>
+                  <v-flex xs12>
+                    <h3 class="subheading font-weight-bold">Bahan dari :</h3>
+                  </v-flex>
+                  
+                </v-layout>
+              </v-flex>
+            </v-layout>
+            <v-layout class="mt-2 mb-2" wrap>
+              <v-flex xs8>
+                <v-layout v-for="(check,index) in checks" align-center mb-1 row>
+                  <v-flex xs1>
+                    <v-btn v-if="check.selected === 'N'"  small style="min-width:18px"><v-icon small>close</v-icon></v-btn>
+                    <v-btn color="teal" dark v-if="check.selected === 'Y'" small style="min-width:18px"><v-icon small>check</v-icon></v-btn>
+                  </v-flex>
+                  <v-flex xs5 pl-2>
+                      <label class="body-2 font-weight-bold mb-0 mono">{{check.name}}</label>
+                  </v-flex>
+                  <v-flex xs6>
+                    <v-text-field
+                      outline
+                      v-model="check.note"
+                      disabled 
+                      single-line
+                      hide-details
+                    ></v-text-field>
+                  </v-flex>
+                </v-layout>
+              </v-flex>
+              <v-flex pr-4 xs4>
+                <v-layout align-center text-xs-right v-for="(bahan,i) in bahans" align-center mb-1 row>
+                  <v-flex xs15 pl-2>
+                      <label class="body-2 font-weight-bold mb-0 mono">{{bahan.name}}</label>
+                  </v-flex>
+                  <v-flex xs1>
+                    <v-btn v-if="bahan.selected === 'N'" small style="min-width:18px"><v-icon small>close</v-icon></v-btn>
+                  <v-btn color="teal" dark v-if="bahan.selected === 'Y'"  small style="min-width:18px"><v-icon small>check</v-icon></v-btn>
+                  </v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+            <v-divider></v-divider>
+            <v-layout mt-2 mb-2 align-center row>
+              <v-flex xs3>
+                <span class="subheading font-weight-bold">
+                  Kategori keganasan :
+                </span>
+              </v-flex>
+              <v-flex text-xs-right xs9>
+                <span v-for="(category,idx) in categories">
+                  <v-btn v-if="category.selected === 'N'"  small style="min-width:18px"><v-icon small>close</v-icon></v-btn>
+                  <v-btn color="teal" dark v-if="category.selected === 'Y'" small style="min-width:18px"><v-icon small>check</v-icon></v-btn>
+                  <span class="pl-1 pr-2">{{category.name}}</span>
+                </span>
+              </v-flex>
+            </v-layout>
+            <v-divider></v-divider>
+            <v-layout mt-2 mb-2 align-center row>
+              <v-flex xs3>
+                <span class="subheading font-weight-bold">
+                  Index maturasi :
+                </span>
+              </v-flex>
+              <v-flex xs1>
+                <span class="subheading font-weight-bold">
+                  M.I 
+                </span>
+              </v-flex>
+              <v-flex v-for="(mtr,m) in maturasi.value" xs3 pl-2 pt-2 pb-2>
+                <v-text-field
+                      v-model="mtr"
+                      disabled
+                      outline
+                      single-line
+                      hide-details
+                ></v-text-field>
+              </v-flex>
+              
+            </v-layout>
+            <v-divider></v-divider>
+            <v-layout v-for="result in results"  mt-2 mb-2 row>
+                <v-flex xs4>
+                        <!--<v-textarea
+                            auto-grow
+                            :label="result.label"
+                            outline
+                            rows="2"
+                            v-model="result.result"
+                            hide-details
+                        ></v-textarea>-->
+                        <label class="font-weight-black">{{result.label}}</label>
+                    </v-flex>
+                    <v-flex xs8>
+                      <p class="mono">{{result.result}}</p>
+                    </v-flex>
+            </v-layout>
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="blue darken-1" flat @click="dialog_papsmear = false">Tutup</v-btn>
+          
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </v-layout>
+</template>
+
+ <script>
+ module.exports = {
+   mounted() {
+      //this.$store.dispatch("re_papsmear/get_doctors",{token:''})
+   },
+   data() {
+      return {
+        error_doctor:false
+        
+      };
+   },
+    computed: {
+        dialog_papsmear: {
+            get() {
+                return this.$store.state.re_papsmear.dialog_papsmear
+            },
+            set(val) {
+                this.$store.commit("re_papsmear/update_dialog_papsmear", val)
+            }
+        },
+        results: {
+            get() {
+                return this.$store.state.re_papsmear.results
+            },
+            set(val) {
+                this.$store.commit("re_papsmear/update_results", val)
+            }
+        },
+        checks: {
+            get() {
+                return this.$store.state.re_papsmear.checks
+            },
+            set(val) {
+                this.$store.commit("re_papsmear/update_checks", val)
+            }
+        },
+        maturasi: {
+            get() {
+                return this.$store.state.re_papsmear.maturasi
+            },
+            set(val) {
+                this.$store.commit("re_papsmear/update_maturasi", val)
+            }
+        },
+        bahans: {
+            get() {
+                return this.$store.state.re_papsmear.bahans
+            },
+            set(val) {
+                this.$store.commit("re_papsmear/update_bahans", val)
+            }
+        },
+        categories: {
+            get() {
+                return this.$store.state.re_papsmear.categories
+            },
+            set(val) {
+                this.$store.commit("re_papsmear/update_categories", val)
+            }
+        },
+        doctors(){
+          return this.$store.state.re_papsmear.doctors
+        },
+        selected_doctor: {
+            get() {
+                return this.$store.state.re_papsmear.selected_doctor
+            },
+            set(val) {
+                this.$store.commit("re_papsmear/update_selected_doctor", val)
+            }
+        }
+    },
+    methods: {
+        saveResult_Papsmear(){
+            if(_.isEmpty(this.selected_doctor) || this.selected_doctor == '0'){
+              this.error_doctor = true
+
+            }else{
+              let selected_papsmear = this.$store.state.re_papsmear.selected_papsmear
+              var prm = {
+                order_id:selected_papsmear.order_id,
+                detail_id:selected_papsmear.id,
+                doctor:this.selected_doctor.id,
+                checks:this.checks,
+                maturasi:this.maturasi,
+                bahans:this.bahans,
+                categories:this.categories,
+                results:this.results
+              }
+              this.$store.dispatch("re_papsmear/saveresult_papsmear",prm)
+            }
+        },
+        changeChecksSelected(value,idx){
+          let checks = this.$store.state.re_papsmear.checks
+          checks[idx].selected = value.selected === 'N'?'Y':'N'
+          if(checks[idx].selected === 'N')
+            checks[idx].note = ''
+          this.checks = checks
+        },
+        changeNote(value,idx){
+          let checks = this.$store.state.re_papsmear.checks
+          checks[idx].note = value.note
+          this.checks = checks
+        },
+        changeCategoriesSelected(value,idx){
+          let categories = this.$store.state.re_papsmear.categories
+          categories[idx].selected = value.selected === 'N'?'Y':'N'
+          this.categories = categories
+        },
+        changeBahansSelected(value,idx){
+          let bahans = this.$store.state.re_papsmear.bahans
+          bahans[idx].selected = value.selected === 'N'?'Y':'N'
+          this.bahans = bahans
+        },
+        changeMaturasi(value,idx){
+          let mx = this.$store.state.re_papsmear.maturasi
+          mx.value[idx] = value
+          this.maturasi = mx 
+        }
+    }
+ 
+ }
+</script>

test/vuex/one-process-resultverification-v3/index.php

@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>One</title>
+  <link rel="stylesheet" href="../../../libs/vendor/css/google-fonts.css">
+  <link rel="stylesheet" href="../../../libs/vendor/css/vuetify.min.css">
+  <link rel="stylesheet" href="../../../libs/vendor/css/icomoon-fonts.css">
+  <link rel="stylesheet" href="../../../libs/my-icon.css">
+</head>
+
+<body>
+  <div v-cloak id="app">
+    <v-app id="smartApp" >
+      <one-navbar></one-navbar>
+      <v-content class="blue lighten-5" >
+		    <v-container fluid pt-2 pb-2 pl-1 pr-1>
+          <v-layout column>
+            <v-flex class="fixed-search">
+            
+              <one-process-re-search-box></one-process-re-search-box>
+            
+            </v-flex>
+            
+            <v-flex fill-height class="mt-6" style="position:relative; top:16px;">
+              <v-layout>
+                <v-flex xs3 pr-1>
+                  <one-process-re-patient-list></one-process-re-patient-list>
+                </v-flex>
+                  
+                <v-flex xs9 pl-1>
+                  <v-layout column>
+                    <v-flex xs12>
+                      <one-process-re-patient-detail></one-process-re-patient-detail>
+                    </v-flex>
+                      
+                    <v-flex xs12 pt-2>
+                      <one-process-re-px-list></one-process-re-px-list>
+                    </v-flex>  
+                  </v-layout>
+                  
+                </v-flex>
+              </v-layout>
+            <v-flex>
+            
+            
+          </v-layout>
+        </v-container>
+      </v-content>
+      <one-footer> </one-footer>
+      <one-info></one-info>
+      <one-process-re-dialog-req></one-process-re-dialog-req>
+      <one-process-rv-dialog-ver></one-process-rv-dialog-ver>
+    </v-app>
+  </div>
+
+<style>
+.fixed-search {
+    position: fixed;
+    top: 68px;
+    left: 4px;
+    right: 4px;
+    z-index: 7;
+}
+
+.fixed-search .v-card {
+    
+}
+
+.mt-6 {
+    margin-top: 66px;
+}
+</style>
+  <!-- Vendor -->
+  <script src="../../../libs/vendor/axios.min.js"></script>
+  <script src="../../../libs/vendor/moment.min.js"></script>
+  <script src="../../../libs/vendor/moment-locale-id.js"></script>
+  <script src="../../../libs/vendor/numeral.min.js"></script>
+  <script src="../../../libs/vendor/lodash.js"></script>
+  <script src="../../../libs/vendor/vue.js"></script>
+  <script src="../../../libs/vendor/vuex.js"></script>
+  <script src="../../../libs/vendor/vuetify.js"></script>
+  <script src="../../../libs/vendor/httpVueLoader.js"></script>
+  <script src="../../../libs/one_global.js"></script>
+  <!-- App Script -->
+  <?php
+  $ts = "?ts=" . Date("ymdhis");
+  ?>
+  <script type="module">
+    import { store } from './store.js<?php echo $ts ?>';
+    //for testing
+    window.store = store;
+    new Vue({
+      store,
+      el: '#app',
+      components: {
+        'one-navbar': httpVueLoader('../../../apps/components/oneNavbarComponent.vue'),
+        'one-footer': httpVueLoader('../../../apps/components/oneFooter.vue'),
+        'one-process-re-search-box': httpVueLoader('./components/oneProcessReSearchBox.vue'),
+        'one-process-re-patient-list': httpVueLoader('./components/oneProcessRePatientList.vue'),
+        'one-process-re-patient-detail': httpVueLoader('./components/oneProcessRePatientDetail.vue'),
+        'one-process-re-px-list': httpVueLoader('./components/oneProcessRePxList.vue'),
+        'one-process-re-dialog-req': httpVueLoader('./components/oneProcessReDialogReq.vue'),
+        'one-info': httpVueLoader('./components/oneInfo.vue'),
+        'one-process-rv-dialog-ver': httpVueLoader('./components/oneProcessRvDialogVer.vue')
+      },
+
+      computed : {
+        tab_active () {
+            
+        }
+      },
+
+      mounted () {
+        // store.dispatch('receive_patient/search')
+      }
+    })
+  </script>
+  <style>
+    [v-cloak] {
+      display: none
+    }
+  </style>
+</body>
+
+</html>

test/vuex/one-process-resultverification-v3/modules/company.js

@@ -0,0 +1,55 @@
+import * as api from "../api/company.js"
+
+export default  {
+   namespaced: true,
+   state: {
+      loading: false,
+      company: { M_CompanyID : 0 , M_CompanyName : 'All'},
+      companies: [],
+      error: '',
+      token: {}
+   },
+   mutations: {
+      update_loading(state,status) {
+         state.loading= status
+      },
+      update_company(state,status) {
+         state.company= status
+      },
+      update_companies(state,status) {
+         state.companies= status
+      },
+      update_error(state,status) {
+         state.error= status
+      },
+      update_token(state,status) {
+         state.token= status
+      },
+   },
+   actions: {
+      async search(context,qry) {
+         context.commit("update_loading", true)
+         try {
+            let token = context.state.token
+            if (token.hasOwnProperty("token")) {
+               token.cancel()
+            }
+            token = axios.CancelToken.source()
+            context.commit("update_token",token)
+
+            let resp= await api.search(one_token(),qry, token.token) 
+            if (resp.status != "OK") {
+               context.commit("update_loading", false)
+               context.commit("update_error", resp.message)
+            } else {
+               context.commit("update_loading",false)
+               context.commit("update_error","")
+               context.commit('update_companies',resp.data.data)
+            }
+         } catch(e) {
+            context.commit("update_loading",false)
+            context.commit("update_error",e.message )
+         }
+      }
+   }
+}

test/vuex/one-process-resultverification-v3/modules/re_fna.js

@@ -0,0 +1,134 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/re_fna.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      get_data_status:0,
+      save_status:0,
+      dialog_fna:false,
+      diagnosis_klinis:'',
+      makroskopis:'',
+      mikroskopis:'',
+      kesimpulan:'',
+      saran:'',
+      selected_fna:{},
+      results:[],
+      doctors:[],
+      selected_doctor:{}
+   },
+   mutations: {
+    update_doctors(state,value) {
+        state.doctors = value
+     },
+     update_selected_doctor(state,value) {
+        state.selected_doctor = value
+     },
+    update_save_status(state,value) {
+        state.save_status = value
+     },
+    update_results(state,value) {
+        state.results = value
+     },
+    update_get_data_status(state,value) {
+        state.get_data_status = value
+     },
+    update_selected_fna(state,value) {
+        state.selected_fna = value
+     },
+      update_dialog_fna(state,value) {
+         state.dialog_fna = value
+      },
+      update_diagnosis_klinis(state,value) {
+        state.diagnosis_klinis = value
+      },
+      update_makroskopis(state,value) {
+        state.makroskopis = value
+      },
+      update_mikroskopis(state,value) {
+        state.mikroskopis = value
+      },
+      update_kesimpulan(state,value) {
+        state.kesimpulan = value
+      },
+      update_saran(state,value) {
+        state.saran = value
+      }
+   },
+   actions: {
+    async get_fnaresult(context,prm) {
+        context.commit("update_get_data_status", 1)
+        try {
+            prm.token = one_token()
+            let resp = await api.getfnaresult(prm)
+            if (resp.status != "OK") {
+                context.commit("update_get_data_status", 3)
+            } else {
+                context.commit("update_get_data_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+                context.commit("update_results", data.records['results'])
+                context.commit("update_doctors", data.records['doctors'])
+                var selected_doctor = {
+                    id:data.records['results'][0]['doctor_id'],
+                    name:data.records['results'][0]['doctor_name']
+                }
+                context.commit("update_selected_doctor", selected_doctor)
+                context.commit("update_dialog_fna", true)
+            }
+        } catch (e) {
+            context.commit("update_get_data_status", 3)
+        }
+    },
+    async get_doctors(context,prm) {
+        context.commit("update_get_data_status", 1)
+        try {
+            prm.token = one_token()
+            let resp = await api.get_doctors(prm)
+            if (resp.status != "OK") {
+                context.commit("update_get_data_status", 3)
+            } else {
+                context.commit("update_get_data_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+                context.commit("update_doctors", data.records)
+                context.commit("update_selected_doctor", {})
+                context.commit("update_dialog_fna", true)
+            }
+        } catch (e) {
+            context.commit("update_get_data_status", 3)
+        }
+    },
+    async saveresult_fna(context,prm) {
+        context.commit("update_save_status", 1)
+        try {
+            //prm.id = context.state.selected_fna.id
+            prm.token = one_token()
+            let resp = await api.saveresult_fna(prm)
+            if (resp.status != "OK") {
+                context.commit("update_save_status", 3)
+            } else {
+                context.commit("update_save_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+                
+                context.commit("update_dialog_fna", false)
+                context.dispatch('re_px/search','',{root:true})
+                context.dispatch('re_patient/info_req','',{root:true})
+            }
+        } catch (e) {
+            context.commit("update_save_status", 3)
+        }
+    }
+      
+   }
+}

test/vuex/one-process-resultverification-v3/modules/re_history.js

@@ -0,0 +1,102 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../../one-process-resultentry/api/re_history.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      order_id:0,
+
+      search_status:0,
+      search_error_message:'',
+      search_dialog_is_active: false,
+
+      // HISTORY
+      total_px: 0,
+      pxs: [{
+                date: '2019-07-07',
+                data: [
+                    {px_name: 'Hematologi Rutin', is_result: 'N', result: '', flag: '', level:1},
+                    {px_name: 'Trombosit', is_result: 'Y', result: '300', flag: 'H', level:2},
+                    {px_name: 'Leukosit', is_result: 'Y', result: '100', flag: '', level:2},
+                    {px_name: 'Hemoglobin', is_result: 'Y', result: '105', flag: '', level:2} ]
+            },
+            {
+                date: '2019-06-07',
+                data: [
+                    {px_name: 'SGOT', is_result: 'Y', result: '230', flag: '', level:1},
+                    {px_name: 'SGPT', is_result: 'Y', result: '320', flag: 'H', level:1} ]
+            }],
+      selected_px: {},
+      selected_px_idx: 0,
+
+      dialog_history: false,
+      selected_tab: 0
+   },
+   mutations: {
+      update_search_dialog_is_active(state,status) {
+         state.search_dialog_is_active = status
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+
+      update_id(state, id) {
+         state.order_id = id
+      },
+
+      update_pxs(state, pxs) {
+         state.pxs = pxs.records
+      },
+
+      update_selected_px(state, px) {
+         state.selected_px = px
+      },
+
+      update_selected_px_idx(state, idx) {
+         state.selected_px_idx = idx
+      },
+
+      update_dialog_history(state, v) {
+         state.dialog_history = v
+      },
+
+        update_selected_tab(state, v) {
+            state.selected_tab = v
+        }
+   },
+   actions: {
+        async history(context) {
+            context.commit("update_search_status", 1)
+            try {
+                let resp= await api.history(one_token(), context.rootState.re_patient.selected_patient.T_OrderHeaderID)
+                
+                if (resp.status != "OK") {
+                
+                context.commit("update_search_status", 3)
+                context.commit("update_search_error_message", resp.message)
+                } else {
+                context.commit("update_search_status",2)
+                context.commit("update_search_error_message","")
+                
+                    context.commit('update_pxs', {
+                        records: resp.data
+                    })
+
+                    if (resp.data.length > 0) {
+                        context.commit('update_selected_tab', resp.data[0].id)
+                    }
+                }
+            } catch(e) {
+                context.commit("update_search_status",3)
+                context.commit("update_search_error_message",e.message )
+            }
+        }
+   }
+}

test/vuex/one-process-resultverification-v3/modules/re_lcprep.js

@@ -0,0 +1,154 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/re_lcprep.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      get_data_status:0,
+      save_status:0,
+      dialog_lcprep:false,
+      diagnosis_klinis:'',
+      makroskopis:'',
+      mikroskopis:'',
+      kesimpulan:'',
+      saran:'',
+      selected_lcprep:{},
+      results:[],
+      doctors:[],
+      selected_doctor:{},
+      adekuasi:[],
+      kategoriumum:[],
+      interpretasi:[],
+      maturasi:[]
+   },
+   mutations: {
+    update_maturasi(state,value) {
+        state.maturasi = value
+     },
+    update_doctors(state,value) {
+        state.doctors = value
+     },
+     update_selected_doctor(state,value) {
+        state.selected_doctor = value
+     },
+    update_save_status(state,value) {
+        state.save_status = value
+     },
+     update_results(state,value) {
+        state.results = value
+     },
+    update_adekuasi(state,value) {
+        state.adekuasi = value
+     },
+     update_kategoriumum(state,value) {
+        state.kategoriumum = value
+     },
+     update_interpretasi(state,value) {
+        state.interpretasi = value
+     },
+    update_get_data_status(state,value) {
+        state.get_data_status = value
+     },
+    update_selected_lcprep(state,value) {
+        state.selected_lcprep = value
+     },
+      update_dialog_lcprep(state,value) {
+         state.dialog_lcprep = value
+      },
+      update_diagnosis_klinis(state,value) {
+        state.diagnosis_klinis = value
+      },
+      update_makroskopis(state,value) {
+        state.makroskopis = value
+      },
+      update_mikroskopis(state,value) {
+        state.mikroskopis = value
+      },
+      update_kesimpulan(state,value) {
+        state.kesimpulan = value
+      },
+      update_saran(state,value) {
+        state.saran = value
+      }
+   },
+   actions: {
+    async get_lcprepresult(context,prm) {
+        context.commit("update_get_data_status", 1)
+        try {
+            prm.token = one_token()
+            let resp = await api.getlcprepresult(prm)
+            if (resp.status != "OK") {
+                context.commit("update_get_data_status", 3)
+            } else {
+                context.commit("update_get_data_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+
+                context.commit("update_results", data.records['results'])
+                context.commit("update_adekuasi", data.records['adekuasi'])
+                context.commit("update_kategoriumum", data.records['kategoriumum'])
+                context.commit("update_interpretasi", data.records['interpretasi'])
+                context.commit("update_doctors", data.records['doctors'])
+                var selected_doctor = {
+                    id:data.records['results'][0]['doctor_id'],
+                    name:data.records['results'][0]['doctor_name']
+                }
+                context.commit("update_selected_doctor", selected_doctor)
+                context.commit("update_dialog_lcprep", true)
+            }
+        } catch (e) {
+            context.commit("update_get_data_status", 3)
+        }
+    },
+    async get_doctors(context,prm) {
+        context.commit("update_get_data_status", 1)
+        try {
+            prm.token = one_token()
+            let resp = await api.get_doctors(prm)
+            if (resp.status != "OK") {
+                context.commit("update_get_data_status", 3)
+            } else {
+                context.commit("update_get_data_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+                context.commit("update_doctors", data.records)
+                context.commit("update_selected_doctor", {})
+                context.commit("update_dialog_fna", true)
+            }
+        } catch (e) {
+            context.commit("update_get_data_status", 3)
+        }
+    },
+    async saveresult_lcprep(context,prm) {
+        context.commit("update_save_status", 1)
+        try {
+            //prm.id = context.state.selected_fna.id
+            prm.token = one_token()
+            let resp = await api.saveresult_lcprep(prm)
+            if (resp.status != "OK") {
+                context.commit("update_save_status", 3)
+            } else {
+                context.commit("update_save_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+                
+                context.commit("update_dialog_lcprep", false)
+                context.dispatch('re_px/search','',{root:true})
+                context.dispatch('re_patient/info_req','',{root:true})
+            }
+        } catch (e) {
+            context.commit("update_save_status", 3)
+        }
+    }
+      
+   }
+}

test/vuex/one-process-resultverification-v3/modules/re_papsmear.js

@@ -0,0 +1,155 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/re_papsmear.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      get_data_status:0,
+      save_status:0,
+      dialog_papsmear:false,
+      diagnosis_klinis:'',
+      makroskopis:'',
+      mikroskopis:'',
+      kesimpulan:'',
+      saran:'',
+      selected_papsmear:{},
+      results:[],
+      doctors:[],
+      selected_doctor:{},
+      checks:[],
+      bahans:[],
+      categories:[],
+      maturasi:[]
+   },
+   mutations: {
+    update_maturasi(state,value) {
+        state.maturasi = value
+     },
+    update_doctors(state,value) {
+        state.doctors = value
+     },
+     update_selected_doctor(state,value) {
+        state.selected_doctor = value
+     },
+    update_save_status(state,value) {
+        state.save_status = value
+     },
+     update_results(state,value) {
+        state.results = value
+     },
+    update_checks(state,value) {
+        state.checks = value
+     },
+     update_bahans(state,value) {
+        state.bahans = value
+     },
+     update_categories(state,value) {
+        state.categories = value
+     },
+    update_get_data_status(state,value) {
+        state.get_data_status = value
+     },
+    update_selected_papsmear(state,value) {
+        state.selected_papsmear = value
+     },
+      update_dialog_papsmear(state,value) {
+         state.dialog_papsmear = value
+      },
+      update_diagnosis_klinis(state,value) {
+        state.diagnosis_klinis = value
+      },
+      update_makroskopis(state,value) {
+        state.makroskopis = value
+      },
+      update_mikroskopis(state,value) {
+        state.mikroskopis = value
+      },
+      update_kesimpulan(state,value) {
+        state.kesimpulan = value
+      },
+      update_saran(state,value) {
+        state.saran = value
+      }
+   },
+   actions: {
+    async get_papsmearresult(context,prm) {
+        context.commit("update_get_data_status", 1)
+        try {
+            prm.token = one_token()
+            let resp = await api.getpapsmearresult(prm)
+            if (resp.status != "OK") {
+                context.commit("update_get_data_status", 3)
+            } else {
+                context.commit("update_get_data_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+
+                context.commit("update_results", data.records['results'])
+                context.commit("update_checks", data.records['checks'])
+                context.commit("update_bahans", data.records['bahans'])
+                context.commit("update_maturasi", data.records['maturasi'])
+                context.commit("update_categories", data.records['categories'])
+                context.commit("update_doctors", data.records['doctors'])
+                var selected_doctor = {
+                    id:data.records['results'][0]['doctor_id'],
+                    name:data.records['results'][0]['doctor_name']
+                }
+                context.commit("update_selected_doctor", selected_doctor)
+                context.commit("update_dialog_papsmear", true)
+            }
+        } catch (e) {
+            context.commit("update_get_data_status", 3)
+        }
+    },
+    async get_doctors(context,prm) {
+        context.commit("update_get_data_status", 1)
+        try {
+            prm.token = one_token()
+            let resp = await api.get_doctors(prm)
+            if (resp.status != "OK") {
+                context.commit("update_get_data_status", 3)
+            } else {
+                context.commit("update_get_data_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+                context.commit("update_doctors", data.records)
+                context.commit("update_selected_doctor", {})
+                context.commit("update_dialog_fna", true)
+            }
+        } catch (e) {
+            context.commit("update_get_data_status", 3)
+        }
+    },
+    async saveresult_papsmear(context,prm) {
+        context.commit("update_save_status", 1)
+        try {
+            //prm.id = context.state.selected_fna.id
+            prm.token = one_token()
+            let resp = await api.saveresult_papsmear(prm)
+            if (resp.status != "OK") {
+                context.commit("update_save_status", 3)
+            } else {
+                context.commit("update_save_status", 2)
+                let data = {
+                    records: resp.data.records,
+                    total: resp.data.total
+                }
+                
+                context.commit("update_dialog_papsmear", false)
+                context.dispatch('re_px/search','',{root:true})
+                context.dispatch('re_patient/info_req','',{root:true})
+            }
+        } catch (e) {
+            context.commit("update_save_status", 3)
+        }
+    }
+      
+   }
+}

test/vuex/one-process-resultverification-v3/modules/re_patient.js

@@ -0,0 +1,162 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/re_patient.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      order_id:0,
+      search: '',
+      nolab: '',
+      sdate: new Date().toISOString().substr(0, 10),
+      edate: null,
+
+      search_status:0,
+      search_error_message:'',
+      search_dialog_is_active: false,
+
+      patients: [],
+      total_patient: 0,
+      total_patient_page: 0,
+      curr_patient_page: 1,
+      selected_patient: { },
+
+
+      // PX
+      total_px: 0,
+      pxs: [],
+
+      dialog_req: false,
+      info_req: {req_fo:[],req_spec_col:[],req_spec_ver:[],req_samp_ver:[],req_pre_an:[]}
+   },
+   mutations: {
+      update_search_dialog_is_active(state,status) {
+         state.search_dialog_is_active = status
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+      
+      update_search(state,val) {
+         state.search=val 
+      },
+
+      update_nolab(state, val) {
+         state.nolab = val 
+      },
+
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+
+      update_patients(state, data) {
+         state.patients= data.records
+         state.total_patient = data.total
+         state.total_patient_page = data.total_page
+      },
+
+      update_curr_patient_page(state, data) {
+         state.curr_patient_page = data
+      },
+
+      update_selected_patient(state,val) {
+         state.selected_patient=val
+      },
+
+      update_id(state, id) {
+         state.order_id = id
+      },
+
+      update_pxs(state, pxs) {
+         state.pxs = pxs.records
+      },
+
+      update_sdate(state, date) {
+         state.sdate = date
+      },
+
+      update_edate(state, date) {
+         state.edate = date
+      },
+
+      update_info_req(state, v) {
+          state.info_req = v
+      },
+
+      update_dialog_req(state, v) {
+          state.dialog_req = v
+      }
+   },
+   actions: {
+      async search(context) {
+         context.commit("update_search_status", 1)
+         try {
+            let g_id = 0
+            if (context.rootState.re_px.selected_group)
+                g_id = context.rootState.re_px.selected_group.group_id
+
+            let company_id=0
+            if (context.rootState.company.company)
+                company_id = context.rootState.company.company.M_CompanyID
+
+            context.commit("update_selected_patient", {})
+            let resp= await api.search(one_token(), context.state.sdate, context.state.search, g_id,
+                                       context.state.curr_patient_page, company_id)
+            
+            if (resp.status != "OK") {
+               
+               context.commit("update_search_status", 3)
+               context.commit("update_search_error_message", resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total,
+                  total_page: resp.data.total_page
+               }
+               context.commit("update_patients", data)
+               
+               if (data.records.length < 1) {
+                context.commit('update_selected_patient', null)
+                context.commit('re_px/update_pxs', [], {root:true})
+            }
+            else {
+                context.commit('update_selected_patient', data.records[0])
+                context.commit('re_px/update_id', data.records[0].T_OrderHeaderID, {root:true})
+                context.dispatch('re_px/search', null, {root:true})
+
+                context.dispatch('info_req')
+            }
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async info_req(context) {
+          context.commit("update_search_status", 1)
+          try {
+          let resp= await api.info_req(one_token(), context.state.selected_patient.T_OrderHeaderID)
+          
+              if (resp.status != "OK") {
+                  
+                  context.commit("update_search_status", 3)
+                  context.commit("update_search_error_message", resp.message)
+              } else {
+                  context.commit("update_search_status",2)
+                  context.commit("update_search_error_message","")
+                  
+                  context.commit('update_info_req', resp.data)
+              }
+          } catch(e) {
+              context.commit("update_search_status", 3)
+              context.commit("update_search_error_message", e.message )
+          }
+      }
+
+   }
+}

test/vuex/one-process-resultverification-v3/modules/re_px.js

@@ -0,0 +1,288 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/re_px.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      order_id:0,
+
+      search_status:0,
+      search_error_message:'',
+      search_dialog_is_active: false,
+
+      // PX
+      total_px: 0,
+      pxs: [],
+      selected_px: {},
+      selected_px_idx: 0,
+
+      groups: [{group_id:'1', group_name:'DUMMY - KIMIA'}, {group_id:'2', group_name:'DUMMY - HEMATOLOGI'}],
+      selected_group: {},
+
+      reruns: [{date:'2019-07-10 08:00', instrument:'COBAS', result:'56'}, {date:'2019-07-10 08:20', instrument:'COBAS', result:'68'}],
+      selected_rerun: {},
+      dialog_rerun: false,
+      snackbar: false,
+      snackbar_err: false,
+
+      dialog_trend: false,
+      info_trend: {},
+
+      dialog_reject: false,
+      reject_actions: [{"val":"1", "label":"Rerun"}, {"val":"3", "label":"Tolak Sampel"}],
+      selected_reject_action: null
+   },
+   mutations: {
+      update_search_dialog_is_active(state,status) {
+         state.search_dialog_is_active = status
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+
+      update_id(state, id) {
+         state.order_id = id
+      },
+
+      update_pxs(state, pxs) {
+         state.pxs = pxs.records
+      },
+
+      update_selected_px(state, px) {
+         state.selected_px = px
+      },
+
+      update_selected_px_idx(state, idx) {
+         state.selected_px_idx = idx
+      },
+
+      update_selected_group(state, group) {
+         state.selected_group = group
+      },
+
+      update_dialog_rerun(state, v) {
+         state.dialog_rerun = v
+      },
+
+      update_reruns(state, reruns) {
+         state.reruns = reruns.records
+      },
+
+      update_selected_rerun(state, rerun) {
+         state.selected_rerun = rerun
+      },
+
+      update_snackbar(state, v) {
+         state.snackbar = v
+      },
+
+      update_snackbar_err(state, v) {
+         state.snackbar_err = v
+      },
+
+        update_dialog_trend(state, v) {
+            state.dialog_trend = v
+        },
+
+        update_info_trend(state, v) {
+            state.info_trend = v
+        },
+
+        update_groups(state, v) {
+            state.groups = v.records
+        },
+
+        update_selected_reject_action(state, v) {
+            state.selected_reject_action = v
+        },
+
+        update_dialog_reject(state, v) {
+           state.dialog_reject = v
+        }
+   },
+   actions: {
+      async single_verification(context,prm) {
+         context.commit("update_search_status", 1)
+         try {
+            await api.single_verification(one_token(), prm.order_id, prm.verification)
+            context.commit("update_search_status", 0)
+         } catch(e) {
+            context.commit("update_search_error_message",e.message)
+            context.commit("update_search_status", 3)
+         }
+      },
+      async search(context) {
+         context.commit("update_search_status", 1)
+         try {
+            let g_id = 0
+            if (context.state.selected_group)
+                g_id = context.state.selected_group.group_id
+            let resp= await api.search(one_token(), context.state.order_id, g_id)
+            
+            if (resp.status != "OK") {
+               
+               context.commit("update_search_status", 3)
+               context.commit("update_search_error_message", resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total
+               }
+
+               for (let i in data.records) {
+                  let x = data.records[i]
+                  if (x.verification == "X" && x.sample_handling_perfect == "Y") {
+                     if (x.delta_check == "Y" && x.trend_analysis == "Y")
+                        x.verification = "Y"
+                     else
+                        x.verification = "N"
+
+                     data.records[i] = x
+                  }
+               }
+
+               context.commit("update_pxs", data)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async confirm(context) {
+         let data = []
+         let x = context.state.pxs
+         for (let i in x) {
+            let y = x[i]
+            if (y.verification != "X" && y.verification_old != y.verification)
+               data.push({id:y.id, trend:y.trend_analysis, delta:y.delta_check, verification:y.verification, test_id:y.t_testid, test_name:y.t_testname})
+         }
+
+         if (data.length < 1) {
+            context.commit('update_snackbar_err', true)
+            return
+         }
+               
+         try {
+            let resp= await api.confirm(one_token(), JSON.stringify(data))
+            
+            if (resp.status != "OK") {
+               
+               context.commit("update_search_status", 3)
+               context.commit("update_search_error_message", resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               
+               context.dispatch("search")
+               context.commit("update_snackbar", true)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async delta_check(context) {
+         context.commit("update_search_status", 1)
+         try {
+            let resp= await api.delta_check(one_token(), context.state.selected_px.id)
+            
+            if (resp.status != "OK") {
+               
+               context.commit("update_search_status", 3)
+               context.commit("update_search_error_message", resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               
+               context.commit('update_info_trend', resp.data)
+               context.commit('update_dialog_trend', true)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async trend_analysis(context) {
+         context.commit("update_search_status", 1)
+         try {
+            let resp= await api.trend_analysis(one_token(), context.state.selected_px.id)
+            
+            if (resp.status != "OK") {
+               
+               context.commit("update_search_status", 3)
+               context.commit("update_search_error_message", resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               
+               context.commit('update_info_trend', resp.data)
+               context.commit('update_dialog_trend', true)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async search_group(context) {
+        context.commit("update_search_status", 1)
+        try {
+
+           let resp= await api.search_group()
+           
+           if (resp.status != "OK") {
+              
+              context.commit("update_search_status", 3)
+              context.commit("update_search_error_message", resp.message)
+           } else {
+              context.commit("update_search_status", 2)
+              context.commit("update_search_error_message","")
+              
+              let data = {
+                 records : resp.data.records,
+                 total: resp.data.total
+              }
+
+              context.commit("update_groups", data)
+           }
+        } catch(e) {
+           context.commit("update_search_status", 3)
+           context.commit("update_search_error_message",e.message )
+        }
+     },
+  
+     async reject(context) {
+        context.commit("update_search_status", 1)
+        try {
+           let resp= await api.reject(one_token(), context.state.selected_px.id, context.state.selected_reject_action)
+           
+           if (resp.status != "OK") {
+              
+              context.commit("update_search_status", 3)
+              context.commit("update_search_error_message", resp.message)
+           } else {
+              context.commit("update_search_status",2)
+              context.commit("update_search_error_message","")
+              
+              context.dispatch("search")
+           }
+        } catch(e) {
+           context.commit("update_search_status",3)
+           context.commit("update_search_error_message",e.message )
+        }
+     }
+   }
+}

test/vuex/one-process-resultverification-v3/modules/re_verification.js

@@ -0,0 +1,38 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/re_history.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      order_id:0,
+
+      search_status:0,
+      search_error_message:'',
+      search_dialog_is_active: false,
+
+      dialog_verification: false
+   },
+   mutations: {
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+
+      update_id(state, id) {
+         state.order_id = id
+      },
+
+      update_dialog_verification(state, v) {
+         state.dialog_verification = v
+      }
+   },
+   actions: {
+    
+   }
+}

test/vuex/one-process-resultverification-v3/store.js

@@ -0,0 +1,42 @@
+// State
+//  data ...
+// Mutations
+//
+//
+// Actions
+import re_patient from "./modules/re_patient.js";
+import re_px from "./modules/re_px.js";
+import re_history from "./modules/re_history.js";
+import re_verification from "./modules/re_verification.js";
+import system from "../../../apps/modules/system/system.js";
+import company from "./modules/company.js";
+import re_fna from "./modules/re_fna.js";
+import re_papsmear from "./modules/re_papsmear.js";
+import re_lcprep from "./modules/re_lcprep.js";
+
+export const store = new Vuex.Store({
+  state : {
+    tab_active : '01',
+    tabs : [
+     
+    ]
+  },
+
+  mutations : {
+    change_tab(state, tab) {
+      state.tab_active = tab;
+    }
+  },
+
+  modules : {
+     re_patient: re_patient,
+     re_px: re_px,
+     company: company,
+     re_history: re_history,
+     re_verification: re_verification,
+     system: system,
+     re_fna:re_fna,
+     re_papsmear:re_papsmear,
+     re_lcprep:re_lcprep
+  }
+});