页面功能修改
This commit is contained in:
浅念
@@ -0,0 +1,201 @@
|
||||
<template>
|
||||
<view>
|
||||
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000" backgroundColor="#fff" :statusBar="true" :title="$t('subsuccess')"></uni-nav-bar>
|
||||
<view class="contents">
|
||||
<image src="/static/image/customer/success.png" mode=""></image>
|
||||
<view class="">{{$t('subsuccess')}}</view>
|
||||
|
||||
</view>
|
||||
<u-gap height="10" bgColor="#F6F6F6"></u-gap>
|
||||
<view class="cont">
|
||||
<view>{{$t('nexttime')}}</view>
|
||||
<view class="coll">
|
||||
<u-row justify="space-between" gutter="10">
|
||||
<u-col span="4">
|
||||
<view class="item" :class="{ active: actives=='1' }" @click="active('1')">
|
||||
{{$t('onedaygj')}}
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col span="4">
|
||||
<view class="item" :class="{ active: actives=='3' }" @click="active('3')">
|
||||
{{$t('threedaygj')}}
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col span="4">
|
||||
<view class="item" :class="{ active: actives=='7' }" @click="active('7')">
|
||||
{{$t('sevendaygj')}}
|
||||
</view>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
<view class="coll">
|
||||
<view class="item" :class="{ active: actives=='auto' }" @click="active('auto')">
|
||||
{{time || $t('autodaygj')}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="">
|
||||
<button class="btn" @click="nextFn">{{$t('submit')}}</button>
|
||||
</view>
|
||||
<u-datetime-picker
|
||||
:show="shownexttime"
|
||||
closeOnClickOverlay
|
||||
v-model="nexttime"
|
||||
mode="datetime"
|
||||
@confirm="confirmnext"
|
||||
@cancel="cancelnext"
|
||||
@close="close('shownexttime')"
|
||||
></u-datetime-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { request,showToast } from '@/api/apiT.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id:'',
|
||||
actives:'',
|
||||
time:'',
|
||||
shownexttime:false,
|
||||
nexttime: Number(new Date()),
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
console.log(options);
|
||||
this.id = options.id;
|
||||
},
|
||||
methods: {
|
||||
leftClick(){
|
||||
uni.navigateBack({})
|
||||
},
|
||||
active(item){
|
||||
console.log(item)
|
||||
if(item=='auto'){
|
||||
this.shownexttime = true
|
||||
}
|
||||
this.actives = item
|
||||
},
|
||||
result(time, mode) {
|
||||
const timeFormat = uni.$u.timeFormat
|
||||
switch (mode) {
|
||||
case 'datetime':
|
||||
return timeFormat(time, 'yyyy-mm-dd hh:MM')
|
||||
case 'date':
|
||||
return timeFormat(time, 'yyyy-mm-dd')
|
||||
case 'year-month':
|
||||
return timeFormat(time, 'yyyy-mm')
|
||||
case 'time':
|
||||
return time
|
||||
default:
|
||||
return ''
|
||||
}
|
||||
},
|
||||
cancelnext() {
|
||||
this.shownexttime = false
|
||||
},
|
||||
confirmnext(e) {
|
||||
this.shownexttime = false
|
||||
this.nexttime = e.value
|
||||
this.time = this.result(e.value, e.mode)
|
||||
console.log(this.nexttime)
|
||||
},
|
||||
getLaterDate(dayNum, dateTime = null) {
|
||||
// 如果为null,则格式化当前时间为时间戳
|
||||
if (!dateTime) dateTime = +new Date();
|
||||
// 如果dateTime长度为10或者13，则为秒和毫秒的时间戳，如果超过13位，则为其他的时间格式
|
||||
if (dateTime.toString().length == 10) dateTime *= 1000;
|
||||
const timestamp = +new Date(Number(dateTime));
|
||||
|
||||
const one_day = 86400000; // 24 * 60 * 60 * 1000;
|
||||
const addVal = dayNum * one_day + timestamp;
|
||||
//x天后的日期
|
||||
const date = new Date(addVal);
|
||||
|
||||
//格式化日期
|
||||
const filters = n => {
|
||||
return n < 10 ? (n = '0' + n) : n;
|
||||
};
|
||||
const month = filters(date.getMonth() + 1);
|
||||
const day = filters(date.getDate());
|
||||
const hours = filters(date.getHours());
|
||||
const minutes = filters(date.getMinutes());
|
||||
const seconds = filters(date.getSeconds());
|
||||
const lastTime = `${date.getFullYear()}/${month}/${day} ${hours}:${minutes}:${seconds}`;
|
||||
// console.log(lastTime)
|
||||
return addVal;
|
||||
},
|
||||
nextFn(){
|
||||
var nexttime=this.nexttime;
|
||||
if(this.actives==1){
|
||||
nexttime = this.getLaterDate(1)
|
||||
}
|
||||
if(this.actives==3){
|
||||
nexttime = this.getLaterDate(3)
|
||||
}
|
||||
if(this.actives==7){
|
||||
nexttime = this.getLaterDate(7)
|
||||
}
|
||||
console.log(nexttime)
|
||||
request({
|
||||
url:'customer/followNext',
|
||||
method:'post',
|
||||
data:{
|
||||
id:this.id,
|
||||
follow_next:nexttime/1000
|
||||
}
|
||||
}).then(res => {
|
||||
uni.showToast({
|
||||
title: res.data.message,
|
||||
icon: 'none'
|
||||
});
|
||||
if(res.data.code ==0){
|
||||
setTimeout(() => {
|
||||
uni.reLaunch({
|
||||
url: '/pages/index/customer',// 替换为你要跳转的页面路径
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.contents{
|
||||
text-align: center;
|
||||
padding-bottom: 15px;
|
||||
image{
|
||||
margin-top: 20px;
|
||||
width:392rpx;
|
||||
height:308rpx;
|
||||
}
|
||||
}
|
||||
.cont{
|
||||
padding: 15px;
|
||||
}
|
||||
.active{
|
||||
color: white !important;
|
||||
background: linear-gradient(to right, #3471FF, #6776FF) !important;
|
||||
}
|
||||
.coll{
|
||||
margin-top: 10px;
|
||||
.item{
|
||||
background: #ECF2FF;
|
||||
color: #3471FF;
|
||||
border-radius: 8px;
|
||||
padding:10px 0px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
background: linear-gradient(to right, #3471FF, #6776FF);
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
width: 92%;
|
||||
margin-bottom: 40px;
|
||||
margin: 15px 4%;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user