diff --git a/resources/assets/js/pages/settings/admin-china-bank.vue b/resources/assets/js/pages/settings/admin-china-bank.vue
index c714bd43..ae2a02d1 100644
--- a/resources/assets/js/pages/settings/admin-china-bank.vue
+++ b/resources/assets/js/pages/settings/admin-china-bank.vue
@@ -11,16 +11,16 @@
       <el-table-column prop="bank_branch" label="Bank Branch"></el-table-column>
       <el-table-column label="Action">
           <template slot-scope="scope">
-              <el-button type="text" size="small" @click="dialogVisible = true">Edit</el-button>
-              <el-button type="text" size="small" @click="dialogVisible1 = true">Delete</el-button>
+              <el-button type="text" size="small" @click="EditDatadialogVisible = true">Edit</el-button>
+              <el-button type="text" size="small" @click="DeleteAdddialogVisible = true">Delete</el-button>
           </template>
       </el-table-column>
     </el-table><br>
     <div align="right">
-      <el-button type="primary" icon="el-icon-plus" @click="dialogVisible2 = true">Add New Data</el-button>
+      <el-button type="primary" icon="el-icon-plus" @click="AddDatadialogVisible = true">Add New Data</el-button>
     </div>
     <!-- popup add new data -->
-      <el-dialog title="Add New Data" align="center" :visible.sync="dialogVisible2" width="40%">
+      <el-dialog title="Add New Data" align="center" :visible.sync="AddDatadialogVisible" width="40%">
           <el-form :label-position="right" label-width="150px">
             <el-form-item label="Company Name"><el-input></el-input></el-form-item>
             <el-form-item label="Bank Name"><el-input></el-input></el-form-item>
@@ -31,22 +31,22 @@
             <el-form-item label="Bank Branch"><el-input></el-input></el-form-item>
           </el-form>
         <div align="center">
-            <el-button @click="dialogVisible2 = false">Cancel</el-button>
-            <el-button type="primary" @click="dialogVisible2 = false; dialogVisible3 = true">OK</el-button>
+            <el-button @click="AddDatadialogVisible = false">Cancel</el-button>
+            <el-button type="primary" @click="AddDatadialogVisible = false; DoneAddDatadialogVisible = true">OK</el-button>
         </div>
         <span slot="footer" class="dialog-footer">
             * Please key in the data in Chinese
         </span>
       </el-dialog>
-      <el-dialog align="center" :visible.sync="dialogVisible3" width="30%">
+      <el-dialog align="center" :visible.sync="DoneAddDatadialogVisible" width="30%">
         <span>Data Added Successfully</span><br><br>
         <div align="center">
-            <el-button type="primary" @click="dialogVisible3 = false">OK</el-button>
+            <el-button type="primary" @click="DoneAddDatadialogVisible = false">OK</el-button>
         </div>
       </el-dialog>
     <!-- popup add new data end -->
     <!-- popup edit data -->
-      <el-dialog title="Edit Data" align="center" :visible.sync="dialogVisible" width="40%">
+      <el-dialog title="Edit Data" align="center" :visible.sync="EditDatadialogVisible" width="40%">
           <el-form :label-position="right" label-width="150px">
             <el-form-item label="Company Name"><el-input></el-input></el-form-item>
             <el-form-item label="Bank Name"><el-input></el-input></el-form-item>
@@ -57,25 +57,25 @@
             <el-form-item label="Bank Branch"><el-input></el-input></el-form-item>
           </el-form>
         <div align="center">
-            <el-button @click="dialogVisible = false">Cancel</el-button>
-            <el-button type="primary" @click="dialogVisible = false; dialogVisible4 = true">Submit</el-button>
+            <el-button @click="EditDatadialogVisible = false">Cancel</el-button>
+            <el-button type="primary" @click="EditDatadialogVisible = false; DoneUpdateDatadialogVisible = true">Submit</el-button>
         </div>
         <span slot="footer" class="dialog-footer">
             * Please key in the data in Chinese
         </span>
       </el-dialog>
-      <el-dialog align="center" :visible.sync="dialogVisible4" width="30%">
+      <el-dialog align="center" :visible.sync="DoneUpdateDatadialogVisible" width="30%">
         <span>Data Updated Successfully</span><br><br>
         <div align="center">
-            <el-button type="primary" @click="dialogVisible4 = false">OK</el-button>
+            <el-button type="primary" @click="DoneUpdateDatadialogVisible = false">OK</el-button>
         </div>
       </el-dialog>
     <!-- popup edit data end -->
     <!-- popup delete -->
-      <el-dialog align="center" :visible.sync="dialogVisible1" width="30%">
+      <el-dialog align="center" :visible.sync="DeleteAdddialogVisible" width="30%">
         <span>Data Deleted</span><br><br>
         <div align="center">
-            <el-button type="primary" @click="dialogVisible1 = false">OK</el-button>
+            <el-button type="primary" @click="DeleteAdddialogVisible = false">OK</el-button>
         </div>
       </el-dialog>
     <!-- popup delete end -->
@@ -103,11 +103,11 @@
             cnap: '7890po',
             bank_branch: 'Jawa'
         }],
-        dialogVisible: false,
-        dialogVisible1: false,
-        dialogVisible2: false,
-        dialogVisible3: false,
-        dialogVisible4: false
+        EditDatadialogVisible: false,
+        DeleteAdddialogVisible: false,
+        AddDatadialogVisible: false,
+        DoneAddDatadialogVisible: false,
+        DoneUpdateDatadialogVisible: false
       }
     }
   }
diff --git a/resources/assets/js/pages/settings/admin-supplier.vue b/resources/assets/js/pages/settings/admin-supplier.vue
index edbe43ac..dd13fe5f 100644
--- a/resources/assets/js/pages/settings/admin-supplier.vue
+++ b/resources/assets/js/pages/settings/admin-supplier.vue
@@ -9,16 +9,16 @@
       <el-table-column prop="account_no" label="Account No"></el-table-column>
       <el-table-column label="Action">
           <template slot-scope="scope">
-              <el-button type="text" size="small" @click="dialogVisible1 = true">Edit</el-button>
-              <el-button type="text" size="small" @click="dialogVisible4 = true">Delete</el-button>
+              <el-button type="text" size="small" @click="EditSupplierdialogVisible = true">Edit</el-button>
+              <el-button type="text" size="small" @click="DeleteSupplierdialogVisible = true">Delete</el-button>
           </template>
       </el-table-column>
     </el-table><br>
     <div align="right">
-      <el-button type="primary" icon="el-icon-plus" @click="dialogVisible = true">Add New Supplier</el-button>
+      <el-button type="primary" icon="el-icon-plus" @click="AddNewSupplierdialogVisible = true">Add New Supplier</el-button>
     </div>
     <!-- popup add new supplier -->
-      <el-dialog title="Add New Supplier" align="center" :visible.sync="dialogVisible" width="40%">
+      <el-dialog title="Add New Supplier" align="center" :visible.sync="AddNewSupplierdialogVisible" width="40%">
           <el-form :label-position="right" label-width="150px">
             <el-form-item label="Company Name"><el-input></el-input></el-form-item>
             <el-form-item label="Registration No"><el-input></el-input></el-form-item>
@@ -27,19 +27,19 @@
             <el-form-item label="Account No"><el-input></el-input></el-form-item>
           </el-form>
         <div align="center">
-            <el-button @click="dialogVisible = false">Cancel</el-button>
-            <el-button type="primary" @click="dialogVisible = false; dialogVisible2 = true">OK</el-button>
+            <el-button @click="AddNewSupplierdialogVisible = false">Cancel</el-button>
+            <el-button type="primary" @click="AddNewSupplierdialogVisible = false; DoneAddSupplierdialogVisible = true">OK</el-button>
         </div>
       </el-dialog>
-      <el-dialog align="center" :visible.sync="dialogVisible2" width="30%">
+      <el-dialog align="center" :visible.sync="DoneAddSupplierdialogVisible" width="30%">
         <span>Supplier Added Successfully</span><br><br>
         <div align="center">
-            <el-button type="primary" @click="dialogVisible2 = false">OK</el-button>
+            <el-button type="primary" @click="DoneAddSupplierdialogVisible = false">OK</el-button>
         </div>
       </el-dialog>
     <!-- popup add new supplier end -->
     <!-- popup edit supplier -->
-      <el-dialog title="Edit Supplier" align="center" :visible.sync="dialogVisible1" width="40%">
+      <el-dialog title="Edit Supplier" align="center" :visible.sync="EditSupplierdialogVisible" width="40%">
           <el-form :label-position="right" label-width="150px">
             <el-form-item label="Company Name"><el-input></el-input></el-form-item>
             <el-form-item label="Registration No"><el-input></el-input></el-form-item>
@@ -48,22 +48,22 @@
             <el-form-item label="Account No"><el-input></el-input></el-form-item>
           </el-form>
         <div align="center">
-            <el-button @click="dialogVisible1 = false">Cancel</el-button>
-            <el-button type="primary" @click="dialogVisible1 = false; dialogVisible3 = true">OK</el-button>
+            <el-button @click="EditSupplierdialogVisible = false">Cancel</el-button>
+            <el-button type="primary" @click="EditSupplierdialogVisible = false; DoneUpdateSupplierdialogVisible = true">OK</el-button>
         </div>
       </el-dialog>
-      <el-dialog align="center" :visible.sync="dialogVisible3" width="30%">
+      <el-dialog align="center" :visible.sync="DoneUpdateSupplierdialogVisible" width="30%">
         <span>Supplier's Details Updated Successfully</span><br><br>
         <div align="center">
-            <el-button type="primary" @click="dialogVisible3 = false">OK</el-button>
+            <el-button type="primary" @click="DoneUpdateSupplierdialogVisible = false">OK</el-button>
         </div>
       </el-dialog>
     <!-- popup edit supplier end -->
     <!-- popup delete supplier -->
-      <el-dialog align="center" :visible.sync="dialogVisible4" width="30%">
+      <el-dialog align="center" :visible.sync="DeleteSupplierdialogVisible" width="30%">
         <span>Supplier's Details Deleted</span><br><br>
         <div align="center">
-            <el-button type="primary" @click="dialogVisible4 = false">OK</el-button>
+            <el-button type="primary" @click="DeleteSupplierdialogVisible = false">OK</el-button>
         </div>
       </el-dialog>
     <!-- popup delete supplier end -->
@@ -87,11 +87,11 @@
           bank_name: 'adyabank', 
           account_no: '21421421', 
         }],
-        dialogVisible: false,
-        dialogVisible1: false,
-        dialogVisible2: false,
-        dialogVisible3: false,
-        dialogVisible4: false
+        AddNewSupplierdialogVisible: false,
+        EditSupplierdialogVisible: false,
+        DoneAddSupplierdialogVisible: false,
+        DoneUpdateSupplierdialogVisible: false,
+        DeleteSupplierdialogVisible: false
       }
     }
   }