From 6b408f003255985bef09cf5fef8175765cb71539 Mon Sep 17 00:00:00 2001
From: Yan Nan <255809923@qq.com>
Date: Tue, 23 Apr 2024 22:33:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E5=8F=B0-=E4=BA=8C=E6=AC=A1=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/clazz/clazz.js          |  54 +++++++++
 src/views/clazz/clazz/index.vue | 205 +++++++++++++++++++++++++++++++-
 2 files changed, 258 insertions(+), 1 deletion(-)

diff --git a/src/api/clazz/clazz.js b/src/api/clazz/clazz.js
index 74766c4..416e66b 100644
--- a/src/api/clazz/clazz.js
+++ b/src/api/clazz/clazz.js
@@ -42,3 +42,57 @@ export function delClazz(clazzId) {
     method: 'delete'
   })
 }
+
+
+//无条件查询班级管理
+export function findUnconditional() {
+  return request({
+    url: '/clazz/clazz/findUnconditional',
+    method: 'get'
+  })
+}
+
+
+// 查询小组列表
+export function listGroup(query) {
+  return request({
+    url: '/group/group/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询小组详细
+export function getGroup(groupId) {
+  return request({
+    url: '/group/group/' + groupId,
+    method: 'get'
+  })
+}
+
+// 新增小组
+export function addGroup(data) {
+  return request({
+    url: '/group/group',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改小组
+export function updateGroup(data) {
+  return request({
+    url: '/group/group/'+data.groupId,
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除小组
+export function delGroup(groupId) {
+  return request({
+    url: '/group/group/' + groupId,
+    method: 'delete'
+  })
+}
+
diff --git a/src/views/clazz/clazz/index.vue b/src/views/clazz/clazz/index.vue
index d00ff20..8a50aaa 100644
--- a/src/views/clazz/clazz/index.vue
+++ b/src/views/clazz/clazz/index.vue
@@ -71,6 +71,83 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
+
+    <!--    查看小组信息-->
+    <el-dialog title="小组管理" :visible.sync="dialogTableVisible" @selection-change="handleSelectionChangegroup">
+      <el-button type="success" @click="handleAddGroup" icon="el-icon-plus" circle style="position: absolute; top: 10px; right: 10px;">新增</el-button>
+
+      <el-table :data="groupList" style="width: 100%">
+
+        <el-table-column label="小组序号" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.groupId }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="小组名称" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.groupName }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="小组人数" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.groupPeople }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="小组人员" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.groupPersonnel }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button size="mini" type="danger" @click="handleDeletegroup(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+
+      <!--    小组列表分也-->
+      <pagination
+        v-show="grouptotal>0"
+        :total="grouptotal"
+        :page.sync="queryGroup.pageNum"
+        :limit.sync="queryGroup.pageSize"
+        @pagination="findByGroup"
+      />
+    </el-dialog>
+
+
+
+    <!-- 添加或修改小组管理对话框 -->
+    <el-dialog :title="title" :visible.sync="addupdate" width="500px" append-to-body>
+      <el-form ref="form" :model="group" :rules="rules" label-width="80px">
+        <el-form-item label="小组名称" prop="groupName">
+          <el-input v-model="group.groupName" placeholder="请输入小组名称" />
+        </el-form-item>
+        <el-form-item label="小组人数" prop="groupPeople">
+          <el-input v-model="group.groupPeople" placeholder="请输入小组人数" />
+        </el-form-item>
+        <el-form-item label="小组人员" prop="groupPersonnel">
+          <el-input v-model="group.groupPersonnel" placeholder="请输入小组人员" />
+        </el-form-item>
+        <el-form-item label="班级">
+          <el-select v-model="group.clazzId" placeholder="请选择班级">
+            <el-option v-for="item in clazzDown" :label="item.clazzName" :value="item.clazzId"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFormgroup">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+
     <el-table v-loading="loading" :data="clazzList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="班级ID" align="center" prop="clazzId" />
@@ -82,6 +159,7 @@
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
+
           <el-button
             size="mini"
             type="text"
@@ -89,6 +167,15 @@
             @click="handleUpdate(scope.row)"
             v-hasPermi="['clazz:clazz:edit']"
           >修改</el-button>
+
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="findByGroup(scope.row.clazzId)"
+            v-hasPermi="['clazz:clazz:edit']"
+          >查看小组</el-button>
+
           <el-button
             size="mini"
             type="text"
@@ -133,13 +220,47 @@
 </template>
 
 <script>
-import { listClazz, getClazz, delClazz, addClazz, updateClazz } from "@/api/clazz/clazz";
+import { listClazz, getClazz, delClazz, addClazz, updateClazz,
+  findUnconditional,
+  addGroup, updateGroup, delGroup, listGroup
+
+
+} from "@/api/clazz/clazz";
 
 export default {
   name: "Clazz",
   dicts: ['sys_common_status'],
   data() {
     return {
+      // 选中数组
+      idss: [],
+      // 非单个禁用
+      singles: true,
+      // 非多个禁用
+      multiples: true,
+      // xiaozu总条数
+      grouptotal: 0,
+      //小组查询
+      queryGroup:{
+        pageNum: 1,
+        pageSize: 5,
+        clazzId: 0,
+      },
+      // 表单参数
+      group: {},
+      //显示弹出窗
+      addupdate:false,
+      //存储班级下拉
+      clazzDown:[],
+      //展示小组管理列表
+      dialogTableVisible: false,
+      //小组集合
+      groupList:[],
+
+
+
+
+
       // 遮罩层
       loading: true,
       // 选中数组
@@ -174,8 +295,90 @@ export default {
   },
   created() {
     this.getList();
+    this.queryAllClazzlist();
   },
   methods: {
+    handleDeletegroup(row)
+    {
+      const groupIds = row.groupId || this.ids;
+      this.$modal.confirm('是否确认删除小组管理编号为"' + groupIds + '"的数据项？').then(function() {
+        return delGroup(groupIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    // 多选框选中数据
+    handleSelectionChangegroup(selection) {
+      this.idss = selection.map(item => item.groupId)
+      this.singles = selection.length!==1
+      this.multiples = !selection.length
+    },
+    handleEdit(row){
+      this.resetgroup();
+      this.group = row
+      this.addupdate = true;
+      this.title = "修改小组管理";
+    },
+    /** 提交按钮 */
+    submitFormgroup() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.group.groupId != null) {
+            updateGroup(this.group).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.addupdate = false;
+              this.queryGroup();
+            });
+          } else {
+            addGroup(this.group).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.addupdate = false;
+              this.queryGroup();
+            });
+          }
+        }
+      });
+    },
+    // 表单重置
+    resetgroup() {
+      this.group = {
+        groupId: null,
+        groupName: null,
+        groupPeople: null,
+        groupPersonnel: null,
+        clazzId: null
+      }
+    },
+    handleAddGroup(){
+      this.resetgroup();
+      this.addupdate = true;
+      this.title = "添加小组管理";
+    },
+    //无条件查询班级管理下拉
+    queryAllClazzlist(){
+      findUnconditional().then(res=>{
+        this.clazzDown = res.data.rows
+      })
+    },
+    findByGroup(clazzId){
+      this.queryGroup.clazzId = clazzId
+      listGroup(this.queryGroup).then(res=>{
+        this.dialogTableVisible = true
+        this.grouptotal = res.data.total
+        this.groupList = res.data.rows
+      })
+    },
+
+
+
+
+
+
+
+
+
+
     /** 查询班级列表 */
     getList() {
       this.loading = true;