1108 17:10

11

src/views/vipClass/vipList.vue

@@ -29,17 +29,21 @@
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-input v-model="searchForm.search" placeholder="课程名称"></el-input>
+          <el-input v-model="searchForm.search"
+                    placeholder="课程名称"></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button @click="getList" type="danger">搜索</el-button>
-          <el-button @click="onReSet" type="primary">重置</el-button>
+          <el-button @click="getList"
+                     type="danger">搜索</el-button>
+          <el-button @click="onReSet"
+                     type="primary">重置</el-button>
         </el-form-item>
       </el-form>
       <!-- 查询列表 -->
       <!-- tab -->
       <div class="tableWrap">
-        <el-table style="width: 100%" :header-cell-style="{background:'#EDEEF0',color:'#444'}"
+        <el-table style="width: 100%"
+                  :header-cell-style="{background:'#EDEEF0',color:'#444'}"
                   :data='tableData'>
           <el-table-column align='center'
                            prop="id"
@@ -75,7 +79,8 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column align='center' prop="vipGroupActivityName"
+          <el-table-column align='center'
+                           prop="vipGroupActivityName"
                            label="活动方案">
           </el-table-column>
           <el-table-column align='center'
@@ -127,9 +132,27 @@
                            @click="gotoVipDetail(scope.row.id)">查看</el-button>
                 <!-- 
                 <el-button type="text">启动</el-button> -->
-                <el-button type="text"
+                <!-- <el-button type="text"
                            v-if="scope.row.status <3"
-                           @click='closeVip(scope.row.id)'>关闭</el-button>
+                           @click='closeVip(scope.row.id)'>关闭</el-button> -->
+                <el-popover placement="top"
+                            width="160"
+                            v-if="scope.row.status <3"
+                            :ref="scope.$index">
+                  <p style='margin-bottom:10px;'>确定删除该vip课?</p>
+                  <el-input v-model="scope.row.stopReason"
+                            placeholder="请输入关闭原因"></el-input>
+                  <div style="text-align: right; margin-top: 20px">
+                    <el-button size="mini"
+                               type="text"
+                               @click="scope._self.$refs[scope.$index].doClose()">取消</el-button>
+                    <el-button type="primary"
+                               size="mini"
+                               @click="closeVip(scope)">确定</el-button>
+                  </div>
+                  <el-button type="text"
+                             slot="reference">删除</el-button>
+                </el-popover>
               </div>
             </template>
           </el-table-column>
@@ -189,7 +212,7 @@ export default {
     })
   },
   methods: {
-    onReSet() {
+    onReSet () {
       this.searchForm = {
         teacherId: null,
         activityId: null,
@@ -212,10 +235,12 @@ export default {
     gotoVipDetail (id) {
       this.$router.push({ path: '/business/vipDetail', query: { id } })
     },
-    closeVip (id) {
-      closeVip({ vipGroupId: id }).then(res => {
+    closeVip (scope) {
+      let id = scope.row.id;
+      closeVip({ vipGroupId: id, stopReason: scope.row.stopReason }).then(res => {
         if (res.code == 200) {
           this.$message.success('停止课程成功')
+          scope._self.$refs[scope.$index].doClose()
           this.getList();
         }
       })