提交代码

src/api/home/homeBanner/index.ts

@@ -0,0 +1,75 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { HomeBannerVO, HomeBannerForm, HomeBannerQuery } from '@/api/home/homeBanner/types';
+
+/**
+ * 查询门户Banner列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listHomeBanner = (query?: HomeBannerQuery): AxiosPromise<HomeBannerVO[]> => {
+  return request({
+    url: '/home/banner/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询门户Banner详细
+ * @param bannerId
+ */
+export const getHomeBanner = (bannerId: string | number): AxiosPromise<HomeBannerVO> => {
+  return request({
+    url: '/home/banner/' + bannerId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增门户Banner
+ * @param data
+ */
+export const addHomeBanner = (data: HomeBannerForm) => {
+  return request({
+    url: '/home/banner',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改门户Banner
+ * @param data
+ */
+export const updateHomeBanner = (data: HomeBannerForm) => {
+  return request({
+    url: '/home/banner',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 修改门户Banner
+ * @param data
+ */
+export const updatStatus = (data: HomeBannerForm) => {
+  return request({
+    url: '/home/banner/status',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除门户Banner
+ * @param bannerId
+ */
+export const delHomeBanner = (bannerId: string | number | Array<string | number>) => {
+  return request({
+    url: '/home/banner/' + bannerId,
+    method: 'delete'
+  });
+};

src/api/home/homeBanner/types.ts

@@ -0,0 +1,116 @@
+export interface HomeBannerVO {
+  /**
+   * 
+   */
+  bannerId: string | number;
+
+  /**
+   * 0:pc端轮播，1：移动端轮播
+   */
+  type: number;
+
+  /**
+   * 标题
+   */
+  title: string;
+
+  /**
+   * 跳转链接
+   */
+  url: string;
+
+  /**
+   * 排序
+   */
+  sort: number;
+
+  /**
+   * 封面
+   */
+  cover: number;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status: number;
+
+}
+
+export interface HomeBannerForm extends BaseEntity {
+  /**
+   * 
+   */
+  bannerId?: string | number;
+
+  /**
+   * 0:pc端轮播，1：移动端轮播
+   */
+  type?: number;
+
+  /**
+   * 标题
+   */
+  title?: string;
+
+  /**
+   * 跳转链接
+   */
+  url?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+   * 封面
+   */
+  cover?: number;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status?: number;
+
+}
+
+export interface HomeBannerQuery extends PageQuery {
+
+  /**
+   * 0:pc端轮播，1：移动端轮播
+   */
+  type?: number;
+
+  /**
+   * 标题
+   */
+  title?: string;
+
+  /**
+   * 跳转链接
+   */
+  url?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+   * 封面
+   */
+  cover?: number;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status?: number;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+

src/api/home/homeShow/index.ts

@@ -0,0 +1,63 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { HomeShowVO, HomeShowForm, HomeShowQuery } from '@/api/home/homeShow/types';
+
+/**
+ * 查询学校名师列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listHomeShow = (query?: HomeShowQuery): AxiosPromise<HomeShowVO[]> => {
+  return request({
+    url: '/home/show/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询学校名师详细
+ * @param showId
+ */
+export const getHomeShow = (showId: string | number): AxiosPromise<HomeShowVO> => {
+  return request({
+    url: '/home/show/' + showId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增学校名师
+ * @param data
+ */
+export const addHomeShow = (data: HomeShowForm) => {
+  return request({
+    url: '/home/show',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改学校名师
+ * @param data
+ */
+export const updateHomeShow = (data: HomeShowForm) => {
+  return request({
+    url: '/home/show',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除学校名师
+ * @param showId
+ */
+export const delHomeShow = (showId: string | number | Array<string | number>) => {
+  return request({
+    url: '/home/show/' + showId,
+    method: 'delete'
+  });
+};

src/api/home/homeShow/types.ts

@@ -0,0 +1,131 @@
+export interface HomeShowVO {
+  /**
+   * 
+   */
+  showId: string | number;
+
+  /**
+   * 是否外链0:否，1：是
+   */
+  type: number;
+
+  /**
+   * 教师名称
+   */
+  teacherName: string;
+
+  /**
+   * 年级名称
+   */
+  gradeName: string;
+
+  /**
+   * 学科名称
+   */
+  subjectName: string;
+
+  /**
+   * 排序
+   */
+  sort: number;
+
+  /**
+   * 教师介绍
+   */
+  content: string;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status: number;
+
+}
+
+export interface HomeShowForm extends BaseEntity {
+  /**
+   * 
+   */
+  showId?: string | number;
+
+  /**
+   * 是否外链0:否，1：是
+   */
+  type?: number;
+
+  /**
+   * 教师名称
+   */
+  teacherName?: string;
+
+  /**
+   * 年级名称
+   */
+  gradeName?: string;
+
+  /**
+   * 学科名称
+   */
+  subjectName?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+   * 教师介绍
+   */
+  content?: string;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status?: number;
+
+}
+
+export interface HomeShowQuery extends PageQuery {
+
+  /**
+   * 是否外链0:否，1：是
+   */
+  type?: number;
+
+  /**
+   * 教师名称
+   */
+  teacherName?: string;
+
+  /**
+   * 年级名称
+   */
+  gradeName?: string;
+
+  /**
+   * 学科名称
+   */
+  subjectName?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+   * 教师介绍
+   */
+  content?: string;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status?: number;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+

src/api/home/homeTrend/index.ts

@@ -0,0 +1,63 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { HomeTrendVO, HomeTrendForm, HomeTrendQuery } from '@/api/home/homeTrend/types';
+
+/**
+ * 查询学校动态列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listHomeTrend = (query?: HomeTrendQuery): AxiosPromise<HomeTrendVO[]> => {
+  return request({
+    url: '/home/trend/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询学校动态详细
+ * @param trendId
+ */
+export const getHomeTrend = (trendId: string | number): AxiosPromise<HomeTrendVO> => {
+  return request({
+    url: '/home/trend/' + trendId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增学校动态
+ * @param data
+ */
+export const addHomeTrend = (data: HomeTrendForm) => {
+  return request({
+    url: '/home/trend',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改学校动态
+ * @param data
+ */
+export const updateHomeTrend = (data: HomeTrendForm) => {
+  return request({
+    url: '/home/trend',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除学校动态
+ * @param trendId
+ */
+export const delHomeTrend = (trendId: string | number | Array<string | number>) => {
+  return request({
+    url: '/home/trend/' + trendId,
+    method: 'delete'
+  });
+};

src/api/home/homeTrend/types.ts

@@ -0,0 +1,120 @@
+export interface HomeTrendVO {
+  /**
+   * 
+   */
+  trendId: string | number;
+
+  /**
+   * 是否外链0:否，1：是
+   */
+  type: number;
+
+  /**
+   * 标题
+   */
+  title: string;
+
+  /**
+   * 跳转链接
+   */
+  url: string;
+
+  /**
+   * 排序
+   */
+  sort: number;
+
+  /**
+   * 内容
+   */
+  content: string;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status: number;
+
+}
+
+export interface HomeTrendForm extends BaseEntity {
+  /**
+   * 
+   */
+  trendId?: string | number;
+
+  /**
+   * 是否外链0:否，1：是
+   */
+  type?: number;
+
+  /**
+   * 标题
+   */
+  title?: string;
+
+  /**
+   * 跳转链接
+   */
+  url?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+   * 内容
+   */
+  content?: string;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status?: number;
+
+}
+
+export interface HomeTrendQuery extends PageQuery {
+
+  /**
+   * 是否外链0:否，1：是
+   */
+  type?: number;
+
+  /**
+   * 标题
+   */
+  title?: string;
+
+  /**
+   * 跳转链接
+   */
+  url?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+   * 内容
+   */
+  content?: string;
+
+  /**
+   * 0-下架，1-上架
+   */
+  status?: number;
+  /**
+ * 发布时间
+ */
+  createTime: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+

src/api/resource/catalogResource/index.ts

@@ -0,0 +1,63 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { CatalogResourceVO, CatalogResourceForm, CatalogResourceQuery } from '@/api/resource/catalogResource/types';
+
+/**
+ * 查询目录-专题资源列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listCatalogResource = (query?: CatalogResourceQuery): AxiosPromise<CatalogResourceVO[]> => {
+  return request({
+    url: '/catalog/resource/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询目录-专题资源详细
+ * @param catalogId
+ */
+export const getCatalogResource = (catalogId: string | number): AxiosPromise<CatalogResourceVO> => {
+  return request({
+    url: '/catalog/resource/' + catalogId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增目录-专题资源
+ * @param data
+ */
+export const addCatalogResource = (data: CatalogResourceForm) => {
+  return request({
+    url: '/catalog/resource',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改目录-专题资源
+ * @param data
+ */
+export const updateCatalogResource = (data: CatalogResourceForm) => {
+  return request({
+    url: '/catalog/resource',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除目录-专题资源
+ * @param catalogId
+ */
+export const delCatalogResource = (catalogId: string | number | Array<string | number>) => {
+  return request({
+    url: '/catalog/resource/' + catalogId,
+    method: 'delete'
+  });
+};

src/api/resource/catalogResource/types.ts

@@ -0,0 +1,105 @@
+export interface CatalogResourceVO {
+  /**
+   * 目录id
+   */
+  catalogId: string | number;
+
+  /**
+   * 父目录id
+   */
+  parentId: string | number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors: string;
+
+  /**
+   * 目录名称
+   */
+  catalogName: string;
+
+  /**
+   * 显示顺序
+   */
+  orderNum: number;
+
+  /**
+   * 封面
+   */
+  cover: number;
+
+    /**
+     * 子对象
+     */
+    children: CatalogResourceVO[];
+}
+
+export interface CatalogResourceForm extends BaseEntity {
+  /**
+   * 目录id
+   */
+  catalogId?: string | number;
+
+  /**
+   * 父目录id
+   */
+  parentId?: string | number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors?: string;
+
+  /**
+   * 目录名称
+   */
+  catalogName?: string;
+
+  /**
+   * 显示顺序
+   */
+  orderNum?: number;
+
+  /**
+   * 封面
+   */
+  cover?: number;
+
+}
+
+export interface CatalogResourceQuery {
+
+  /**
+   * 父目录id
+   */
+  parentId?: string | number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors?: string;
+
+  /**
+   * 目录名称
+   */
+  catalogName?: string;
+
+  /**
+   * 显示顺序
+   */
+  orderNum?: number;
+
+  /**
+   * 封面
+   */
+  cover?: number;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+

src/api/resource/catalogTextbook/index.ts

@@ -0,0 +1,63 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { CatalogTextbookVO, CatalogTextbookForm, CatalogTextbookQuery } from '@/api/resource/catalogTextbook/types';
+
+/**
+ * 查询目录-同步教材列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listCatalogTextbook = (query?: CatalogTextbookQuery): AxiosPromise<CatalogTextbookVO[]> => {
+  return request({
+    url: '/catalog/textbook/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询目录-同步教材详细
+ * @param catalogId
+ */
+export const getCatalogTextbook = (catalogId: string | number): AxiosPromise<CatalogTextbookVO> => {
+  return request({
+    url: '/catalog/textbook/' + catalogId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增目录-同步教材
+ * @param data
+ */
+export const addCatalogTextbook = (data: CatalogTextbookForm) => {
+  return request({
+    url: '/catalog/textbook',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改目录-同步教材
+ * @param data
+ */
+export const updateCatalogTextbook = (data: CatalogTextbookForm) => {
+  return request({
+    url: '/catalog/textbook',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除目录-同步教材
+ * @param catalogId
+ */
+export const delCatalogTextbook = (catalogId: string | number | Array<string | number>) => {
+  return request({
+    url: '/catalog/textbook/' + catalogId,
+    method: 'delete'
+  });
+};

src/api/resource/catalogTextbook/types.ts

@@ -0,0 +1,105 @@
+export interface CatalogTextbookVO {
+  /**
+   * 目录id
+   */
+  catalogId: string | number;
+
+  /**
+   * 父目录id
+   */
+  parentId: string | number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors: string;
+
+  /**
+   * 目录名称
+   */
+  catalogName: string;
+
+  /**
+   * 显示顺序
+   */
+  orderNum: number;
+
+  /**
+   * 1暂定，2学段，3年级，4学科，5版本，6教材，7目录
+   */
+  type: number;
+
+    /**
+     * 子对象
+     */
+    children: CatalogTextbookVO[];
+}
+
+export interface CatalogTextbookForm extends BaseEntity {
+  /**
+   * 目录id
+   */
+  catalogId?: string | number;
+
+  /**
+   * 父目录id
+   */
+  parentId?: string | number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors?: string;
+
+  /**
+   * 目录名称
+   */
+  catalogName?: string;
+
+  /**
+   * 显示顺序
+   */
+  orderNum?: number;
+
+  /**
+   * 1暂定，2学段，3年级，4学科，5版本，6教材，7目录
+   */
+  type?: number;
+
+}
+
+export interface CatalogTextbookQuery {
+
+  /**
+   * 父目录id
+   */
+  parentId?: string | number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors?: string;
+
+  /**
+   * 目录名称
+   */
+  catalogName?: string;
+
+  /**
+   * 显示顺序
+   */
+  orderNum?: number;
+
+  /**
+   * 1暂定，2学段，3年级，4学科，5版本，6教材，7目录
+   */
+  type?: number;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+

src/views/home/homeBanner/index.vue

@@ -0,0 +1,279 @@
+<template>
+  <div class="p-2">
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd"
+              v-hasPermi="['home:banner:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()"
+              v-hasPermi="['home:banner:edit']">编辑</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
+              v-hasPermi="['home:banner:remove']">删除</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="homeBannerList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="标题" align="center" prop="title" />
+        <el-table-column label="封面" align="center" prop="cover">
+          <template #default="scope">
+            <image-preview :src="scope.row.coverUrl" :width="50" :height="50" />
+          </template>
+        </el-table-column>
+        <el-table-column label="跳转链接" align="center" prop="url" />
+        <el-table-column label="状态" align="center" prop="status">
+          <template #default="scope">
+            <el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0"
+              @change="changeStatus($event, scope.row)" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="编辑" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+                v-hasPermi="['home:banner:edit']">编辑</el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+                v-hasPermi="['home:banner:remove']">删除</el-button>
+            </el-tooltip>
+          </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-card>
+    <!-- 添加或编辑门户Banner对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="homeBannerFormRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="标题" prop="title">
+          <el-input v-model="form.title" placeholder="请输入标题" />
+        </el-form-item>
+        <el-form-item label="轮播类型" prop="type">
+          <el-radio-group v-model="form.type" placeholder="请选择轮播类型">
+            <el-radio :value="0">pc端轮播</el-radio>
+            <el-radio :value="1">移动端轮播</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="跳转链接" prop="url">
+          <el-input v-model="form.url" placeholder="请输入跳转链接" />
+        </el-form-item>
+        <el-form-item label="排序" prop="sort">
+          <el-input v-model="form.sort" placeholder="请输入排序" />
+        </el-form-item>
+        <el-form-item label="封面" prop="cover">
+          <image-upload v-model="form.cover" :limit="1" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-radio-group v-model="form.status" placeholder="请选择状态">
+            <el-radio :value="1">上架</el-radio>
+            <el-radio :value="0">下架</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="HomeBanner" lang="ts">
+import { listHomeBanner, getHomeBanner, delHomeBanner, addHomeBanner, updateHomeBanner, updatStatus } from '@/api/home/homeBanner';
+import { HomeBannerVO, HomeBannerQuery, HomeBannerForm } from '@/api/home/homeBanner/types';
+import { log } from 'console';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const homeBannerList = ref<HomeBannerVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const homeBannerFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const initFormData: HomeBannerForm = {
+  bannerId: undefined,
+  type: undefined,
+  title: undefined,
+  url: undefined,
+  sort: undefined,
+  cover: undefined,
+  status: undefined,
+}
+const data = reactive<PageData<HomeBannerForm, HomeBannerQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    type: undefined,
+    title: undefined,
+    url: undefined,
+    sort: undefined,
+    cover: undefined,
+    status: undefined,
+    params: {
+    }
+  },
+  rules: {
+    bannerId: [
+      { required: true, message: "不能为空", trigger: "blur" }
+    ],
+    type: [
+      { required: true, message: "0:pc端轮播，1：移动端轮播不能为空", trigger: "change" }
+    ],
+    title: [
+      { required: true, message: "标题不能为空", trigger: "blur" }
+    ],
+    url: [
+      { required: true, message: "跳转链接不能为空", trigger: "blur" }
+    ],
+    sort: [
+      { required: true, message: "排序不能为空", trigger: "blur" }
+    ],
+    cover: [
+      { required: true, message: "封面不能为空", trigger: "blur" }
+    ],
+    status: [
+      { required: true, message: "0-下架，1-上架不能为空", trigger: "change" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询门户Banner列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listHomeBanner(queryParams.value);
+  homeBannerList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  homeBannerFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: HomeBannerVO[]) => {
+  ids.value = selection.map(item => item.bannerId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = "添加门户Banner";
+}
+
+/** 编辑按钮操作 */
+const handleUpdate = async (row?: HomeBannerVO) => {
+  reset();
+  const _bannerId = row?.bannerId || ids.value[0]
+  const res = await getHomeBanner(_bannerId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "编辑门户Banner";
+}
+
+// 编辑状态
+const changeStatus = async ($event, row?: HomeBannerVO) => {
+  const res = await updatStatus({
+    bannerId: row?.bannerId,
+    status: $event
+  });
+  if (res.code == 200) {
+    ElMessage({
+      type: 'success',
+      message: '编辑成功!'
+    });
+    getList();
+  } else {
+    ElMessage({
+      type: 'error',
+      message: res.msg
+    });
+  }
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  homeBannerFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.bannerId) {
+        await updateHomeBanner(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addHomeBanner(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: HomeBannerVO) => {
+  const _bannerIds = row?.bannerId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除门户Banner编号为"' + _bannerIds + '"的数据项？').finally(() => loading.value = false);
+  await delHomeBanner(_bannerIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('home/homeBanner/export', {
+    ...queryParams.value
+  }, `homeBanner_${new Date().getTime()}.xlsx`)
+}
+
+onMounted(() => {
+  getList();
+});
+</script>

src/views/home/homeShow/index.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+      :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+            <el-form-item label="教师名称" prop="teacherName">
+              <el-input v-model="queryParams.teacherName" placeholder="请输入教师名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="学科名称" prop="subjectName">
+              <el-input v-model="queryParams.subjectName" placeholder="请输入学科名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['home:show:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()"
+              v-hasPermi="['home:show:edit']">编辑</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
+              v-hasPermi="['home:show:remove']">删除</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="homeShowList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="教师名称" align="center" prop="teacherName" />
+        <el-table-column label="年级名称" align="center" prop="gradeName" />
+        <el-table-column label="学科名称" align="center" prop="subjectName" />
+        <el-table-column label="老师简介" align="center" prop="content">
+          <template #default="scope">
+            <span v-html="scope.row.content"></span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="编辑" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+                v-hasPermi="['home:show:edit']">编辑</el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+                v-hasPermi="['home:show:remove']">删除</el-button>
+            </el-tooltip>
+          </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-card>
+    <!-- 添加或编辑学校名师对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="homeShowFormRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="教师名称" prop="teacherName">
+          <el-input v-model="form.teacherName" placeholder="请输入教师名称" />
+        </el-form-item>
+        <el-form-item label="年级名称" prop="gradeName">
+          <el-input v-model="form.gradeName" placeholder="请输入年级名称" />
+        </el-form-item>
+        <el-form-item label="学科名称" prop="subjectName">
+          <el-input v-model="form.subjectName" placeholder="请输入学科名称" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-radio-group v-model="form.status" placeholder="请选择状态">
+            <el-radio :value="0">上架</el-radio>
+            <el-radio :value="1">下架</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="排序" prop="sort">
+          <el-input v-model="form.sort" placeholder="请输入排序" />
+        </el-form-item>
+        <el-form-item label="教师介绍">
+          <editor v-model="form.content" :min-height="192" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="HomeShow" lang="ts">
+import { listHomeShow, getHomeShow, delHomeShow, addHomeShow, updateHomeShow } from '@/api/home/homeShow';
+import { HomeShowVO, HomeShowQuery, HomeShowForm } from '@/api/home/homeShow/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const homeShowList = ref<HomeShowVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const homeShowFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const initFormData: HomeShowForm = {
+  showId: undefined,
+  type: undefined,
+  teacherName: undefined,
+  gradeName: undefined,
+  subjectName: undefined,
+  sort: undefined,
+  content: undefined,
+  status: undefined,
+}
+const data = reactive<PageData<HomeShowForm, HomeShowQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    type: undefined,
+    teacherName: undefined,
+    gradeName: undefined,
+    subjectName: undefined,
+    sort: undefined,
+    content: undefined,
+    status: undefined,
+    params: {
+    }
+  },
+  rules: {
+    showId: [
+      { required: true, message: "不能为空", trigger: "blur" }
+    ],
+    type: [
+      { required: true, message: "是否外链0:否，1：是不能为空", trigger: "change" }
+    ],
+    teacherName: [
+      { required: true, message: "教师名称不能为空", trigger: "blur" }
+    ],
+    gradeName: [
+      { required: true, message: "年级名称不能为空", trigger: "blur" }
+    ],
+    subjectName: [
+      { required: true, message: "学科名称不能为空", trigger: "blur" }
+    ],
+    sort: [
+      { required: true, message: "排序不能为空", trigger: "blur" }
+    ],
+    content: [
+      { required: true, message: "教师介绍不能为空", trigger: "blur" }
+    ],
+    status: [
+      { required: true, message: "0-下架，1-上架不能为空", trigger: "change" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询学校名师列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listHomeShow(queryParams.value);
+  homeShowList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  homeShowFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: HomeShowVO[]) => {
+  ids.value = selection.map(item => item.showId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = "添加学校名师";
+}
+
+/** 编辑按钮操作 */
+const handleUpdate = async (row?: HomeShowVO) => {
+  reset();
+  const _showId = row?.showId || ids.value[0]
+  const res = await getHomeShow(_showId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "编辑学校名师";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  homeShowFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.showId) {
+        await updateHomeShow(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addHomeShow(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: HomeShowVO) => {
+  const _showIds = row?.showId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除学校名师编号为"' + _showIds + '"的数据项？').finally(() => loading.value = false);
+  await delHomeShow(_showIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('home/homeShow/export', {
+    ...queryParams.value
+  }, `homeShow_${new Date().getTime()}.xlsx`)
+}
+
+onMounted(() => {
+  getList();
+});
+</script>

src/views/home/homeTrend/index.vue

@@ -0,0 +1,278 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+      :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+            <el-form-item label="标题" prop="title">
+              <el-input v-model="queryParams.title" placeholder="请输入标题" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+
+            <el-form-item label="发布时间" prop="createTime">
+              <el-date-picker v-model="queryParams.createTime" type="date" placeholder="请选择发布时间"
+                @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd"
+              v-hasPermi="['home:trend:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()"
+              v-hasPermi="['home:trend:edit']">编辑</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
+              v-hasPermi="['home:trend:remove']">删除</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="homeTrendList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="标题" align="center" prop="title" />
+        <el-table-column label="排序" align="center" prop="sort" />
+        <el-table-column label="发布时间" align="center" prop="createTime" />
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="编辑" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+                v-hasPermi="['home:trend:edit']">编辑</el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+                v-hasPermi="['home:trend:remove']">删除</el-button>
+            </el-tooltip>
+          </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-card>
+    <!-- 添加或编辑学校动态对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="700px" append-to-body>
+      <el-form ref="homeTrendFormRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="标题" prop="title">
+          <el-input v-model="form.title" placeholder="请输入标题" />
+        </el-form-item>
+        <el-form-item label="是否外部链接" prop="type">
+          <el-radio-group v-model="form.type" placeholder="请选择是否外部链接">
+            <el-radio :value="1">是</el-radio>
+            <el-radio :value="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-radio-group v-model="form.status" placeholder="请选择状态">
+            <el-radio :value="0">上架</el-radio>
+            <el-radio :value="1">下架</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="form.type == 1" label="跳转链接" prop="url">
+          <el-input v-model="form.url" placeholder="请输入跳转链接" />
+        </el-form-item>
+        <el-form-item v-if="form.type == 0" label="动态内容">
+          <editor v-model="form.content" :min-height="192" />
+        </el-form-item>
+        <el-form-item label="排序" prop="sort">
+          <el-input-number v-model="form.sort" placeholder="请输入排序" class="w100" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="HomeTrend" lang="ts">
+import { listHomeTrend, getHomeTrend, delHomeTrend, addHomeTrend, updateHomeTrend } from '@/api/home/homeTrend';
+import { HomeTrendVO, HomeTrendQuery, HomeTrendForm } from '@/api/home/homeTrend/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const homeTrendList = ref<HomeTrendVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const homeTrendFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const initFormData: HomeTrendForm = {
+  trendId: undefined,
+  type: undefined,
+  title: undefined,
+  url: undefined,
+  sort: undefined,
+  content: undefined,
+  status: undefined,
+}
+const data = reactive<PageData<HomeTrendForm, HomeTrendQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    type: undefined,
+    title: undefined,
+    url: undefined,
+    sort: undefined,
+    content: undefined,
+    status: undefined,
+    createTime: undefined,
+    params: {
+    }
+  },
+  rules: {
+    trendId: [
+      { required: true, message: "不能为空", trigger: "blur" }
+    ],
+    type: [
+      { required: true, message: "是否外链0:否，1：是不能为空", trigger: "change" }
+    ],
+    title: [
+      { required: true, message: "标题不能为空", trigger: "blur" }
+    ],
+    url: [
+      { required: true, message: "跳转链接不能为空", trigger: "blur" }
+    ],
+    sort: [
+      { required: true, message: "排序不能为空", trigger: "blur" }
+    ],
+    content: [
+      { required: true, message: "内容不能为空", trigger: "blur" }
+    ],
+    status: [
+      { required: true, message: "0-下架，1-上架不能为空", trigger: "change" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询学校动态列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listHomeTrend(queryParams.value);
+  homeTrendList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  homeTrendFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: HomeTrendVO[]) => {
+  ids.value = selection.map(item => item.trendId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = "添加学校动态";
+}
+
+/** 编辑按钮操作 */
+const handleUpdate = async (row?: HomeTrendVO) => {
+  reset();
+  const _trendId = row?.trendId || ids.value[0]
+  const res = await getHomeTrend(_trendId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "编辑学校动态";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  homeTrendFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.trendId) {
+        await updateHomeTrend(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addHomeTrend(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: HomeTrendVO) => {
+  const _trendIds = row?.trendId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除学校动态编号为"' + _trendIds + '"的数据项？').finally(() => loading.value = false);
+  await delHomeTrend(_trendIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('home/homeTrend/export', {
+    ...queryParams.value
+  }, `homeTrend_${new Date().getTime()}.xlsx`)
+}
+
+onMounted(() => {
+  getList();
+});
+</script>
+
+
+<style lang="scss" scoped>
+.w100 {
+  width: 100%;
+}
+</style>

src/views/resource/catalogResource/index.vue

@@ -0,0 +1,259 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+      :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+            <el-form-item label="专题名称" prop="catalogName">
+              <el-input v-model="queryParams.catalogName" placeholder="请输入专题名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd()"
+              v-hasPermi="['catalog:resource:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">展开/折叠</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+      <el-table ref="catalogResourceTableRef" v-loading="loading" :data="catalogResourceList" row-key="catalogId"
+        :default-expand-all="isExpandAll" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+        <el-table-column label="专题名称" align="center" prop="catalogName" />
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+                v-hasPermi="['catalog:resource:edit']" />
+            </el-tooltip>
+            <el-tooltip content="新增" placement="top">
+              <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)"
+                v-hasPermi="['catalog:resource:add']" />
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+                v-hasPermi="['catalog:resource:remove']" />
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <!-- 添加或修改目录-专题资源对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="catalogResourceFormRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="父目录id" prop="parentId">
+          <el-tree-select v-model="form.parentId" :data="catalogResourceOptions"
+            :props="{ value: 'catalogId', label: 'catalogName', children: 'children' }" value-key="catalogId"
+            placeholder="请选择父目录id" check-strictly />
+        </el-form-item>
+
+        <el-form-item label="专题名称" prop="catalogName">
+          <el-input v-model="form.catalogName" placeholder="请输入专题名称" />
+        </el-form-item>
+
+        <el-form-item label="封面" prop="cover">
+          <image-upload v-model="form.cover" :limit="1" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="CatalogResource" lang="ts">
+import { listCatalogResource, getCatalogResource, delCatalogResource, addCatalogResource, updateCatalogResource } from "@/api/resource/catalogResource";
+import { CatalogResourceVO, CatalogResourceQuery, CatalogResourceForm } from '@/api/resource/catalogResource/types';
+
+type CatalogResourceOption = {
+  catalogId: number;
+  catalogName: string;
+  children?: CatalogResourceOption[];
+}
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;;
+
+
+const catalogResourceList = ref<CatalogResourceVO[]>([]);
+const catalogResourceOptions = ref<CatalogResourceOption[]>([]);
+const buttonLoading = ref(false);
+const showSearch = ref(true);
+const isExpandAll = ref(true);
+const loading = ref(false);
+
+const queryFormRef = ref<ElFormInstance>();
+const catalogResourceFormRef = ref<ElFormInstance>();
+const catalogResourceTableRef = ref<ElTableInstance>()
+
+const dialog = reactive<DialogOption>({
+    visible: false,
+    title: ''
+});
+
+
+const initFormData: CatalogResourceForm = {
+    catalogId: undefined,
+    parentId: undefined,
+    ancestors: undefined,
+    catalogName: undefined,
+    orderNum: undefined,
+    cover: undefined,
+}
+
+const data = reactive<PageData<CatalogResourceForm, CatalogResourceQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    parentId: undefined,
+    ancestors: undefined,
+    catalogName: undefined,
+    orderNum: undefined,
+    cover: undefined,
+    params: {
+    }
+  },
+  rules: {
+    parentId: [
+      { required: true, message: "父目录id不能为空", trigger: "blur" }
+    ],
+  
+    catalogName: [
+      { required: true, message: "专题名称不能为空", trigger: "blur" }
+    ],
+    cover: [
+      { required: true, message: "封面不能为空", trigger: "blur" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询目录-专题资源列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listCatalogResource(queryParams.value);
+  const data = proxy?.handleTree<CatalogResourceVO>(res.data, "catalogId", "parentId");
+  if (data) {
+    catalogResourceList.value = data;
+    loading.value = false;
+  }
+}
+
+/** 查询目录-专题资源下拉树结构 */
+const getTreeselect = async () => {
+  const res = await listCatalogResource();
+  catalogResourceOptions.value = [];
+  const data: CatalogResourceOption = { catalogId: 0, catalogName: '顶级节点', children: [] };
+  data.children = proxy?.handleTree<CatalogResourceOption>(res.data, "catalogId", "parentId");
+  catalogResourceOptions.value.push(data);
+}
+
+// 取消按钮
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+// 表单重置
+const reset = () => {
+  form.value = {...initFormData}
+  catalogResourceFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 新增按钮操作 */
+const handleAdd = (row?: CatalogResourceVO) => {
+  reset();
+  getTreeselect();
+  if (row != null && row.catalogId) {
+    form.value.parentId = row.catalogId;
+  } else {
+    form.value.parentId = 0;
+  }
+  dialog.visible = true;
+  dialog.title = "添加目录-专题资源";
+}
+
+/** 展开/折叠操作 */
+const handleToggleExpandAll = () => {
+  isExpandAll.value = !isExpandAll.value;
+  toggleExpandAll(catalogResourceList.value, isExpandAll.value)
+}
+
+/** 展开/折叠操作 */
+const toggleExpandAll = (data: CatalogResourceVO[], status: boolean) => {
+  data.forEach((item) => {
+    catalogResourceTableRef.value?.toggleRowExpansion(item, status)
+    if (item.children && item.children.length > 0) toggleExpandAll(item.children, status)
+  })
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row: CatalogResourceVO) => {
+  reset();
+  await getTreeselect();
+  if (row != null) {
+    form.value.parentId = row.parentId;
+  }
+  const res = await getCatalogResource(row.catalogId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改目录-专题资源";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  catalogResourceFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.catalogId) {
+        await updateCatalogResource(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addCatalogResource(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row: CatalogResourceVO) => {
+  await proxy?.$modal.confirm('是否确认删除目录-专题资源编号为"' + row.catalogId + '"的数据项？');
+  loading.value = true;
+  await delCatalogResource(row.catalogId).finally(() => loading.value = false);
+  await getList();
+  proxy?.$modal.msgSuccess("删除成功");
+}
+
+onMounted(() => {
+  getList();
+});
+</script>

src/views/resource/catalogTextbook/index.vue

@@ -0,0 +1,300 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+      :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+            <el-form-item label="教材名称" prop="catalogName">
+              <el-input v-model="queryParams.catalogName" placeholder="请输入教材名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd()"
+              v-hasPermi="['catalog:textbook:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">展开/折叠</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+      <el-table ref="catalogTextbookTableRef" v-loading="loading" :data="catalogTextbookList" row-key="catalogId"
+        :default-expand-all="isExpandAll" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+        <el-table-column label="教材名称" align="center" prop="catalogName" />
+        <el-table-column label="类型" align="center" prop="type">
+          <template #default="scope">
+            <el-tag v-if="scope.row.type === 1" type="success">暂定</el-tag>
+            <el-tag v-if="scope.row.type === 2" type="success">学段</el-tag>
+            <el-tag v-if="scope.row.type === 3" type="success">年级</el-tag>
+            <el-tag v-if="scope.row.type === 4" type="success">学科</el-tag>
+            <el-tag v-if="scope.row.type === 5" type="success">版本</el-tag>
+            <el-tag v-if="scope.row.type === 6" type="success">教材</el-tag>
+            <el-tag v-if="scope.row.type === 7" type="success">目录</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+                v-hasPermi="['catalog:textbook:edit']" />
+            </el-tooltip>
+            <el-tooltip content="新增" placement="top">
+              <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)"
+                v-hasPermi="['catalog:textbook:add']" />
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+                v-hasPermi="['catalog:textbook:remove']" />
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <!-- 添加或修改目录-同步教材对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="catalogTextbookFormRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="父目录id" prop="parentId">
+          <el-tree-select v-model="form.parentId" :data="catalogTextbookOptions"
+            :props="{ value: 'catalogId', label: 'catalogName', children: 'children' }" value-key="catalogId"
+            placeholder="请选择父目录id" check-strictly />
+        </el-form-item>
+        <el-form-item label="类型" prop="type">
+          <el-select v-model="form.type" placeholder="请选择类型">
+            <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="教材名称" prop="catalogName">
+          <el-input v-model="form.catalogName" placeholder="请输入教材名称" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="CatalogTextbook" lang="ts">
+import { listCatalogTextbook, getCatalogTextbook, delCatalogTextbook, addCatalogTextbook, updateCatalogTextbook } from "@/api/resource/catalogTextbook";
+import { CatalogTextbookVO, CatalogTextbookQuery, CatalogTextbookForm } from '@/api/resource/catalogTextbook/types';
+
+type CatalogTextbookOption = {
+  catalogId: number;
+  catalogName: string;
+  children?: CatalogTextbookOption[];
+}
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;;
+
+
+const catalogTextbookList = ref<CatalogTextbookVO[]>([]);
+const catalogTextbookOptions = ref<CatalogTextbookOption[]>([]);
+const buttonLoading = ref(false);
+const showSearch = ref(true);
+const isExpandAll = ref(true);
+const loading = ref(false);
+
+const queryFormRef = ref<ElFormInstance>();
+const catalogTextbookFormRef = ref<ElFormInstance>();
+const catalogTextbookTableRef = ref<ElTableInstance>()
+
+const typeOptions = [
+  {
+    value: 2,
+    label: '学段',
+  },
+  {
+    value: 3,
+    label: '年级',
+  },
+  {
+    value: 4,
+    label: '学科',
+  },
+  {
+    value: 5,
+    label: '版本',
+  },
+  {
+    value: 6,
+    label: '教材',
+  },
+  {
+    value: 7,
+    label: '目录',
+  },
+  {
+    value: 1,
+    label: '暂定',
+  }
+]
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+
+const initFormData: CatalogTextbookForm = {
+  catalogId: undefined,
+  parentId: undefined,
+  ancestors: undefined,
+  catalogName: undefined,
+  orderNum: undefined,
+  type: undefined,
+}
+
+const data = reactive<PageData<CatalogTextbookForm, CatalogTextbookQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    parentId: undefined,
+    ancestors: undefined,
+    catalogName: undefined,
+    orderNum: undefined,
+    type: undefined,
+    params: {
+    }
+  },
+  rules: {
+    parentId: [
+      { required: true, message: "父目录id不能为空", trigger: "blur" }
+    ],
+    catalogName: [
+      { required: true, message: "教材名称不能为空", trigger: "blur" }
+    ],
+    type: [
+      { required: true, message: "类型不能为空", trigger: "change" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询目录-同步教材列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listCatalogTextbook(queryParams.value);
+  const data = proxy?.handleTree<CatalogTextbookVO>(res.data, "catalogId", "parentId");
+  if (data) {
+    catalogTextbookList.value = data;
+    loading.value = false;
+  }
+}
+
+/** 查询目录-同步教材下拉树结构 */
+const getTreeselect = async () => {
+  const res = await listCatalogTextbook();
+  catalogTextbookOptions.value = [];
+  const data: CatalogTextbookOption = { catalogId: 0, catalogName: '顶级节点', children: [] };
+  data.children = proxy?.handleTree<CatalogTextbookOption>(res.data, "catalogId", "parentId");
+  catalogTextbookOptions.value.push(data);
+}
+
+// 取消按钮
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+// 表单重置
+const reset = () => {
+  form.value = { ...initFormData }
+  catalogTextbookFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 新增按钮操作 */
+const handleAdd = (row?: CatalogTextbookVO) => {
+  reset();
+  getTreeselect();
+  if (row != null && row.catalogId) {
+    form.value.parentId = row.catalogId;
+  } else {
+    form.value.parentId = 0;
+  }
+  dialog.visible = true;
+  dialog.title = "添加目录-同步教材";
+}
+
+/** 展开/折叠操作 */
+const handleToggleExpandAll = () => {
+  isExpandAll.value = !isExpandAll.value;
+  toggleExpandAll(catalogTextbookList.value, isExpandAll.value)
+}
+
+/** 展开/折叠操作 */
+const toggleExpandAll = (data: CatalogTextbookVO[], status: boolean) => {
+  data.forEach((item) => {
+    catalogTextbookTableRef.value?.toggleRowExpansion(item, status)
+    if (item.children && item.children.length > 0) toggleExpandAll(item.children, status)
+  })
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row: CatalogTextbookVO) => {
+  reset();
+  await getTreeselect();
+  if (row != null) {
+    form.value.parentId = row.parentId;
+  }
+  const res = await getCatalogTextbook(row.catalogId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改目录-同步教材";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  catalogTextbookFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.catalogId) {
+        await updateCatalogTextbook(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addCatalogTextbook(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row: CatalogTextbookVO) => {
+  await proxy?.$modal.confirm('是否确认删除目录-同步教材编号为"' + row.catalogId + '"的数据项？');
+  loading.value = true;
+  await delCatalogTextbook(row.catalogId).finally(() => loading.value = false);
+  await getList();
+  proxy?.$modal.msgSuccess("删除成功");
+}
+
+onMounted(() => {
+  getList();
+});
+</script>