From 8c59b44de1f45635832111ac37e1f1306b6148b7 Mon Sep 17 00:00:00 2001
From: joylink_zhaoerwei <Bob_Engineer@163.com>
Date: Wed, 21 Feb 2024 16:38:20 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AB=9E=E8=B5=9B=E6=A8=A1=E5=9D=97=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E5=A4=87=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/contest.js                            |  78 ++++++++
 .../contestModuleManage/AddEditModule.vue     | 128 +++++++++++++
 .../ContestModuleManage.vue                   | 174 +++++++++++++++++-
 .../contestModuleManage/DetailModule.vue      |  97 ++++++++++
 .../ContestSubjectManage.vue                  |   4 +-
 5 files changed, 478 insertions(+), 3 deletions(-)
 create mode 100644 src/views/contestDataManage/contestModuleManage/AddEditModule.vue
 create mode 100644 src/views/contestDataManage/contestModuleManage/DetailModule.vue

diff --git a/src/api/contest.js b/src/api/contest.js
index 73c5b3ed9..2b4eec073 100644
--- a/src/api/contest.js
+++ b/src/api/contest.js
@@ -50,6 +50,84 @@ export function deletePaper(id) {
     });
 }
 
+/**
+ * 获取竞赛模块分页列表
+ * @param {Object} data
+ * @param {String} data.paperName 试卷名称
+ * @param {Number} data.paperId 试卷id
+ * @param {String} data.code 模块名称
+ */
+export function getModuleList(data) {
+    return request({
+        url: '/api/exercise/race/module/page',
+        method: 'GET',
+        data
+    });
+}
+
+/**
+ * 创建模块
+ * @param {Object} data
+ * @param {String} data.code 模块名称
+ * @param {String} data.desc 基础描述
+ * @param {Number} data.paperId 试卷id
+ */
+export function createModule(data) {
+    return request({
+        url: '/api/exercise/race/module',
+        method: 'POST',
+        data
+    });
+}
+
+/** 修改模块
+ * @param {Object} data  同创建试卷
+ * @param {Number} id 模块id
+ */
+export function editModule(id, data) {
+    return request({
+        url: `/api/exercise/race/module/${id}`,
+        method: 'POST',
+        data
+    });
+}
+
+/** 删除指定模块
+ * @param {Number} id 模块id
+ */
+export function deleteModule(id) {
+    return request({
+        url: `/api/exercise/race/module/${id}`,
+        method: 'DELETE'
+    });
+}
+
+/** 查看模块明细
+ * @param {Number} id 模块id
+ */
+export function getModuleDetail(id) {
+    return request({
+        url: `/api/exercise/race/module/${id}`,
+        method: 'GET'
+    });
+}
+
+/** 模块修改任务设置
+ * @param {Object} data
+ * @param {Number} data.taskIds 模块里所有任务id（一级任务的id）
+ * @param {Number} data.group 任务分组
+ * @param {Number} data.group.taskIds 次分组中的任务id
+ * @param {Number} data.group.name 分组的名字
+ * @param {Number} data.group.group 次分组的子分组
+ */
+export function moduleTaskSetting(moudleId, data) {
+    return request({
+        url: `/api/exercise/race/module/setting/${moudleId}/task`,
+        method: 'POST',
+        data
+    });
+}
+
 /** 查看所有任务数据 */
 export function getTaskTreeDatas() {
     return request({
diff --git a/src/views/contestDataManage/contestModuleManage/AddEditModule.vue b/src/views/contestDataManage/contestModuleManage/AddEditModule.vue
new file mode 100644
index 000000000..fc43c8e65
--- /dev/null
+++ b/src/views/contestDataManage/contestModuleManage/AddEditModule.vue
@@ -0,0 +1,128 @@
+<template>
+  <el-dialog v-dialogDrag :title="title" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" center :close-on-click-modal="false">
+    <el-form ref="ruleForm" :model="formModel" :rules="rules" label-width="100px">
+      <el-form-item label="模块名称:" prop="code">
+        <el-input v-model="formModel.code" style="width: 350px;" />
+      </el-form-item>
+      <el-form-item label="模块描述:" prop="desc">
+        <el-input v-model="formModel.desc" type="textarea" style="width:350px;" />
+      </el-form-item>
+      <el-form-item label="试卷:" prop="paperId">
+        <el-select v-model="formModel.seasonId" placeholder="请选择" style="width:350px;">
+          <el-option
+            v-for="item in paperOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button v-loading="loading" type="primary" @click="doSave">{{ $t('global.confirm') }}</el-button>
+      <el-button @click="handleClose">{{ $t('global.cancel') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+import { createModule, editModule, getPaperList} from '@/api/contest';
+export default {
+    name: 'AddContestTask',
+    data() {
+        return {
+            dialogVisible: false,
+            formModel: {
+                id: '',
+                code: '', // 模块名称
+                desc: '', // 模块描述
+                paperId: '' // 试卷id
+            },
+            paperOptions:[],
+            loading: false
+        };
+    },
+    computed: {
+        rules() {
+            const crules = {
+                code: [
+                    { required: true, message: '请输入模块名称', trigger: 'blur' }
+                ],
+                desc: [
+                    { required: true, message: '请输入模块描述', trigger: 'blur' }
+                ],
+                paperId: [
+                    { required: true, message: '请选择所属试卷', trigger: 'blur' }
+                ]
+            };
+            return crules;
+        },
+        title() {
+            return this.formModel.id ? '修改模块' : '创建模块';
+        }
+    },
+    methods:{
+        doShow(row) {
+            getPaperList().then((res) => {
+                this.paperOptions = res.data.list;
+            });
+            this.dialogVisible = true;
+            if (row) {
+                this.formModel.id = row.id;
+                this.formModel.code = row.code;
+                this.formModel.desc = row.desc;
+                this.formModel.paperId = row.paperId;
+            } else {
+                this.formModel = {
+                    id: '',
+                    code: '',
+                    desc: '',
+                    paperId: ''
+                };
+                this.$nextTick(() => {
+                    this.$refs.ruleForm.resetFields();
+                });
+            }
+        },
+        handleClose() {
+            this.formModel = {
+                id: '',
+                code: '',
+                desc: '',
+                paperId: ''
+            };
+            this.$refs.ruleForm.resetFields();
+            this.dialogVisible = false;
+            this.loading = false;
+        },
+        doSave() {
+            this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true;
+                    const data = Object.assign({}, this.formModel);
+                    delete data.id;
+                    if (this.formModel.id) {
+                        editModule(data).then(() => {
+                            this.$message.success('修改模块成功！');
+                            this.handleClose();
+                            this.$emit('moduleListRefresh');
+                        }).catch(error => {
+                            this.$message.error(error.message);
+                            this.loading = false;
+                        });
+                    } else {
+                        createModule(data).then(() => {
+                            this.$message.success('创建模块成功！');
+                            this.handleClose();
+                            this.$emit('moduleListRefresh');
+                        }).catch(error => {
+                            this.$message.error(error.message);
+                            this.loading = false;
+                        });
+                    }
+                }
+            });
+        }
+    }
+};
+</script>
+
diff --git a/src/views/contestDataManage/contestModuleManage/ContestModuleManage.vue b/src/views/contestDataManage/contestModuleManage/ContestModuleManage.vue
index ac05e2727..5dc4bd713 100644
--- a/src/views/contestDataManage/contestModuleManage/ContestModuleManage.vue
+++ b/src/views/contestDataManage/contestModuleManage/ContestModuleManage.vue
@@ -1,3 +1,175 @@
 <template>
-  <div>竞赛模块管理</div>
+  <div style="width: 100%;">
+    <QueryListPage
+      ref="moduleQueryListPage"
+      :card-padding="10"
+      :query-form="examQueryForm"
+      :pager-config="pagerConfig"
+      :query-list="examQueryList"
+    />
+    <add-edit-module ref="addEditModule" @moduleListRefresh="moduleListRefresh" />
+    <detail-module ref="detailModule" />
+  </div>
 </template>
+
+<script>
+
+import { getPaperList, deleteModule } from '@/api/contest';
+import AddEditModule from './AddEditModule.vue';
+import DetailModule from './DetailModule.vue';
+
+export default {
+    name: 'MoudleManage',
+    components: { AddEditModule, DetailModule },
+    data() {
+        return {
+            pagerConfig: {
+                pageSize: 'pageSize',
+                pageIndex: 'pageNum'
+            },
+            seasonlist: [],
+            examQueryForm: {
+                leftSpan: 14,
+                textAlign: 'right',
+                labelWidth: '90px',
+                reset: true,
+                columnNum: 3,
+                queryObject: {
+                    code: {
+                        type: 'text',
+                        label: '模块名称:'
+                    },
+                    paperName: {
+                        type: 'text',
+                        label: '试卷名称:'
+                    },
+                    paperId: {
+                        type: 'text',
+                        label: '试卷id:'
+                    }
+                }
+            },
+            examQueryList: {
+                query: obj => this.getListApi(obj),
+                selectCheckShow: false,
+                indexShow: false,
+                columns: [
+                    {
+                        title: '模块名称',
+                        prop: 'code'
+                    },
+                    {
+                        title: '模块描述',
+                        prop: 'desc'
+                    },
+                    {
+                        title: '试卷名称',
+                        prop: 'paperName'
+                    },
+                    {
+                        title: '试卷id',
+                        prop: 'paperId'
+                    },
+                    {
+                        title: '考试时间',
+                        prop: 'duration'
+                    },
+                    {
+                        title: '创建时间',
+                        prop: 'createTime'
+                    },
+                    {
+                        title: '更新时间',
+                        prop: 'updateTime'
+                    },
+                    {
+                        title: '创建者id',
+                        prop: 'creatorId'
+                    },
+                    {
+                        title: '创建者姓名',
+                        prop: 'creatorName'
+                    },
+                    {
+                        title: '更新者id',
+                        prop: 'updaterId'
+                    },
+                    {
+                        title: '更新者姓名',
+                        prop: 'updaterName'
+                    },
+                    {
+                        type: 'button',
+                        title: this.$t('global.operate'),
+                        width: '350',
+                        buttons: [
+                            {
+                                name: '编辑',
+                                handleClick: this.editPaper,
+                                type: 'primary'
+                            },
+                            {
+                                name: '删除',
+                                handleClick: this.handleDelete,
+                                type: 'danger'
+                            },
+                            {
+                                name: '模块详情',
+                                handleClick: this.openDetailDialog,
+                                type: 'info'
+                            }
+                        ]
+                    }
+                ],
+                actions: [{ text: '新建模块', handler: this.creatPaper }]
+            }
+        };
+    },
+    computed: {
+        userId() {
+            return this.$store.state.user.id;
+        }
+    },
+    methods: {
+        getListApi(obj) {
+            return getPaperList({ ...obj });
+        },
+        editPaper(index, row) {
+            this.$refs.addEditModule.doShow(row);
+        },
+        creatPaper() {
+            this.$refs.addEditModule.doShow();
+        },
+        handleDelete(data) {
+            this.$confirm('确定删除该试卷吗?', this.$t('global.tips'), {
+                confirmButtonText: this.$t('global.confirm'),
+                cancelButtonText: this.$t('global.cancel'),
+                type: 'warning'
+            })
+                .then(() => deleteModule(data.id))
+                .then(() => {
+                    this.moduleListRefresh();
+                    this.$message({
+                        type: 'success',
+                        message: '删除成功！'
+                    });
+                })
+                .catch(res => {
+                    if (res.code && res.code !== 200) {
+                        this.$message({ type: 'error', message: res.message });
+                    }
+                });
+        },
+        openDetailDialog(index, row) {
+            this.$refs.detailModule.doShow(row.id);
+        },
+        moduleListRefresh() {
+            this.$nextTick(() => {
+                this.$refs.moduleQueryListPage.refresh(true);
+            });
+        }
+    }
+};
+</script>
+
+<style scoped></style>
diff --git a/src/views/contestDataManage/contestModuleManage/DetailModule.vue b/src/views/contestDataManage/contestModuleManage/DetailModule.vue
new file mode 100644
index 000000000..909a4849a
--- /dev/null
+++ b/src/views/contestDataManage/contestModuleManage/DetailModule.vue
@@ -0,0 +1,97 @@
+<template>
+  <el-dialog v-dialogDrag title="模块详情" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" center :close-on-click-modal="false">
+    <el-form ref="ruleForm" :model="formModel" :rules="rules" label-width="100px">
+      <el-form-item label="任务:" prop="paperId">
+        <el-select v-model="formModel.taskIds" multiple placeholder="请选择" style="width:350px;">
+          <el-option
+            v-for="item in taskOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="分组:" prop="paperId">
+        <el-tree
+          :data="formModel.group"
+          :props="defaultProps"
+          accordion
+        />
+      </el-form-item>
+
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button v-loading="loading" type="primary" @click="doSave">设置模块任务</el-button>
+      <el-button @click="handleClose">{{ $t('global.cancel') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+import { getModuleDetail, getTaskTreeDatas, moduleTaskSetting} from '@/api/contest';
+export default {
+    name: 'DetailModule',
+    data() {
+        return {
+            dialogVisible: false,
+            formModel: {
+                taskIds: [], // 模块中的任务
+                group:[{name:'', taskIds: [], group:[] }]// 模块分组
+            },
+            taskOptions:[],
+            loading: false,
+            moduleId:'',
+            defaultProps: {
+                children: 'children',
+                label: 'label'
+            }
+        };
+    },
+    computed: {
+        rules() {
+            const crules = {
+                taskIds: [
+                    { required: true, message: '请选择模块任务', trigger: 'blur' }
+                ]
+            };
+            return crules;
+        }
+    },
+    methods:{
+        doShow(moduleId) {
+            getTaskTreeDatas().then((res) => {
+                this.taskOptions = res.data;
+            });
+            getModuleDetail(moduleId).then((res) => {
+                this.formModel = res.data;
+            });
+            this.dialogVisible = true;
+            this.moduleId = moduleId;
+        },
+        handleClose() {
+            this.formModel = {
+                taskIds: [], // 模块中的任务
+                group:[{name:'', taskIds: [], group:[] }]// 模块分组
+            };
+            this.$refs.ruleForm.resetFields();
+            this.dialogVisible = false;
+            this.loading = false;
+        },
+        doSave() {
+            this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true;
+                    const data = Object.assign({}, this.formModel);
+                    moduleTaskSetting(this.moduleId, data).then(() => {
+                        this.$message.success('模块任务设置成功！');
+                        this.handleClose();
+                    }).catch(error => {
+                        this.$message.error(error.message);
+                        this.loading = false;
+                    });
+                }
+            });
+        }
+    }
+};
+</script>
+
diff --git a/src/views/contestDataManage/contestSubjectManage/ContestSubjectManage.vue b/src/views/contestDataManage/contestSubjectManage/ContestSubjectManage.vue
index eccad7f60..eea4748b8 100644
--- a/src/views/contestDataManage/contestSubjectManage/ContestSubjectManage.vue
+++ b/src/views/contestDataManage/contestSubjectManage/ContestSubjectManage.vue
@@ -90,13 +90,13 @@ export default {
         getListApi(obj) {
             return getPaperList({ ...obj });
         },
-        editPaper(row) {
+        editPaper(index, row) {
             this.$refs.addEditPaper.doShow(row);
         },
         creatPaper() {
             this.$refs.addEditPaper.doShow();
         },
-        handleDelete(data) {
+        handleDelete(index, data) {
             this.$confirm('确定删除该试卷吗?', this.$t('global.tips'), {
                 confirmButtonText: this.$t('global.confirm'),
                 cancelButtonText: this.$t('global.cancel'),