|
|
|
@ -1,13 +1,29 @@
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { ref, reactive } from 'vue'
|
|
|
|
|
import { useGuessList } from '@/composables'
|
|
|
|
|
import { useMemberStore } from '@/stores'
|
|
|
|
|
// 获取屏幕边界到安全区域距离
|
|
|
|
|
const { safeAreaInsets } = uni.getSystemInfoSync()
|
|
|
|
|
// 获取会员信息
|
|
|
|
|
const memberStore = useMemberStore()
|
|
|
|
|
|
|
|
|
|
const { guessRef, onScrolltolower } = useGuessList()
|
|
|
|
|
const servicesList = reactive([
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
name: '我的评价',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
name: '积分兑换',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
name: '意见反馈',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 4,
|
|
|
|
|
name: '客户热线',
|
|
|
|
|
},
|
|
|
|
|
])
|
|
|
|
|
const handleOrderList = () => {
|
|
|
|
|
uni.navigateTo({ url: '/pages/orerdList/orerdList' })
|
|
|
|
|
}
|
|
|
|
@ -20,7 +36,7 @@ const handleNewsList = () => {
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<scroll-view enable-back-to-top @scrolltolower="onScrolltolower" class="viewport" scroll-y>
|
|
|
|
|
<scroll-view enable-back-to-top class="viewport" scroll-y>
|
|
|
|
|
<!-- 个人资料 -->
|
|
|
|
|
<view class="profile" :style="{ paddingTop: safeAreaInsets!.top + 'px' }">
|
|
|
|
|
<!-- 情况1:已登录 -->
|
|
|
|
@ -63,30 +79,56 @@ const handleNewsList = () => {
|
|
|
|
|
<view class="orders">
|
|
|
|
|
<view class="card">
|
|
|
|
|
<view class="away-all">
|
|
|
|
|
<text class="label">回收收货里程</text>
|
|
|
|
|
<view class="num">12,365公里</view>
|
|
|
|
|
<view class="num">12,1212</view>
|
|
|
|
|
<text class="label">积分</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="order-num">
|
|
|
|
|
<text class="label">订单总数</text>
|
|
|
|
|
<view class="num">1,243单</view>
|
|
|
|
|
<view class="num">2121</view>
|
|
|
|
|
<text class="label">金额</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="orders">
|
|
|
|
|
<view class="card">
|
|
|
|
|
<view class="away-all">
|
|
|
|
|
<text class="label">签到</text>
|
|
|
|
|
<view class="num">上班签到</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="order-num">
|
|
|
|
|
<text class="label">员工码</text>
|
|
|
|
|
<view class="num">上岗扫码 快捷验证</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <view class="module">
|
|
|
|
|
<view class="module-title">我的服务</view>
|
|
|
|
|
<view class="module-list">
|
|
|
|
|
<view class="item">
|
|
|
|
|
<text class="label">签到</text>
|
|
|
|
|
<view class="num">我的评价</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item">
|
|
|
|
|
<text class="label">签到</text>
|
|
|
|
|
<view class="num">积分兑换</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item">
|
|
|
|
|
<text class="label">签到</text>
|
|
|
|
|
<view class="num">我的评价</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item">
|
|
|
|
|
<text class="label">签到</text>
|
|
|
|
|
<view class="num">积分兑换</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
|
|
|
|
|
<view class="list">
|
|
|
|
|
<button hover-class="none" class="item arrow" @click="handleOrderList">
|
|
|
|
|
<image class="img" src="/static/images/order_my.png" mode="scaleToFill" />
|
|
|
|
|
<view class="text"> 已完成订单 </view>
|
|
|
|
|
</button>
|
|
|
|
|
<!-- <button hover-class="none" class="item arrow" open-type="feedback">问题反馈</button> -->
|
|
|
|
|
<button hover-class="none" class="item arrow" open-type="contact">
|
|
|
|
|
<image class="img" src="/static/images/kefu_my.png" mode="scaleToFill" />
|
|
|
|
|
<view class="text"> 联系我们 </view>
|
|
|
|
|
</button>
|
|
|
|
|
<button hover-class="none" class="item arrow" @click="handleOrderAuto">
|
|
|
|
|
<image class="img" src="/static/images/order_auto_my.png" mode="scaleToFill" />
|
|
|
|
|
<view class="text"> 自动接单 </view>
|
|
|
|
|
</button>
|
|
|
|
|
<navigator
|
|
|
|
|
class="settings item arrow"
|
|
|
|
|
url="/pagesMember/settings/settings"
|
|
|
|
@ -95,25 +137,36 @@ const handleNewsList = () => {
|
|
|
|
|
<image class="img" src="/static/images/lock_my.png" mode="scaleToFill" />
|
|
|
|
|
<view class="text"> 设置 </view>
|
|
|
|
|
</navigator>
|
|
|
|
|
<!-- <button hover-class="none" class="item arrow" open-type="contact">
|
|
|
|
|
<image
|
|
|
|
|
class="img"
|
|
|
|
|
src="/static/images/seting_my.png"
|
|
|
|
|
mode="scaleToFill"
|
|
|
|
|
/>
|
|
|
|
|
<view class="text">
|
|
|
|
|
检查更新
|
|
|
|
|
</view>
|
|
|
|
|
</button> -->
|
|
|
|
|
<navigator
|
|
|
|
|
class="loation item arrow"
|
|
|
|
|
url="/pagesMember/address/address"
|
|
|
|
|
hover-class="none"
|
|
|
|
|
>
|
|
|
|
|
<image class="img" src="/static/images/lock_my.png" mode="scaleToFill" />
|
|
|
|
|
<view class="text"> 地址 </view>
|
|
|
|
|
</navigator>
|
|
|
|
|
<button hover-class="none" class="item arrow" @click="handleNewsList">
|
|
|
|
|
<image class="img" src="/static/images/detail_concat.png" mode="scaleToFill" />
|
|
|
|
|
<view class="text"> 消息列表 </view>
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<navigator
|
|
|
|
|
class="loation item arrow"
|
|
|
|
|
url="/pages/serviceSite/serviceSite"
|
|
|
|
|
hover-class="none"
|
|
|
|
|
>
|
|
|
|
|
<image class="img" src="/static/images/site_selected.png" mode="scaleToFill" />
|
|
|
|
|
<view class="text"> 服务站 </view>
|
|
|
|
|
</navigator>
|
|
|
|
|
<navigator
|
|
|
|
|
class="loation item arrow"
|
|
|
|
|
url="/pages/orderList/orderList"
|
|
|
|
|
hover-class="none"
|
|
|
|
|
>
|
|
|
|
|
<image class="img" src="/static/images/cart_selected.png" mode="scaleToFill" />
|
|
|
|
|
<view class="text"> 订单 </view>
|
|
|
|
|
</navigator>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 猜你喜欢 -->
|
|
|
|
|
<!-- <view class="guess">
|
|
|
|
|
<XtxGuess ref="guessRef" />
|
|
|
|
|
</view> -->
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
@ -344,9 +397,27 @@ page {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 猜你喜欢 */
|
|
|
|
|
.guess {
|
|
|
|
|
background-color: #f7f7f8;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
.module {
|
|
|
|
|
margin: 40rpx 0;
|
|
|
|
|
.module-title {
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
margin: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.module-list {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
.item {
|
|
|
|
|
width: 160rpx;
|
|
|
|
|
height: 160rpx;
|
|
|
|
|
margin: 0 10rpx;
|
|
|
|
|
background: #F2F2FA;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|