yunxi
/
app-nx-personal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
master
王文杰 8 months ago
parent 4aa7025340
commit 9abd719f11
14 changed files with 103 additions and 440 deletions
Show Stats Download Patch File Download Diff File

7
src/pages.json
Unescape View File

@ -35,18 +35,15 @@
{
"path": "pages/booking/booking",
"style": {
"navigationBarTitleText": "一键预约",
"navigationBarTitleText": "一键预约"
}
},
{
"path": "pages/booking/booking-success",
"style": {
"navigationBarTitleText": "预约成功",
"navigationBarTitleText": "预约成功"
}
},
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {

24
src/pages/index/index.vue
Unescape View File

@ -13,17 +13,23 @@ const memberStore = useMemberStore()
// 获取轮播图数据
const bannerList = ref<BannerItem[]>([
{
"id": "24",
"imgUrl": "http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/6d202d8e-bb47-4f92-9523-f32ab65754f4.jpg",
"hrefUrl": "1013001",
"type": "1"
id: '24',
imgUrl: '/static/images/banner1.jpg',
hrefUrl: '1013001',
type: '1',
},
{
"id": "22",
"imgUrl": "http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/4a79180a-1a5a-4042-8a77-4db0b9c800a8.jpg",
"hrefUrl": "1019000",
"type": "1"
}
id: '22',
imgUrl: '/static/images/banner1.jpg',
hrefUrl: '1019000',
type: '1',
},
{
hrefUrl: '1005000',
id: '321',
imgUrl: '/static/images/banner3.jpg',
type: '1',
},
])
// 获取前台分类数据
const categoryList = ref<CategoryItem[]>([

33
src/pages/my/my.vue
Unescape View File

@ -1,6 +1,8 @@
<script setup lang="ts">
import { ref, reactive } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { useMemberStore } from '@/stores'
import { getMemberProfileAPI } from '@/services/profile'
// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync()
// 获取会员信息
@ -24,6 +26,7 @@ const servicesList = reactive([
name: '客户热线',
},
])
const banlance = ref(0)
const handleOrderList = () => {
uni.navigateTo({ url: '/pages/orerdList/orerdList' })
@ -34,6 +37,24 @@ const handleOrderAuto = () => {
const handleNewsList = () => {
uni.navigateTo({ url: '/pages/newsList/newsList' })
}
const handleMoney = () => {
}
onLoad(() => {
getMemberProfileData()
})
const getMemberProfileData = async () => {
const res = await getMemberProfileAPI()
if (res.code == 200) {
banlance.value = res.data.banlance
} else {
uni.showToast({
title: res.msg,
icon: 'none',
})
}
}
</script>
<template>
@ -48,7 +69,7 @@ const handleNewsList = () => {
</navigator>
<view class="meta">
<view class="nickname">
{{ memberStore.profile.nickname || memberStore.profile.username }}
{{ memberStore.profile.nickName || memberStore.profile.username }}
</view>
<navigator class="extra" url="/pagesMember/profile/profile" hover-class="none">
<text class="update">更新头像昵称</text>
@ -80,12 +101,12 @@ const handleNewsList = () => {
<!-- 我的订单 -->
<view class="orders">
<view class="card">
<view class="away-all">
<!-- <view class="away-all">
<view class="num">12,1212</view>
<text class="label">积分</text>
</view>
<view class="order-num">
<view class="num">2121</view>
</view> -->
<view class="order-num" @click="handleMoney">
<view class="num">{{ banlance }}</view>
<text class="label">金额</text>
</view>
</view>
@ -278,12 +299,12 @@ page {
.label {
font-size: 32rpx;
color: #0d0d26;
margin-top: 20rpx;
}
.num {
color: #999a9f;
font-size: 28rpx;
margin-top: 20rpx;
}
}
}

86
src/pages/orderDetail/orderDetail.vue
Unescape View File

@ -17,26 +17,26 @@ import QQMapWX from '@/libs/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.min.js'
// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync()
// 弹出层组件
const orderDetailPopup = ref<UniHelper.UniPopupInstance>()
const orderConfirmPopup = ref<UniHelper.UniPopupInstance>()
// 地图
const longitude = ref(0)
const latitude = ref(0)
const polyline = ref<any>([])
// 获取页面参数
interface Props {
id: string
state: string,
targetLongitude: string,
targetLatitude: string,
}
const props = withDefaults(defineProps<Props>(), {
id: '0',
state: '0',
targetLongitude: '121.197665',
targetLatitude: '31.128418',
})
// // 弹出层组件
// const orderDetailPopup = ref<UniHelper.UniPopupInstance>()
// const orderConfirmPopup = ref<UniHelper.UniPopupInstance>()
// // 地图
// const longitude = ref(0)
// const latitude = ref(0)
// // 获取页面参数
// interface Props {
// id: string
// state: string,
// targetLongitude: string,
// targetLatitude: string,
// }
// const props = withDefaults(defineProps<Props>(), {
// id: '0',
// state: '0',
// targetLongitude: '121.197665',
// targetLatitude: '31.128418',
// })
const orderStatus = ref('')
// 页面渲染完毕，绑定动画效果
onReady(() => {
console.log(props)
@ -62,7 +62,8 @@ onReady(() => {
// logisticList.value = res.result.list
// }
onLoad(() => {
onLoad((options) => {
orderStatus.value = options.status || 'PENDING'
// getMemberOrderByIdData()
// buttonDriving()
})
@ -83,20 +84,20 @@ const phone = async () => {
})
}
// 确认收货
// const onOrderConfirm = () => {
// // 二次确认弹窗
// uni.showModal({
// content: '为保障您的权益，请收到货并确认无误后，再确认收货',
// confirmColor: '#3775F6',
// success: async (success) => {
// if (success.confirm) {
// const res = await putMemberOrderReceiptByIdAPI(query.id)
// // 更新订单状态
// order.value = res.result
// }
// },
// })
// }
const handleCancleOrder = () => {
// 二次确认弹窗
uni.showModal({
content: '是否取消订单',
confirmColor: '#3775F6',
success: async (success) => {
if (success.confirm) {
// const res = await putMemberOrderReceiptByIdAPI(query.id)
// 更新订单状态
// order.value = res.result
}
},
})
}
const handleAcceptConfirm = () => {
uni.navigateTo({ url: '/payment/detail/detail' })
}
@ -109,7 +110,7 @@ const handleAcceptConfirm = () => {
<view class="title">待接单中</view>
<view class="desc">预约时间：2023-11-12 11:55</view>
<view class="action">
<view class="button">取消订单</view>
<view class="button" @click="handleCancleOrder">取消订单</view>
</view>
</view>
</view>
@ -148,24 +149,21 @@ page {
text-align: center;
}
.action {
display: flex;
justify-content: center;
.button {
width: 200rpx;
padding: 20rpx 32rpx;
padding: 14rpx 40rpx;
text-align: center;
border: 2rpx solid #D5D6DB;
font-size: 30rpx;
font-weight: normal;
color: #0D0D26;
border-radius: 30rpx;
}
}
}
}
.toolbar-height {
height: 100rpx;
box-sizing: content-box;
}
.toolbar {
position: fixed;
left: 0;

12
src/pages/siteDetail/siteDetail.vue
Unescape View File

@ -6,15 +6,19 @@ const bannerList = [
{
hrefUrl: '1005000',
id: '25',
imgUrl:
'http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/e83efb1b-309c-46f7-98a3-f1fefa694338.jpg',
imgUrl: '/static/images/banner1.jpg',
type: '1',
},
{
hrefUrl: '1005000',
id: '21',
imgUrl:
'http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/dfc11bb0-4af5-4e9b-9458-99f615cc685a.jpg',
imgUrl: '/static/images/banner2.jpg',
type: '1',
},
{
hrefUrl: '1005000',
id: '321',
imgUrl: '/static/images/banner3.jpg',
type: '1',
},
]

14
src/pagesMember/profile/profile.vue
Unescape View File

@ -27,7 +27,7 @@ const getMemberProfileData = async () => {
}
// 同步 Store 的头像和昵称，用于我的页面展示
memberStore.profile!.avatar = avatar
memberStore.profile!.nickname = obj.nickname
memberStore.profile!.nickName = obj.nickName
}
onLoad(() => {
@ -86,16 +86,16 @@ const onBirthdayChange: UniHelper.DatePickerOnChange = (ev) => {
// 点击保存提交表单
const onSubmit = async () => {
const { nickname, gender, birthday } = profile.value
const { nickName, gender, birthday } = profile.value
const params = {
headIcon: headIcon.value,
nickname,
nickName,
gender,
birthday: birthday + ' ' + '00:00:01',
}
const res = await postMemberProfileAPI(params)
// 更新Store昵称
memberStore.profile!.nickname = nickname
memberStore.profile!.nickName = nickName
uni.showToast({ icon: 'success', title: '保存成功' })
setTimeout(() => {
uni.navigateBack()
@ -127,17 +127,17 @@ const onSubmit = async () => {
</view>
<view class="form-item">
<text class="label">昵称</text>
<input class="input" type="text" placeholder="请填写昵称" v-model="profile.nickname" />
<input class="input" type="text" placeholder="请填写昵称" v-model="profile.nickName" />
</view>
<view class="form-item">
<text class="label">性别</text>
<radio-group @change="onGenderChange">
<label class="radio">
<radio value="1" color="#3271E5" :checked="profile?.gender === '男'" />
<radio value="1" color="#3271E5" :checked="profile?.gender === '1'" />
男
</label>
<label class="radio">
<radio value="2" color="#3271E5" :checked="profile?.gender === '女'" />
<radio value="2" color="#3271E5" :checked="profile?.gender === '2'" />
女
</label>
</radio-group>

165
src/payment/detail/detail.vue
Unescape View File

@ -1,165 +0,0 @@
<script setup lang="ts">
import { ref } from 'vue'
const sumVal = ref('0')
const payment = () => {
uni.navigateTo({ url: '/payment/success/success' })
}
</script>
<template>
<view class="viewport">
<view class="cont">
<view class="title">回收详情</view>
<view class="form">
<view class="uni-form-item uni-row">
<view class="label">废纸（Kg）：</view>
<input class="uni-input" type="digit" name="input" placeholder="请输入" />
</view>
<view class="uni-form-item uni-row">
<view class="label">塑料（Kg）：</view>
<input class="uni-input" type="digit" name="input" placeholder="请输入" />
</view>
<view class="uni-form-item uni-row">
<view class="label">废金属（Kg）：</view>
<input class="uni-input" type="digit" name="input" placeholder="请输入" />
</view>
<view class="uni-form-item uni-row">
<view class="label">玻璃制品（Kg）：</view>
<input class="uni-input" type="digit" name="input" placeholder="请输入" />
</view>
<view class="sum">
<view class="item">
<view class="label">合计（元）：</view>
<input
class="uni-input"
v-model="sumVal"
type="digit"
name="input"
placeholder="请输入"
/>
</view>
<view class="item">
<view class="label">赠送积分（积分）：</view>
<input
class="uni-input disabled"
disabled
v-model="sumVal"
type="digit"
name="input"
placeholder="请输入"
/>
</view>
</view>
</view>
</view>
<view class="action" @click="payment"> 确认结算 </view>
</view>
</template>
<style lang="scss">
page {
height: 100%;
}
.viewport {
height: 100%;
display: flex;
position: relative;
flex-direction: column;
// background-color: #3775F6;
.cont {
width: 716rpx;
margin: 30rpx auto;
height: 816rpx;
padding: 20rpx 20rpx;
border-radius: 16rpx;
background: linear-gradient(180deg, #d2eeff -2%, rgba(255, 255, 255, 0) 22%), #ffffff;
box-shadow: 0px -2px 8px 0px rgba(133, 155, 180, 0.4);
.title {
border-bottom: 2rpx solid #e1e7f2;
font-size: 44rpx;
padding: 20rpx 10rpx 20rpx;
}
.form {
margin: 20rpx 0;
.uni-form-item {
margin: 20rpx 0;
// padding: 10rpx 0;
}
.uni-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.label {
margin-right: 10rpx;
color: #0d0d26;
font-size: 30rpx;
width: 260rpx;
}
.uni-input {
padding: 0 20rpx;
height: 70rpx;
flex: 1;
line-height: 70rpx;
background: #f2f2fa;
border-radius: 8rpx;
}
}
}
.sum {
margin: 60rpx 0;
.item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 20rpx 0;
.label {
width: 360rpx;
color: #0d0d26;
font-size: 36rpx;
}
.uni-input {
flex: 1;
padding: 0 10rpx;
height: 70rpx;
line-height: 70rpx;
background: #f2f2fa;
border-radius: 8rpx;
&.disabled {
background: none;
}
}
}
}
}
.action {
position: absolute;
bottom: 100rpx;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(143deg, #51B6FF 1%, #3775F6 92%);
width: 400rpx;
height: 112rpx;
color: #fff;
display: flex;
border-radius: 100rpx;
font-size: 40rpx;
flex-direction: column;
justify-content: center;
align-items: center;
}
}</style>

106
src/payment/fail/fail.vue
Unescape View File

@ -1,106 +0,0 @@
<script setup lang="ts">
import { ref } from 'vue'
// 获取屏幕边界到安全区域距离
const gotoHome = () => {
uni.switchTab({ url: '/pages/index/index' })
}
const gotoBack = () => {
uni.navigateBack({ delta: 1 })
}
const gotoTodo = () => {
uni.showToast({
title: 'todo...',
mask: true,
})
}
</script>
<template>
<view class="viewport">
<view class="cont">
<view class="status">
<image class="img" src="/static/images/fail_result.png" mode="scaleToFill" />
<view class="text">结算失败</view>
<view class="desc">貌似出了点问题，点击下方按钮重新结算</view>
</view>
<view class="action" @click="gotoBack"> 重新结算 </view>
<view class="action-repeat">
<view class="desc">
主账户余额不足时可透支结算，请及时提醒主账户拥有者充值，充值后将自动扣除透支金额
</view>
<view class="button" @click="gotoTodo"> 透支结算 </view>
</view>
</view>
</view>
</template>
<style lang="scss">
page {
height: 100%;
}
.viewport {
height: 100%;
display: flex;
position: relative;
flex-direction: column;
// background-color: #3775F6;
.cont {
height: 100vh;
width: 100vw;
background: linear-gradient(180deg, #ff6666 -11%, rgba(250, 250, 253, 0) 43%), #fafafd;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.status {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.img {
width: 120rpx;
height: 120rpx;
}
.text {
color: #e30000;
margin: 20rpx 0;
font-size: 44rpx;
}
.desc {
color: #999a9f;
font-size: 30rpx;
}
}
.action {
background: linear-gradient(124deg, #fd815f 4%, #f1484a 98%);
width: 400rpx;
height: 112rpx;
margin: 100rpx 0 40rpx;
color: #fff;
display: flex;
border-radius: 100rpx;
font-size: 36rpx;
flex-direction: column;
justify-content: center;
align-items: center;
}
.action-repeat {
margin: 140rpx 60rpx 0;
.desc {
color: #999a9f;
font-size: 30rpx;
}
.button {
width: 384rpx;
margin: 40rpx auto;
border-radius: 100rpx;
color: #e30000;
border: 2rpx solid #e30000;
padding: 30rpx 120rpx;
}
}
}
}
</style>

75
src/payment/success/success.vue
Unescape View File

@ -1,75 +0,0 @@
<script setup lang="ts">
import { ref } from 'vue'
// 获取屏幕边界到安全区域距离
const gotoHome = () => {
uni.switchTab({ url: '/pages/index/index' })
}
</script>
<template>
<view class="viewport">
<view class="cont">
<view class="status">
<image class="img" src="/static/images/success_result.png" mode="scaleToFill" />
<view class="text">结算成功</view>
<view class="desc">当前剩余3个订单未处理，请尽快处理</view>
</view>
<view class="action" @click="gotoHome"> 回到首页 </view>
</view>
</view>
</template>
<style lang="scss">
page {
height: 100%;
}
.viewport {
height: 100%;
display: flex;
position: relative;
flex-direction: column;
// background-color: #3775F6;
.cont {
height: 100vh;
width: 100vw;
background: linear-gradient(180deg, #5089ff -13%, rgba(250, 250, 253, 0) 43%), #fafafd;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.status {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.img {
width: 120rpx;
height: 120rpx;
}
.text {
color: #3d3d3d;
margin: 20rpx 0;
font-size: 44rpx;
}
.desc {
color: #999a9f;
font-size: 30rpx;
}
}
.action {
background: linear-gradient(149deg, #51b6ff 19%, #3775f6 82%);
width: 400rpx;
height: 112rpx;
margin: 200rpx 0 40rpx;
color: #fff;
display: flex;
border-radius: 100rpx;
font-size: 36rpx;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
}
</style>

17
src/services/hot.ts
Unescape View File

@ -1,17 +0,0 @@
import { http } from '@/utils/http'
import type { PageParams } from '@/types/global'
import type { HotResult } from '@/types/hot'
type HotParams = PageParams & { subType?: string }
/**
* 通用热门推荐类型
* @param url 请求地址
* @param data 请求参数
*/
export const getHotRecommendAPI = (url: string, data?: HotParams) => {
return http<HotResult>({
method: 'GET',
url,
data,
})
}

BIN
src/static/images/banner1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 749 KiB

BIN
src/static/images/banner2.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 508 KiB

BIN
src/static/images/banner3.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 467 KiB

4
src/utils/http.ts
Unescape View File

@ -11,8 +11,8 @@
* 4. 添加 token 请求头标识
*/
import { useMemberStore } from '@/stores'
// const baseURL = 'http://192.168.0.166:8808/api'
const baseURL = 'http://222.71.165.188:8808/api'
const baseURL = 'http://192.168.0.166:8808/api'
// const baseURL = 'http://222.71.165.188:8808/api'
// 添加拦截器
const httpInterceptor = {
// 拦截前触发

Write Preview
Loading…
Cancel
Save