From ae14fa6e7ac6e6b64db6980155e2bc75eea7972d Mon Sep 17 00:00:00 2001 From: ZhaoYang <565837861@qq.com> Date: Fri, 27 Feb 2026 18:42:34 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8E=88=E6=9D=83=E7=99=BB=E5=BD=95=EF=BC=8C?= =?UTF-8?q?=E6=89=8B=E6=9C=BA=E5=8F=B7=E7=99=BB=E5=BD=95=EF=BC=8C=E5=8F=91?= =?UTF-8?q?=E5=B8=83=E6=96=87=E7=AB=A0=E8=A7=86=E9=A2=91=E5=88=97=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.json | 8 +- pages/home/home.js | 41 +- pages/home/home.wxml | 6 +- pages/home/home.wxss | 20 +- pages/images/sjh.png | Bin 0 -> 4781 bytes pagesA/images/jh.png | Bin 0 -> 1774 bytes pagesA/pages/askingSy/askingSy.js | 66 - pagesA/pages/askingSy/askingSy.json | 3 - pagesA/pages/askingSy/askingSy.wxml | 2 - pagesA/pages/askingSy/askingSy.wxss | 1 - pagesA/pages/carouselDetail/carouselDetail.js | 154 +++ .../pages/carouselDetail/carouselDetail.json | 4 + .../pages/carouselDetail/carouselDetail.wxml | 104 ++ .../pages/carouselDetail/carouselDetail.wxss | 284 +++++ pagesB/images/bo.png | Bin 0 -> 2597 bytes pagesB/images/hf.png | Bin 0 -> 3872 bytes pagesB/images/lll.png | Bin 0 -> 3644 bytes pagesB/images/sou.png | Bin 0 -> 4586 bytes .../administrativeDivision.js | 286 +++++ .../administrativeDivision.json | 4 + .../administrativeDivision.wxml | 95 ++ .../administrativeDivision.wxss | 316 +++++ pagesB/pages/publishAdd/publishAdd.js | 580 +++++++++ pagesB/pages/publishAdd/publishAdd.json | 4 + pagesB/pages/publishAdd/publishAdd.wxml | 205 +++ pagesB/pages/publishAdd/publishAdd.wxss | 457 +++++++ pagesB/pages/repository/repository.js | 66 - pagesB/pages/repository/repository.json | 3 - pagesB/pages/repository/repository.wxml | 2 - pagesB/pages/repository/repository.wxss | 1 - pagesB/pages/spDetails/spDetails.js | 381 ++++++ pagesB/pages/spDetails/spDetails.json | 4 + pagesB/pages/spDetails/spDetails.wxml | 174 +++ pagesB/pages/spDetails/spDetails.wxss | 664 ++++++++++ pagesB/pages/training/training.js | 402 ++++++ pagesB/pages/training/training.json | 4 + pagesB/pages/training/training.wxml | 215 ++++ pagesB/pages/training/training.wxss | 1105 +++++++++++++++++ pagesB/pages/wzDetails/wzDetails.js | 99 ++ pagesB/pages/wzDetails/wzDetails.json | 4 + pagesB/pages/wzDetails/wzDetails.wxml | 62 + pagesB/pages/wzDetails/wzDetails.wxss | 322 +++++ utils/api.js | 123 +- 43 files changed, 5968 insertions(+), 303 deletions(-) create mode 100644 pages/images/sjh.png create mode 100644 pagesA/images/jh.png delete mode 100644 pagesA/pages/askingSy/askingSy.js delete mode 100644 pagesA/pages/askingSy/askingSy.json delete mode 100644 pagesA/pages/askingSy/askingSy.wxml delete mode 100644 pagesA/pages/askingSy/askingSy.wxss create mode 100644 pagesA/pages/carouselDetail/carouselDetail.js create mode 100644 pagesA/pages/carouselDetail/carouselDetail.json create mode 100644 pagesA/pages/carouselDetail/carouselDetail.wxml create mode 100644 pagesA/pages/carouselDetail/carouselDetail.wxss create mode 100644 pagesB/images/bo.png create mode 100644 pagesB/images/hf.png create mode 100644 pagesB/images/lll.png create mode 100644 pagesB/images/sou.png create mode 100644 pagesB/pages/administrativeDivision/administrativeDivision.js create mode 100644 pagesB/pages/administrativeDivision/administrativeDivision.json create mode 100644 pagesB/pages/administrativeDivision/administrativeDivision.wxml create mode 100644 pagesB/pages/administrativeDivision/administrativeDivision.wxss create mode 100644 pagesB/pages/publishAdd/publishAdd.js create mode 100644 pagesB/pages/publishAdd/publishAdd.json create mode 100644 pagesB/pages/publishAdd/publishAdd.wxml create mode 100644 pagesB/pages/publishAdd/publishAdd.wxss delete mode 100644 pagesB/pages/repository/repository.js delete mode 100644 pagesB/pages/repository/repository.json delete mode 100644 pagesB/pages/repository/repository.wxml delete mode 100644 pagesB/pages/repository/repository.wxss create mode 100644 pagesB/pages/spDetails/spDetails.js create mode 100644 pagesB/pages/spDetails/spDetails.json create mode 100644 pagesB/pages/spDetails/spDetails.wxml create mode 100644 pagesB/pages/spDetails/spDetails.wxss create mode 100644 pagesB/pages/training/training.js create mode 100644 pagesB/pages/training/training.json create mode 100644 pagesB/pages/training/training.wxml create mode 100644 pagesB/pages/training/training.wxss create mode 100644 pagesB/pages/wzDetails/wzDetails.js create mode 100644 pagesB/pages/wzDetails/wzDetails.json create mode 100644 pagesB/pages/wzDetails/wzDetails.wxml create mode 100644 pagesB/pages/wzDetails/wzDetails.wxss diff --git a/app.json b/app.json index 65c9d33..337f3eb 100644 --- a/app.json +++ b/app.json @@ -9,13 +9,17 @@ { "root": "pagesA", "pages": [ - "pages/askingSy/askingSy" + "pages/carouselDetail/carouselDetail" ] }, { "root": "pagesB", "pages": [ - "pages/repository/repository" + "pages/administrativeDivision/administrativeDivision", + "pages/training/training", + "pages/wzDetails/wzDetails", + "pages/spDetails/spDetails", + "pages/publishAdd/publishAdd" ], "independent": true } diff --git a/pages/home/home.js b/pages/home/home.js index 900b722..d76aa24 100644 --- a/pages/home/home.js +++ b/pages/home/home.js @@ -7,8 +7,7 @@ Page({ baseUrl: baseUrl, swiperList: [], articleList:[ - {title:'文章发布',describe:'快速发布养殖知识',icon:'/pages/images/fkjy.png'}, - {title:'在线学习',describe:'视频培训发布',icon:'/pages/images/tx.png'} + {title:'发布信息',describe:'快速发布养殖知识|视频培训发布',icon:'/pages/images/fkjy.png'}, ], // 通知公告数据 currentNotice: 0, @@ -33,6 +32,15 @@ Page({ }) }, + + // 跳转发布信息 + bindPx() { + wx.navigateTo({ + url: '/pagesB/pages/training/training', + }) + }, + + // 在线问答列表 getforumList() { http.forumList({ @@ -73,34 +81,7 @@ Page({ }) }, - // 灾害/通知公告 - getDisaster() { - http.disaster({ - data: {}, - success: res => { - // 处理通知数据，添加时间戳 - const notices = res.rows.map(item => { - return { - ...item, - // // 判断是否是24小时内的通知 - // isNew: this.isNewNotification(item.createdTime) - } - }) - this.setData({ - noticeList: notices - }) - } - }) - }, - // // 判断通知是否在24小时内 - // isNewNotification(createdTime) { - // if (!createdTime) return false - // const noticeTime = new Date(createdTime.replace(/-/g, '/')).getTime() - // const now = new Date().getTime() - // const twentyFourHours = 24 * 60 * 60 * 1000 - // return now - noticeTime < twentyFourHours - // }, // 区域划分跳转 bindXzqh() { @@ -200,7 +181,6 @@ Page({ }, onLoad() { - this.getDisaster() this.getCarousel() this.getLocation() this.getforumList() @@ -276,7 +256,6 @@ Page({ // 重新加载所有数据 Promise.all([ new Promise(resolve => this.getUserInfo(resolve)), - new Promise(resolve => this.getDisaster(resolve)), new Promise(resolve => this.getCarousel(resolve)), new Promise(resolve => this.getforumList(resolve)), new Promise(resolve => this.getexperience(resolve)) diff --git a/pages/home/home.wxml b/pages/home/home.wxml index e5f58ab..da8165c 100644 --- a/pages/home/home.wxml +++ b/pages/home/home.wxml @@ -17,10 +17,6 @@ - - - - @@ -71,7 +67,7 @@ - + {{item.title}} {{item.describe}} diff --git a/pages/home/home.wxss b/pages/home/home.wxss index 1f1675d..78e70d4 100644 --- a/pages/home/home.wxss +++ b/pages/home/home.wxss @@ -13,21 +13,7 @@ padding-bottom: 40rpx; } - /* AI问诊 */ - .Aidiagnosis { - position: fixed; - right: 0; - bottom: 150px; - margin: 0 auto; - z-index: 100; - } - - .Aidiagnosis image { - width: 120rpx; - height: 120rpx; - border-radius: 50%; - } - + .orientation{ display: flex; align-items: center; @@ -267,7 +253,7 @@ display: flex; align-items: center; justify-content: space-between; - padding: 10rpx 30rpx; + padding: 20rpx 30rpx; margin-top: 30rpx; } .article2 view:first-child{ @@ -276,7 +262,7 @@ .article2 view:last-child{ color: #C5C6CC; font-size: 24rpx; - margin-top: 10rpx; + margin-top: 20rpx; } .article3 image{ width: 100rpx; diff --git a/pages/images/sjh.png b/pages/images/sjh.png new file mode 100644 index 0000000000000000000000000000000000000000..eecea1b96f2547252782635924cb804e3e70d7bc GIT binary patch literal 4781 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 Hu0mjf8BdX# literal 0 HcmV?d00001 diff --git a/pagesA/images/jh.png b/pagesA/images/jh.png new file mode 100644 index 0000000000000000000000000000000000000000..ce4d71f59f795356083e3c1b0e4693396e259d1f GIT binary patch literal 1774 zcmeAS@N?(olHy`uVBq!ia0vp^CqS5k4M?tyST_$yF%}28J29*~C-ahlfo+ASi(^Pd z+}k@Bb43gpTrU=?zicUCdfDRVp&7tA+ly^mgNu~6dergh@6SZP{}}Ue`{Nh!Oq_eP z4K{fyG=690TC!cak)MTY$#vyMrkAoF34ROyJ3hNpl_lKBbo0rg-?NIDSdE@v3!cp( zazah~?)5ps8WSwH&%5Qaz`<Pbu!&cY*x_Jc zFi&5ACq_X+;=DKqo1Oqq&vR}TW+3y}XP_P+^YKrho>A>1H|YL6bvXCA#;)(NwB7aa zS^o=Vjtl>C+W!Cc`i$S&=l)41|JnEHXd2Vb_#f-FT|N|9CaG$cb0xH-4^kXbiY_EL>b;!qxl@ zpMx8j7Vha?uNR=O`hLRmh=#(Ec`LW;hlZcx7yN`{x<*pe?)$lcijEOIpc$lw$J`vL%qKj z?mfMKG|KVe#B(?N`|U2}#@Kr|#+dK^;?fxNsA`A3o7?s-)8{N)Dd*NMHxtyD x;H$T5y`_49LUEq$)=r1UoT7`hXDu7+dFx8Py?4870j$6nJYD@<);T3K0RXDRv(x|p literal 0 HcmV?d00001 diff --git a/pagesA/pages/askingSy/askingSy.js b/pagesA/pages/askingSy/askingSy.js deleted file mode 100644 index cd87bc3..0000000 --- a/pagesA/pages/askingSy/askingSy.js +++ /dev/null @@ -1,66 +0,0 @@ -// pagesA/pages/askingSy/askingSy.js -Page({ - - /** - * 页面的初始数据 - */ - data: { - - }, - - /** - * 生命周期函数--监听页面加载 - */ - onLoad(options) { - - }, - - /** - * 生命周期函数--监听页面初次渲染完成 - */ - onReady() { - - }, - - /** - * 生命周期函数--监听页面显示 - */ - onShow() { - - }, - - /** - * 生命周期函数--监听页面隐藏 - */ - onHide() { - - }, - - /** - * 生命周期函数--监听页面卸载 - */ - onUnload() { - - }, - - /** - * 页面相关事件处理函数--监听用户下拉动作 - */ - onPullDownRefresh() { - - }, - - /** - * 页面上拉触底事件的处理函数 - */ - onReachBottom() { - - }, - - /** - * 用户点击右上角分享 - */ - onShareAppMessage() { - - } -}) \ No newline at end of file diff --git a/pagesA/pages/askingSy/askingSy.json b/pagesA/pages/askingSy/askingSy.json deleted file mode 100644 index 8835af0..0000000 --- a/pagesA/pages/askingSy/askingSy.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "usingComponents": {} -} \ No newline at end of file diff --git a/pagesA/pages/askingSy/askingSy.wxml b/pagesA/pages/askingSy/askingSy.wxml deleted file mode 100644 index 2930432..0000000 --- a/pagesA/pages/askingSy/askingSy.wxml +++ /dev/null @@ -1,2 +0,0 @@ - -pagesA/pages/askingSy/askingSy.wxml \ No newline at end of file diff --git a/pagesA/pages/askingSy/askingSy.wxss b/pagesA/pages/askingSy/askingSy.wxss deleted file mode 100644 index 19af59e..0000000 --- a/pagesA/pages/askingSy/askingSy.wxss +++ /dev/null @@ -1 +0,0 @@ -/* pagesA/pages/askingSy/askingSy.wxss */ \ No newline at end of file diff --git a/pagesA/pages/carouselDetail/carouselDetail.js b/pagesA/pages/carouselDetail/carouselDetail.js new file mode 100644 index 0000000..c75096e --- /dev/null +++ b/pagesA/pages/carouselDetail/carouselDetail.js @@ -0,0 +1,154 @@ +import http from '../../../utils/api'; +const baseUrl = require('../../../utils/baseUrl'); + +Page({ + /** + * 页面的初始数据 + */ + data: { + baseUrl: baseUrl, + detailInfo: {}, + id: null, + cardAnimation: {} // 卡片动画数据 + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + if (options.id) { + this.setData({ id: options.id }); + this.getCarouselDetail(options.id); + this.initAnimation(); + } else { + wx.showToast({ + title: '参数错误', + icon: 'none' + }); + } + }, + + /** + * 初始化卡片动画 + */ + initAnimation() { + const animation = wx.createAnimation({ + duration: 600, + timingFunction: 'ease-out', + delay: 100 + }); + + animation.translateY(0).opacity(1).step(); + + this.setData({ + cardAnimation: animation.export() + }); + }, + + /** + * 获取轮播详情 + */ + getCarouselDetail(id) { + wx.showLoading({ title: '加载中...', mask: true }); + + http.carouselDetail({ + data: { id: id }, + success: (res) => { + wx.hideLoading(); + console.log('轮播详情:', res); + + if (res && res.code === 200 && res.data) { + this.setData({ + detailInfo: res.data + }); + wx.setNavigationBarTitle({ + title: res.data.title || '轮播详情' + }); + } else { + wx.showToast({ + title: res?.msg || '数据加载失败', + icon: 'none' + }); + } + }, + fail: (err) => { + wx.hideLoading(); + console.error('请求失败:', err); + wx.showToast({ + title: '网络错误', + icon: 'none' + }); + } + }); + }, + + /** + * 颜色调整函数（用于渐变效果） + */ + adjustColor(hex, percent) { + if (!hex) return '#4CAF50'; + // 简单实现：如果传入颜色，返回稍浅的版本 + // 这里为了简化，直接返回原色稍微变浅，实际项目中可使用颜色处理库 + return hex; + }, + + /** + * 图片加载错误处理 + */ + imageLoadError(e) { + console.warn('图片加载失败', e); + + }, + + + /** + * 返回上一页 + */ + goBack() { + wx.navigateBack({ + delta: 1 + }); + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() {}, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() {}, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() {}, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() {}, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() {}, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() {}, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + const { title, imageUrl } = this.data.detailInfo; + return { + title: title || '轮播详情', + imageUrl: this.data.baseUrl + (imageUrl || ''), + path: `/pages/carousel/detail/detail?id=${this.data.id}` + }; + } +}); \ No newline at end of file diff --git a/pagesA/pages/carouselDetail/carouselDetail.json b/pagesA/pages/carouselDetail/carouselDetail.json new file mode 100644 index 0000000..faa193e --- /dev/null +++ b/pagesA/pages/carouselDetail/carouselDetail.json @@ -0,0 +1,4 @@ +{ + "navigationBarTitleText":"轮播详情", + "usingComponents": {} +} \ No newline at end of file diff --git a/pagesA/pages/carouselDetail/carouselDetail.wxml b/pagesA/pages/carouselDetail/carouselDetail.wxml new file mode 100644 index 0000000..8903e06 --- /dev/null +++ b/pagesA/pages/carouselDetail/carouselDetail.wxml @@ -0,0 +1,104 @@ + + + + + + + + + + ← + + + + + {{detailInfo.adsType}} + + + + + + + + + {{detailInfo.title || '无标题'}} + {{detailInfo.subtitle || '暂无副标题'}} + + + + + + + + + + + + + + 📐 + + 图片尺寸 + {{detailInfo.imageSize}} + + + + + + 👁️ + + 浏览次数 + {{detailInfo.viewCount}} + + + + + + + 📅 + + 创建时间 + {{detailInfo.createdAt}} + + + + + + 🔄 + + 更新时间 + {{detailInfo.updatedAt}} + + + + + + ⚡ + + 状态 + + + {{detailInfo.isActive === 1 ? '有效' : '无效'}} + + + + + + + + 📝 + {{detailInfo.remark}} + + + + + ✨ + 长期有效 + + + \ No newline at end of file diff --git a/pagesA/pages/carouselDetail/carouselDetail.wxss b/pagesA/pages/carouselDetail/carouselDetail.wxss new file mode 100644 index 0000000..a2bb5b5 --- /dev/null +++ b/pagesA/pages/carouselDetail/carouselDetail.wxss @@ -0,0 +1,284 @@ +.carousel-detail-container { + min-height: 100vh; + background-color: var(--bg-color, #F8F9FA); + position: relative; + padding-bottom: 40rpx; + } + + /* 沉浸式头部 */ + .hero-section { + position: relative; + width: 100%; + height: 600rpx; + overflow: hidden; + } + + .hero-image { + width: 100%; + height: 100%; + filter: brightness(0.9); + transition: transform 0.3s ease; + } + + .hero-image:active { + transform: scale(1.02); + } + + .hero-overlay { + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 200rpx; + pointer-events: none; + } + + /* 毛玻璃返回按钮 */ + .nav-back { + position: absolute; + top: 60rpx; + left: 30rpx; + width: 72rpx; + height: 72rpx; + border-radius: 36rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 40rpx; + color: #333; + z-index: 10; + } + + .glass { + background: rgba(255, 255, 255, 0.25); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + border: 1rpx solid rgba(255, 255, 255, 0.3); + box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1); + } + + .page-title { + position: absolute; + top: 60rpx; + right: 30rpx; + padding: 16rpx 32rpx; + border-radius: 40rpx; + font-size: 26rpx; + color: #333; + font-weight: 500; + z-index: 10; + letter-spacing: 1rpx; + } + + /* 主要内容卡片 */ + .content-card { + margin: -100rpx 30rpx 0; + background: rgba(255, 255, 255, 0.95); + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + border-radius: 48rpx; + padding: 48rpx 32rpx; + box-shadow: 0 30rpx 60rpx rgba(0, 0, 0, 0.1), + 0 10rpx 30rpx rgba(0, 0, 0, 0.05); + position: relative; + z-index: 5; + border: 1rpx solid rgba(255, 255, 255, 0.5); + opacity: 0; + transform: translateY(50rpx); + animation: cardFloat 0.6s ease-out forwards; + } + + @keyframes cardFloat { + to { + opacity: 1; + transform: translateY(0); + } + } + + /* 标题区域 */ + .title-section { + margin-bottom: 40rpx; + } + + .main-title { + display: block; + font-size: 56rpx; + font-weight: 700; + line-height: 1.3; + margin-bottom: 16rpx; + letter-spacing: -0.5rpx; + } + + .sub-title { + display: block; + font-size: 30rpx; + color: #666; + line-height: 1.5; + font-weight: 400; + opacity: 0.8; + } + + /* 装饰分割线 */ + .divider { + display: flex; + align-items: center; + margin: 30rpx 0 40rpx; + } + + .divider-line { + flex: 1; + height: 2rpx; + opacity: 0.2; + } + + .divider-dot { + width: 8rpx; + height: 8rpx; + border-radius: 4rpx; + margin: 0 20rpx; + opacity: 0.5; + } + + /* 信息网格 */ + .info-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 24rpx; + margin-bottom: 40rpx; + } + + .info-item { + background: rgba(0, 0, 0, 0.02); + border-radius: 28rpx; + padding: 28rpx 20rpx; + display: flex; + align-items: center; + border: 1rpx solid rgba(0, 0, 0, 0.03); + transition: all 0.3s ease; + } + + .info-item:active { + transform: scale(0.98); + background: rgba(0, 0, 0, 0.04); + } + + .info-icon { + font-size: 48rpx; + margin-right: 20rpx; + filter: drop-shadow(0 4rpx 8rpx rgba(0, 0, 0, 0.1)); + } + + .info-content { + flex: 1; + display: flex; + flex-direction: column; + } + + .info-label { + font-size: 22rpx; + color: #999; + margin-bottom: 8rpx; + letter-spacing: 0.5rpx; + } + + .info-value { + font-size: 28rpx; + font-weight: 600; + color: #333; + word-break: break-all; + } + + /* 状态特殊样式 */ + .status-item .info-content { + flex-direction: row; + align-items: center; + justify-content: space-between; + } + + .status-badge { + display: flex; + align-items: center; + padding: 8rpx 16rpx; + border-radius: 40rpx; + border-width: 1rpx; + border-style: solid; + background-color: rgba(76, 175, 80, 0.1); + } + + .status-dot { + width: 16rpx; + height: 16rpx; + border-radius: 8rpx; + margin-right: 8rpx; + animation: pulse 2s infinite; + } + + @keyframes pulse { + 0%, 100% { opacity: 1; } + 50% { opacity: 0.6; } + } + + .status-text { + font-size: 24rpx; + font-weight: 500; + } + + /* 备注区域 */ + .remark-section { + background: rgba(0, 0, 0, 0.02); + border-radius: 28rpx; + padding: 28rpx; + margin-bottom: 40rpx; + display: flex; + border-left: 8rpx solid var(--text-color, #2E7D32); + } + + .remark-icon { + font-size: 40rpx; + margin-right: 20rpx; + } + + .remark-content { + flex: 1; + font-size: 28rpx; + color: #444; + line-height: 1.6; + } + + + /* 始终有效标识 */ + .always-valid { + display: flex; + align-items: center; + justify-content: center; + margin-top: 30rpx; + padding: 20rpx; + background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 215, 0, 0.05)); + border-radius: 40rpx; + border: 1rpx solid rgba(255, 215, 0, 0.3); + } + + .valid-icon { + font-size: 32rpx; + margin-right: 12rpx; + animation: starTwinkle 1.5s infinite; + } + + @keyframes starTwinkle { + 0%, 100% { opacity: 1; transform: scale(1); } + 50% { opacity: 0.7; transform: scale(1.1); } + } + + .valid-text { + font-size: 26rpx; + color: #B8860B; + font-weight: 500; + } + + /* 响应式调整 */ + @media (min-width: 768px) { + .content-card { + max-width: 700rpx; + margin: -100rpx auto 0; + } + } \ No newline at end of file diff --git a/pagesB/images/bo.png b/pagesB/images/bo.png new file mode 100644 index 0000000000000000000000000000000000000000..70f5106be876e7e4b7920ba4a42154ace55056b5 GIT binary patch literal 2597 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 literal 0 HcmV?d00001 diff --git a/pagesB/images/lll.png b/pagesB/images/lll.png new file mode 100644 index 0000000000000000000000000000000000000000..e40135b288fa8e68f224cc79fa63a47ee889a31d GIT binary patch literal 3644 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 Tdg{Zm9R!(REDfm!?g{?^E&r1X literal 0 HcmV?d00001 diff --git a/pagesB/images/sou.png b/pagesB/images/sou.png new file mode 100644 index 0000000000000000000000000000000000000000..f90d5d6c736275ec98265cd463223850a1caa641 GIT binary patch literal 4586 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 { + // 首次加载完成后自动弹出选择器 + this.setData({ + showPicker: true, + regionTitle: '请选择区域' + }) + }) + }, + + // 获取区域数据 + getRegionData(parentCode, callback) { + this.setData({ + loading: true + }) + + http.areaChildren({ + data: { + parentCode: parentCode || '' + }, + success: res => { + console.log('区域数据响应:', res) + if (res.code === 200 && res.data && res.data.length > 0) { + this.setData({ + regionList: res.data, + currentParentCode: parentCode, + loading: false + }) + } else { + // 没有更多数据了，说明已经是最后一级 + this.setData({ + loading: false, + regionList: [] + }) + + // 如果是最后一级，关闭选择器 + if (this.data.showPicker) { + this.setData({ + showPicker: false + }) + wx.showToast({ + title: '已选择到最后一级', + icon: 'none' + }) + } + } + + // 执行回调 + if (callback) { + callback() + } + }, + fail: err => { + console.error('请求失败:', err) + this.setData({ + loading: false + }) + wx.showToast({ + title: '加载失败', + icon: 'none' + }) + + if (callback) { + callback() + } + } + }) + }, + + // 开始选择（点击按钮时调用） + startSelection() { + // 如果还没有选择任何区域，重新加载第一级 + if (this.data.selectedRegions.length === 0) { + this.getRegionData('', () => { + this.setData({ + showPicker: true, + regionTitle: '请选择区域' + }) + }) + } else { + // 如果有已选择的区域，加载下一级 + const lastRegion = this.data.selectedRegions[this.data.selectedRegions.length - 1] + this.loadAndShowNextLevel(lastRegion.code) + } + }, + + // 加载并显示下一级区域选择器 + loadAndShowNextLevel(parentCode) { + this.getRegionData(parentCode, () => { + if (this.data.regionList.length > 0) { + // 有下一级数据，自动弹出选择器 + this.setData({ + showPicker: true, + regionTitle: `请选择${this.data.selectedRegions[this.data.selectedRegions.length - 1].name}的下一级区域` + }) + } else { + // 没有下一级数据，提示用户 + wx.showToast({ + title: '已经是最后一级，无法继续选择', + icon: 'none' + }) + } + }) + }, + + // 关闭选择器 + closePicker() { + this.setData({ + showPicker: false + }) + }, + + // 选择区域 + selectRegion(e) { + const index = e.currentTarget.dataset.index + const region = this.data.regionList[index] + + console.log('选择的区域:', region) + + // 获取当前已选择的最后一级 + const lastSelectedRegion = this.data.selectedRegions.length > 0 ? + this.data.selectedRegions[this.data.selectedRegions.length - 1] : + null + + // 检查是否是同级选择（替换最后一级） + const isSameLevel = lastSelectedRegion && + lastSelectedRegion.parentCode === region.parentCode + + let selectedRegions = [...this.data.selectedRegions] + + if (isSameLevel) { + // 同级选择，替换最后一级 + selectedRegions[selectedRegions.length - 1] = { + code: region.code, + name: region.name, + parentCode: region.parentCode + } + } else { + // 选择下一级，添加到路径 + selectedRegions.push({ + code: region.code, + name: region.name, + parentCode: region.parentCode + }) + } + + this.setData({ + selectedRegions + }) + + // 关闭当前选择器 + this.setData({ + showPicker: false + }) + + // 延迟一段时间后自动加载并显示下一级选择器 + setTimeout(() => { + this.loadAndShowNextLevel(region.code) + }, 300) + }, + + // 重新选择（点击已选择的任意层级） + reSelectRegion(e) { + const index = e.currentTarget.dataset.index + + // 截断到指定级别（包括点击的层级） + const selectedRegions = this.data.selectedRegions.slice(0, index + 1) + + this.setData({ + selectedRegions + }) + + // 获取该层级的数据 + const targetRegion = selectedRegions[selectedRegions.length - 1] + + // 获取点击层级的同级数据并显示选择器 + this.getRegionData(targetRegion.parentCode, () => { + this.setData({ + showPicker: true, + regionTitle: index === 0 ? + '请选择区域' : + `请选择${this.data.selectedRegions[index - 1]?.name || '区域'}的下一级` + }) + }) + }, + + // 完成选择 + completeSelection() { + if (this.data.selectedRegions.length === 0) { + wx.showToast({ + title: '请先选择区域', + icon: 'none' + }) + return + } + + const lastRegion = this.data.selectedRegions[this.data.selectedRegions.length - 1] + + // 这里可以调用你的业务接口，传递parentCode + this.submitRegion(lastRegion.code) + }, + + // 提交选择的区域（示例） + submitRegion(parentCode) { + console.log('提交的parentCode:', parentCode) + console.log('完整选择路径:', this.data.selectedRegions) + http.userCode({ + data: { + areaCode: parentCode + }, + success: res => { + console.log(11111, res); + if (res.code == 200) { + wx.showModal({ + title: '选择完成', + content: `已选择到: ${this.data.selectedRegions.map(r => r.name).join(' > ')}`, + showCancel: false, + success: (res) => { + if (res.confirm) { + wx.switchTab({ + url: '/pages/home/home', + }) + } + } + }) + } + } + }) + + + }, + + // 重置选择 + resetSelection() { + wx.showModal({ + title: '确认重置', + content: '确定要重置所有选择吗？', + success: (res) => { + if (res.confirm) { + this.setData({ + selectedRegions: [], + regionList: [], + currentParentCode: '', + showPicker: false + }) + + // 重新获取第一级数据 + this.getRegionData('', () => { + // 重置后自动弹出第一级选择器 + this.setData({ + showPicker: true, + regionTitle: '请选择区域' + }) + }) + } + } + }) + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + } +}) \ No newline at end of file diff --git a/pagesB/pages/administrativeDivision/administrativeDivision.json b/pagesB/pages/administrativeDivision/administrativeDivision.json new file mode 100644 index 0000000..d5f59cc --- /dev/null +++ b/pagesB/pages/administrativeDivision/administrativeDivision.json @@ -0,0 +1,4 @@ +{ + "navigationBarTitleText":"区域选择", + "usingComponents": {} +} \ No newline at end of file diff --git a/pagesB/pages/administrativeDivision/administrativeDivision.wxml b/pagesB/pages/administrativeDivision/administrativeDivision.wxml new file mode 100644 index 0000000..24e78af --- /dev/null +++ b/pagesB/pages/administrativeDivision/administrativeDivision.wxml @@ -0,0 +1,95 @@ + + + + 已选择： + + + {{item.name}} + > + + + + + + + + + + + + + + + + + + + + + {{regionTitle}} + × + + + + + + + 加载中... + + + + + + + {{item.name}} + + › + + + + + + {{selectedRegions.length > 0 ? '已选择到最后一级' : '暂无区域数据'}} + + + + + + + + + + 使用说明： + 1. 点击"开始选择区域"开始选择\n2. 选择后会加载下一级区域\n3. 点击已选择区域的任意级别可以重新选择\n4. 选择最后一级时会直接替换\n5. 完成选择后点击"完成选择"按钮 + + \ No newline at end of file diff --git a/pagesB/pages/administrativeDivision/administrativeDivision.wxss b/pagesB/pages/administrativeDivision/administrativeDivision.wxss new file mode 100644 index 0000000..524ead8 --- /dev/null +++ b/pagesB/pages/administrativeDivision/administrativeDivision.wxss @@ -0,0 +1,316 @@ +.container { + padding: 30rpx; + min-height: 100vh; + background: #f5f5f5; +} + +/* 已选择路径 */ +.selected-path { + background: white; + border-radius: 16rpx; + padding: 30rpx; + margin-bottom: 30rpx; + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05); +} + +.path-title { + font-size: 28rpx; + color: #666; + display: block; + margin-bottom: 20rpx; +} + +.path-items { + display: flex; + flex-wrap: wrap; + align-items: center; + margin-bottom: 20rpx; +} + +.path-item { + display: flex; + align-items: center; + padding: 12rpx 20rpx; + background: #f0f8ff; + border-radius: 8rpx; + margin-right: 10rpx; + margin-bottom: 10rpx; + cursor: pointer; +} + +.path-item:active { + background: #e1f0ff; +} + +.path-item.last { + background: #e6f7ff; + border: 1rpx solid #1890ff; +} + +.path-item text:first-child { + font-size: 28rpx; + color: #1890ff; + font-weight: 500; +} + +.separator { + margin-left: 10rpx; + color: #999; +} + + +/* 选择按钮 */ +.select-btn-container { + margin: 40rpx 0; +} + +.select-btn { + width: 100%; + background: linear-gradient(135deg, #1890ff, #096dd9); + color: white; + border-radius: 12rpx; + font-size: 32rpx; + height: 88rpx; + line-height: 88rpx; + border: none; +} + +.select-btn::after { + border: none; +} + +.select-btn[loading] { + opacity: 0.8; +} + +.select-btn:active { + opacity: 0.9; +} + +/* 操作按钮 */ +.action-buttons { + display: flex; + gap: 20rpx; + margin-top: 50rpx; +} + +.btn { + flex: 1; + border-radius: 12rpx; + font-size: 28rpx; + height: 80rpx; + line-height: 80rpx; + border: none; +} + +.btn::after { + border: none; +} + +.complete-btn { + background: #07c160; + color: white; +} + +.complete-btn[disabled] { + background: #ccc; + color: #999; +} + +.complete-btn:active:not([disabled]) { + background: #06ad56; +} + +.reset-btn { + background: #fff; + color: #ff4d4f; + border: 1rpx solid #ff4d4f !important; +} + +.reset-btn:active { + background: #fff5f5; +} + +/* 选择器模态框 */ +.picker-modal { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1000; +} + +.picker-mask { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + animation: fadeIn 0.3s ease; +} + +.picker-content { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: white; + border-radius: 32rpx 32rpx 0 0; + max-height: 70vh; + display: flex; + flex-direction: column; + animation: slideUp 0.3s ease; +} + +.picker-header { + padding: 32rpx 40rpx; + border-bottom: 1rpx solid #f0f0f0; + display: flex; + align-items: center; + justify-content: space-between; + position: relative; +} + +.picker-title { + font-size: 32rpx; + color: #333; + font-weight: 600; + flex: 1; + text-align: center; +} + +.picker-close { + font-size: 48rpx; + color: #999; + position: absolute; + right: 30rpx; + top: 50%; + transform: translateY(-50%); + width: 60rpx; + height: 60rpx; + text-align: center; + line-height: 60rpx; +} + +.picker-close:active { + background: #f5f5f5; + border-radius: 50%; +} + +.picker-body { + flex: 1; + overflow: hidden; +} + +/* 加载状态 */ +.loading-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 300rpx; +} + +.loading-spinner { + width: 60rpx; + height: 60rpx; + border: 4rpx solid #f0f0f0; + border-top-color: #1890ff; + border-radius: 50%; + animation: spin 1s linear infinite; + margin-bottom: 20rpx; +} + +.loading-text { + font-size: 28rpx; + color: #999; +} + +/* 区域列表 */ +.region-list { + height: 60vh; +} + +.region-item { + padding: 32rpx 40rpx; + border-bottom: 1rpx solid #f0f0f0; + display: flex; + align-items: center; + justify-content: space-between; +} + +.region-item:active { + background: #f5f5f5; +} + +.region-info { + flex: 1; +} + +.region-name { + font-size: 30rpx; + color: #333; + display: block; + margin-bottom: 8rpx; +} + +.arrow { + color: #ccc; + font-size: 36rpx; + margin-left: 20rpx; +} + +/* 空状态 */ +.empty-state { + display: flex; + justify-content: center; + align-items: center; + height: 200rpx; +} + +.empty-text { + font-size: 28rpx; + color: #999; +} + +/* 使用说明 */ +.instruction { + margin-top: 60rpx; + padding: 24rpx; + background: white; + border-radius: 12rpx; + border-left: 6rpx solid #1890ff; +} + +.instruction-title { + font-size: 28rpx; + color: #1890ff; + font-weight: 600; + display: block; + margin-bottom: 16rpx; +} + +.instruction-text { + font-size: 26rpx; + color: #666; + line-height: 1.6; + white-space: pre-line; +} + +/* 动画 */ +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@keyframes slideUp { + from { transform: translateY(100%); } + to { transform: translateY(0); } +} + +@keyframes spin { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } +} \ No newline at end of file diff --git a/pagesB/pages/publishAdd/publishAdd.js b/pagesB/pages/publishAdd/publishAdd.js new file mode 100644 index 0000000..2639ad4 --- /dev/null +++ b/pagesB/pages/publishAdd/publishAdd.js @@ -0,0 +1,580 @@ +import http from '../../../utils/api' +const baseUrl = require('../../../utils/baseUrl') + +Page({ + data: { + baseUrl, + currentTab: 'article', + + // 文章相关 + articleForm: { + title: '', + subtitle: '', + category: '', + content: '', + coverImage: '' // 这里存储服务器返回的文件名 + }, + articleCoverTemp: '', // 本地临时路径，用于预览 + articleCategory: null, + articleCategories: [], + + // 视频相关 + videoForm: { + title: '', + description: '', + category: '', + videoUrl: '', // 这里存储服务器返回的视频文件名 + coverImage: '' // 这里存储服务器返回的封面文件名 + }, + videoCoverTemp: '', // 本地临时路径，用于预览 + videoUrlTemp: '', // 本地临时路径，用于显示 + videoCategory: null, + videoCategories: [], + + // UI状态 + submitting: false, + isUploading: false, // 防止重复上传 + showLoadingMask: false, // 显示加载遮罩层 + loadingText: '发布中...', // 加载提示文字 + + // 表单验证状态 + articleFormValid: false, + videoFormValid: false, + }, + + onLoad() { + this.getArticleCategories() + this.getVideoCategories() + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + // 页面卸载时重置状态 + this.setData({ + submitting: false, + showLoadingMask: false + }); + }, + + // 获取文章分类 + getArticleCategories() { + http.articleZd({ + data: { + dictType: 'article_category' + }, + success: res => { + if (res.rows) { + this.setData({ + articleCategories: res.rows + }) + } + } + }) + }, + + // 获取视频分类 + getVideoCategories() { + http.videoZd({ + data: { + dictType: 'video_category' + }, + success: res => { + if (res.rows) { + this.setData({ + videoCategories: res.rows + }) + } + } + }) + }, + + // 切换标签 + switchTab(e) { + const type = e.currentTarget.dataset.type + if (type === this.data.currentTab) return + this.setData({ currentTab: type }) + }, + + // 验证文章表单 + validateArticleForm() { + const { articleForm } = this.data + const isValid = !!(articleForm.title?.trim() && articleForm.category && articleForm.content?.trim()) + this.setData({ articleFormValid: isValid }) + return isValid + }, + + // 验证视频表单 + validateVideoForm() { + const { videoForm } = this.data + const isValid = !!(videoForm.title?.trim() && videoForm.category && videoForm.videoUrl) + this.setData({ videoFormValid: isValid }) + return isValid + }, + + // 文章输入处理 + onArticleInput(e) { + const field = e.currentTarget.dataset.field + const value = e.detail.value + this.setData({ + [`articleForm.${field}`]: value + }, () => { + this.validateArticleForm() + }) + }, + + // 视频输入处理 + onVideoInput(e) { + const field = e.currentTarget.dataset.field + const value = e.detail.value + this.setData({ + [`videoForm.${field}`]: value + }, () => { + this.validateVideoForm() + }) + }, + + // 文章分类选择 + onArticleCategoryChange(e) { + const index = e.detail.value + const category = this.data.articleCategories[index] + this.setData({ + 'articleForm.category': category.dictValue, + articleCategory: category + }, () => { + this.validateArticleForm() + }) + }, + + // 视频分类选择 + onVideoCategoryChange(e) { + const index = e.detail.value + const category = this.data.videoCategories[index] + this.setData({ + 'videoForm.category': category.dictValue, + videoCategory: category + }, () => { + this.validateVideoForm() + }) + }, + + // 选择封面图片（文章或视频） + chooseCover(e) { + if (this.data.isUploading) { + wx.showToast({ + title: '正在上传中，请稍候', + icon: 'none' + }); + return; + } + + const type = e.currentTarget.dataset.type + + wx.chooseMedia({ + count: 1, + mediaType: ['image'], + sourceType: ['album', 'camera'], + sizeType: ['compressed'], + success: (res) => { + if (res.tempFiles && res.tempFiles.length > 0) { + this.setData({ + isUploading: true + }); + + // 显示加载提示 + wx.showLoading({ + title: '上传图片中...', + mask: true + }); + + // 上传图片 + this.uploadImage(res.tempFiles[0].tempFilePath, type); + } + } + }); + }, + + // 上传单张图片 + uploadImage(tempPath, type) { + wx.uploadFile({ + url: baseUrl + '/common/upload', + header: { + 'Authorization': 'Bearer ' + wx.getStorageSync('token') + }, + filePath: tempPath, + name: 'file', + success: (uploadRes) => { + try { + const result = JSON.parse(uploadRes.data); + if (result.code === 200 || result.fileName) { + const serverPath = result.fileName || result.url; + + if (type === 'article') { + // 文章封面 + this.setData({ + articleCoverTemp: tempPath, + 'articleForm.coverImage': serverPath, + isUploading: false + }); + } else { + // 视频封面 + this.setData({ + videoCoverTemp: tempPath, + 'videoForm.coverImage': serverPath, + isUploading: false + }, () => { + this.validateVideoForm(); + }); + } + + wx.hideLoading(); + wx.showToast({ + title: '上传成功', + icon: 'success' + }); + } else { + throw new Error(result.msg || '上传失败'); + } + } catch (error) { + wx.hideLoading(); + this.setData({ + isUploading: false + }); + wx.showToast({ + title: error.message || '上传失败', + icon: 'none' + }); + } + }, + fail: (error) => { + wx.hideLoading(); + this.setData({ + isUploading: false + }); + wx.showToast({ + title: '网络请求失败', + icon: 'none' + }); + } + }); + }, + + // 选择视频 + chooseVideo() { + if (this.data.isUploading) { + wx.showToast({ + title: '正在上传中，请稍候', + icon: 'none' + }); + return; + } + + wx.chooseMedia({ + count: 1, + mediaType: ['video'], + sourceType: ['album', 'camera'], + maxDuration: 300, + success: (res) => { + if (res.tempFiles && res.tempFiles.length > 0) { + this.setData({ + isUploading: true, + videoUrlTemp: res.tempFiles[0].tempFilePath // 先显示本地路径 + }); + + // 显示加载提示 + wx.showLoading({ + title: '上传视频中...', + mask: true + }); + + // 上传视频 + this.uploadVideo(res.tempFiles[0].tempFilePath); + } + } + }); + }, + + // 上传视频 + uploadVideo(tempPath) { + wx.uploadFile({ + url: baseUrl + '/common/upload', + header: { + 'Authorization': 'Bearer ' + wx.getStorageSync('token') + }, + filePath: tempPath, + name: 'file', + success: (uploadRes) => { + try { + const result = JSON.parse(uploadRes.data); + if (result.code === 200 || result.fileName) { + const serverPath = result.fileName || result.url; + + this.setData({ + 'videoForm.videoUrl': serverPath, + isUploading: false + }, () => { + this.validateVideoForm(); + }); + + wx.hideLoading(); + wx.showToast({ + title: '上传成功', + icon: 'success' + }); + } else { + throw new Error(result.msg || '上传失败'); + } + } catch (error) { + wx.hideLoading(); + this.setData({ + videoUrlTemp: '', // 上传失败清空临时路径 + isUploading: false + }); + wx.showToast({ + title: error.message || '上传失败', + icon: 'none' + }); + } + }, + fail: (error) => { + wx.hideLoading(); + this.setData({ + videoUrlTemp: '', // 上传失败清空临时路径 + isUploading: false + }); + wx.showToast({ + title: '网络请求失败', + icon: 'none' + }); + } + }); + }, + + // 提交文章 + submitArticle() { + const { articleForm, submitting, isUploading } = this.data + + if (submitting) return + + // 检查是否还有图片正在上传 + if (isUploading) { + wx.showToast({ + title: '图片正在上传中，请稍后提交', + icon: 'none' + }); + return; + } + + // 表单验证 + if (!this.validateArticleForm()) { + if (!articleForm.title?.trim()) { + this.showError('请输入文章标题') + } else if (!articleForm.category) { + this.showError('请选择文章分类') + } else if (!articleForm.content?.trim()) { + this.showError('请输入文章内容') + } + return + } + + // 显示加载遮罩层 + this.setData({ + submitting: true, + showLoadingMask: true, + loadingText: '发布中...' + }); + + // 构建提交数据 + const submitData = { + title: articleForm.title.trim(), + subtitle: articleForm.subtitle?.trim() || '', + content: articleForm.content.trim(), + coverImage: articleForm.coverImage || '', + category: articleForm.category + } + + // 调用接口 + http.articleAdd({ + data: submitData, + success: (res) => { + if (res.code == 200) { + this.setData({ + loadingText: '发布成功' + }); + + setTimeout(() => { + this.setData({ + submitting: false, + showLoadingMask: false + }); + + wx.showToast({ + title: '发布成功', + icon: 'success', + duration: 1500, + success: () => { + setTimeout(() => { + wx.navigateBack() + }, 1500); + } + }); + }, 1000); + } else { + this.setData({ + loadingText: '发布失败' + }); + + setTimeout(() => { + this.setData({ + submitting: false, + showLoadingMask: false + }); + + wx.showToast({ + title: res.msg || '发布失败，请重试', + icon: 'none', + duration: 2000 + }); + }, 1000); + } + }, + fail: (err) => { + this.setData({ + loadingText: '网络错误' + }); + + setTimeout(() => { + this.setData({ + submitting: false, + showLoadingMask: false + }); + + wx.showToast({ + title: '网络异常，请检查网络后重试', + icon: 'none', + duration: 2000 + }); + }, 1000); + } + }) + }, + + // 提交视频 + submitVideo() { + const { videoForm, submitting, isUploading } = this.data + + if (submitting) return + + // 检查是否还有图片或视频正在上传 + if (isUploading) { + wx.showToast({ + title: '文件正在上传中，请稍后提交', + icon: 'none' + }); + return; + } + + // 表单验证 + if (!this.validateVideoForm()) { + if (!videoForm.title?.trim()) { + this.showError('请输入视频标题') + } else if (!videoForm.category) { + this.showError('请选择视频分类') + } else if (!videoForm.videoUrl) { + this.showError('请选择视频') + } + return + } + + // 显示加载遮罩层 + this.setData({ + submitting: true, + showLoadingMask: true, + loadingText: '发布中...' + }); + + // 构建提交数据 + const submitData = { + title: videoForm.title.trim(), + description: videoForm.description?.trim() || '', + videoUrl: videoForm.videoUrl, + coverImage: videoForm.coverImage || '', + category: videoForm.category + } + + // 调用接口 + http.videoAdd({ + data: submitData, + success: (res) => { + if (res.code == 200) { + this.setData({ + loadingText: '发布成功' + }); + + setTimeout(() => { + this.setData({ + submitting: false, + showLoadingMask: false + }); + + wx.showToast({ + title: '发布成功', + icon: 'success', + duration: 1500, + success: () => { + setTimeout(() => { + wx.navigateBack() + }, 1500); + } + }); + }, 1000); + } else { + this.setData({ + loadingText: '发布失败' + }); + + setTimeout(() => { + this.setData({ + submitting: false, + showLoadingMask: false + }); + + wx.showToast({ + title: res.msg || '发布失败，请重试', + icon: 'none', + duration: 2000 + }); + }, 1000); + } + }, + fail: (err) => { + this.setData({ + loadingText: '网络错误' + }); + + setTimeout(() => { + this.setData({ + submitting: false, + showLoadingMask: false + }); + + wx.showToast({ + title: '网络异常，请检查网络后重试', + icon: 'none', + duration: 2000 + }); + }, 1000); + } + }) + }, + + // 显示错误提示 + showError(msg) { + wx.showToast({ + title: msg, + icon: 'none', + duration: 2000 + }); + } +}) \ No newline at end of file diff --git a/pagesB/pages/publishAdd/publishAdd.json b/pagesB/pages/publishAdd/publishAdd.json new file mode 100644 index 0000000..734e9ba --- /dev/null +++ b/pagesB/pages/publishAdd/publishAdd.json @@ -0,0 +1,4 @@ +{ + "navigationBarTitleText":"发布", + "usingComponents": {} +} \ No newline at end of file diff --git a/pagesB/pages/publishAdd/publishAdd.wxml b/pagesB/pages/publishAdd/publishAdd.wxml new file mode 100644 index 0000000..9b70b6c --- /dev/null +++ b/pagesB/pages/publishAdd/publishAdd.wxml @@ -0,0 +1,205 @@ + + + + + + + + + + + + 发布文章 + + + 发布视频 + + + + + +
+ + + + + + 文章标题 + * + + + + + + + + + + 副标题 + 选填 + + + + + + + + + + 文章分类 + * + + + + + + {{articleCategory.dictLabel}} + + + + 请选择文章分类 + › + + + + + + + + + + + 封面图片 + 选填 + + + + + + + + 点击上传封面 + + + 建议尺寸 16:9，不超过5M + + + + + + + + + 文章内容 + * + +