From c77ac7ea7f2b2454770b56ecaba5d975c8cd3475 Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Sun, 25 Oct 2020 15:33:39 +0100
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=E4=B8=80=E4=B8=8BEditSites?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=9A=84=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EditSites.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/EditSites.vue b/src/components/EditSites.vue
index e299ca1..3247c85 100644
--- a/src/components/EditSites.vue
+++ b/src/components/EditSites.vue
@@ -177,7 +177,6 @@ export default {
       this.multipleSelection = rows
     },
     handleSortChange (column, prop, order) {
-      this.syncTableData()
       this.updateDatabase(this.sites)
     },
     saveBatchEdit () {
@@ -327,7 +326,7 @@ export default {
     },
     moveToTopEvent (i) {
       this.sites.sort(function (x, y) { return x.key === i.key ? -1 : y.key === i.key ? 1 : 0 })
-      this.updateDatabase(this.sites)
+      this.updateDatabase()
     },
     syncTableData () {
       if (this.$refs.editSitesTable.tableData && this.$refs.editSitesTable.tableData.length === this.sites.length) {
@@ -335,8 +334,7 @@ export default {
       }
     },
     isActiveChangeEvent (row) {
-      this.syncTableData()
-      this.updateDatabase(this.sites)
+      this.updateDatabase()
     },
     resetId (inArray) {
       var id = 1
@@ -345,14 +343,16 @@ export default {
         id += 1
       })
     },
-    updateDatabase (data) {
+    updateDatabase () {
+      // 因为el-table的数据是单向绑定,我们先同步el-table里的数据和其绑定的数据
+      this.syncTableData()
       sites.clear().then(res => {
         var id = 1
-        data.forEach(ele => {
+        this.sites.forEach(ele => {
           ele.id = id
           id += 1
         })
-        sites.bulkAdd(data).then(this.getSites())
+        sites.bulkAdd(this.sites).then(this.getSites())
       })
     },
     removeAllSites () {
@@ -365,7 +365,7 @@ export default {
         onEnd ({ newIndex, oldIndex }) {
           const currRow = _this.sites.splice(oldIndex, 1)[0]
           _this.sites.splice(newIndex, 0, currRow)
-          _this.updateDatabase(_this.sites)
+          _this.updateDatabase()
         }
       })
     }