From 29152e56a430cf01c06a41e45618e7a863f646df Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Thu, 23 Oct 2025 19:58:07 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat(=E5=B0=8F=E7=A8=8B=E5=BA=8F=E6=96=87?=
=?UTF-8?q?=E7=AB=A0):=20=E6=96=B0=E5=A2=9E=E5=B0=8F=E7=A8=8B=E5=BA=8F?=
=?UTF-8?q?=E6=96=87=E7=AB=A0=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD=E6=A8=A1?=
=?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
添加小程序文章管理的完整功能模块，包括：
1. API接口定义文件(AppletArticle.api.ts)
2. 数据模型和表单配置(AppletArticle.data.ts)
3. 表单组件(AppletArticleForm.vue)
4. 模态框组件(AppletArticleModal.vue)
5. 列表页面(AppletArticleList.vue)
实现文章的增删改查、批量操作、导入导出等功能
---
.../src/views/applet/article/AppletArticle.api.ts | 64 +++++++
.../src/views/applet/article/AppletArticle.data.ts | 77 ++++++++
.../src/views/applet/article/AppletArticleList.vue | 206 +++++++++++++++++++++
.../article/components/AppletArticleForm.vue | 70 +++++++
.../article/components/AppletArticleModal.vue | 99 ++++++++++
5 files changed, 516 insertions(+)
create mode 100644 jeecgboot-vue3/src/views/applet/article/AppletArticle.api.ts
create mode 100644 jeecgboot-vue3/src/views/applet/article/AppletArticle.data.ts
create mode 100644 jeecgboot-vue3/src/views/applet/article/AppletArticleList.vue
create mode 100644 jeecgboot-vue3/src/views/applet/article/components/AppletArticleForm.vue
create mode 100644 jeecgboot-vue3/src/views/applet/article/components/AppletArticleModal.vue
diff --git a/jeecgboot-vue3/src/views/applet/article/AppletArticle.api.ts b/jeecgboot-vue3/src/views/applet/article/AppletArticle.api.ts
new file mode 100644
index 0000000..433950b
--- /dev/null
+++ b/jeecgboot-vue3/src/views/applet/article/AppletArticle.api.ts
@@ -0,0 +1,64 @@
+import {defHttp} from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+ list = '/appletArticle/appletArticle/list',
+ save='/appletArticle/appletArticle/add',
+ edit='/appletArticle/appletArticle/edit',
+ deleteOne = '/appletArticle/appletArticle/delete',
+ deleteBatch = '/appletArticle/appletArticle/deleteBatch',
+ importExcel = '/appletArticle/appletArticle/importExcel',
+ exportXls = '/appletArticle/appletArticle/exportXls',
+}
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) =>
+ defHttp.get({url: Api.list, params});
+
+/**
+ * 删除单个
+ */
+export const deleteOne = (params,handleSuccess) => {
+ return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
+ handleSuccess();
+ });
+}
+/**
+ * 批量删除
+ * @param params
+ */
+export const batchDelete = (params, handleSuccess) => {
+ createConfirm({
+ iconType: 'warning',
+ title: '确认删除',
+ content: '是否删除选中数据',
+ okText: '确认',
+ cancelText: '取消',
+ onOk: () => {
+ return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
+ handleSuccess();
+ });
+ }
+ });
+}
+/**
+ * 保存或者更新
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+ let url = isUpdate ? Api.edit : Api.save;
+ return defHttp.post({url: url, params});
+}
diff --git a/jeecgboot-vue3/src/views/applet/article/AppletArticle.data.ts b/jeecgboot-vue3/src/views/applet/article/AppletArticle.data.ts
new file mode 100644
index 0000000..ea351e5
--- /dev/null
+++ b/jeecgboot-vue3/src/views/applet/article/AppletArticle.data.ts
@@ -0,0 +1,77 @@
+import {BasicColumn} from '/@/components/Table';
+import {FormSchema} from '/@/components/Table';
+import { rules} from '/@/utils/helper/validator';
+import { render } from '/@/utils/common/renderUtils';
+import { getWeekMonthQuarterYear } from '/@/utils';
+//列表数据
+export const columns: BasicColumn[] = [
+ {
+ title: '标题',
+ align:"center",
+ dataIndex: 'title'
+ },
+ {
+ title: '排序',
+ align:"center",
+ dataIndex: 'sort'
+ },
+ {
+ title: '上架',
+ align:"center",
+ dataIndex: 'status',
+ customRender:({text}) => {
+ return render.renderSwitch(text, [{text:'是',value:'Y'},{text:'否',value:'N'}])
+ },
+ },
+];
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+];
+//表单数据
+export const formSchema: FormSchema[] = [
+ {
+ label: '标题',
+ field: 'title',
+ component: 'Input',
+ },
+ {
+ label: '排序',
+ field: 'sort',
+ component: 'InputNumber',
+ },
+ {
+ label: '上架',
+ field: 'status',
+ component: 'JSwitch',
+ componentProps:{
+ },
+ },
+ {
+ label: '内容',
+ field: 'content',
+ component: 'JEditor',
+ },
+ // TODO 主键隐藏字段，目前写死为ID
+ {
+ label: '',
+ field: 'id',
+ component: 'Input',
+ show: false
+ },
+];
+
+// 高级查询数据
+export const superQuerySchema = {
+ title: {title: '标题',order: 0,view: 'text', type: 'string',},
+ sort: {title: '排序',order: 1,view: 'number', type: 'number',},
+ status: {title: '上架',order: 2,view: 'switch', type: 'string',},
+};
+
+/**
+* 流程表单调用这个方法获取formSchema
+* @param param
+*/
+export function getBpmFormSchema(_formData): FormSchema[]{
+ // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
+ return formSchema;
+}
\ No newline at end of file
diff --git a/jeecgboot-vue3/src/views/applet/article/AppletArticleList.vue b/jeecgboot-vue3/src/views/applet/article/AppletArticleList.vue
new file mode 100644
index 0000000..78f1a9c
--- /dev/null
+++ b/jeecgboot-vue3/src/views/applet/article/AppletArticleList.vue
@@ -0,0 +1,206 @@
+
+
+
+
+
+
+ 新增
+ 导出
+ 导入
+
+
+
+
+
+
+ 删除
+
+
+
+ 批量操作
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+ 导出
+ 导入
+
+
+
+
+
+
+ 删除
+
+
+
+ 批量操作
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+