From a7c757193bf5e041362dc9b5ba67c34db479cb54 Mon Sep 17 00:00:00 2001
From: huxin <huxin@123.com>
Date: Fri, 13 Jun 2025 21:56:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=B5=81=E9=87=8F=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=8A=9F=E8=83=BD=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../system/RegistrationInformation/index.vue  | 465 ++++++++++++++++++
 1 file changed, 465 insertions(+)
 create mode 100644 Dkl-vue3-ui-DP/src/views/system/RegistrationInformation/index.vue

diff --git a/Dkl-vue3-ui-DP/src/views/system/RegistrationInformation/index.vue b/Dkl-vue3-ui-DP/src/views/system/RegistrationInformation/index.vue
new file mode 100644
index 0000000..3fddc4f
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/system/RegistrationInformation/index.vue
@@ -0,0 +1,465 @@
+<template>
+    <div class="app-container">
+      <el-form
+        :model="queryParams"
+        ref="queryRef"
+        :inline="true"
+      >
+        <el-form-item label="报名或考试类型" prop="noticeTitle">
+          <el-input
+            v-model="queryParams.noticeTitle"
+            placeholder="报名或考试类型"
+            clearable
+            style="width: 200px"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="班级或个人类型" prop="createBy">
+          <el-input
+            v-model="queryParams.createBy"
+            placeholder="班级或个人类型"
+            style="width: 200px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="考试类型" prop="createBy">
+          <el-input
+            v-model="queryParams.createBy"
+            placeholder="考试类型"
+            style="width: 200px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="岗位类别" prop="createBy">
+          <el-input
+            v-model="queryParams.createBy"
+            placeholder="岗位类别"
+            style="width: 200px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="资料类型" prop="createBy">
+          <el-input
+            v-model="queryParams.createBy"
+            placeholder="资料类型"
+            style="width: 200px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="Search" size="mini" @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button icon="Refresh" size="mini" @click="resetQuery"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+  
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button
+            type="primary"
+            plain
+            icon="Plus"
+            size="mini"
+            @click="handleAdd"
+            v-hasPermi="['system:notice:add']"
+            >新增</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="success"
+            plain
+            icon="Edit"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['system:notice:edit']"
+            >编辑</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="danger"
+            plain
+            icon="Delete"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['system:notice:remove']"
+            >删除</el-button
+          >
+        </el-col>
+        <right-toolbar
+          v-model:showSearch="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
+  
+      <el-table
+        v-loading="loading"
+        :data="noticeList"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column
+          label="考试类型"
+          align="center"
+          prop="noticeTitle"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          label="岗位类别"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="资料类型"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="是否必须"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="考试或报名"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="班级或人员"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
+          <template #default="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['system:notice:edit']"
+              >编辑</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['system:notice:remove']"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+  
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+  
+      <!-- 添加或修改公告对话框 -->
+      <el-dialog :title="title" v-model="open" width="780px" append-to-body>
+        <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="报名或考试" prop="noticeTitle">
+                <el-input
+                  v-model="form.noticeTitle"
+                  placeholder="请输入报名或考试"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="班级或个人" prop="noticeType">
+                <el-select
+                  v-model="form.noticeType"
+                  placeholder="请选择班级或个人"
+                >
+                  <el-option
+                    v-for="dict in sys_notice_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="考试类型" prop="noticeTitle">
+                <el-input v-model="form.noticeTitle" placeholder="考试类型" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="岗位类别" prop="noticeType">
+                <el-select v-model="form.noticeType" placeholder="岗位类别">
+                  <el-option
+                    v-for="dict in sys_notice_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="资料类型" prop="noticeTitle">
+                <el-input v-model="form.noticeTitle" placeholder="资料类型" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="是否必须" prop="noticeType">
+                <el-select v-model="form.noticeType" placeholder="是否必须">
+                  <el-option
+                    v-for="dict in sys_notice_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="序号" prop="noticeTitle">
+                <el-input v-model="form.noticeTitle" placeholder="序号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="资料要求描述" prop="noticeType">
+                <el-input
+                  type="textarea"
+                  v-model="form.noticeTitle"
+                  placeholder="资料要求描述"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button type="primary" @click="submitForm">确 定</el-button>
+            <el-button @click="cancel">取 消</el-button>
+          </div>
+        </template>
+      </el-dialog>
+    </div>
+  </template>
+   
+   <script>
+  import {
+    listNotice,
+    getNotice,
+    delNotice,
+    addNotice,
+    updateNotice,
+  } from "@/api/system/notice";
+  import { ref, reactive, onMounted } from "vue";
+  import { useDict } from "@/utils/dict";
+  import { ElMessage, ElMessageBox } from "element-plus";
+  
+  export default {
+    name: "Notice",
+    setup() {
+      const { dict } = useDict(["sys_notice_status", "sys_notice_type"]);
+      const { proxy } = getCurrentInstance();
+  
+      // 响应式数据
+      const loading = ref(true);
+      const ids = ref([]);
+      const single = ref(true);
+      const multiple = ref(true);
+      const showSearch = ref(true);
+      const total = ref(0);
+      const noticeList = ref([]);
+      const title = ref("");
+      const open = ref(false);
+  
+      const queryParams = reactive({
+        pageNum: 1,
+        pageSize: 10,
+        noticeTitle: undefined,
+        createBy: undefined,
+        status: undefined,
+      });
+  
+      const form = reactive({
+        noticeId: undefined,
+        noticeTitle: undefined,
+        noticeType: undefined,
+        noticeContent: undefined,
+        status: "0",
+      });
+  
+      const rules = reactive({
+        noticeTitle: [
+          { required: true, message: "公告标题不能为空", trigger: "blur" },
+        ],
+        noticeType: [
+          { required: true, message: "公告类型不能为空", trigger: "change" },
+        ],
+      });
+  
+      // 获取表单和查询表单的引用
+      const formRef = ref(null);
+      const queryFormRef = ref(null);
+  
+      // 方法定义
+      const getList = () => {
+        loading.value = true;
+        listNotice(queryParams).then((response) => {
+          noticeList.value = response.rows;
+          total.value = response.total;
+          loading.value = false;
+        });
+      };
+  
+      const cancel = () => {
+        open.value = false;
+        reset();
+      };
+  
+      const reset = () => {
+        Object.assign(form, {
+          noticeId: undefined,
+          noticeTitle: undefined,
+          noticeType: undefined,
+          noticeContent: undefined,
+          status: "0",
+        });
+        // formRef.value.resetFields();
+      };
+  
+      const handleQuery = () => {
+        queryParams.pageNum = 1;
+        getList();
+      };
+  
+      const resetQuery = () => {
+        proxy.resetForm("queryRef");
+        handleQuery();
+      };
+  
+      const handleSelectionChange = (selection) => {
+        ids.value = selection.map((item) => item.noticeId);
+        single.value = selection.length !== 1;
+        multiple.value = !selection.length;
+      };
+  
+      const handleAdd = () => {
+        reset();
+        open.value = true;
+        title.value = "添加资料模板";
+      };
+  
+      const handleUpdate = (row) => {
+        reset();
+        const noticeId = row.noticeId || ids.value;
+        getNotice(noticeId).then((response) => {
+          Object.assign(form, response.data);
+          open.value = true;
+          title.value = "修改公告";
+        });
+      };
+  
+      const submitForm = () => {
+        formRef.value.validate((valid) => {
+          if (valid) {
+            if (form.noticeId != undefined) {
+              updateNotice(form).then((response) => {
+                ElMessage.success("修改成功");
+                open.value = false;
+                getList();
+              });
+            } else {
+              addNotice(form).then((response) => {
+                ElMessage.success("新增成功");
+                open.value = false;
+                getList();
+              });
+            }
+          }
+        });
+      };
+  
+      const handleDelete = (row) => {
+        const noticeIds = row.noticeId || ids.value;
+        ElMessageBox.confirm(
+          '是否确认删除公告编号为"' + noticeIds + '"的数据项？',
+          "提示",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          }
+        )
+          .then(() => {
+            return delNotice(noticeIds);
+          })
+          .then(() => {
+            getList();
+            ElMessage.success("删除成功");
+          })
+          .catch(() => {});
+      };
+  
+      // 生命周期钩子
+      onMounted(() => {
+        getList();
+      });
+  
+      return {
+        dict,
+        loading,
+        ids,
+        single,
+        multiple,
+        showSearch,
+        total,
+        noticeList,
+        title,
+        open,
+        queryParams,
+        form,
+        rules,
+        formRef,
+        queryFormRef,
+        getList,
+        cancel,
+        reset,
+        handleQuery,
+        resetQuery,
+        handleSelectionChange,
+        handleAdd,
+        handleUpdate,
+        submitForm,
+        handleDelete,
+      };
+    },
+  };
+  </script>
\ No newline at end of file