|
@@ -77,23 +77,27 @@
|
|
|
其他功能
|
|
其他功能
|
|
|
</view>
|
|
</view>
|
|
|
<view class="fun_box">
|
|
<view class="fun_box">
|
|
|
- <view class="function" @click="goOrder">
|
|
|
|
|
- <image src="../../static/other/order.png" mode=""></image>
|
|
|
|
|
- <span class="order_num" v-if="orderNum>0">{{orderNum}}</span>
|
|
|
|
|
- 订单
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="function" @click="goFree">
|
|
|
|
|
- <image src="../../static/other/set.png" mode=""></image>
|
|
|
|
|
- 设置免车费
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="function" @click="goEdit">
|
|
|
|
|
- <image src="../../static/other/edit.png" mode=""></image>
|
|
|
|
|
- 编辑资料
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="function" @click="qrCodeShow">
|
|
|
|
|
- <image src="../../static/other/code.png" mode=""></image>
|
|
|
|
|
- 我的分销码
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="function" @click="goOrder">
|
|
|
|
|
+ <image src="../../static/other/order.png" mode=""></image>
|
|
|
|
|
+ <span class="order_num" v-if="orderNum>0">{{orderNum}}</span>
|
|
|
|
|
+ 订单
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="function" @click="goFree">
|
|
|
|
|
+ <image src="../../static/other/set.png" mode=""></image>
|
|
|
|
|
+ 设置免车费
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="function" @click="goEdit">
|
|
|
|
|
+ <image src="../../static/other/edit.png" mode=""></image>
|
|
|
|
|
+ 编辑资料
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="function" @click="qrCodeShow">
|
|
|
|
|
+ <image src="../../static/other/code.png" mode=""></image>
|
|
|
|
|
+ 我的分销码
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="function" @click="qrCodeShow">
|
|
|
|
|
+ <image src="../../static/other/contract.png" mode=""></image>
|
|
|
|
|
+ 合同签订
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="work">
|
|
<view class="work">
|
|
@@ -104,7 +108,7 @@
|
|
|
<view class="logo">
|
|
<view class="logo">
|
|
|
<image src="/static/other/code_logo.png" mode=""></image>
|
|
<image src="/static/other/code_logo.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="title">扫码下单 一键预约</view>
|
|
|
|
|
|
|
+ <view class="title">扫码下单 一键预约</view>
|
|
|
<image :src="urlView" mode=""></image>
|
|
<image :src="urlView" mode=""></image>
|
|
|
<view class="foot">多名技师|在线接单</view>
|
|
<view class="foot">多名技师|在线接单</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -116,7 +120,7 @@
|
|
|
申请提现
|
|
申请提现
|
|
|
</view>
|
|
</view>
|
|
|
<view class="popup_center">
|
|
<view class="popup_center">
|
|
|
- 您还没有绑定银行卡,<br/>
|
|
|
|
|
|
|
+ 您还没有绑定银行卡,<br />
|
|
|
请先去添加银行卡再进行提现
|
|
请先去添加银行卡再进行提现
|
|
|
</view>
|
|
</view>
|
|
|
<view class="btn">
|
|
<view class="btn">
|
|
@@ -129,10 +133,21 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="order">
|
|
|
|
|
+ <view class="change">
|
|
|
|
|
+ <view class="state" :class="index==active?'active':''" v-for="(item,index) in statusList" :key="item.value"
|
|
|
|
|
+ @click="switchState(item,index)">
|
|
|
|
|
+ {{item.label}}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <mescroll-uni class="list" :fixed="false" ref="mescrollRef" @up="getOrderList" @init="mescrollInit">
|
|
|
|
|
+ </mescroll-uni>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+ import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
|
|
|
// import { Router } from "../../../utils/common.js";
|
|
// import { Router } from "../../../utils/common.js";
|
|
|
import {
|
|
import {
|
|
|
getwxQrCode,
|
|
getwxQrCode,
|
|
@@ -146,6 +161,7 @@
|
|
|
waitOrder,
|
|
waitOrder,
|
|
|
} from '../../api/index.js'
|
|
} from '../../api/index.js'
|
|
|
export default {
|
|
export default {
|
|
|
|
|
+ mixins: [MescrollMixin], // 使用mixin
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
isWork: false,
|
|
isWork: false,
|
|
@@ -160,14 +176,43 @@
|
|
|
latitude: '',
|
|
latitude: '',
|
|
|
longitude: '',
|
|
longitude: '',
|
|
|
name: '',
|
|
name: '',
|
|
|
- isAddBlank:false,
|
|
|
|
|
- orderNum:0,
|
|
|
|
|
- cJsId:''
|
|
|
|
|
|
|
+ isAddBlank: false,
|
|
|
|
|
+ orderNum: 0,
|
|
|
|
|
+ cJsId: '',
|
|
|
|
|
+ statusList: [{
|
|
|
|
|
+ label: '全部',
|
|
|
|
|
+ value: 1
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: '进行中',
|
|
|
|
|
+ value: 2
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: '已完成',
|
|
|
|
|
+ value: 3
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: '待付款',
|
|
|
|
|
+ value: 4
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: '已取消',
|
|
|
|
|
+ value: 5
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ label: '售后',
|
|
|
|
|
+ value: 6
|
|
|
|
|
+ }
|
|
|
|
|
+ ],
|
|
|
|
|
+ active: 0,
|
|
|
|
|
+ downOption: {
|
|
|
|
|
+ use: false
|
|
|
|
|
+ },
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
//添加银行卡
|
|
//添加银行卡
|
|
|
- addBlank(){
|
|
|
|
|
|
|
+ addBlank() {
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
url: './add_blank'
|
|
url: './add_blank'
|
|
|
})
|
|
})
|
|
@@ -228,8 +273,7 @@
|
|
|
title: '暂无可提现金额',
|
|
title: '暂无可提现金额',
|
|
|
icon: 'none'
|
|
icon: 'none'
|
|
|
})
|
|
})
|
|
|
- }
|
|
|
|
|
- else {
|
|
|
|
|
|
|
+ } else {
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
url: './withdraw'
|
|
url: './withdraw'
|
|
|
})
|
|
})
|
|
@@ -282,7 +326,7 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
let data = {
|
|
let data = {
|
|
|
- cJsId:this.cJsId
|
|
|
|
|
|
|
+ cJsId: this.cJsId
|
|
|
}
|
|
}
|
|
|
waitOrder(data).then(res => {
|
|
waitOrder(data).then(res => {
|
|
|
console.log(res)
|
|
console.log(res)
|
|
@@ -317,17 +361,28 @@
|
|
|
url: './free_fare'
|
|
url: './free_fare'
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- getOrderNum(){
|
|
|
|
|
- console.log(this.cJsId)
|
|
|
|
|
|
|
+ getOrderNum() {
|
|
|
|
|
+ console.log(this.cJsId)
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+ switchState(item, index) {
|
|
|
|
|
+ this.active = index
|
|
|
|
|
+ },
|
|
|
|
|
+ //获取订单列表
|
|
|
|
|
+ getOrderList(){
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onShow() {
|
|
onShow() {
|
|
|
|
|
+ // this.mescroll.resetUpScroll()
|
|
|
this.getwxQrCode()
|
|
this.getwxQrCode()
|
|
|
this.getIsWork()
|
|
this.getIsWork()
|
|
|
this.selectApp()
|
|
this.selectApp()
|
|
|
this.getInfo()
|
|
this.getInfo()
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ mounted() {
|
|
|
|
|
+ this.mescroll.optDown.use = false
|
|
|
|
|
+ },
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
@@ -475,6 +530,7 @@
|
|
|
// margin-top: 24rpx;
|
|
// margin-top: 24rpx;
|
|
|
border: none;
|
|
border: none;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
|
+
|
|
|
.withdraw {
|
|
.withdraw {
|
|
|
width: 152rpx;
|
|
width: 152rpx;
|
|
|
height: 52rpx;
|
|
height: 52rpx;
|
|
@@ -482,7 +538,7 @@
|
|
|
border-radius: 98rpx;
|
|
border-radius: 98rpx;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
// margin-left: -50px;
|
|
// margin-left: -50px;
|
|
|
- padding:0px 10rpx;
|
|
|
|
|
|
|
+ padding: 0px 10rpx;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
line-height: 52rpx;
|
|
line-height: 52rpx;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
@@ -603,18 +659,21 @@
|
|
|
padding: 26rpx 24rpx;
|
|
padding: 26rpx 24rpx;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
- .title{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .title {
|
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
color: #2F3437;
|
|
color: #2F3437;
|
|
|
line-height: 33rpx;
|
|
line-height: 33rpx;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
}
|
|
}
|
|
|
- .fun_box{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .fun_box {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
justify-content: space-around;
|
|
|
- .function{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .function {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
color: #2F3437;
|
|
color: #2F3437;
|
|
|
line-height: 28rpx;
|
|
line-height: 28rpx;
|
|
@@ -622,7 +681,8 @@
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- .order_num{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .order_num {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: -10rpx;
|
|
top: -10rpx;
|
|
|
right: -20rpx;
|
|
right: -20rpx;
|
|
@@ -636,7 +696,8 @@
|
|
|
// align-items: center;
|
|
// align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
}
|
|
}
|
|
|
- image{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ image {
|
|
|
width: 64rpx;
|
|
width: 64rpx;
|
|
|
height: 64rpx;
|
|
height: 64rpx;
|
|
|
margin-bottom: 8rpx;
|
|
margin-bottom: 8rpx;
|
|
@@ -713,8 +774,10 @@
|
|
|
height: 100vh;
|
|
height: 100vh;
|
|
|
// background-color: rgba(0, 0, 0, 0.8);
|
|
// background-color: rgba(0, 0, 0, 0.8);
|
|
|
background-image: url('/static/other/code_bg.png');
|
|
background-image: url('/static/other/code_bg.png');
|
|
|
- background-size: cover; /* 完全覆盖,可能裁剪 */
|
|
|
|
|
- background-position: center; /* 图片居中(避免裁剪关键部分) */
|
|
|
|
|
|
|
+ background-size: cover;
|
|
|
|
|
+ /* 完全覆盖,可能裁剪 */
|
|
|
|
|
+ background-position: center;
|
|
|
|
|
+ /* 图片居中(避免裁剪关键部分) */
|
|
|
z-index: 999999;
|
|
z-index: 999999;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 0;
|
|
top: 0;
|
|
@@ -736,27 +799,32 @@
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
margin-top: 160rpx;
|
|
margin-top: 160rpx;
|
|
|
- .logo{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .logo {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 0;
|
|
top: 0;
|
|
|
left: 50%;
|
|
left: 50%;
|
|
|
z-index: 99999;
|
|
z-index: 99999;
|
|
|
- transform: translate(-50%,-50%);
|
|
|
|
|
- image{
|
|
|
|
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
|
|
+
|
|
|
|
|
+ image {
|
|
|
width: 144rpx;
|
|
width: 144rpx;
|
|
|
height: 144rpx;
|
|
height: 144rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
image {
|
|
image {
|
|
|
width: 400rpx;
|
|
width: 400rpx;
|
|
|
height: 400rpx;
|
|
height: 400rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .title{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .title {
|
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
|
margin-bottom: 32rpx;
|
|
margin-bottom: 32rpx;
|
|
|
}
|
|
}
|
|
|
- .foot{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .foot {
|
|
|
width: 316rpx;
|
|
width: 316rpx;
|
|
|
height: 48rpx;
|
|
height: 48rpx;
|
|
|
background: #F4F5F7;
|
|
background: #F4F5F7;
|
|
@@ -773,18 +841,20 @@
|
|
|
.work {
|
|
.work {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
}
|
|
}
|
|
|
- .add_blankcard{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .add_blankcard {
|
|
|
width: 100vw;
|
|
width: 100vw;
|
|
|
height: 100vh;
|
|
height: 100vh;
|
|
|
z-index: 999999;
|
|
z-index: 999999;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 0;
|
|
top: 0;
|
|
|
left: 0;
|
|
left: 0;
|
|
|
- background: rgba(0,0,0,0.4);
|
|
|
|
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
padding: 0px 60rpx;
|
|
padding: 0px 60rpx;
|
|
|
|
|
+
|
|
|
// display: flex;
|
|
// display: flex;
|
|
|
// align-items: center;
|
|
// align-items: center;
|
|
|
- .popup{
|
|
|
|
|
|
|
+ .popup {
|
|
|
width: 630rpx;
|
|
width: 630rpx;
|
|
|
height: 420rpx;
|
|
height: 420rpx;
|
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
@@ -792,8 +862,9 @@
|
|
|
margin-top: 564rpx;
|
|
margin-top: 564rpx;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
- .popup_title{
|
|
|
|
|
- width:100%;
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .popup_title {
|
|
|
|
|
+ width: 100%;
|
|
|
height: 92rpx;
|
|
height: 92rpx;
|
|
|
background: #F8EDE6;
|
|
background: #F8EDE6;
|
|
|
border-radius: 24rpx 24rpx 0px 0px;
|
|
border-radius: 24rpx 24rpx 0px 0px;
|
|
@@ -803,7 +874,8 @@
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
line-height: 92rpx;
|
|
line-height: 92rpx;
|
|
|
}
|
|
}
|
|
|
- .popup_center{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .popup_center {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
@@ -814,7 +886,8 @@
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
- .btn{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .btn {
|
|
|
height: 116rpx;
|
|
height: 116rpx;
|
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
|
border-radius: 0px 0px 24rpx 24rpx;
|
|
border-radius: 0px 0px 24rpx 24rpx;
|
|
@@ -822,20 +895,22 @@
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
justify-content: space-around;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- .cancel{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .cancel {
|
|
|
width: 182rpx;
|
|
width: 182rpx;
|
|
|
height: 68rpx;
|
|
height: 68rpx;
|
|
|
- border-radius: 106rpx ;
|
|
|
|
|
|
|
+ border-radius: 106rpx;
|
|
|
border: 2rpx solid #BBBBBB;
|
|
border: 2rpx solid #BBBBBB;
|
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
|
color: #999999;
|
|
color: #999999;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
line-height: 68rpx;
|
|
line-height: 68rpx;
|
|
|
}
|
|
}
|
|
|
- .add{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .add {
|
|
|
width: 268rpx;
|
|
width: 268rpx;
|
|
|
height: 68rpx;
|
|
height: 68rpx;
|
|
|
- background: linear-gradient( 135deg, #FF8B66 0%, #EE5B2D 100%);
|
|
|
|
|
|
|
+ background: linear-gradient(135deg, #FF8B66 0%, #EE5B2D 100%);
|
|
|
border-radius: 44rpx;
|
|
border-radius: 44rpx;
|
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
|
line-height: 68rpx;
|
|
line-height: 68rpx;
|
|
@@ -845,4 +920,39 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .order {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
|
+ box-shadow: 0px 4rpx 12rpx 0px rgba(88, 209, 187, 0.1);
|
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
|
+ margin-top: 24rpx;
|
|
|
|
|
+ padding: 24rpx 0px;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+
|
|
|
|
|
+ .change {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ padding: 0px 32rpx;
|
|
|
|
|
+ border-bottom: 2px solid #EEEEEE;
|
|
|
|
|
+
|
|
|
|
|
+ .state {
|
|
|
|
|
+ // flex: 1;
|
|
|
|
|
+ padding: 0px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ padding-bottom: 20rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .active {
|
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
|
+ color: #03C8BE;
|
|
|
|
|
+ border-bottom: 1px solid #03C8BE;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|