优化表格通用添加、删除方法

src/utils/table.js

@@ -165,11 +165,12 @@ export default {
         type: 'error'
       })
     } else {
-      tableData$refs.selection.sort((a, b) => {
-        return a.index - b.index
-      })
-      for (let i = tableData$refs.selection.length; i > 0; i--) {
-        tableData$refs.data.splice(tableData$refs.selection.pop().index, 1)
+      for (let i = 0; i < tableData$refs.selection.length; i++) {
+        const index = tableData$refs.data.indexOf(tableData$refs.selection[i])
+        tableData$refs.data.splice(index, 1)
+      }
+      for (let i = 0; i < tableData$refs.data.length; i++) {
+        tableData$refs.data[i].index = i + 1
       }
       tableData$refs.clearSelection()
     }

src/views/ysjl/3000/dj/common/table.vue

@@ -4,7 +4,7 @@
       <el-button type="primary" @click="tableJs.addRow($refs.fubiao)">
         新增
       </el-button>
-      <el-button type="danger" @click="deleteFn">
+      <el-button type="danger" @click="tableJs.delRow($refs.fubiao)">
         删除
       </el-button>
     </div>
@@ -14,7 +14,6 @@
       :data.sync="tableData"
       border
       style="width: 100%"
-      @selection-change="handleSelectionChange"
     >
       <el-table-column
         type="selection"
@@ -32,7 +31,6 @@
             class="inline-input"
             :fetch-suggestions="querySearch"
             placeholder="请输入内容"
-            @select="handleSelect"
           />
         </template>
         <el-table-column v-for="(k, i) in item.child" :key="i" :label="k.label" :prop="k.prop">
@@ -42,7 +40,6 @@
               class="inline-input"
               :fetch-suggestions="querySearch"
               placeholder="请输入内容"
-              @select="handleSelect"
             />
           </template>
         </el-table-column>
@@ -83,20 +80,13 @@ export default {
           value: '/',
           id: '3'
         }
-      ],
-      multipleSelection: []
+      ]
     }
   },
-  computed: {},
-  created() {},
   methods: {
-    handleSelectionChange(val) {
-      console.log(val)
-      this.multipleSelection = val
-    },
     querySearch(queryString, cb) {
-      var restaurants = this.options
-      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
+      const restaurants = this.options
+      const results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
       // 调用 callback 返回建议列表的数据
       cb(results)
     },
@@ -104,32 +94,6 @@ export default {
       return (restaurant) => {
         return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
       }
-    },
-
-    handleSelect(item) {
-      console.log(item)
-    },
-    addtable() {
-      this.tableData.push({})
-    },
-    deleteFn() {
-      if (this.multipleSelection.length === 0) {
-        this.$alert('请先选择要删除的数据', '提示', {
-          confirmButtonText: '确定'
-        })
-      } else {
-        this.multipleSelection.forEach((val, index) => {
-          console.log(val)
-          // 遍历源数据
-          this.tableData.forEach((v, i) => {
-            console.log(v)
-            // 如果选中数据和源数据的某一条唯一标识符相等，删除对应的源数据
-            if (val.id === v.id) {
-              this.tableData.splice(i, 1)
-            }
-          })
-        })
-      }
     }
   }
 }