实现编辑状态的不保存功能

src/view/memberGroup/group-list.vue

@@ -8,7 +8,7 @@
 
     <el-collapseTransition>
       <ul class="lists" v-show="expendTxt == '展开'">
-        <li v-for="(list, i) in lists" :key="i" class="member-list" :class="{ 'active-li': i == currentIndex }" @click="handleChangeIndex(i, list)">
+        <li v-for="(list, i) in lists" :key="i" :class="['member-list', { 'active-li': i == currentIndex }]" @click="handleChangeIndex(i, list)">
           <span class="name-txt" :title="list.classifyName" v-show="!list.edit">{{ list.classifyName }}</span>
           <el-input style="width: 100px;" size="mini" v-show="list.edit" v-model="list.classifyName" @keyup.native.enter="modifyName(list)" />
           <div class="oper-area" v-if="list.classifyName !== '未分类'">
@@ -53,7 +53,7 @@ export default {
       expendTxt: '展开',
       groupName: '',
       title: '新增分组名称',
-      currentIndex: -1,
+      currentIndex: 0,
       active: false
     };
   },
@@ -84,6 +84,8 @@ export default {
     },
     /**
      * 修改和删除分组
+     * 鼠标悬浮在分组名称上，显示编辑和删除按钮
+     * 点击编辑之后，编辑按钮切换为保存按钮，删除按钮切换为不保存按钮。
      */
     editGroupName(list) {
       if (list.edit) {
@@ -100,6 +102,11 @@ export default {
       if (!this.operatorName(list)) {
         return;
       }
+      if (list.edit) {
+        list.edit = false;
+        this.getMemberGroupList();
+        return;
+      }
       this.$confirm('删除分组名称，包括该分组下的内容，确定删除吗？', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',