diff --git a/pageQuota/feedBack/detail.vue b/pageQuota/feedBack/detail.vue index aa3f70a..eecdd17 100644 --- a/pageQuota/feedBack/detail.vue +++ b/pageQuota/feedBack/detail.vue @@ -1,11 +1,74 @@ <template> - <view class=""> - detail文件 + <view class="content"> + <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> \ No newline at end of file diff --git a/pageQuota/feedBack/index.vue b/pageQuota/feedBack/index.vue index befe596..1ca5299 100644 --- a/pageQuota/feedBack/index.vue +++ b/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"> diff --git a/pageQuota/feedBack/list.vue b/pageQuota/feedBack/list.vue index 55a195a..bf76597 100644 --- a/pageQuota/feedBack/list.vue +++ b/pageQuota/feedBack/list.vue @@ -1,11 +1,43 @@ <template> - <view class=""> - list列表 + <view class="content"> + <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> \ No newline at end of file diff --git a/store/user.js b/store/user.js index 8182f7a..96f95ab 100644 --- a/store/user.js +++ b/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