小组提交

src/api/clazz/clazz.js

@@ -42,3 +42,58 @@ 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'
+  })
+}
+

src/views/clazz/clazz/index.vue

@@ -70,6 +70,114 @@
       </el-col>
       <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" />
@@ -89,6 +197,19 @@
             @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 +254,56 @@
 </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 +338,92 @@ 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;