feat: 添加webview页面并优化章节状态显示

- 新增webview页面用于展示外部链接内容
- 修改环境配置为生产环境
- 优化章节列表状态标签显示和空状态提示
- 重构阅读成就设置页面的状态管理和样式
- 移除未使用的API接口定义
- 更新导航栏标题为"布丁笔录"

api/model/index.js

@@ -1,12 +1,6 @@
 // 首页相关接口
 
 const api = {
-	// 批量订阅章节
-	batchSubscribeBookCatalog: {
-		url: '/all_index/batchSubscribeBookCatalog',
-		method: 'GET',
-		auth: true,
-	},
 	// 获取首页banner
 	getBanner: {
 		url: '/all_index/getBanner',
@@ -73,12 +67,6 @@ const api = {
 		method: 'GET',
 		auth: true,
 	},
-	// 订阅章节
-	subscribeBook: {
-		url: '/all_index/subscribeBook',
-		method: 'GET',
-		auth: true,
-	},
 	// 根据书本标识进行投票
 	vote: {
 		url: '/all_index/vote',

api/model/order.js

@@ -25,18 +25,6 @@ const api = {
 		method: 'GET',
 		auth: true,
 	},
-	// 支付订单
-	payOrder : {
-		url: '/my_order/payOrder',
-		method: 'POST',
-		auth: true,
-	},
-	// 支付成功
-	paySuccess : {
-		url: '/my_order/paySuccess',
-		method: 'POST',
-		auth: true,
-	},
 	// 创建支付套餐订单
 	createPayPackageOrder : {
 		url: '/my_order/createPayPackageOrder',

config.js

@@ -8,7 +8,7 @@ import uvUI from '@/uni_modules/uv-ui-tools'
 Vue.use(uvUI);
 
 // 当前环境
-const type = 'local'
+const type = 'prod'
 
 
 // 环境配置

pages.json

@@ -118,12 +118,15 @@
 			},
 			{
 				"path": "mine/recharge"
+			},
+			{
+				"path": "mine/webview"
 			}
 		]
 	}],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "小说",
+		"navigationBarTitleText": "布丁笔录",
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8",
 		"navigationStyle": "custom"

pages/index/center.vue

@@ -110,6 +110,13 @@
 							</view>
 							<uv-icon name="arrow-right" size="36rpx" color="#999"></uv-icon>
 						</view>
+						<!-- <view class="section-item" @click="$utils.navigateTo('/pages_order/mine/webview')">
+							<view class="section-item-left">
+								<uv-icon name="star" size="40rpx" color="#333"></uv-icon>
+								<text>测试</text>
+							</view>
+							<uv-icon name="arrow-right" size="36rpx" color="#999"></uv-icon>
+						</view> -->
 					</view>
 				</view>
 			</view>

pages_order/author/chapterList.vue

@@ -37,10 +37,12 @@
 							<view class="chapter-info">
 								<text class="chapter-title">章节名</text>
 								<text class="chapter-number">
-								
 									{{ chapter.title }}
-									
 									<text v-if="chapter.isPay == 'Y'" class="vip-tag theme-transition">付费</text>
+									<text v-if="activeTab == 1 && chapter.state != null" 
+                                    class="status-tag" 
+                                    :class="'status-' + (chapter.state == 0 ? 'pending' : chapter.state == 1 ? 'approved' : chapter.state == 2 ? 'rejected' : '')">
+                                    {{ chapter.state == 0 ? '审核中' : chapter.state == 1 ? '已发布' : chapter.state == 2 ? '已驳回' : '' }}</text>
 								</text>
 							</view>
 							<uv-icon name="arrow-right" color="#999" size="28"></uv-icon>
@@ -50,10 +52,10 @@
 				
 				<!-- 空状态 -->
 				<view style="padding-bottom: 60rpx;"
-                v-if="list.length === 0" >
+                v-if="list.length == 0" >
                     <uv-empty 
-                        :text="activeTab === 0 ? '还没有草稿章节' : '还没有发布章节'"
-                        :icon="activeTab === 0 ? 'edit-pen' : 'list'"
+                        :text="activeTab == 0 ? '还没有发布章节' : '还没有草稿章节'"
+                        :icon="activeTab == 0 ? 'list' : 'edit-pen'"
                         iconSize="60"
                         iconColor="#ccc"
                         textColor="#999"
@@ -256,6 +258,24 @@
 							padding: 2rpx 18rpx;
 							margin-left: 16rpx;
 						}
+						.status-tag {
+							border-radius: 20rpx;
+							font-size: 24rpx;
+							padding: 2rpx 18rpx;
+							margin-left: 16rpx;
+						}
+						.status-pending {
+							background: #ff9500;
+							color: #fff;
+						}
+						.status-approved {
+							background: #07c160;
+							color: #fff;
+						}
+						.status-rejected {
+							background: #e23d3d;
+							color: #fff;
+						}
                     }
 
                     .icon-arrow {

pages_order/mine/webview.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		<web-view :src="urlData"></web-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				urlData : 'https://mp.weixin.qq.com/s/dl6c7giLLp_9UlsPyLU3CQ'
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages_order/novel/ReaderAchievement.vue

@@ -4,7 +4,7 @@
 		<view class="achievement-card">
 			<view class="card-title-row">
 				<view class="card-title">阅读成就设置</view>
-				<view v-if="isPending" class="pending-tag">设置审核中</view>
+				<view v-if="statusText" class="status-tag" :class="statusClass">{{ statusText }}</view>
 			</view>
 			<view class="achievement-list">
 				<view class="achievement-item"
@@ -22,7 +22,8 @@
 							<input class="input" 
 							v-model="form[keys[index] + 'Name']" 
 							placeholder="请输入" 
-							placeholder-class="input-placeholder" />
+							placeholder-class="input-placeholder"
+							:disabled="!canEdit" />
 						</view>
 						<view class="input-area" v-if="form[keys[index] + 'Num']">
 							<view class="label-row">
@@ -63,10 +64,10 @@
 			</view>
 		</view>
 		<view class="bottom-btn-area">
-			<button class="submit-btn" :disabled="isPending" 
-            :class="{disabled: isPending}"
+			<button class="submit-btn" :disabled="!canEdit" 
+            :class="{disabled: !canEdit}"
 				@click="submit">
-				{{ form.id ? '设置' : '提交申请' }}
+				{{ submitButtonText }}
 			</button>
 		</view>
 	</view>
@@ -79,45 +80,52 @@
 		data() {
 			return {
                 mixinsListApi : 'getAchievementList',
-				isPending: false,
 				keys : ['one', 'two', 'three'],
 				form : {},
 			}
 		},
+		computed: {
+			// 判断是否可以编辑
+			canEdit() {
+				// status=0(审核中)不能编辑，status=1(已通过)、status=2(不通过)和第一次提交(没有form.id)可以编辑
+				return this.form.status != 0
+			},
+			// 状态文本
+			statusText() {
+				// 第一次提交时不显示状态标签
+				if (!this.form.id) return ''
+				
+				// 根据状态返回文本
+				if (this.form.status == 0) return '审核中'
+				if (this.form.status == 1) return '已通过'
+				if (this.form.status == 2) return '不通过'
+				
+				return ''
+			},
+			// 状态样式类
+			statusClass() {
+				if (this.form.status == 0) return 'status-pending'
+				if (this.form.status == 1) return 'status-approved'
+				if (this.form.status == 2) return 'status-rejected'
+				return ''
+			},
+			// 提交按钮文本
+			submitButtonText() {
+				if (!this.form.id) return '提交申请'
+				if (this.form.status == 2) return '重新提交'
+				return '设置'
+			}
+		},
 		onLoad() {
 			this.getDetail()
 		},
 		methods: {
 			async getDetail(){
-				this.form = await this.$fetch('getAchievement') || {}
-				this.isPending = this.form.status == 0
+				const data = await this.$fetch('getAchievement') || {}
+				// 使用展开运算符确保响应式更新
+				this.form = { ...data }
 			},
 			async submit() {
-				// for (var index = 0; index < this.list.length; index++) {
-				// 	var element = this.list[index];
-				// 	if (!element.levelName) {
-				// 		uni.showToast({
-				// 			title: '请填写所有成就名称',
-				// 			icon: 'none'
-				// 		})
-				// 		return
-				// 	}
-				// }
-				
-				// this.isPending = true
-				
-				// let arr = []
-				
-				// for (var index = 0; index < this.list.length; index++) {
-				// 	var element = this.list[index];
-					
-				// 	arr.push(this.$fetch('setAchievementName', {
-				// 		name : element.levelName
-				// 	}))
-				// }
-				
-				// await Promise.all(arr)
-				
 				if(this.$utils.verificationAll(this.form, {
 					oneName : '请填写' + this.list[0].title,
 					twoName : '请填写' + this.list[1].title,
@@ -179,6 +187,29 @@
 		margin-bottom: 32rpx;
 	}
 
+	.status-tag {
+		font-size: 24rpx;
+		border-radius: 10rpx;
+		padding: 6rpx 24rpx;
+		margin-left: 20rpx;
+		margin-bottom: 32rpx;
+	}
+
+	.status-pending {
+		background: #ff9500;
+		color: #fff;
+	}
+
+	.status-approved {
+		background: #07c160;
+		color: #fff;
+	}
+
+	.status-rejected {
+		background: #e23d3d;
+		color: #fff;
+	}
+
 	.achievement-list {
 		display: flex;
 		flex-direction: column;
@@ -241,6 +272,11 @@
 		margin-bottom: 2rpx;
 	}
 
+	.input:disabled {
+		background: #f5f5f5;
+		color: #999;
+	}
+
 	.input-placeholder {
 		color: #d2d2d2;
 		font-size: 26rpx;
@@ -279,14 +315,4 @@
 		background: #0a226d;
 		color: #fff;
 	}
-
-	.pending-tag {
-		background: #807a7a;
-		color: #fff;
-		font-size: 24rpx;
-		border-radius: 10rpx;
-		padding: 6rpx 24rpx;
-		margin-left: 20rpx;
-		margin-bottom: 32rpx;
-	}
 </style>