优化调整
This commit is contained in:
parent
7c901bce9f
commit
f071a4c7ee
6
App.vue
6
App.vue
|
@ -757,9 +757,9 @@ export default {
|
|||
// /deep/.uni-scroll-view-content{
|
||||
// height: 350px !important;
|
||||
// }
|
||||
/deep/.uni-picker-view-wrapper uni-picker-view-column:nth-child(1) {
|
||||
display: none !important;
|
||||
}
|
||||
// /deep/.uni-picker-view-wrapper uni-picker-view-column:nth-child(1) {
|
||||
// display: none !important;
|
||||
// }
|
||||
/deep/uni-page-body {
|
||||
background-color: #f7f7f7 !important;
|
||||
}
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<view class="u-skeleton">
|
||||
<view class="bgbox" style="">
|
||||
<view v-if="order.status ==1">待付款...</view>
|
||||
<view v-if="order.status ==2">待服务</view>
|
||||
<view v-if="order.status ==2">已接单</view>
|
||||
<view v-if="order.status ==3">已完成</view>
|
||||
<view v-if="order.status ==6">服务中</view>
|
||||
<view v-if="order.status ==7">已出发</view>
|
||||
|
@ -1252,9 +1252,9 @@
|
|||
.lxkf {
|
||||
width: 48%;
|
||||
text-align: center;
|
||||
background-color: #f7f7f7;
|
||||
border: 1px #ccc solid;
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
border: 1px #029D88 solid;
|
||||
color: #029D88;
|
||||
border-radius: 53px !important;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
|
|
|
@ -24,14 +24,15 @@
|
|||
<view class="mian-title" v-if="order && order.ordersMassageList">
|
||||
<view class="mian-title-view">{{order.entryName}}</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==2">待服务</view>
|
||||
<view class="nav-btn" v-if="order.status ==2">已接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==3">待评价</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==4">已取消</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==5">已完成</view>
|
||||
<view class="nav-btn" v-if="order.status ==6">服务中</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">技师出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">技师到达</view>
|
||||
<view class="nav-btn" v-if="order.status ==9">确认接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">已出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">已到达</view>
|
||||
<view class="nav-btn" v-if="order.status == 9&&!order.refusalContent">待接单</view>
|
||||
<view class="progress-status-jd" v-if="order.status == 9&&order.refusalContent">拒单审核中</view>
|
||||
</view>
|
||||
<view class="mian-time" v-if="order && order.ordersMassageList">
|
||||
<text class="title-font">服务时长:</text><text
|
||||
|
@ -381,14 +382,15 @@
|
|||
<view class="mian-title" v-if="order && order.ordersMassageList">
|
||||
<view class="mian-title-view">{{order.entryName}}</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==2">待服务</view>
|
||||
<view class="nav-btn" v-if="order.status ==2">已接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==3">待评价</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==4">已取消</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==5">已完成</view>
|
||||
<view class="nav-btn" v-if="order.status ==6">服务中</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">技师出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">技师到达</view>
|
||||
<view class="nav-btn" v-if="order.status ==9">确认接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">已出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">已到达</view>
|
||||
<view class="nav-btn" v-if="order.status == 9&&!order.refusalContent">待接单</view>
|
||||
<view class="progress-status-jd" v-if="order.status == 9&&order.refusalContent">拒单审核中</view>
|
||||
</view>
|
||||
<view class="mian-time" v-if="order && order.ordersMassageList">
|
||||
<text class="title-font">服务时长:</text><text
|
||||
|
@ -692,14 +694,15 @@
|
|||
<view class="mian-title" v-if="order && order.ordersMassageList">
|
||||
<view class="mian-title-view">{{order.entryName}}</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==2">待服务</view>
|
||||
<view class="nav-btn" v-if="order.status ==2">已接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==3">待评价</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==4">已取消</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==5">已完成</view>
|
||||
<view class="nav-btn" v-if="order.status ==6">服务中</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">技师出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">技师到达</view>
|
||||
<view class="nav-btn" v-if="order.status ==9">确认接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">已出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">已到达</view>
|
||||
<view class="nav-btn" v-if="order.status == 9&&!order.refusalContent">待接单</view>
|
||||
<view class="progress-status-jd" v-if="order.status == 9&&order.refusalContent">拒单审核中</view>
|
||||
</view>
|
||||
<view class="mian-time" v-if="order && order.ordersMassageList">
|
||||
<text class="title-font">服务时长:</text><text
|
||||
|
@ -973,14 +976,15 @@
|
|||
<view class="mian-title" v-if="order && order.ordersMassageList">
|
||||
<view class="mian-title-view">{{order.entryName}}</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==2">待服务</view>
|
||||
<view class="nav-btn" v-if="order.status ==2">已接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==3">待评价</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==4">已取消</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==5">已完成</view>
|
||||
<view class="nav-btn" v-if="order.status ==6">服务中</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">技师出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">技师到达</view>
|
||||
<view class="nav-btn" v-if="order.status ==9">确认接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">已出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">已到达</view>
|
||||
<view class="nav-btn" v-if="order.status == 9&&!order.refusalContent">待接单</view>
|
||||
<view class="progress-status-jd" v-if="order.status == 9&&order.refusalContent">拒单审核中</view>
|
||||
</view>
|
||||
<view class="mian-time" v-if="order && order.ordersMassageList">
|
||||
<text class="title-font">服务时长:</text><text
|
||||
|
@ -1241,14 +1245,15 @@
|
|||
<view class="mian-title" v-if="order && order.ordersMassageList">
|
||||
<view class="mian-title-view">{{order.entryName}}</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==2">待服务</view>
|
||||
<view class="nav-btn" v-if="order.status ==2">已接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==3">待评价</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==4">已取消</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==5">已完成</view>
|
||||
<view class="nav-btn" v-if="order.status ==6">服务中</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">技师出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">技师到达</view>
|
||||
<view class="nav-btn" v-if="order.status ==9">确认接单</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">已出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">已到达</view>
|
||||
<view class="nav-btn" v-if="order.status == 9&&!order.refusalContent">待接单</view>
|
||||
<view class="progress-status-jd" v-if="order.status == 9&&order.refusalContent">拒单审核中</view>
|
||||
</view>
|
||||
<view class="mian-time" v-if="order && order.ordersMassageList">
|
||||
<text class="title-font">服务时长:</text><text
|
||||
|
@ -1545,7 +1550,7 @@
|
|||
</view>
|
||||
<view class="footers-btn footers-true" @click="nineState(order.ordersId)"
|
||||
v-if="order.status == 9&&!order.refusalContentl">
|
||||
确认接单
|
||||
接单
|
||||
</view>
|
||||
<view class="footers-btn footers-bor" v-if="order.status == 9&&!order.refusalContentl"
|
||||
@click="toggleJ('bottom',order.ordersId)">
|
||||
|
@ -2036,7 +2041,7 @@
|
|||
}
|
||||
|
||||
},
|
||||
nineState(ordersId) { //确认接单
|
||||
nineState(ordersId) { //接单
|
||||
var that = this;
|
||||
this.$Request.getT("/app/artificer/jishiQueren", {
|
||||
ordersId: ordersId
|
||||
|
@ -3533,4 +3538,12 @@
|
|||
border-bottom: 1px #e5e5e5 solid;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
.progress-status-jd{
|
||||
color: #fff;
|
||||
border-radius:30rpx 30rpx 30rpx 8rpx ;
|
||||
padding: 0 14rpx;
|
||||
background-image: linear-gradient(-45deg, #ff8c01, #ff5600);
|
||||
font-size: 26rpx;
|
||||
line-height: 46rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -36,6 +36,8 @@
|
|||
<span class="view-title-left-text" v-if="orderType == 2">本期{{isSfwc=='1'?'已加钟':'未加钟'}}订单</span>
|
||||
<span class="view-title-left-text" v-if="orderType == 3">本期{{isSfwc=='1'?'已充值':'未充值'}}订单</span>
|
||||
</view>
|
||||
<view class="view-title-right" v-if="isSfwc=='1'&&orderType == 2">加钟总金额: ¥{{totalMoney}}</view>
|
||||
<view class="view-title-right" v-if="isSfwc=='1'&&orderType == 3">充值总金额: ¥{{totalMoney}}</view>
|
||||
<view class="view-title-right">订单数量: {{totalCount}}</view>
|
||||
</view>
|
||||
<!--本期加钟 充值 订单-->
|
||||
|
@ -67,7 +69,10 @@
|
|||
服务地址 : {{item.address}}
|
||||
</view>
|
||||
<view class="mian-bottom">
|
||||
<view class="shouyi-text">项目金额 : ¥{{item.priceTotal}}</view>
|
||||
<view class="mian-bottom-xiang shouyi-text">
|
||||
<view class="view-title-right" v-if="orderType == 2">加钟金额:¥{{item.addArtificerMoney}}</view>
|
||||
<view class="view-title-right" v-if="orderType == 3">充值金额:¥{{item.addArtificerMoney}}</view>
|
||||
</view>
|
||||
<view class="mian-bottom-shou">
|
||||
<span class="shouyi-text">本单收益: </span>
|
||||
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">¥{{item.artificerMoneyTotal}}</span>
|
||||
|
@ -106,7 +111,9 @@
|
|||
服务地址 : {{item.address}}
|
||||
</view>
|
||||
<view class="mian-bottom">
|
||||
<view class="shouyi-text">项目金额 : ¥{{item.priceTotal}}</view>
|
||||
<view class="shouyi-text">
|
||||
<!-- 项目金额 : ¥{{item.priceTotal}} -->
|
||||
</view>
|
||||
<view class="mian-bottom-shou">
|
||||
<span class="shouyi-text">本单收益: </span>
|
||||
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">¥{{item.artificerMoneyTotal}}</span>
|
||||
|
@ -147,7 +154,8 @@
|
|||
isSfwc:'1',
|
||||
homePageCountData:'',
|
||||
earnings:'0',
|
||||
totalCount:''
|
||||
totalCount:'',
|
||||
totalMoney:''
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
|
@ -239,7 +247,8 @@
|
|||
if (that.page == 1) that.listData = []; //如果是第一页需手动制空列表
|
||||
that.listData = [...that.listData, ...res.data.list]; //追加新数据
|
||||
that.earnings = res.earnings;
|
||||
that.totalCount=res.data.totalCount
|
||||
that.totalCount=res.data.totalCount;
|
||||
that.totalMoney=res.data.totalMoney;
|
||||
} else {
|
||||
that.$queue.showToast(res.msg);
|
||||
}
|
||||
|
|
|
@ -71,8 +71,8 @@
|
|||
<view class="mian-bottom">
|
||||
<view class="mian-bottom-xiang shouyi-text">项目金额 : ¥{{item.priceTotal}}</view>
|
||||
<view class="mian-bottom-shou">
|
||||
<span class="shouyi-text">本单收益: </span>
|
||||
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">¥{{item.artificerMoneyTotal}}</span>
|
||||
<span class="shouyi-text">本单积分: </span>
|
||||
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">{{item.jifen}}</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
@ -56,14 +56,14 @@
|
|||
登录
|
||||
</view>
|
||||
</view>
|
||||
<view class="timeShow">
|
||||
时间:<text class="wztext">{{ loglattime }}</text>
|
||||
</view>
|
||||
<view class="gxbox" @click="goNavs('/my/qiandao/index')">
|
||||
<template v-if="loglataddress">
|
||||
<view class="flex align-center gengxin">
|
||||
<view class="align-center gengxin">
|
||||
位置:<text class="wztext">{{ loglataddress }}</text>
|
||||
</view>
|
||||
<view class="flex align-center gengxin">
|
||||
时间:<text class="wztext">{{ loglattime }}</text>
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<view class="flex align-center gengxin" style="justify-content: center;">
|
||||
|
@ -154,10 +154,13 @@
|
|||
</view>
|
||||
|
||||
<view class="csda">
|
||||
<view class="wlalarm">
|
||||
每次服务会减少物料包数量,当数量少于一定值时将做停牌处理!
|
||||
</view>
|
||||
<view class="flex align-center" style="font-size: 16px;font-weight: bold;color: #fff;margin-top: 8px; margin-left: 15rpx;">
|
||||
物料记录
|
||||
<image src="../../static/images/index/yiwen.png" style="width: 16px;height: 17px;margin-left: 3px;"
|
||||
@tap="viewHelp"></image>
|
||||
<!-- <image src="../../static/images/index/yiwen.png" style="width: 16px;height: 17px;margin-left: 3px;"
|
||||
@tap="viewHelp"></image> -->
|
||||
|
||||
<!-- 物料包消耗提示 -->
|
||||
<view>
|
||||
|
@ -199,8 +202,9 @@
|
|||
</view>
|
||||
|
||||
<view v-if="homeMaterialPackageList.length > 3" class="viewMore" @tap="showMoreMaterialPackageList">
|
||||
查看更多</view>
|
||||
物料仓库</view>
|
||||
</view>
|
||||
|
||||
<view v-if="formatHomeMaterialPackageList.length > 0" class="flex align-center justify-between zbhsga">
|
||||
<view class="importMaterialPackage wuliao" v-for="(item, index) in formatHomeMaterialPackageList"
|
||||
:key="item.id">
|
||||
|
@ -282,7 +286,7 @@
|
|||
<view class="flex">
|
||||
<view class="flex align-center radius" style="width: 33%;">
|
||||
<view class="margin-left" style="text-align: center;margin: 0 auto;">
|
||||
<view class="margin-top-xs">待服务</view>
|
||||
<view class="margin-top-xs">已接单</view>
|
||||
<text class="text-bold text-xl">{{countOrderIng}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -368,7 +372,7 @@
|
|||
style="width: 72rpx;height: 72rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view class="margin-left">
|
||||
<view class="margin-top-xs">待服务</view>
|
||||
<view class="margin-top-xs">已接单</view>
|
||||
<text class="text-bold text-xl">{{countOrderIng}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -466,15 +470,15 @@
|
|||
<text class="title-font">{{ item.serveTime }}</text>
|
||||
</view>
|
||||
<view class="progress-status-fk" v-if="item.status == 1">待付款</view>
|
||||
<view class="progress-status-fw" v-if="item.status == 2">待服务</view>
|
||||
<view class="progress-status-fw" v-if="item.status == 2">已接单</view>
|
||||
<view class="progress-status-wa" v-if="item.status == 5">已完成</view>
|
||||
<view class="progress-status-jx" v-if="item.status == 6">进行中</view>
|
||||
<view class="progress-status-cf" v-if="item.status == 7">已出发</view>
|
||||
<view class="progress-status-dd" v-if="item.status == 8">已到达</view>
|
||||
<view class="progress-status" v-if="item.status == 3">待评价</view>
|
||||
<view class="progress-status-qx" v-if="item.status == 4">已取消</view>
|
||||
<view class="progress-status-qr" v-if="item.status == 9&&!item.refusalContent">待确认</view>
|
||||
<view class="progress-status-jd" v-if="item.status == 9&&item.refusalContent">拒单审核中</view>
|
||||
<view class="progress-status-qr" v-if="item.status == 9&&!item.refusalContent">待接单</view>
|
||||
<view class="progress-status-jd" v-if="item.status == 9&&item.refusalContent">拒单审核</view>
|
||||
<view class="progress-status-daibu" v-if="item.status == 10" >待补单</view>
|
||||
<view v-if="item.overTimeOrders == 1" class="progress-status-chaoshi">[超时]</view>
|
||||
<!-- <view class="text-green" v-if="item.state ==1 ||item.state ==2">待完成</view>
|
||||
|
@ -1646,6 +1650,7 @@ body {
|
|||
}
|
||||
.gengxin{
|
||||
color: #def7f4;
|
||||
display: flex;
|
||||
}
|
||||
.jishi-index-title{
|
||||
width: 100%;
|
||||
|
@ -1789,7 +1794,6 @@ page {
|
|||
}
|
||||
|
||||
.wztext {
|
||||
width: 200rpx;
|
||||
overflow: hidden;
|
||||
//text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
@ -1849,7 +1853,7 @@ page {
|
|||
}
|
||||
|
||||
.csda {
|
||||
height: 202rpx;
|
||||
height: 272rpx;
|
||||
border-radius: 30rpx;
|
||||
background: url(../../static/index/fun_banner2.png);
|
||||
background-size: cover;
|
||||
|
@ -2117,11 +2121,17 @@ uni-switch::before {
|
|||
.viewMore {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 25px;
|
||||
// top: 25px;
|
||||
font-size:24rpx;
|
||||
color: #019c88;
|
||||
}
|
||||
|
||||
.wlalarm {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.materialPackageTitle {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
|
@ -2184,7 +2194,7 @@ uni-switch::before {
|
|||
padding:20rpx 20rpx 10rpx 20rpx;
|
||||
}
|
||||
.avatar-section{
|
||||
padding:30rpx 0 50rpx 0;
|
||||
padding:30rpx 0 0rpx 0;
|
||||
position: relative;
|
||||
}
|
||||
.avatar-section-text{
|
||||
|
@ -2199,4 +2209,8 @@ uni-switch::before {
|
|||
.money_text2{
|
||||
font-size:26rpx;
|
||||
}
|
||||
.timeShow{
|
||||
color: #019c88;
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -43,6 +43,8 @@
|
|||
<span class="view-title-left-text" v-if="orderType==2">本期{{isSfwc=='1'?'已加钟':'未加钟'}}订单</span>
|
||||
<span class="view-title-left-text" v-if="orderType==3">本期{{isSfwc=='1'?'已充值':'未充值'}}订单</span>
|
||||
</view>
|
||||
<view class="view-title-right" v-if="isSfwc=='1'&&orderType == 2">加钟总金额: ¥{{totalMoney}}</view>
|
||||
<view class="view-title-right" v-if="isSfwc=='1'&&orderType == 3">充值总金额: ¥{{totalMoney}}</view>
|
||||
<view class="view-title-right">订单数量: {{totalCount}}</view>
|
||||
</view>
|
||||
<!--本期加钟 充值 订单-->
|
||||
|
@ -74,7 +76,10 @@
|
|||
服务地址 : {{item.address}}
|
||||
</view>
|
||||
<view class="mian-bottom">
|
||||
<view class="mian-bottom-xiang shouyi-text">项目金额 : ¥{{item.priceTotal}}</view>
|
||||
<view class="mian-bottom-xiang shouyi-text">
|
||||
<view class="view-title-right" v-if="orderType == 2">加钟金额:¥{{item.addArtificerMoney}}</view>
|
||||
<view class="view-title-right" v-if="orderType == 3">充值金额:¥{{item.addArtificerMoney}}</view>
|
||||
</view>
|
||||
<view class="mian-bottom-shou">
|
||||
<span class="shouyi-text">本单收益: </span>
|
||||
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">¥{{item.artificerMoneyTotal}}</span>
|
||||
|
@ -113,7 +118,9 @@
|
|||
服务地址 : {{item.address}}
|
||||
</view>
|
||||
<view class="mian-bottom">
|
||||
<view class="shouyi-text">项目金额 : ¥{{item.priceTotal}}</view>
|
||||
<view class="shouyi-text">
|
||||
<!-- 项目金额 : ¥{{item.priceTotal}} -->
|
||||
</view>
|
||||
<view class="mian-bottom-shou">
|
||||
<span class="shouyi-text">本单收益: </span>
|
||||
<span class="shouyi-text" style="color: #FF6000;font-weight: bold;">¥{{item.artificerMoneyTotal}}</span>
|
||||
|
@ -156,7 +163,8 @@
|
|||
wqsyshow:true,
|
||||
wqlistData:[],
|
||||
earnings:'0%',
|
||||
totalCount:''
|
||||
totalCount:'',
|
||||
totalMoney:''
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
|
@ -252,7 +260,8 @@
|
|||
if (that.page == 1) that.listData = []; //如果是第一页需手动制空列表
|
||||
that.listData = [...that.listData, ...res.data.list]; //追加新数据
|
||||
that.earnings = res.earnings;
|
||||
that.totalCount=res.data.totalCount
|
||||
that.totalCount=res.data.totalCount;
|
||||
that.totalMoney=res.totalMoney;
|
||||
} else {
|
||||
that.$queue.showToast(res.msg);
|
||||
}
|
||||
|
|
|
@ -23,9 +23,9 @@
|
|||
<view class="flex align-center" style="font-size: 14px;">
|
||||
<image src="../../static/images/my/start.png"
|
||||
style="width: 13px;height: 12px;margin: 0 6rpx 0 20rpx;"></image>
|
||||
{{ordersScore}}
|
||||
星级:{{ordersScore}}
|
||||
</view>
|
||||
<view class="xyf" @click="goNav('/my/wallet/xinyongfendetail')">{{ creditScore }}</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="flex margin-left-sm margin-top-xs" v-if="XCXIsSelect != '否'"
|
||||
|
@ -42,6 +42,7 @@
|
|||
<view class="online-tag" v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index')">
|
||||
已拒绝
|
||||
</view>
|
||||
<view class="xyf" @click="goNav('/my/wallet/xinyongfendetail')">信用分:{{ creditScore }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -182,7 +183,7 @@
|
|||
<image src="../../static/images/my/hetong.png"
|
||||
style="width: 54rpx;height: 60rpx;margin-bottom: 4px;margin-top: 20px;"></image>
|
||||
<view class="">
|
||||
合同
|
||||
实名认证入口
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
|
@ -12,22 +12,25 @@
|
|||
<view class="selectTimt-bottom">
|
||||
<view @click="showPopup">
|
||||
<uni-title type="h4" title="开始时间" align="center" ></uni-title>
|
||||
<view class="uni-input">{{starTime}}</view>
|
||||
<scrollbarPicker :select.sync='starTime' @Time='bindTimeChange'/>
|
||||
<!-- <view class="uni-input">{{starTime}}</view> -->
|
||||
</view>
|
||||
<!-- 弹出层本身 -->
|
||||
<scrollbarPicker :visibleShow.sync="pickerVisible" @Time='bindTimeChange'/>
|
||||
<!-- <scrollbarPicker :visibleShow.sync="pickerVisible" @Time='bindTimeChange'/> -->
|
||||
</view>
|
||||
<view class="selectTimt-bottom">
|
||||
<view @click="showEndPopup">
|
||||
<uni-title type="h4" title="结束时间" align="center" ></uni-title>
|
||||
<view class="uni-input">
|
||||
<scrollbarEndPicker :select.sync='endTime' @Time='bindTimeChangeEndTime'/>
|
||||
<!-- <view class="uni-input">
|
||||
<span>{{endTime}}</span>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- 弹出层本身 -->
|
||||
<scrollbarEndPicker :visibleShow.sync="pickerEndVisible" @Time='bindTimeChangeEndTime'/>
|
||||
<!-- <scrollbarEndPicker :visibleShow.sync="pickerEndVisible" @Time='bindTimeChangeEndTime'/> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="sub" @click="saveJd()">保存接单</view>
|
||||
</view>
|
||||
<view class="container-top">
|
||||
<span>设置不可接单时间</span>
|
||||
|
@ -51,7 +54,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sub" @click="sub()">保存选择</view>
|
||||
<view class="sub" @click="saveBjd()">保存不接单</view>
|
||||
<!-- <view class="push-button">
|
||||
<view class="detail-btn" @click="sub()">
|
||||
保存选择
|
||||
|
@ -87,6 +90,7 @@
|
|||
isPopupShow: false,
|
||||
pickerVisible:false,
|
||||
pickerEndVisible:false,
|
||||
Iselect:false,
|
||||
today: [{
|
||||
artificerTime: '00:00',
|
||||
isSelected: false,
|
||||
|
@ -664,6 +668,48 @@
|
|||
}
|
||||
});
|
||||
},
|
||||
saveJd() {
|
||||
this.$queue.showLoading('设置中...');
|
||||
var data = {
|
||||
idleTime: this.timeCurrent + ',' + this.tomorrowTime,
|
||||
artificerId: uni.getStorageSync('artificerId')
|
||||
}
|
||||
if (this.selectDate == '明天') {
|
||||
data.idleTime = (this.timeList + ' ' + this.starTime) + ',' + (dayAfterTomorrow().dayAfterTomorrow +
|
||||
' ' + this.endTime);
|
||||
} else if (this.selectDate == '后天') {
|
||||
data.idleTime = (this.timeList + ' ' + this.starTime) + ',' + (dayAfterTomorrowD().dayAfterTomorrowD +
|
||||
' ' + this.endTime);
|
||||
}
|
||||
this.$Request.postT('/app/artificerTime/setArtificerJdTime', data).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$queue.showToast('设置成功!')
|
||||
this.getMsTime(this.timeList)
|
||||
} else {
|
||||
this.$queue.showToast(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
saveBjd() {
|
||||
var time = [];
|
||||
for (var i = 0; i < this.timeData.length; i++) {
|
||||
time.push(
|
||||
this.timeData[i].createTime + ' ' + this.timeData[i].artificerTime
|
||||
)
|
||||
}
|
||||
var data = {
|
||||
busyTime: time.toString(),
|
||||
artificerId: uni.getStorageSync('artificerId')
|
||||
}
|
||||
this.$Request.postT('/app/artificerTime/setArtificerBjdTime', data).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$queue.showToast('设置成功!')
|
||||
this.getMsTime(this.timeList)
|
||||
} else {
|
||||
this.$queue.showToast(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
getMsTime(artificerDate) {
|
||||
// this.yearsDate = artificerDate;
|
||||
this.$Request.getT('/app/artificerTime/selectArtificerTimeByArtificerId?artificerId=' + uni.getStorageSync(
|
||||
|
@ -721,6 +767,7 @@
|
|||
this.timeCurrent = jintian + ' ' + this.starTime;
|
||||
}
|
||||
this.endTime = res.endTime.slice(0, 5);
|
||||
//this.Iselect = true;
|
||||
} else {
|
||||
this.isTrue = false
|
||||
}
|
||||
|
|
|
@ -1,99 +1,101 @@
|
|||
<template>
|
||||
<div>
|
||||
<VuePicker :data="pickData" :showToolbar="true" @cancel="cancel" @confirm="confirm"
|
||||
:visible.sync="pickerVisible" />
|
||||
<div class="telly-item">
|
||||
<!-- <VuePicker :data="pickData" :showToolbar="true" @cancel="cancel" @confirm="confirm"
|
||||
:visible.sync="pickerVisible" /> -->
|
||||
<telly-picker :value="value3" :pickershow="pickerVisible" :showClear='false' :range="pickData" :rangekey="rangekey3"
|
||||
:placeholderText="placeholderText" @bindChange="multibindChange" @cancel="cancel" @confirm="multiconfirm">
|
||||
</telly-picker>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import VuePicker from 'vue-pickers'
|
||||
const tdata = [{
|
||||
label: '00',
|
||||
// import VuePicker from 'vue-pickers'
|
||||
const tdata = [
|
||||
{
|
||||
"hour": '00',
|
||||
},
|
||||
{
|
||||
label: '01',
|
||||
"hour": '01',
|
||||
},
|
||||
{
|
||||
label: '02',
|
||||
"hour": '02',
|
||||
},
|
||||
{
|
||||
label: '03',
|
||||
"hour": '03',
|
||||
},
|
||||
{
|
||||
label: '04',
|
||||
"hour": '04',
|
||||
},
|
||||
{
|
||||
label: '05',
|
||||
"hour": '05',
|
||||
},
|
||||
{
|
||||
label: '06',
|
||||
"hour": '06',
|
||||
},
|
||||
{
|
||||
label: '07',
|
||||
"hour": '07',
|
||||
},
|
||||
{
|
||||
label: '08',
|
||||
"hour": '08',
|
||||
},
|
||||
{
|
||||
label: '09',
|
||||
"hour": '09',
|
||||
},
|
||||
{
|
||||
label: '10',
|
||||
"hour": '10',
|
||||
},
|
||||
{
|
||||
label: '11',
|
||||
"hour": '11',
|
||||
},
|
||||
{
|
||||
label: '12',
|
||||
"hour": '12',
|
||||
},
|
||||
{
|
||||
label: '13',
|
||||
"hour": '13',
|
||||
},
|
||||
{
|
||||
label: '14',
|
||||
"hour": '14',
|
||||
},
|
||||
{
|
||||
label: '15',
|
||||
"hour": '15',
|
||||
},
|
||||
{
|
||||
label: '16',
|
||||
"hour": '16',
|
||||
},
|
||||
{
|
||||
label: '17',
|
||||
"hour": '17',
|
||||
},
|
||||
{
|
||||
label: '18',
|
||||
"hour":'18',
|
||||
},
|
||||
{
|
||||
label: '19',
|
||||
"hour": '19',
|
||||
},
|
||||
{
|
||||
label: '20',
|
||||
"hour": '20',
|
||||
},
|
||||
{
|
||||
label: '21',
|
||||
"hour": '21',
|
||||
},
|
||||
{
|
||||
label: '22',
|
||||
"hour": '22',
|
||||
},
|
||||
{
|
||||
label: '23',
|
||||
"hour": '23',
|
||||
},
|
||||
]
|
||||
var tdata2 = [{
|
||||
label: '00',
|
||||
var tdata2 = [
|
||||
{
|
||||
"minute": '00',
|
||||
},
|
||||
{
|
||||
label: '30',
|
||||
"minute": '30',
|
||||
},
|
||||
]
|
||||
|
||||
export default {
|
||||
components: {
|
||||
VuePicker
|
||||
},
|
||||
props: {
|
||||
visibleShow: Boolean,
|
||||
select:String,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
@ -101,25 +103,60 @@
|
|||
tdata,
|
||||
tdata2
|
||||
],
|
||||
pickerVisible: false,
|
||||
result: ''
|
||||
pickerVisible: true,
|
||||
// result: '',
|
||||
dateinfo: {},
|
||||
placeholderText:this.select,
|
||||
//dateRange: [],
|
||||
value3: [0, 0],
|
||||
rangekey3: ['hour', 'minute'],
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visibleShow(val) {
|
||||
this.pickerVisible = val
|
||||
watch:{
|
||||
select(val){
|
||||
this.placeholderText = val
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.result = 'click cancel result: null'
|
||||
this.$emit('update:visibleShow', false);
|
||||
// cancel() {
|
||||
// this.result = 'click cancel result: null'
|
||||
// this.$emit('update:visibleShow', false);
|
||||
// },
|
||||
// confirm(res) {
|
||||
// //console.log("this.result",res[0].label)
|
||||
// this.$emit('update:visibleShow', false);
|
||||
// this.$emit('Time', `${res[0].label}:${res[1].label}`);
|
||||
// }
|
||||
multiconfirm(e) {
|
||||
console.log(e)
|
||||
this.dateinfo = {};
|
||||
this.dateinfo.year = e[0].hour;
|
||||
this.dateinfo.month = e[1].minute;
|
||||
this.$emit('Time', `${e[0].hour}:${e[1].minute}`);
|
||||
},
|
||||
//多列选择器 选择改变事件
|
||||
multibindChange(e) {
|
||||
console.log(e)
|
||||
},
|
||||
//取消事件
|
||||
cancel() {
|
||||
uni.showToast({
|
||||
title: "点击了取消"
|
||||
})
|
||||
},
|
||||
confirm(res) {
|
||||
//console.log("this.result",res[0].label)
|
||||
this.$emit('update:visibleShow', false);
|
||||
this.$emit('Time', `${res[0].label}:${res[1].label}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
/deep/.uni-flex{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.telly-item {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
padding: 10rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
|
@ -1,99 +1,99 @@
|
|||
<template>
|
||||
<div>
|
||||
<VuePicker :data="pickData" :showToolbar="true" @cancel="cancel" @confirm="confirm"
|
||||
:visible.sync="pickerVisible" />
|
||||
<div class="telly-item">
|
||||
<telly-picker :value="value3" :showClear='false' :range="pickData" :rangekey="rangekey3"
|
||||
:placeholderText="placeholderText" @bindChange="multibindChange" @cancel="cancel" @confirm="multiconfirm">
|
||||
</telly-picker>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import VuePicker from 'vue-pickers'
|
||||
const tdata = [{
|
||||
label: '00',
|
||||
//import VuePicker from 'vue-pickers'
|
||||
const tdata = [
|
||||
{
|
||||
"hour": '00',
|
||||
},
|
||||
{
|
||||
label: '01',
|
||||
"hour": '01',
|
||||
},
|
||||
{
|
||||
label: '02',
|
||||
"hour": '02',
|
||||
},
|
||||
{
|
||||
label: '03',
|
||||
"hour": '03',
|
||||
},
|
||||
{
|
||||
label: '04',
|
||||
"hour": '04',
|
||||
},
|
||||
{
|
||||
label: '05',
|
||||
"hour": '05',
|
||||
},
|
||||
{
|
||||
label: '06',
|
||||
"hour": '06',
|
||||
},
|
||||
{
|
||||
label: '07',
|
||||
"hour": '07',
|
||||
},
|
||||
{
|
||||
label: '08',
|
||||
"hour": '08',
|
||||
},
|
||||
{
|
||||
label: '09',
|
||||
"hour": '09',
|
||||
},
|
||||
{
|
||||
label: '10',
|
||||
"hour": '10',
|
||||
},
|
||||
{
|
||||
label: '11',
|
||||
"hour": '11',
|
||||
},
|
||||
{
|
||||
label: '12',
|
||||
"hour": '12',
|
||||
},
|
||||
{
|
||||
label: '13',
|
||||
"hour": '13',
|
||||
},
|
||||
{
|
||||
label: '14',
|
||||
"hour": '14',
|
||||
},
|
||||
{
|
||||
label: '15',
|
||||
"hour": '15',
|
||||
},
|
||||
{
|
||||
label: '16',
|
||||
"hour": '16',
|
||||
},
|
||||
{
|
||||
label: '17',
|
||||
"hour": '17',
|
||||
},
|
||||
{
|
||||
label: '18',
|
||||
"hour":'18',
|
||||
},
|
||||
{
|
||||
label: '19',
|
||||
"hour": '19',
|
||||
},
|
||||
{
|
||||
label: '20',
|
||||
"hour": '20',
|
||||
},
|
||||
{
|
||||
label: '21',
|
||||
"hour": '21',
|
||||
},
|
||||
{
|
||||
label: '22',
|
||||
"hour": '22',
|
||||
},
|
||||
{
|
||||
label: '23',
|
||||
"hour": '23',
|
||||
},
|
||||
]
|
||||
var tdata2 = [{
|
||||
label: '00',
|
||||
var tdata2 = [
|
||||
{
|
||||
"minute": '00',
|
||||
},
|
||||
{
|
||||
label: '30',
|
||||
"minute": '30',
|
||||
},
|
||||
]
|
||||
|
||||
export default {
|
||||
components: {
|
||||
VuePicker
|
||||
},
|
||||
props: {
|
||||
visibleShow: Boolean,
|
||||
select:String,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
@ -101,25 +101,60 @@
|
|||
tdata,
|
||||
tdata2
|
||||
],
|
||||
pickerVisible: false,
|
||||
result: ''
|
||||
// result: '',
|
||||
dateinfo: {},
|
||||
//dateRange: [],
|
||||
placeholderText:this.select,
|
||||
value3: [0, 0],
|
||||
rangekey3: ['hour', 'minute'],
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visibleShow(val) {
|
||||
this.pickerVisible = val
|
||||
watch:{
|
||||
select(val){
|
||||
this.placeholderText = val
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.result = 'click cancel result: null'
|
||||
this.$emit('update:visibleShow', false);
|
||||
// cancel() {
|
||||
// this.result = 'click cancel result: null'
|
||||
// this.$emit('update:visibleShow', false);
|
||||
// },
|
||||
// confirm(res) {
|
||||
// //console.log("this.result",res[0].label)
|
||||
// this.$emit('update:visibleShow', false);
|
||||
// this.$emit('Time', `${res[0].label}:${res[1].label}`);
|
||||
// },
|
||||
//多列选择器 确定事件
|
||||
|
||||
multiconfirm(e) {
|
||||
console.log(e)
|
||||
//this.dateinfo = {};
|
||||
// this.dateinfo.year = e[0].hour;
|
||||
// this.dateinfo.month = e[1].minute;
|
||||
this.$emit('Time', `${e[0].hour}:${e[1].minute}`);
|
||||
},
|
||||
//多列选择器 选择改变事件
|
||||
multibindChange(e) {
|
||||
console.log(e)
|
||||
},
|
||||
//取消事件
|
||||
cancel() {
|
||||
uni.showToast({
|
||||
title: "点击了取消"
|
||||
})
|
||||
},
|
||||
confirm(res) {
|
||||
//console.log("this.result",res[0].label)
|
||||
this.$emit('update:visibleShow', false);
|
||||
this.$emit('Time', `${res[0].label}:${res[1].label}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
/deep/.uni-flex{
|
||||
display: flex;
|
||||
}
|
||||
.telly-item {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
padding: 10rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
|
@ -92,15 +92,15 @@
|
|||
<text class="title-font">{{ item.serveTime }}</text>
|
||||
</view>
|
||||
<!-- <view class="text-green" v-if="item.status == 1">待支付</view> -->
|
||||
<view class="progress-status-fk" v-if="item.status == 2">待服务</view>
|
||||
<view class="progress-status-fk" v-if="item.status == 2">已接单</view>
|
||||
<view class="progress-status" v-if="item.status == 3">待评价</view>
|
||||
<view class="progress-status-qx" v-if="item.status == 4">已取消</view>
|
||||
<view class="progress-status-wa" v-if="item.status == 5">已完成</view>
|
||||
<view class="progress-status-jx" v-if="item.status == 6">服务中</view>
|
||||
<view class="progress-status-cf" v-if="item.status == 7">技师出发</view>
|
||||
<view class="progress-status-dd" v-if="item.status == 8">技师到达</view>
|
||||
<view class="progress-status-qr" v-if="item.status ==9&&!item.refusalContent">待确认</view>
|
||||
<view class="progress-status-jd" v-if="item.status == 9&&item.refusalContent" >拒单审核中</view>
|
||||
<view class="progress-status-cf" v-if="item.status == 7">已出发</view>
|
||||
<view class="progress-status-dd" v-if="item.status == 8">已到达</view>
|
||||
<view class="progress-status-qr" v-if="item.status ==9&&!item.refusalContent">待接单</view>
|
||||
<view class="progress-status-jd" v-if="item.status == 9&&item.refusalContent" >拒单审核</view>
|
||||
<view class="progress-status-daibu" v-if="item.status ==10">待补单</view>
|
||||
<view v-if="item.overTimeOrders == 1" class="progress-status-chaoshi">[超时]</view>
|
||||
<!-- <view class="text-green" v-if="item.state ==1 ||item.state ==2">待完成</view>
|
||||
|
@ -158,7 +158,7 @@
|
|||
<u-button v-if="item.status == 6&&(item.earlyFinishReason!=null||item.endOfServiceTimer<0)" :custom-style="customStyle1" shape="circle" :plain="true"
|
||||
@click="cancel(item)">服务完成</u-button>
|
||||
<u-button v-if="item.status == 9&& !item.refusalContent" :custom-style="customStyle1" shape="circle" :plain="true"
|
||||
@click="nineState(item.ordersId)">确认接单</u-button>
|
||||
@click="nineState(item.ordersId)">接单</u-button>
|
||||
<u-button :custom-style="customStyle" shape="circle" :plain="true"
|
||||
@click="goChat">联系客服</u-button>
|
||||
</view>
|
||||
|
@ -271,7 +271,7 @@
|
|||
noactivityTitleTextProps: {
|
||||
class: 'noactivityTitleTextProps',
|
||||
},
|
||||
name: '待服务',
|
||||
name: '已接单',
|
||||
status: '2'
|
||||
}, {
|
||||
activityImageProps: {
|
||||
|
@ -316,8 +316,8 @@
|
|||
status: 1,
|
||||
nickName: '',
|
||||
customStyle: {
|
||||
color: '#999999',
|
||||
border: '2rpx solid #999999',
|
||||
color: '#029D88',
|
||||
border: '2rpx solid #029D88',
|
||||
// backgroundColor: '#1E1F31',
|
||||
border: "8rpx",
|
||||
width: '180rpx',
|
||||
|
@ -596,7 +596,7 @@
|
|||
})
|
||||
}
|
||||
},
|
||||
nineState(ordersId){//确认接单
|
||||
nineState(ordersId){//待接单
|
||||
var that=this;
|
||||
that.$Request.getT("/app/artificer/jishiQueren",{
|
||||
ordersId:ordersId
|
||||
|
@ -604,7 +604,7 @@
|
|||
if (res.code == 200) {
|
||||
console.log("asdsad")
|
||||
uni.showToast({
|
||||
title:'已确认接单'
|
||||
title:'已接单'
|
||||
})
|
||||
that.mescroll.resetUpScroll()
|
||||
} else {
|
||||
|
|
|
@ -3,20 +3,20 @@
|
|||
<view class="padding bg radius margin">
|
||||
<view class="padding-top">发布内容</view>
|
||||
<view class="margin-tb-sm">
|
||||
<u-input v-model="form.describes" style="border-radius: 20rpx;"
|
||||
type="textarea" height="200" placeholde="请填写发布内容" maxlengt="200" :clearable="false" />
|
||||
<u-input v-model="form.describes" style="border-radius: 20rpx;" type="textarea" height="200"
|
||||
placeholde="请填写发布内容" maxlengt="200" :clearable="false" />
|
||||
</view>
|
||||
</view>
|
||||
<view class=" padding bg radius margin">
|
||||
<view class="margin-top-sm">上传视频</view>
|
||||
<view class="flex" style="overflow: hidden;flex-wrap: wrap;">
|
||||
<view class="margin-top flex margin-right-sm flex-wrap" v-if="videosList">
|
||||
<view class="flex" style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;">
|
||||
<video style="width: 100%;height: 100%;" :src="videosList"></video>
|
||||
<view style="z-index: 9;position: absolute;top: -15rpx;right: -15rpx;" @click="headVideoremove">
|
||||
<u-icon name="close-circle-fill" color="#d81e06" size="50rpx"></u-icon>
|
||||
</view>
|
||||
<view class="flex" style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;">
|
||||
<video style="width: 100%;height: 100%;" :src="videosList"></video>
|
||||
<view style="z-index: 9;position: absolute;top: -15rpx;right: -15rpx;" @click="headVideoremove">
|
||||
<u-icon name="close-circle-fill" color="#d81e06" size="50rpx"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin-top" @click="addvideo" v-if="videosList.length<=0">
|
||||
|
@ -34,12 +34,13 @@
|
|||
<view class="margin-top-sm">视频封面</view>
|
||||
<view class="flex" style="overflow: hidden;flex-wrap: wrap;">
|
||||
<view class="margin-top flex margin-right-sm flex-wrap" v-if="form.headImg && form.headImg.length">
|
||||
<view class="flex" style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;">
|
||||
<image :src="form.headImg" style="width: 100%;height: 100%;"></image>
|
||||
<view style="z-index: 9;position: absolute;top: -15rpx;right: -15rpx;" @click="headImgremove(index)">
|
||||
<u-icon name="close-circle-fill" color="#d81e06" size="50rpx"></u-icon>
|
||||
</view>
|
||||
<view class="flex" style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;">
|
||||
<image :src="form.headImg" style="width: 100%;height: 100%;"></image>
|
||||
<view style="z-index: 9;position: absolute;top: -15rpx;right: -15rpx;"
|
||||
@click="headImgremove(index)">
|
||||
<u-icon name="close-circle-fill" color="#d81e06" size="50rpx"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin-top" @click="addImage" v-if="form.headImg.length<=0">
|
||||
|
@ -48,14 +49,13 @@
|
|||
<view class="text-center">
|
||||
<image src="../../static/images/my/avatar.png" style="width: 80rpx;height: 80rpx;"></image>
|
||||
</view>
|
||||
<view class="text-center add-word">添加头像</view>
|
||||
<view class="text-center add-word">添加封面</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="push-button">
|
||||
<view class="tabbar"
|
||||
@click="submit()">发布
|
||||
<view class="tabbar" @click="submit()">发布
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -70,16 +70,15 @@
|
|||
form: {
|
||||
//头像上传
|
||||
headImg: '',
|
||||
|
||||
|
||||
},
|
||||
//头像上传
|
||||
headImg: [],
|
||||
videos: [],
|
||||
videosList:''
|
||||
videosList: ''
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
},
|
||||
onLoad(e) {},
|
||||
methods: {
|
||||
headImgremove(index) {
|
||||
this.form.headImg = ''
|
||||
|
@ -104,14 +103,14 @@
|
|||
})
|
||||
return
|
||||
}
|
||||
if (!this.form.headImg) {
|
||||
uni.showToast({
|
||||
title: '请上视频封面',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
})
|
||||
return;
|
||||
}
|
||||
// if (!this.form.headImg) {
|
||||
// uni.showToast({
|
||||
// title: '请上视频封面',
|
||||
// icon: 'none',
|
||||
// duration: 1000
|
||||
// })
|
||||
// return;
|
||||
// }
|
||||
let data = {
|
||||
createBy: uni.getStorageSync("userId"),
|
||||
filePath: this.videosList,
|
||||
|
@ -137,7 +136,7 @@
|
|||
}
|
||||
});
|
||||
},
|
||||
addvideo(e){
|
||||
addvideo(e) {
|
||||
let that = this
|
||||
uni.chooseVideo({
|
||||
count: 1,
|
||||
|
@ -147,77 +146,114 @@
|
|||
for (let i = 0; i < that.videos.length; i++) {
|
||||
that.$queue.showLoading("上传中...");
|
||||
uni.getFileInfo({
|
||||
filePath: that.videos[i],
|
||||
success: (infoRes) => {
|
||||
const size = infoRes.size;
|
||||
if (size / 1024 / 1024 > 10) {
|
||||
// 图片大于2MB
|
||||
uni.showToast({
|
||||
icon:'error',
|
||||
title:'视频超出10MB限制,请重新选择'
|
||||
})
|
||||
} else {
|
||||
// 图片小于等于2MB
|
||||
uni.uploadFile({ // 上传接口
|
||||
url: websocketUtils.uploadFileUrl(), //真实的接口地址
|
||||
filePath: that.videos[i],
|
||||
name: 'file',
|
||||
success: (uploadFileRes) => {
|
||||
that.videosList = JSON.parse(uploadFileRes.data).data
|
||||
console.log("that.videosList",that.videosList)
|
||||
uni.hideLoading();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
fail: () => {
|
||||
console.log("上传是被")
|
||||
// callback(false);
|
||||
}
|
||||
filePath: that.videos[i],
|
||||
success: (infoRes) => {
|
||||
const size = infoRes.size;
|
||||
if (size / 1024 / 1024 > 10) {
|
||||
// 图片大于2MB
|
||||
uni.showToast({
|
||||
icon: 'error',
|
||||
title: '视频超出10MB限制,请重新选择'
|
||||
})
|
||||
} else {
|
||||
//获取视频第一帧作为封面
|
||||
this.onLoadedMetadata(res.tempFilePath);
|
||||
|
||||
// 图片小于等于2MB
|
||||
uni.uploadFile({ // 上传接口
|
||||
url: websocketUtils.uploadFileUrl(), //真实的接口地址
|
||||
filePath: that.videos[i],
|
||||
name: 'file',
|
||||
success: (uploadFileRes) => {
|
||||
that.videosList = JSON.parse(
|
||||
uploadFileRes.data).data
|
||||
console.log("that.videosList", that
|
||||
.videosList)
|
||||
uni.hideLoading();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
fail: () => {
|
||||
console.log("上传失败")
|
||||
// callback(false);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
onLoadedMetadata(tempFilePath) {
|
||||
let that = this
|
||||
const canvas = document.createElement('canvas');
|
||||
// 设置Canvas大小
|
||||
canvas.width = 295;
|
||||
canvas.height = 355;
|
||||
console.log(canvas);
|
||||
const context = canvas.getContext('2d');
|
||||
const video = document.createElement('video');
|
||||
video.src = tempFilePath;
|
||||
// 播放视频并立即暂停以加载第一帧
|
||||
video.play().then(() => {
|
||||
video.pause();
|
||||
// 将视频的第一帧绘制到canvas上
|
||||
context.drawImage(video, 0, 0, canvas.width, canvas.height);
|
||||
// 将canvas转换为base64图片
|
||||
const base64Image = canvas.toDataURL('image/png');
|
||||
// 你可以在这里将base64Image用于显示或其他处理
|
||||
that.checkImageSize(base64Image, (isValid) => {
|
||||
if (isValid) {
|
||||
// 图片校验通过后的逻辑
|
||||
console.log('图片校验通过,可以上传');
|
||||
} else {
|
||||
console.log('图片超出大小限制,请重新选择');
|
||||
}
|
||||
});
|
||||
}).catch(error => {
|
||||
console.error('无法播放视频:', error);
|
||||
});
|
||||
},
|
||||
|
||||
// 检查图片尺寸
|
||||
checkImageSize(filePath, callback) {
|
||||
let that = this
|
||||
uni.getFileInfo({
|
||||
filePath: filePath,
|
||||
success: (infoRes) => {
|
||||
const size = infoRes.size;
|
||||
if (size / 1024 / 1024 > 2) {
|
||||
// 图片大于2MB
|
||||
uni.showToast({
|
||||
icon:'error',
|
||||
title:'图片超出2MB限制,请重新选择'
|
||||
})
|
||||
callback(false);
|
||||
} else {
|
||||
// 图片小于等于2MB
|
||||
this.uploadImage(filePath)
|
||||
callback(true);
|
||||
}
|
||||
},
|
||||
fail: () => {
|
||||
callback(false);
|
||||
}
|
||||
});
|
||||
let that = this
|
||||
uni.getFileInfo({
|
||||
filePath: filePath,
|
||||
success: (infoRes) => {
|
||||
const size = infoRes.size;
|
||||
if (size / 1024 / 1024 > 2) {
|
||||
// 图片大于2MB
|
||||
uni.showToast({
|
||||
icon: 'error',
|
||||
title: '图片超出2MB限制,请重新选择'
|
||||
})
|
||||
callback(false);
|
||||
} else {
|
||||
// 图片小于等于2MB
|
||||
this.uploadImage(filePath)
|
||||
callback(true);
|
||||
}
|
||||
},
|
||||
fail: () => {
|
||||
callback(false);
|
||||
}
|
||||
});
|
||||
},
|
||||
// 上传图片
|
||||
uploadImage(filePath) {
|
||||
console.log("filePath",filePath)
|
||||
console.log("filePath", filePath)
|
||||
let that = this
|
||||
uni.uploadFile({ // 上传接口
|
||||
url: websocketUtils.uploadFileUrl(), //真实的接口地址
|
||||
filePath: filePath,
|
||||
name: 'file',
|
||||
success: (uploadFileRes) => {
|
||||
that.form.headImg = JSON.parse(uploadFileRes.data).data
|
||||
uni.hideLoading();
|
||||
|
||||
}
|
||||
});
|
||||
uni.uploadFile({ // 上传接口
|
||||
url: websocketUtils.uploadFileUrl(), //真实的接口地址
|
||||
filePath: filePath,
|
||||
name: 'file',
|
||||
success: (uploadFileRes) => {
|
||||
that.form.headImg = JSON.parse(uploadFileRes.data).data
|
||||
uni.hideLoading();
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
addImage() {
|
||||
let that = this
|
||||
|
@ -226,14 +262,14 @@
|
|||
sourceType: ['album', 'camera'],
|
||||
success: res => {
|
||||
that.$queue.showLoading("上传中...");
|
||||
var tempFilePaths=res.tempFilePaths[0]
|
||||
var tempFilePaths = res.tempFilePaths[0]
|
||||
that.checkImageSize(tempFilePaths, (isValid) => {
|
||||
if (isValid) {
|
||||
// 图片校验通过后的逻辑
|
||||
console.log('图片校验通过,可以上传');
|
||||
} else {
|
||||
console.log('图片超出大小限制,请重新选择');
|
||||
}
|
||||
if (isValid) {
|
||||
// 图片校验通过后的逻辑
|
||||
console.log('图片校验通过,可以上传');
|
||||
} else {
|
||||
console.log('图片超出大小限制,请重新选择');
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
|
@ -249,15 +285,17 @@
|
|||
|
||||
.bg {
|
||||
width: 94%;
|
||||
margin:20rpx auto;
|
||||
background-color: #FFFFFF;
|
||||
margin: 20rpx auto;
|
||||
background-color: #FFFFFF;
|
||||
padding: 20rpx 36rpx;
|
||||
border-radius: 26rpx;
|
||||
}
|
||||
.add-word{
|
||||
|
||||
.add-word {
|
||||
font-size: 26rpx;
|
||||
color: #afb5c1;
|
||||
}
|
||||
|
||||
.skbox {}
|
||||
|
||||
.skleft {
|
||||
|
@ -291,28 +329,30 @@
|
|||
line-height: 78upx;
|
||||
/* background: #f7f7f7; */
|
||||
}
|
||||
.push-button{
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 0 auto;
|
||||
|
||||
.push-button {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.tabbar {
|
||||
display: inline-block;
|
||||
width: 92%;
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
height: 40px;
|
||||
border-radius: 28px;
|
||||
color: #ffffff;
|
||||
line-height: 40px;
|
||||
margin-top: 4px;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
height: 40px;
|
||||
border-radius: 28px;
|
||||
color: #ffffff;
|
||||
line-height: 40px;
|
||||
margin-top: 4px;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.popup_pay {
|
||||
|
@ -347,7 +387,8 @@
|
|||
.bgCol2 {
|
||||
color: #557EFD;
|
||||
}
|
||||
.video-img{
|
||||
|
||||
.video-img {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
background: #f7f8fa;
|
||||
|
|
Loading…
Reference in New Issue