修改页面样式

This commit is contained in:
yangjun 2024-06-27 08:48:39 +08:00
parent 618a4b031e
commit e8f10e0732
1 changed files with 112 additions and 47 deletions

View File

@ -7,12 +7,12 @@
<span class="header-text" style="margin-right: 5px;"> <span class="header-text" style="margin-right: 5px;">
当前周期 当前周期
</span> </span>
<span class="header-text">2024.01.01~2024.01.10</span> <span class="header-text">{{startTime}}~{{endTime}}</span>
</view> </view>
<view class="header-top-btn" @click="wangqi">往期积分</view> <view class="header-top-btn" @click="wangqi">往期积分</view>
</view> </view>
<view class="header-bottom"> <view class="header-bottom">
<view class="header-bottom-money">7310<text style="font-size: 23rpx;font-weight: 400;"></text> </view> <view class="header-bottom-money">{{sumJf}}<text style="font-size: 23rpx;font-weight: 400;"></text> </view>
<view class="header-text">当前积分</view> <view class="header-text">当前积分</view>
</view> </view>
</view> </view>
@ -22,11 +22,47 @@
<view class="view-title"> <view class="view-title">
<view class="view-title-left"> <view class="view-title-left">
<span class="view-title-left-shuxian"></span> <span class="view-title-left-shuxian"></span>
<span class="view-title-left-text">业绩积分:<text class="view-num">596</text>(项目金额累计积分兑换比例为1:1)</span> <span class="view-title-left-text">业绩积分:<text class="view-num">{{yjjf}}</text>(项目金额累计积分兑换比例为1:1)</span>
</view> </view>
<view class="view-title-right" @click="jieshi">更多</view> <!-- <view class="view-title-right" @click="jieshi">更多</view> -->
</view> </view>
<view class="mian-list" @click="wangqi"> <view class="mian-list" @click="wangqi" v-for="(item,index) in yjjfList" :key="index">
<view class="mian-list-top">
<view class="mian-list-top-biao">已完成</view>
<view class="mian-list-top-time">
<span>预约时间: </span>
<span>{{item.serveTime}}</span>
</view>
</view>
<view class="mian-foot">
<view class="mian-foot-img">
<image src="../../my/static/bg6.png" mode=""></image>
</view>
<view class="mian-foot-list">
<view class="mian-foot-view">
<view class="mian-title">{{item.entryName}}</view>
<view class="mian-dingwei">
<image src="../../static/index/dangqian2.png" mode=""></image>
<span class="shouyi-text">{{item.km}}km</span>
</view>
</view>
<view class="mian-foot-dan shouyi-text">
订单编号 : {{item.ordersNo}}
</view>
<view class="mian-foot-adder shouyi-text">
服务地址 : {{item.accomplishAddress}}
</view>
<view class="mian-bottom">
<view class="mian-bottom-xiang shouyi-text">项目金额 : {{item.price}}</view>
<view class="mian-bottom-shou">
<span class="shouyi-text">本单收益: </span>
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">{{item.sumArtificerMoney}}</span>
</view>
</view>
</view>
</view>
</view>
<!-- <view class="mian-list">
<view class="mian-list-top"> <view class="mian-list-top">
<view class="mian-list-top-biao">已完成</view> <view class="mian-list-top-biao">已完成</view>
<view class="mian-list-top-time"> <view class="mian-list-top-time">
@ -61,52 +97,16 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view> -->
<view class="mian-list">
<view class="mian-list-top">
<view class="mian-list-top-biao">已完成</view>
<view class="mian-list-top-time">
<span>预约时间: </span>
<span>2024-01-02 14:00</span>
</view>
</view>
<view class="mian-foot">
<view class="mian-foot-img">
<image src="../../my/static/bg6.png" mode=""></image>
</view>
<view class="mian-foot-list">
<view class="mian-foot-view">
<view class="mian-title">中医推拿(测试)</view>
<view class="mian-dingwei">
<image src="../../static/index/dangqian2.png" mode=""></image>
<span class="shouyi-text">0.8km</span>
</view>
</view>
<view class="mian-foot-dan shouyi-text">
订单编号 : 202310311231559420
</view>
<view class="mian-foot-adder shouyi-text">
服务地址 : 吉林省长春市二道区欧亚万豪购物中心16-301
</view>
<view class="mian-bottom">
<view class="mian-bottom-xiang shouyi-text">项目金额 : 298</view>
<view class="mian-bottom-shou">
<span class="shouyi-text">本单收益: </span>
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">326.70</span>
</view>
</view>
</view>
</view>
</view>
</view> </view>
<!--时长积分--> <!--时长积分-->
<view class="mina-view"> <view class="mina-view">
<view class="view-title"> <view class="view-title">
<view class="view-title-left"> <view class="view-title-left">
<span class="view-title-left-shuxian"></span> <span class="view-title-left-shuxian"></span>
<span class="view-title-left-text">时长积分: <text class="view-num">36</text>(在线时长10分钟可获取1积分)</span> <span class="view-title-left-text">时长积分: <text class="view-num">{{zxscjf}}</text>(在线时长10分钟可获取1积分)</span>
</view> </view>
<view class="view-title-right" @click.stop="toggle('时长积分')">更多</view> <!-- <view class="view-title-right" @click.stop="toggle('时长积分')">更多</view> -->
</view> </view>
<view class="mian-table"> <view class="mian-table">
<view class="table-view"> <view class="table-view">
@ -140,9 +140,9 @@
<view class="view-title"> <view class="view-title">
<view class="view-title-left"> <view class="view-title-left">
<span class="view-title-left-shuxian"></span> <span class="view-title-left-shuxian"></span>
<span class="view-title-left-text">充值积分: <text class="view-num">2000</text>(充值积分比例为1:1)</span> <span class="view-title-left-text">充值积分: <text class="view-num">{{ddczjf}}</text>(充值积分比例为1:1)</span>
</view> </view>
<view class="view-title-right" @click.stop="toggle('充值积分')">更多</view> <!-- <view class="view-title-right" @click.stop="toggle('充值积分')">更多</view> -->
</view> </view>
<view class="mian-list"> <view class="mian-list">
<view class="mian-list-top"> <view class="mian-list-top">
@ -261,10 +261,75 @@
data(){ data(){
return{ return{
type:'center', type:'center',
titleList:'' titleList:'',
startTime:'',
endTime:'',
userId:'',
czjf:'0',
czjfList:[],
ddczjf:'0',
ddczList:[],
yjjf:'0',
yjjfList:[],
zxscjf:'0',
zxscList:[],
sumJf:'0',
} }
}, },
onLoad(e) {
this.userId = uni.getStorageSync("artificerId");
this.getTime()
this.getData();
},
methods:{ methods:{
getTime(){
let now = new Date();
let year = now.getFullYear();
let month = now.getMonth() + 1; // JavaScript01
let monthJia=month<10?'0'+month:month;
let day = now.getDate();
let currentDate = year + '-' + monthJia + '-' + day;
let dayEnd = new Date(now.getFullYear(), monthJia, 0).getDate();
if(day>=1&&day<=10){
this.startTime=year + '-' + monthJia + '-01';
this.endTime=year + '-' + monthJia + '-' + 10;
}else if(day>=11&&day<=20){
this.startTime=year + '-' + monthJia + '-' + 11;
this.endTime=year + '-' + monthJia + '-' + 20;
}else if(day>=21&&day<=dayEnd){
this.startTime=year + '-' + monthJia + '-' + 21
this.endTime=year + '-' + monthJia + '-' + dayEnd;
}
if(!this.orderType){
this.orderType = 1;
}
},
getData(){
var that=this;
let data = {
userId:that.userId,
startTime:that.startTime,
endTime:that.endTime,
}
that.$Request.getT('/app/artificer/getJifenList', data).then(res => {
console.log(res);
if (res.code == 0) {
that.czjf = res.czjf;
that.czjfList = res.czjfList;
that.ddczjf = res.ddczjf;
that.ddczList = res.ddczList;
that.yjjf = res.yjjf;
that.yjjfList = res.yjjfList;
that.zxscjf = res.zxscjf;
that.zxscList = res.zxscList;
that.sumJf = res.sumJf;
// that.listData = [...that.listData, ...res.data.list]; //
// that.shouyiMoeny = res.earnings;//
} else {
that.$queue.showToast(res.msg);
}
});
},
jieshi(){ jieshi(){
uni.navigateTo({ uni.navigateTo({
url:'/pages/index/currentPointsDetail' url:'/pages/index/currentPointsDetail'