update views/rfid/detail.vue

Strides-Admin/src/views/rfid/detail.vue

@@ -23,10 +23,12 @@
           prop="email">
           <el-select
             class="add-text"
-            v-model="form.email"
+            :value="{email: form.email}"
+            value-key="email"
             filterable
             remote
             :remote-method="filterEmail"
+            :loading="loadingEmail"
             placeholder="Search with user email"
             @change="changeEmail">
             <el-option
@@ -125,6 +127,7 @@ export default {
     return {
       loading: false,
       showProvider: false,
+      loadingEmail: false,
       form: {
         userPk: "",
         rfidNumber: '',
@@ -161,28 +164,33 @@ export default {
     }
   },
   components: {AuditView},
-  async created() {
+  created() {
     this.loading = true;
     this.getCardTypeOptions();
+    this.getPaymentTypes();
+    //this.filterEmail("");
     if (this.$route.params.id) {
       this.isEdit = true;
-      await this.getCardDetails(this.$route.params.id)
+      this.getCardDetails(this.$route.params.id)
     } else {
       
     }
   },
   methods: {
     filterEmail(email) {
+      this.loadingEmail = true;
       api.getRfidUserList(email).then(res => {
         if (res.data) {
           this.userList = res.data
         }
       }).catch(err => {
         this.userList = []
+      }).finally(() => {
+        this.loadingEmail = false;
       })
     },
     changeEmail(email) {
-      console.log(email);
+      //console.log(email);
       this.form.email = email.email
       this.form.userPk = email.userPk
     },
@@ -192,7 +200,7 @@ export default {
           this.cardTypeOptions = res.data
         }
       }).finally(() => {
-        this.getPaymentTypes();
+        
       })
     },
     getPaymentTypes() {
@@ -202,6 +210,9 @@ export default {
         }
       }).finally(() => {
         this.loading = false;
+        setTimeout(() => {
+          this.$refs['addForm'].clearValidate()
+        }, 100)
       })
     },
     getCardDetails(id) {
@@ -210,6 +221,9 @@ export default {
       }).then(res => {
         if (res.data) {
           this.form = res.data
+          if (this.form.email) {
+            this.filterEmail(this.form.email)
+          }
         }
       }).catch(err => {
         this.$message({