root/zyejMAll-mobile
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

对接预约页面的部分接口。优化积分页面的样式问题。

Browse Source
This commit is contained in:
77 2024-10-22 18:09:55 +08:00
parent 4fbc8b9bf3
commit a82dc51924
4 changed files with 483 additions and 479 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
.env
View File

@ -3,11 +3,19 @@ SHOPRO_VERSION = v1.8.3
# 后端接口 - 正式环境（通过 process.env.NODE_ENV 非 development） # 后端接口 - 正式环境（通过 process.env.NODE_ENV 非 development）
SHOPRO_BASE_URL = https://zysc.fjptzykj.com SHOPRO_BASE_URL = https://zysc.fjptzykj.com
#SHOPRO_BASE_URL = http://192.168.1.20:6127 #SHOPRO_BASE_URL = http://192.168.1.12:6127
#SHOPRO_BASE_URL = http://124.222.208.27:6127
#SHOPRO_BASE_URL = http://192.168.1.9:6127
#SHOPRO_BASE_URL = http://192.168.1.8:6127
#SHOPRO_BASE_URL = http://192.168.1.7:6127
# 后端接口 - 测试环境（通过 process.env.NODE_ENV = development） # 后端接口 - 测试环境（通过 process.env.NODE_ENV = development）
SHOPRO_DEV_BASE_URL = https://zysc.fjptzykj.com SHOPRO_DEV_BASE_URL = https://zysc.fjptzykj.com
#SHOPRO_DEV_BASE_URL = http://192.168.1.20:6127 #SHOPRO_DEV_BASE_URL = http://192.168.1.12:6127
#SHOPRO_DEV_BASE_URL = http://124.222.208.27:6127
#SHOPRO_DEV_BASE_URL = http://192.168.1.9:6127
#SHOPRO_DEV_BASE_URL = http://192.168.1.8:6127
#SHOPRO_DEV_BASE_URL = http://192.168.1.7:6127
# 后端接口前缀（一般不建议调整） # 后端接口前缀（一般不建议调整）
SHOPRO_API_PATH = /app-api SHOPRO_API_PATH = /app-api

2
pages/coupon/list.vue
View File

@ -48,7 +48,7 @@
class="ss-reset-button card-btn ss-flex ss-row-center ss-col-center" class="ss-reset-button card-btn ss-flex ss-row-center ss-col-center"
:class="item.status !== 1 ? 'disabled-btn' : ''" :class="item.status !== 1 ? 'disabled-btn' : ''"
:disabled="item.status !== 1" :disabled="item.status !== 1"
@click.stop="sheep.$router.go('/pages/index/category', { couponId: item.id })" @click.stop="sheep.$router.go('/pages/goods/list')"
> >
{{ item.status === 1 ? '立即使用' : item.status === 2 ? '已使用' : '已过期' }} {{ item.status === 1 ? '立即使用' : item.status === 2 ? '已使用' : '已过期' }}
</button> </button>

307
pages/subscribe/subscribe.vue
View File

@ -1,41 +1,11 @@
<template> <template>
<s-layout color="white" :bgStyle="{ color: '#fff'}" opacityBgUi="" navbarbackgroundColor="transparent"> <s-layout color="white" :bgStyle="{ color: '#fff'}" opacityBgUi="" navbarbackgroundColor="transparent">
<view class="new-main"> <view class="new-main">
<view class="top-img"> <view class="top-img">
<image class="img" <image class="img"
src="https://zysc.fjptzykj.com:3000/shangcheng/3148160e2dcb79f1a494ad59229976e31bc9f8e1f13b8da073ad3bcd95a36801.png"> src="https://zysc.fjptzykj.com:3000/shangcheng/3148160e2dcb79f1a494ad59229976e31bc9f8e1f13b8da073ad3bcd95a36801.png">
</image> </image>
</view> </view>
<!-- <view class="new-all new-top">
<image class="new-img" :src="brandList.list[selectedClinicIndex].picUrl" mode="aspectFill">
</image>
<view class='new-title'>
<view class='t' v-html="brandList.list[selectedClinicIndex].depict"></view>
<view class='b'>{{ brandList.list[selectedClinicIndex].address }}</view>
</view>
<view class="new-bottom">
<view class="l">
<view class="t">
<image
src="https://zysc.fjptzykj.com:3000/shangcheng/0f3417cd9adec5b7fce6ac74a4525a3b44803137decbf83bb1608f8723f423e8.png"
class="img"></image>
莆田市城厢区万达广场对面
</view>
<view class="t">
<image
src="https://zysc.fjptzykj.com:3000/shangcheng/3160a894c5c816f62574dd66eed01930eaa5c28126c3170eab0f622c3ab88115.png"
class="img"></image>
每周二至周日
</view>
</view>
<view class="r">
<image class="img"
src="https://zysc.fjptzykj.com:3000/shangcheng/a0661763abe4539e376cc22eaf79a6de1e99a253c37281d3d3944abcd81a7227.png">
</image>
</view>
</view>
</view> -->
<view class="new-all"> <view class="new-all">
<view class="title"> <view class="title">
<image <image
@ -45,7 +15,7 @@
</view> </view>
<picker mode="selector" :range="brandNameList" @change="onClinicChange"> <picker mode="selector" :range="brandNameList" @change="onClinicChange">
<view class="clinic-select-value"> <view class="clinic-select-value">
<text>{{ ll}}</text> <text>{{ll}}</text>
<image src="@/static/images/dayu.png" class="img"></image> <image src="@/static/images/dayu.png" class="img"></image>
</view> </view>
</picker> </picker>
@ -56,9 +26,9 @@
<text class='text'>项目选择</text> <text class='text'>项目选择</text>
</view> </view>
<picker mode="selector" :range="brandNameList" @change="onClinicChange"> <picker mode="selector" :range="brandNameList2" @change="onClinicChange2">
<view class="clinic-select-value"> <view class="clinic-select-value">
<text>{{ ll}}</text> <text>{{ll2}}</text>
<image src="@/static/images/dayu.png" class="img"></image> <image src="@/static/images/dayu.png" class="img"></image>
</view> </view>
</picker> </picker>
@ -111,7 +81,7 @@
</view> </view>
<picker mode="selector" :range="brandNameList" @change="onClinicChange"> <picker mode="selector" :range="brandNameList" @change="onClinicChange">
<view class="clinic-select-value"> <view class="clinic-select-value">
<text>{{ ll}}</text> <text>{{ll3}}</text>
<image src="@/static/images/dayu.png" class="img"></image> <image src="@/static/images/dayu.png" class="img"></image>
</view> </view>
</picker> </picker>
@ -188,85 +158,11 @@
</view> </view>
</view> </view>
</view> </view>
<view class="footer" @click="handleSubmit"> <view class="footer" @click="handleSubmit">
立即预约 立即预约
</view> </view>
</view> </view>
<view class="container"> <view class="container">
<!-- <view class="doctor-list">
<view class="doctor-cards">
<image class="doctor-avatars" :src="brandList.list[selectedClinicIndex].picUrl" mode="aspectFill">
</image><br /><br />
<view class="brandr-info">
<text class="doctor-names">
<text class="ygcontent">医馆地址：</text>
{{ brandList.list[selectedClinicIndex].address }}</text><br /><br />
<rich-text class="doctor-specialtys"
:nodes="brandList.list[selectedClinicIndex].depict"></rich-text>
</view>
</view>
</view> -->
<!-- <view class="clinic-select">
<text class="clinic-select-label">医馆选择</text>
<picker mode="selector" :range="brandNameList" @change="onClinicChange">
<view class="clinic-select-value">
<text>{{ ll}}</text>
</view>
</picker>
</view>
<view class="clinic-select">
<text class="clinic-select-label">预约类型</text>
<picker mode="selector" :range="typenameList" @change="ontype">
<view class="clinic-select-value">
<text>{{ gg }}</text>
</view>
</picker>
</view> -->
<!-- <text class="clinic-select-label">套餐选择</text><br>
<image class="doctor-avatar" src="/static/avatar-doctor.png" mode="aspectFill"></image> -->
<!-- <view class="date-card">
<view class="weekdays">
<text v-for="(day, index) in weekdays" :key="index" :class="['weekday', index === selectedDayIndex ? 'active' : '']"
@click="selectDay(index)">{{ day }}</text>
</view>
<swiper class="date-swiper" :current="selectedDayIndex" @change="handleSwiperChange">
<swiper-item v-for="(date, index) in dateList" :key="index">
<view class="date-item" :class="index === selectedDayIndex ? 'active' : ''">
<text class="date">{{ formatDate(date.date) }}</text>
</view>
</swiper-item>
</swiper>
</view> -->
<!-- <radio-group>
<view class="date-list">
<view v-for="(item, index) in dateList" :key="index" @click="selectDate(index)">
<view class="date-item" v-if="addDate==item.addDate" style="background-color: #ff5541;">
<text class="date" style="color: #FFFFFF;">{{ item.formattedDate }}</text>
<text class="weekday" style="color: #FFFFFF;">{{ item.weekday }}</text>
</view>
<view class="date-item" v-if="addDate!=item.addDate">
<text class="date">{{ item.formattedDate }}</text>
<text class="weekday">{{ item.weekday }}</text>
</view>
</view>
</view>
</radio-group> -->
<!-- <view @click="showTime = true"><text v-if="goTime" style="color: #000;">{{goTime }}</text><text v-else>请选择返程时间</text></view> -->
<!-- //通过控制showTime来判断组件是否显示 -->
<!-- <pickerTime :startH="8" :lateH="19" :step="32" v-if="showTime" @close="showTime=false" @chooseTime="bindTime"></pickerTime> -->
<radio-group> <radio-group>
<view class="doctor-list"> <view class="doctor-list">
<!-- {{techList}} --> <!-- {{techList}} -->
@ -291,35 +187,6 @@
</view> </view>
</radio-group> </radio-group>
<!-- <radio-group>
<view class="date-list">
<view v-for="(item, index) in serviceTime" :key="index" @click="selecthsstr(index)">
<view class="date-itemstr" v-if="hsstr==item.str" style="background-color: #ff5541;">
<text class="weekday">{{ item.str }}</text>
</view>
<view v-if="item.ym==='true'">
<view class="date-itemym" v-if="hsstr!=item.str">
<text class="weekdayym">约满</text><br />
<text class="weekday">{{ item.str }}</text>
</view>
</view>
<view v-if="item.ym==='false'">
<view class="date-itemstr" v-if="hsstr!=item.str">
<text class="weekday">{{ item.str }}</text>
</view>
</view>
</view>
</view>
</radio-group> -->
<!-- <view class="footer">
<button class="appointment-btn" @click="handleSubmit">立即预约</button>
</view> -->
</view> </view>
</s-layout> </s-layout>
</template> </template>
@ -338,28 +205,16 @@
showShareModal, showShareModal,
showAuthModal showAuthModal
} from '@/sheep/hooks/useModal'; } from '@/sheep/hooks/useModal';
// import pickerTime from "@/pages/commission/pickerTime.vue"
// 用户信息 // 用户信息
export default { export default {
// components: {
// pickerTime
// },
data() { data() {
return { return {
isLogin: null, isLogin: null,
memberId: null, memberId: null,
// showTime: false,
serviceTime: [], serviceTime: [],
sjd: {}, sjd: {},
ym: [], ym: [],
// starhour: 8,
// starminute: 0,
// endhour: 18,
// endminute: 0,
// timejg: 70,
hsstr: "", hsstr: "",
dateList: [], dateList: [],
typeList: [{ typeList: [{
dictValue: 0, dictValue: 0,
@ -373,27 +228,33 @@
typenameList: [], typenameList: [],
addDate: "", addDate: "",
techList: [], // 技师列表 techList: [], // 技师列表
//医馆信息 selectedClinicIndex: 0, // 当前选中的门店索引
selectedClinicIndex: 0, // 当前选中的医馆索引 selectedClinicIndex2: 0, // 当前选中的项目索引
brandList: [{ selectedClinicIndex3: 0, // 当前选中的项目索引
name: "" brandList: [], //门店列表数据
}], brandList2: [], //项目列表数据
brandNameList: [], brandList3: [], //套餐列表数据
brandId: "", brandNameList: [],//门店列表
brandNameList2: [],//项目列表
brandNameList3: [],//套餐列表
brandId: "",//门店当前选中id
brandName: "", brandName: "",
selectedDayIndex: 0, selectedDayIndex: 0,
selecttypeIndex: 0, selecttypeIndex: 0,
techid: 0, techid: 0,
type: 0, type: 0,
ll: '请选择', ll: '请选择',
ll2: '请选择',
ll3: '请选择',
gg: '请选择' gg: '请选择'
}; };
}, },
created() { created() {
this.isLogin = computed(() => sheep.$store('user').isLogin); this.isLogin = computed(() => sheep.$store('user').isLogin);
this.memberId = computed(() => sheep.$store('user').userInfo).value.id this.memberId = computed(() => sheep.$store('user').userInfo).value.id
this.brandlists(); this.brandlists();//调用门店列表
// this.brandlists2();//调用项目列表
// this.brandlists3();//调用套餐列表
this.generateDateList(); this.generateDateList();
this.addDate = this.dateList[0].addDate; this.addDate = this.dateList[0].addDate;
this.gettypeList(); this.gettypeList();
@ -404,11 +265,20 @@
onClinicChange(event) { onClinicChange(event) {
const selectedClinicIndex = event.detail.value; const selectedClinicIndex = event.detail.value;
this.selectedClinicIndex = selectedClinicIndex; this.selectedClinicIndex = selectedClinicIndex;
this.brandName = this.brandList.list[selectedClinicIndex].name this.ll = this.brandList[selectedClinicIndex].name
this.brandId = this.brandList.list[selectedClinicIndex].id // console.log("dddddddddddd")
console.log("dddddddddddd") // this.ll = this.brandList.list[selectedClinicIndex].name
this.ll = this.brandList.list[selectedClinicIndex].name this.brandId = this.brandList[selectedClinicIndex].id
this.technicianList(); this.brandlists2();
},
onClinicChange2(event) {
const selectedClinicIndex = event.detail.value;
this.selectedClinicIndex2 = selectedClinicIndex;
this.ll2 = this.brandList2[selectedClinicIndex].name
// this.brandId = this.brandList.list[selectedClinicIndex].id
console.log("------onClinicChange2------")
// this.ll = this.brandList.list[selectedClinicIndex].name
// this.technicianList();
}, },
ontype(event) { ontype(event) {
const selecttypeIndex = event.detail.value; const selecttypeIndex = event.detail.value;
@ -419,43 +289,55 @@
this.gg = this.typeList[selecttypeIndex].label this.gg = this.typeList[selecttypeIndex].label
this.technicianList(); this.technicianList();
}, },
// 查询医馆列表 // 查询门店列表
brandlists() { brandlists() {
request({ request({
url: `${baseUrl}${apiPath}/h5/brand/list`, url: `${baseUrl}${apiPath}/h5/brand/getBrand`,
method: 'GET', method: 'GET',
custom: { custom: {
showLoading: false, showLoading: false,
}, },
}).then((res) => { }).then((res) => {
this.brandList = res.data this.brandList = res.data
console.log(this.brandList, "this.brandList") for (var i = 0; i < this.brandList.length; i++) {
for (var i = 0; i < this.brandList.list.length; i++) { this.brandNameList.push(this.brandList[i].name)
// this.brandList[i].depict=(this.brandList[i].depict).replace(/\<img/gi, '<img style="max-width:100%;height:auto" ') }
this.brandNameList.push(this.brandList.list[i].name) });
},
// 查询项目列表
brandlists2() {
request({
url: `${baseUrl}${apiPath}/h5/project/getProject`,
method: 'GET',
params: {
id: this.brandId
},
custom: {
showLoading: false,
},
}).then((res) => {
// this.brandList2 = res.data
console.log(res,"------brandList2------")
// for (var i = 0; i < this.brandList2.length; i++) {
// this.brandNameList2.push(this.brandList2[i].name)
// }
});
},
// 查询套餐列表
brandlists3() {
request({
url: `${baseUrl}${apiPath}/h5/technician/getTecchnician`,
method: 'GET',
custom: {
showLoading: false,
},
}).then((res) => {
this.brandList3 = res.data
for (var i = 0; i < this.brandList3.length; i++) {
this.brandNameList3.push(this.brandList3[i].name)
} }
this.brandId = this.brandList[0].id
this.technicianList();
}); });
// uni.request({
// url: `${baseUrl}/api/h5/brand/list`,
// success: (res) => {
// this.brandList = res.data
// for (var i = 0; i < this.brandList.length; i++) {
// // this.brandList[i].depict=(this.brandList[i].depict).replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
// this.brandNameList.push(this.brandList[i].name)
// }
// this.brandId = this.brandList[0].id
// this.technicianList();
// },
// fail: (error) => {
// console.log(error)
// }
// })
}, },
gettypeList() { gettypeList() {
request({ request({
url: `${baseUrl}${apiPath}/h5/reservation/type`, url: `${baseUrl}${apiPath}/h5/reservation/type`,
@ -466,28 +348,11 @@
}).then((res) => { }).then((res) => {
console.log(res, "typeListtypeList") console.log(res, "typeListtypeList")
this.typeList = res.data this.typeList = res.data
// this.typeList.depict=this.typeList.depict.replace(/\<img/gi, '<img style="max-width:100%;float:left; height:auto" ')
for (var i = 0; i < this.typeList.length; i++) { for (var i = 0; i < this.typeList.length; i++) {
this.typenameList.push(this.typeList[i].label); this.typenameList.push(this.typeList[i].label);
} }
console.log(this.typenameList) console.log(this.typenameList)
}); });
// uni.request({
// url: `${baseUrl}/api/h5/reservation/type`,
// success: (res) => {
// this.typeList = res.data.data
// // this.typeList.depict=this.typeList.depict.replace(/\<img/gi, '<img style="max-width:100%;float:left; height:auto" ')
// for (var i = 0; i < this.typeList.length; i++) {
// this.typenameList.push(this.typeList[i].dictLabel);
// }
// console.log(this.typenameList)
// },
// fail: (error) => {
// console.log(error)
// }
// })
}, },
// 查询医生列表 // 查询医生列表
technicianList() { technicianList() {
@ -500,7 +365,6 @@
method: 'GET', method: 'GET',
params: { params: {
type: this.type, type: this.type,
// addDate:this.addDate,
brandId: this.brandId brandId: this.brandId
}, },
custom: { custom: {
@ -520,33 +384,6 @@
console.log(this.techList) console.log(this.techList)
}); });
// uni.request({
// // url: 'https://sfyjk.com/api/h5/technician/list',
// url: `${baseUrl}/app-api/h5/technician/list`,
// data: {
// type: this.type,
// // addDate:this.addDate,
// brandId: this.brandId
// },
// success: (res) => {
// console.log(res)
// this.techList = res.data.rows
// console.log(this.techList)
// if (this.techList.length > 0) {
// this.techid = this.techList[0].id
// var item = {
// id: this.techid
// }
// this.onradio(item);
// }
// console.log(this.techList)
// },
// fail: (error) => {
// console.log(error)
// }
// })
}, },
onradio(item) { onradio(item) {
@ -940,7 +777,7 @@
align-items: center; align-items: center;
&:hover { &:hover {
background-color: #ff5541; // background-color: #ff5541;
} }
.date { .date {

639
pages/user/wallet/score.vue
View File

@ -1,282 +1,441 @@
<!-- 我的积分 --> <!-- 我的积分 -->
<template> <template>
<s-layout class="wallet-wrap" title="我的积分" navbar="inner"> <s-layout class="wallet-wrap" title="我的积分" navbar="inner">
<view <view class="header-box ss-flex ss-flex-col ss-row-center ss-col-center" :style="[
class="header-box ss-flex ss-flex-col ss-row-center ss-col-center" {
:style="[ marginTop: '-' + Number(statusBarHeight + 88) + 'rpx',
{ paddingTop: Number(statusBarHeight + 88) + 'rpx',
marginTop: '-' + Number(statusBarHeight + 88) + 'rpx', },
paddingTop: Number(statusBarHeight + 88) + 'rpx', ]">
}, <view class="header-bg">
]" <view class="bg" />
> </view>
<view class="header-bg"> <view class="score-box ss-flex-col ss-row-center ss-col-center">
<view class="bg" /> <view class="ss-m-b-30">
</view> <text class="all-title ss-m-r-8">当前积分</text>
<view class="score-box ss-flex-col ss-row-center ss-col-center"> </view>
<view class="ss-m-b-30"> <text class="all-num">{{ userInfo.point || 0 }}</text>
<text class="all-title ss-m-r-8">当前积分</text> </view>
</view>
<text class="all-num">{{ userInfo.point || 0 }}</text>
</view>
</view>
<!-- tab -->
<su-sticky :customNavHeight="sys_navBar">
<!-- 统计 -->
<view class="filter-box ss-p-x-30 ss-flex ss-col-center ss-row-between">
<uni-datetime-picker
v-model="state.date"
type="daterange"
@change="onChangeTime"
:end="state.today"
>
<button class="ss-reset-button date-btn">
<text>{{ dateFilterText }}</text>
<text class="cicon-drop-down ss-seldate-icon"></text>
</button>
</uni-datetime-picker>
<!-- TODO 芋艿：优化 --> <view class="new-point">
<!-- <view class="total-box">--> <view class="l">
<!-- <view class="ss-m-b-10">总收入￥{{ state.pagination.income }}</view>--> <view class="b">1000</view>
<!-- <view>总支出￥{{ -state.pagination.expense }}</view>--> <view class="c">累计积分</view>
<!-- </view>--> </view>
</view> <view class="l">
<su-tabs <view class="b">1000</view>
:list="tabMaps" <view class="c">累计消费</view>
@change="onChange" </view>
:scrollable="false" <view class="l">
:current="state.currentTab" <view class="b">0</view>
></su-tabs> <view class="c">冻结积分</view>
</su-sticky> </view>
</view>
<!-- list --> <view class='new-tab'>
<view class="list-box"> <view class="l l " :class="state.isShow == 1 ? 'on': ''" @click="state.isShow = 1">
<view v-if="state.pagination.total > 0"> <image
<view src="https://zysc.fjptzykj.com:3000/shangcheng/6fcdf0863d8665f2857ebfef5bb4a1d13df5d0ac8fa2517b16c3fa06f0b93a8a.png"
class="list-item ss-flex ss-col-center ss-row-between" class="img2"></image>
v-for="item in state.pagination.list" <image
:key="item.id" src="https://zysc.fjptzykj.com:3000/shangcheng/9e5801a7825e99274b7963f87c2044839640fe3b3e706c49238157449385cc87.png"
> class="img"></image>
<view class="ss-flex-col"> <text class="tx">分值明细</text>
<view class="name" </view>
>{{ item.title }}{{ item.description ? ' - ' + item.description : '' }}</view <view class="l r" :class="state.isShow == 2 ? 'on': ''" @click="state.isShow = 2">
> <image
<view class="time">{{ src="https://zysc.fjptzykj.com:3000/shangcheng/0c9af735ebcd6a6b9c480b237c20331747cf69f8991150be10de4eef1f7c9173.png"
class="img2"></image>
<image
src="https://zysc.fjptzykj.com:3000/shangcheng/00bc0a57ca7f7a9ba79415b6f48a671669e7ed5f930e4b6e5096bcd8101d499e.png"
class="img"></image>
<text class="tx">分值提升</text>
</view>
</view>
</view>
<!-- tab -->
<su-sticky :customNavHeight="sys_navBar">
<!-- 统计 -->
<view class="filter-box ss-p-x-30 ss-flex ss-col-center ss-row-between">
<uni-datetime-picker v-model="state.date" type="daterange" @change="onChangeTime" :end="state.today">
<button class="ss-reset-button date-btn">
<text>{{ dateFilterText }}</text>
<text class="cicon-drop-down ss-seldate-icon"></text>
</button>
</uni-datetime-picker>
<!-- TODO 芋艿：优化 -->
<!-- <view class="total-box">-->
<!-- <view class="ss-m-b-10">总收入￥{{ state.pagination.income }}</view>-->
<!-- <view>总支出￥{{ -state.pagination.expense }}</view>-->
<!-- </view>-->
</view>
<!-- <su-tabs :list="tabMaps" @change="onChange" :scrollable="false" :current="state.currentTab"></su-tabs> -->
</su-sticky>
<!-- icon -->
<view class="icon-img" v-if="state.isShow == 2">
<view class="list" @click="sheep.$router.go('/pages/goods/list')">
<image
src="https://zysc.fjptzykj.com:3000/shangcheng/90eef89176c26da9a605a7b22c4b0beea07d970fc5da7204effb51e970546112.png"
class="img"></image>
<view class="c">购买商品可获得积分奖励</view>
<view class="b">赚积分</view>
</view>
<view class="list" @click="sheep.$router.go('/pages/app/sign')">
<image
src="https://zysc.fjptzykj.com:3000/shangcheng/90eef89176c26da9a605a7b22c4b0beea07d970fc5da7204effb51e970546112.png"
class="img"></image>
<view class="c">每日签到可获得积分奖励</view>
<view class="b">赚积分</view>
</view>
</view>
<!-- list -->
<view class="list-box" v-if="state.isShow == 1">
<view v-if="state.pagination.total > 0">
<view class="list-item ss-flex ss-col-center ss-row-between" v-for="item in state.pagination.list"
:key="item.id">
<view class="ss-flex-col">
<view class="name">{{ item.title }}{{ item.description ? ' - ' + item.description : '' }}</view>
<view class="time">{{
sheep.$helper.timeFormat(item.createTime, 'yyyy-mm-dd hh:MM:ss') sheep.$helper.timeFormat(item.createTime, 'yyyy-mm-dd hh:MM:ss')
}}</view> }}</view>
</view> </view>
<view class="add" v-if="item.point > 0">+{{ item.point }}</view> <view class="add" v-if="item.point > 0">+{{ item.point }}</view>
<view class="minus" v-else>{{ item.point }}</view> <view class="minus" v-else>{{ item.point }}</view>
</view> </view>
</view> </view>
<s-empty v-else text="暂无数据" icon="/static/data-empty.png" /> <s-empty v-else text="暂无数据" icon="/static/data-empty.png" />
</view> </view>
<uni-load-more <uni-load-more v-if="state.pagination.total > 0 && state.isShow == 1" :status="state.loadStatus" :content-text="{
v-if="state.pagination.total > 0"
:status="state.loadStatus"
:content-text="{
contentdown: '上拉加载更多', contentdown: '上拉加载更多',
}" }" @tap="onLoadMore" />
@tap="onLoadMore" </s-layout>
/>
</s-layout>
</template> </template>
<script setup> <script setup>
import sheep from '@/sheep'; import sheep from '@/sheep';
import { onLoad, onReachBottom } from '@dcloudio/uni-app'; import {
import { computed, reactive } from 'vue'; onLoad,
import _ from 'lodash'; onReachBottom
import dayjs from 'dayjs'; } from '@dcloudio/uni-app';
import PointApi from '@/sheep/api/member/point'; import {
import { resetPagination } from '@/sheep/util'; computed,
reactive
} from 'vue';
import _ from 'lodash';
import dayjs from 'dayjs';
import PointApi from '@/sheep/api/member/point';
import {
resetPagination
} from '@/sheep/util';
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const userInfo = computed(() => sheep.$store('user').userInfo); const userInfo = computed(() => sheep.$store('user').userInfo);
const sys_navBar = sheep.$platform.navbar; const sys_navBar = sheep.$platform.navbar;
const state = reactive({ const state = reactive({
currentTab: 0, currentTab: 0,
pagination: { pagination: {
list: 0, list: 0,
total: 0, total: 0,
pageSize: 6, pageSize: 6,
pageNo: 1, pageNo: 1,
}, },
loadStatus: '', loadStatus: '',
date: [], date: [],
today: '', today: '',
}); isShow: 1
});
const tabMaps = [ const tabMaps = [{
{ name: '全部',
name: '全部', value: 'all',
value: 'all', },
}, {
{ name: '收入',
name: '收入', value: 'true',
value: 'true', },
}, {
{ name: '支出',
name: '支出', value: 'false',
value: 'false', },
}, ];
];
const dateFilterText = computed(() => { const dateFilterText = computed(() => {
if (state.date[0] === state.date[1]) { if (state.date[0] === state.date[1]) {
return state.date[0]; return state.date[0];
} else { } else {
return state.date.join('~'); return state.date.join('~');
} }
}); });
async function getLogList() { async function getLogList() {
state.loadStatus = 'loading'; state.loadStatus = 'loading';
let { code, data } = await PointApi.getPointRecordPage({ let {
pageNo: state.pagination.pageNo, code,
pageSize: state.pagination.pageSize, data
addStatus: state.currentTab > 0 ? tabMaps[state.currentTab].value : undefined, } = await PointApi.getPointRecordPage({
'createTime[0]': state.date[0] + ' 00:00:00', pageNo: state.pagination.pageNo,
'createTime[1]': state.date[1] + ' 23:59:59', pageSize: state.pagination.pageSize,
}); addStatus: state.currentTab > 0 ? tabMaps[state.currentTab].value : undefined,
if (code !== 0) { 'createTime[0]': state.date[0] + ' 00:00:00',
return; 'createTime[1]': state.date[1] + ' 23:59:59',
} });
state.pagination.list = _.concat(state.pagination.list, data.list); if (code !== 0) {
state.pagination.total = data.total; return;
state.loadStatus = state.pagination.list.length < state.pagination.total ? 'more' : 'noMore'; }
} state.pagination.list = _.concat(state.pagination.list, data.list);
state.pagination.total = data.total;
state.loadStatus = state.pagination.list.length < state.pagination.total ? 'more' : 'noMore';
}
onLoad(() => { onLoad(() => {
state.today = dayjs().format('YYYY-MM-DD'); state.today = dayjs().format('YYYY-MM-DD');
state.date = [state.today, state.today]; state.date = [state.today, state.today];
getLogList(); getLogList();
}); });
function onChange(e) { function onChange(e) {
state.currentTab = e.index; state.currentTab = e.index;
resetPagination(state.pagination); resetPagination(state.pagination);
getLogList(); getLogList();
} }
function onChangeTime(e) { function onChangeTime(e) {
state.date[0] = e[0]; state.date[0] = e[0];
state.date[1] = e[e.length - 1]; state.date[1] = e[e.length - 1];
resetPagination(state.pagination); resetPagination(state.pagination);
getLogList(); getLogList();
} }
function onLoadMore() { function onLoadMore() {
if (state.loadStatus === 'noMore') { if (state.loadStatus === 'noMore') {
return; return;
} }
state.pagination.pageNo++; state.pagination.pageNo++;
getLogList(); getLogList();
} }
onReachBottom(() => { onReachBottom(() => {
onLoadMore(); onLoadMore();
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header-box { .icon-img {
width: 100%; background-color: white;
background: linear-gradient(180deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%) padding-top: 20px;
no-repeat; display: grid;
background-size: 750rpx 100%;
padding: 0 0 120rpx 0;
box-sizing: border-box;
.score-box { .list {
height: 100%; display: flex;
width: 89%;
margin: 0 auto;
padding: 20px 12px;
justify-content: space-around;
align-items: center;
border-radius: 10px;
background: rgba(255, 251, 242);
margin-bottom: 20px;
font-size: 16px;
color: rgba(198, 179, 114);
.all-num { .img {
font-size: 50rpx; width: 40px;
font-weight: bold; height: 60px;
color: #fff; }
font-family: OPPOSANS;
}
.all-title { .c {
font-size: 26rpx; font-size: 18px;
font-weight: 500; color: rgba(198, 179, 114);
color: #fff; width: 50%;
} font-weight: 700;
line-height: 26px;
}
.cicon-help-o { .b {
color: #fff; border: 1px solid rgba(183, 175, 128);
font-size: 28rpx; padding: 4px 18px;
} border-radius: 15px;
} }
} }
}
// 筛选 .header-box {
.filter-box { width: 100%;
height: 114rpx; // background: linear-gradient(180deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%)
background-color: $bg-page; // no-repeat;
background: rgb(193, 145, 81);
background-size: 750rpx 100%;
padding: 0 0 0 0;
box-sizing: border-box;
.total-box { .new-tab {
font-size: 24rpx; width: 100%;
font-weight: 500; display: flex;
color: $dark-9; justify-content: center;
} margin-top: 22px;
.date-btn { .l {
background-color: $white; display: flex;
line-height: 54rpx; align-items: center;
border-radius: 27rpx; justify-content: center;
padding: 0 20rpx; width: 45%;
font-size: 24rpx; padding: 16px 0;
font-weight: 500; background: rgba(247, 247, 247);
color: $dark-6; border-radius: 10px 0 0 0;
.ss-seldate-icon { .img2 {
font-size: 50rpx; display: none;
color: $dark-9; }
}
}
}
.list-box { .img,
.list-item { .img2 {
background: #fff; width: 25px;
border-bottom: 1rpx solid #dfdfdf; height: 25px;
padding: 30rpx; margin-right: 5px;
}
.name { &.on {
font-size: 28rpx; background: white;
font-weight: 500; .img2 {
color: rgba(102, 102, 102, 1); display: block;
line-height: 28rpx; }
margin-bottom: 20rpx;
}
.time { .img {
font-size: 24rpx; display: none;
}
font-weight: 500; .tx {
color: rgba(196, 196, 196, 1); color: #c19151;
line-height: 24px; }
} }
.add { .tx {
font-size: 30rpx; font-size: 18px;
font-weight: 700;
}
}
font-weight: 500; .r {
color: #e6b873; border-radius: 0 10px 0 0;
} }
}
.minus { .new-point {
font-size: 30rpx; display: flex;
justify-content: space-around;
width: 100%;
margin-top: 20px;
font-weight: 500; .l {
color: $dark-3; &>view {
} color: white;
} text-align: center;
} }
.b {
margin-bottom: 7px;
font-size: 40rpx;
font-weight: 700;
}
.c {
font-size: 25rpx;
font-weight: 700;
}
}
}
.score-box {
height: 100%;
.all-num {
font-size: 50rpx;
font-weight: bold;
color: #fff;
font-family: OPPOSANS;
}
.all-title {
font-size: 26rpx;
font-weight: 500;
color: #fff;
}
.cicon-help-o {
color: #fff;
font-size: 28rpx;
}
}
}
// 筛选
.filter-box {
height: 114rpx;
background-color: $bg-page;
background: rgb(193, 145, 81);
.total-box {
font-size: 24rpx;
font-weight: 500;
color: $dark-9;
}
.date-btn {
background-color: $white;
line-height: 54rpx;
border-radius: 27rpx;
padding: 0 20rpx;
font-size: 24rpx;
font-weight: 500;
color: $dark-6;
.ss-seldate-icon {
font-size: 50rpx;
color: $dark-9;
}
}
}
.list-box {
.list-item {
background: #fff;
border-bottom: 1rpx solid #dfdfdf;
padding: 30rpx;
.name {
font-size: 28rpx;
font-weight: 500;
color: rgba(102, 102, 102, 1);
line-height: 28rpx;
margin-bottom: 20rpx;
}
.time {
font-size: 24rpx;
font-weight: 500;
color: rgba(196, 196, 196, 1);
line-height: 24px;
}
.add {
font-size: 30rpx;
font-weight: 500;
color: #e6b873;
}
.minus {
font-size: 30rpx;
font-weight: 500;
color: $dark-3;
}
}
}
</style> </style>