From 0e457f66d878acaf745535c1120f068e879691c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Wed, 13 Aug 2025 02:54:28 +0800
Subject: [PATCH] =?UTF-8?q?feat(shop):=20=E6=96=B0=E5=A2=9E=E6=96=87?=
=?UTF-8?q?=E7=AB=A0=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 添加文章列表页面，支持搜索、分页加载、下拉刷新等功能
- 实现文章详情查看、编辑和删除功能- 新增文章发布页面，支持富文本编辑和图片上传
- 优化地址管理页面，统一底部按钮样式
- 新增 FixedButton 组件用于底部固定按钮
---
src/app.config.ts | 3 +-
src/components/FixedButton.tsx | 26 ++
src/shop/shopArticle/add.config.ts | 4 +
src/shop/shopArticle/add.tsx | 323 +++++++++++++++++++++++++
src/shop/shopArticle/index.tsx | 369 +++++++++++++++++++----------
src/user/address/add.tsx | 122 ++++++----
src/user/address/index.tsx | 14 +-
src/user/address/wxAddress.tsx | 4 +-
8 files changed, 681 insertions(+), 184 deletions(-)
create mode 100644 src/components/FixedButton.tsx
create mode 100644 src/shop/shopArticle/add.config.ts
create mode 100644 src/shop/shopArticle/add.tsx
diff --git a/src/app.config.ts b/src/app.config.ts
index 23b9c40..2e289cc 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -61,7 +61,8 @@ export default defineAppConfig({
'orderConfirm/index',
'orderConfirmCart/index',
'search/index',
- 'shopArticle/index'
+ 'shopArticle/index',
+ 'shopArticle/add'
]
}
],
diff --git a/src/components/FixedButton.tsx b/src/components/FixedButton.tsx
new file mode 100644
index 0000000..cf41943
--- /dev/null
+++ b/src/components/FixedButton.tsx
@@ -0,0 +1,26 @@
+import {View} from '@tarojs/components';
+import {Button} from '@nutui/nutui-react-taro'
+
+function FixedButton({text, onClick, icon}) {
+ return (
+ <>
+ {/* 底部安全区域占位 */
+ }
+
+
+
+
+
+ )
+}
+
+export default FixedButton;
diff --git a/src/shop/shopArticle/add.config.ts b/src/shop/shopArticle/add.config.ts
new file mode 100644
index 0000000..5d97955
--- /dev/null
+++ b/src/shop/shopArticle/add.config.ts
@@ -0,0 +1,4 @@
+export default definePageConfig({
+ navigationBarTitleText: '新增收货地址',
+ navigationBarTextStyle: 'black'
+})
diff --git a/src/shop/shopArticle/add.tsx b/src/shop/shopArticle/add.tsx
new file mode 100644
index 0000000..0d85f74
--- /dev/null
+++ b/src/shop/shopArticle/add.tsx
@@ -0,0 +1,323 @@
+import {useEffect, useState, useRef} from "react";
+import {useRouter} from '@tarojs/taro'
+import {Button, Loading, CellGroup, Input, TextArea, Form, Switch, InputNumber, Radio, Image} from '@nutui/nutui-react-taro'
+import {Edit, Upload as UploadIcon} from '@nutui/icons-react-taro'
+import Taro from '@tarojs/taro'
+import {View} from '@tarojs/components'
+import {ShopArticle} from "@/api/shop/shopArticle/model";
+import {getShopArticle, addShopArticle, updateShopArticle} from "@/api/shop/shopArticle";
+import FixedButton from "@/components/FixedButton";
+
+const AddShopArticle = () => {
+ const {params} = useRouter();
+ const [loading, setLoading] = useState(true)
+ const [formData, setFormData] = useState({
+ type: 0, // 默认常规文章
+ status: 0, // 默认已发布
+ permission: 0, // 默认所有人可见
+ recommend: 0, // 默认不推荐
+ showType: 10, // 默认小图展示
+ virtualViews: 0, // 默认虚拟阅读量
+ actualViews: 0, // 默认实际阅读量
+ sortNumber: 0 // 默认排序
+ })
+ const formRef = useRef(null)
+
+ // 判断是编辑还是新增模式
+ const isEditMode = !!params.id
+ const articleId = params.id ? Number(params.id) : undefined
+
+ // 文章类型选项
+ const typeOptions = [
+ { text: '常规文章', value: 0 },
+ { text: '视频文章', value: 1 }
+ ]
+
+ // 状态选项
+ const statusOptions = [
+ { text: '已发布', value: 0 },
+ { text: '待审核', value: 1 },
+ { text: '已驳回', value: 2 },
+ { text: '违规内容', value: 3 }
+ ]
+
+ // 可见性选项
+ const permissionOptions = [
+ { text: '所有人可见', value: 0 },
+ { text: '登录可见', value: 1 },
+ { text: '密码可见', value: 2 }
+ ]
+
+ // 显示方式选项
+ const showTypeOptions = [
+ { text: '小图展示', value: 10 },
+ { text: '大图展示', value: 20 }
+ ]
+
+ const reload = async () => {
+ // 如果是编辑模式，加载文章数据
+ if (isEditMode && articleId) {
+ try {
+ const article = await getShopArticle(articleId)
+ setFormData(article)
+ // 更新表单值
+ if (formRef.current) {
+ formRef.current.setFieldsValue(article)
+ }
+ } catch (error) {
+ console.error('加载文章失败:', error)
+ Taro.showToast({
+ title: '加载文章失败',
+ icon: 'error'
+ });
+ }
+ }
+ }
+
+ // 图片上传处理
+ const handleImageUpload = async () => {
+ try {
+ const res = await Taro.chooseImage({
+ count: 1,
+ sizeType: ['compressed'],
+ sourceType: ['album', 'camera']
+ });
+
+ if (res.tempFilePaths && res.tempFilePaths.length > 0) {
+ // 这里应该调用上传接口，暂时使用本地路径
+ const imagePath = res.tempFilePaths[0];
+ setFormData({
+ ...formData,
+ image: imagePath
+ });
+
+ Taro.showToast({
+ title: '图片选择成功',
+ icon: 'success'
+ });
+ }
+ } catch (error) {
+ Taro.showToast({
+ title: '图片选择失败',
+ icon: 'error'
+ });
+ }
+ };
+
+ // 提交表单
+ const submitSucceed = async (values: any) => {
+ try {
+ // 准备提交的数据
+ const submitData = {
+ ...formData,
+ ...values,
+ };
+
+ // 如果是编辑模式，添加id
+ if (isEditMode && articleId) {
+ submitData.articleId = articleId;
+ }
+
+ // 执行新增或更新操作
+ if (isEditMode) {
+ await updateShopArticle(submitData);
+ } else {
+ await addShopArticle(submitData);
+ }
+
+ Taro.showToast({
+ title: `${isEditMode ? '更新' : '保存'}成功`,
+ icon: 'success'
+ });
+
+ setTimeout(() => {
+ Taro.navigateBack();
+ }, 1000);
+
+ } catch (error) {
+ console.error('保存失败:', error);
+ Taro.showToast({
+ title: `${isEditMode ? '更新' : '保存'}失败`,
+ icon: 'error'
+ });
+ }
+ }
+
+ const submitFailed = (error: any) => {
+ console.log(error, 'err...')
+ }
+
+ useEffect(() => {
+ // 动态设置页面标题
+ Taro.setNavigationBarTitle({
+ title: isEditMode ? '编辑文章' : '新增文章'
+ });
+
+ reload().then(() => {
+ setLoading(false)
+ })
+ }, [isEditMode]);
+
+ if (loading) {
+ return 加载中
+ }
+
+ return (
+ <>
+