xiongzhu 4 лет назад
Родитель
Сommit
a55f537a24
1 измененных файлов с 23 добавлено и 2 удалено
  1. 23 2
      src/main/vue/src/views/InviteList.vue

+ 23 - 2
src/main/vue/src/views/InviteList.vue

@@ -49,8 +49,9 @@
             <el-table-column prop="code" label="邀请码"> </el-table-column>
             <el-table-column prop="remark" label="备注"> </el-table-column>
             <el-table-column prop="inviteNum" label="邀请人数"> </el-table-column>
-            <el-table-column label="操作" align="center" fixed="right" width="150">
+            <el-table-column label="操作" align="center" fixed="right" width="250">
                 <template slot-scope="{ row }">
+                    <el-button @click="detail(row)" size="mini">邀请列表</el-button>
                     <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
                     <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>
                 </template>
@@ -77,6 +78,13 @@
             >
             </el-pagination>
         </div>
+        <el-dialog :visible.sync="showDialog" title="邀请列表" width="800px" top="10vh">
+            <el-table :data="list" v-loading="dialogLoading" height="60vh">
+                <el-table-column prop="id" label="ID" width="80"></el-table-column>
+                <el-table-column prop="nickname" label="昵称"></el-table-column>
+                <el-table-column prop="phone" label="手机"></el-table-column>
+            </el-table>
+        </el-dialog>
     </div>
 </template>
 <script>
@@ -92,7 +100,9 @@ export default {
             search: '',
             url: '/invite/all',
             downloading: false,
-            showDialog: false
+            showDialog: false,
+            dialogLoading: false,
+            list: []
         };
     },
     computed: {
@@ -173,6 +183,17 @@ export default {
                         this.$message.error(e.error);
                     }
                 });
+        },
+        detail(row) {
+            this.list = [];
+            this.dialogLoading = true;
+            this.showDialog = true;
+            this.$http
+                .post('/user/all', { size: 10000, query: { inviteCode: row.code } }, { body: 'json' })
+                .then(res => {
+                    this.list = res.content;
+                    this.dialogLoading = false;
+                });
         }
     }
 };