add

pageQuota/feedBack/detail.vue

@@ -1,11 +1,74 @@
 <template>
-	<view class="">
+	<view class="content">
-		detail文件
+		<view class="card">
+			<view class="card-li">
+				<text>反馈类型</text>
+				<text style="color: #737373 ;">注册</text>
+			</view>
+			<view class="card-li">
+				<text>问题分类</text>
+				<text style="color: #737373 ;">注册</text>
+			</view>
+			<view class="card-li">
+				<text>姓名</text>
+				<text style="color: #737373 ;">注册</text>
+			</view>
+			<view class="card-li">
+				<text>电话邮箱</text>
+				<text style="color: #737373 ;">注册</text>
+			</view>
+		</view>
+
+
+		<view class="card">
+			<view class="">
+				反馈的具体内容，可能很长
+			</view>
+			<view style="margin-top: 20rpx;">
+				<up-image :show-loading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="160rpx"
+					height="160rpx" @click="previewImg('https://cdn.uviewui.com/uview/album/1.jpg')"></up-image>
+			</view>
+		</view>
+
+
+
 	</view>
 </template>
 
-<script>
+<script setup>
+	const previewImg = (url) => {
+		uni.previewImage({
+			urls: [url],
+			longPressActions: {
+				// itemList: ['发送给朋友', '保存图片', '收藏'],
+				// success: function(data) {
+				// 	console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
+				// },
+				// fail: function(err) {
+				// 	console.log(err.errMsg);
+				// }
+			}
+		});
+	}
 </script>
 
-<style>
+<style lang="scss">
+	.content {
+		padding: 20rpx;
+
+		.card {
+			background-color: white;
+			padding: 20rpx;
+			border-radius: 16rpx;
+			margin-bottom: 30rpx;
+
+
+			.card-li {
+				display: flex;
+				justify-content: space-between;
+				margin-bottom: 20rpx;
+			}
+		}
+
+	}
 </style>

pageQuota/feedBack/index.vue

@@ -46,7 +46,7 @@
 				v-model="formData.phone"></up-input>
 		</view>
 		<view class="btn">
-			<up-button text="提交反馈" shape='circle' color="#20B128"></up-button>
+			<up-button text="提交反馈" @click="submit" shape='circle' color="#20B128"></up-button>
 			<view style="display: flex;align-items: center;margin-top: 20rpx;">
 				<view style="margin: 0 auto; display: flex;" @click="navgo('/pageQuota/feedBack/list')">
 					反馈记录 <up-icon name="arrow-right"></up-icon>
@@ -134,6 +134,18 @@
 			});
 		});
 	};
+
+	const submit = () => {
+		uni.showToast({
+			title: '提交成功',
+			duration: 2000
+		});
+		setTimeout(function() {
+			uni.navigateTo({
+				url: '/pageQuota/feedBack/list'
+			})
+		}, 2000);
+	}
 </script>
 
 <style lang="scss">

pageQuota/feedBack/list.vue

@@ -1,11 +1,43 @@
 <template>
-	<view class="">
+	<view class="content">
-		list列表
+		<view class="li" v-for="itme in 10" @click="goDetail">
+			<view class="lias">
+				<view class="">
+					<view class="">
+						<text style="color: #20B128;">未收到短信</text> 反馈内容
+					</view>
+					<view style="font-size: 24rpx;margin-top: 10rpx;">
+						2024-05-10 09:24:25
+					</view>
+				</view>
+				<up-icon name="arrow-right"></up-icon>
+			</view>
+			<up-line style="margin-top: 20rpx;" color="#EFEFEF"></up-line>
+
+		</view>
 	</view>
 </template>
 
-<script>
+<script setup>
+	const goDetail = () => {
+		uni.navigateTo({
+			url: '/pageQuota/feedBack/detail'
+		})
+	}
 </script>
 
-<style>
+<style lang="scss">
+	.li {
+		background-color: white;
+		padding: 20rpx;
+		padding-bottom: 0;
+
+		// align-items: c;
+	}
+
+	.lias {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
 </style>

store/user.js

@@ -25,7 +25,7 @@ const useUserStore = defineStore("user", () => {
 
 	// #ifdef H5
 
-	token.value = "1d5c66dda1a45860d7df55ad6ae59998"
+	token.value = "37c15fa496186006ea3707aa4af0d54b"
 	// token.value = "95b24dd6d2dda836fe07854b08ba0944"
 	userInfo.value = {
 		avatar: "https://lihaiim.oss-cn-chengdu.aliyuncs.com/image/admin/default_avatar.png",
@@ -35,7 +35,7 @@ const useUserStore = defineStore("user", () => {
 		mobile: "19330904744",
 		nickname: "用户1714964250",
 		supplier: null,
-		token: "1d5c66dda1a45860d7df55ad6ae59998"
+		token: "37c15fa496186006ea3707aa4af0d54b"
 	}
 	// #endif