feat:新增小组成员信息

src/api/clazz/clazz.js

@@ -9,6 +9,14 @@ export function listClazz(query) {
   })
 }
 
+// 查询学生小组列表
+export function queryGroup(id) {
+  return request({
+    url: '/queryGroup/'+id,
+    method: 'get'
+  })
+}
+
 // 查询学生详细
 export function getClazz(id) {
   return request({

src/views/clazz/clazz/index.vue

@@ -129,6 +129,13 @@
             @click="handleUpdate(scope.row)"
             v-hasPermi="['clazz:clazz:edit']"
           >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleQueryGroup(scope.row.id)"
+            v-hasPermi="['clazz:clazz:edit']"
+          >查询</el-button>
           <el-button
             size="mini"
             type="text"
@@ -181,16 +188,27 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog title="小组信息" :visible.sync="dialogTableVisible">
+      <el-table :data="gridData">
+        <el-table-column property="stuName" label="姓名" width="150"></el-table-column>
+        <el-table-column property="stuAge" label="年龄" width="150"></el-table-column>
+        <el-table-column property="stuGender" label="性别" width="200"></el-table-column>
+        <el-table-column property="groupName" label="小组名称"></el-table-column>
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { listClazz, getClazz, delClazz, addClazz, updateClazz } from "@/api/clazz/clazz";
+import {listClazz, getClazz, delClazz, addClazz, updateClazz, queryGroup} from "@/api/clazz/clazz";
 
 export default {
   name: "Clazz",
   data() {
     return {
+      gridData:[],
+      dialogTableVisible:false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -232,6 +250,7 @@ export default {
     this.getList();
   },
   methods: {
+    queryGroup,
     /** 查询学生列表 */
     getList() {
       this.loading = true;
@@ -241,6 +260,15 @@ export default {
         this.loading = false;
       });
     },
+
+    handleQueryGroup(id){
+      this.dialogTableVisible=true
+      this.queryGroup(id).then(res=>{
+        console.log("小组")
+        console.log(res)
+        this.gridData=res.data
+      })
+    },
     // 取消按钮
     cancel() {
       this.open = false;