添加页面 定位
This commit is contained in:
parent
6534f0f61d
commit
64a6295fda
12
index.html
12
index.html
|
|
@ -21,14 +21,16 @@
|
|||
window._AMapSecurityConfig = {
|
||||
//securityJsCode: "js秘钥",
|
||||
// serviceHost: 'https://wx.sjajk.com/_AMapService',
|
||||
serviceHost: 'http://120.46.52.165/_AMapService',
|
||||
serviceHost: 'http://sauser.blxinchuang.com/_AMapService'
|
||||
// serviceHost: 'http://120.46.52.165/_AMapService',
|
||||
// serviceHost: 'http://192.168.2.222:8187/_AMapService',
|
||||
};
|
||||
</script>
|
||||
<!-- 高德 -->
|
||||
<script src="https://webapi.amap.com/maps?v=2.0&key=2acf1b8c3d1aaf0070472dec19018d96"></script>
|
||||
<!-- <script src="https://webapi.amap.com/loader.js"></script>
|
||||
<script type="text/javascript">
|
||||
<!-- <script src="https://webapi.amap.com/maps?v=2.0&key=2acf1b8c3d1aaf0070472dec19018d96"></script> -->
|
||||
<script src="https://webapi.amap.com/maps?v=2.0&key=32c22db939160ba44394eb187f7897ae"></script>
|
||||
<script src="https://webapi.amap.com/loader.js"></script>
|
||||
<!-- <script type="text/javascript">
|
||||
AMapLoader.load({
|
||||
key: "2acf1b8c3d1aaf0070472dec19018d96", //申请好的Web端开发者key，调用 load 时必填
|
||||
version: "2.0", //指定要加载的 JS API 的版本，缺省时默认为 1.4.15
|
||||
|
|
@ -39,8 +41,6 @@
|
|||
console.error("高德地图加载失败！");
|
||||
console.error(e); //加载错误提示
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
</script> -->
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -170,7 +170,7 @@
|
|||
"proxy" : {
|
||||
// 可代理多个
|
||||
"/TencentGet" : {
|
||||
"target" : "https://apis.map.qq.com/ws/geocoder/v1/", // 腾讯地图逆地址解析
|
||||
"target" : "http://sauser.blxinchuang.com/", // 腾讯地图逆地址解析
|
||||
"changeOrigin" : true,
|
||||
"secure" : false,
|
||||
"pathRewrite" : {
|
||||
|
|
@ -182,14 +182,14 @@
|
|||
"sdkConfigs" : {
|
||||
"maps" : {
|
||||
"amap" : {
|
||||
"key" : "2acf1b8c3d1aaf0070472dec19018d96",
|
||||
"securityJsCode" : "2b07c8496878c327a8ae7a19de33e2a7",
|
||||
"serviceHost" : "http://192.168.2.222:8187/_AMapService"
|
||||
"key" : "32c22db939160ba44394eb187f7897ae",
|
||||
"securityJsCode" : "260614bdf77a5961d4379530363dc5c0",
|
||||
"serviceHost" : "http://sauser.blxinchuang.com/_AMapService"
|
||||
}
|
||||
}
|
||||
},
|
||||
// "serviceHost" : "http://192.168.2.222:8187/_AMapService"
|
||||
// "serviceHost" : "http://47.75.182.93:8090/_AMapService"
|
||||
// "serviceHost" : "http://120.46.52.165/_AMapService"
|
||||
"template" : "index.html"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -158,6 +158,9 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
/deep/.page-box{
|
||||
width: 100%;
|
||||
}
|
||||
.youhui-img{
|
||||
width: 111.81rpx;
|
||||
height: 111.81rpx;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="page-content">
|
||||
<!-- <view class="flex align-center justify-between you-nav">
|
||||
<view v-for="(item,index) in tab" :key="index" class="text-center box"
|
||||
:class="tabIndex == index?'tanColor':''" @click="bindTab(item.state)">
|
||||
|
|
@ -7,7 +7,6 @@
|
|||
<view class="" :class="tabIndex == index?'line':''"></view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view @tap="queding()">确定</view>
|
||||
<checkbox-group @change="checkboxChange">
|
||||
<view class="youhui-weiyong youhui-list" v-for="(item,index) in hongbao" :key="index">
|
||||
<view class="youhui-view-left">
|
||||
|
|
@ -22,18 +21,20 @@
|
|||
<view class="youhui-view-right">
|
||||
<view class="youhui-view-right-top">
|
||||
<view class="youhui-view-right-title">{{item.couponName}}</view>
|
||||
<view class="youhui-view-right-time">{{item.endDate}}</view>
|
||||
<view class="time-money" style="margin-top: 10px;">
|
||||
<view class="youhui-view-right-time">{{item.createTime.substring(0,10)}} ~ </view>
|
||||
<view class="youhui-view-right-time" style="margin-left: 3px;"> {{item.expirationTime.substring(0,10)}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<label class="tui-radio">
|
||||
<checkbox activeBackgroundColor="#096f4b" color="#096f4b" :value="item.id.toString()" :checked="checkbox"/>
|
||||
</label>
|
||||
<!-- <view class="youhui-view-right-btn" @tap="shiYong()">立即使用</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
|
||||
|
||||
|
||||
<view @tap="queding()" class="queding">
|
||||
<span class="que-btn">确定</span>
|
||||
</view>
|
||||
<empty v-if="hongbao.length==0"></empty>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -68,18 +69,29 @@
|
|||
contentrefresh: '正在加载...',
|
||||
contentnomore: '没有更多数据了'
|
||||
},
|
||||
couponId:''
|
||||
couponId:'',
|
||||
content:''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
onLoad(e) {
|
||||
if(e){
|
||||
this.content=e.text
|
||||
}
|
||||
this.getMyList();
|
||||
},
|
||||
methods: {
|
||||
queding(){
|
||||
this.$queue.setData('youhui',this.couponId);
|
||||
uni.navigateTo({
|
||||
url:'/my/order/payModify'
|
||||
})
|
||||
if(this.content){//返回推荐套餐订单
|
||||
uni.navigateTo({
|
||||
url:'/my/order/payModifyTc'
|
||||
})
|
||||
}else{
|
||||
uni.navigateTo({//返回项目订单
|
||||
url:'/my/order/payModify'
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
checkboxChange(e){
|
||||
this.couponId=e.detail.value.join(",")
|
||||
|
|
@ -94,14 +106,18 @@
|
|||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
this.$Request.getT('/app/coupon/selectCouponUserList?page='+this.page+'&limit='+this.size+'&status=' + this.tabIndex).then(res => {
|
||||
var data={
|
||||
page:this.page,
|
||||
limit:this.size,
|
||||
status:this.tabIndex,
|
||||
minMoney:this.$queue.getData('minMoney')
|
||||
}
|
||||
this.$Request.getT('/app/coupon/selectUserCouponList',data).then(res => {
|
||||
if (res.code == 0) {
|
||||
if (this.page == 1) {
|
||||
this.hongbao = [];
|
||||
}
|
||||
res.data.list.forEach(d => {
|
||||
this.hongbao.push(d);
|
||||
});
|
||||
this.hongbao=res.data.list
|
||||
if (res.data.list.length === this.size) {
|
||||
this.loadingType = 0;
|
||||
} else {
|
||||
|
|
@ -135,6 +151,42 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
/deep/.page-box{
|
||||
width: 100%;
|
||||
}
|
||||
.page-content{
|
||||
width:100%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.que-btn{
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
height: 32px;
|
||||
border-radius: 28px;
|
||||
color: #ffffff;
|
||||
line-height: 32px;
|
||||
}
|
||||
.queding{
|
||||
width: 90%;
|
||||
height: 32px;
|
||||
background-color: #fff;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.time-money{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
/deep/uni-checkbox .uni-checkbox-input{
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -172,11 +172,13 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="flex align-center margin-top-lg" style="justify-content: flex-end;">
|
||||
<view style="color: #333;font-size: 26rpx;">合计：</view>
|
||||
<view class="" style="color: #F93731;">￥<text
|
||||
style="font-size: 35rpx;font-weight: bold;">{{order.sumMoney}}</text></view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="pay-ding feiuong">
|
||||
|
|
@ -256,11 +258,11 @@
|
|||
class="dingshi">
|
||||
去投诉
|
||||
</u-button>
|
||||
<u-button v-if="order.status == 9&&order.refusalContent==null" :custom-style="customStyle2"
|
||||
<u-button v-if="order.status == 9&&order.refusalContent" :custom-style="customStyle2"
|
||||
shape="circle" :plain="true"
|
||||
@click="toggleQ('center',order)"
|
||||
class="dingshi">
|
||||
拒单确认
|
||||
拒单详情
|
||||
</u-button>
|
||||
<u-button v-if="order.status == 10" :custom-style="customStyle2"
|
||||
shape="circle" :plain="true"
|
||||
|
|
@ -347,7 +349,7 @@
|
|||
<view class="item_money"> <text style="font-size: 24upx;">￥</text> <text
|
||||
v-if="isVip">{{item.memberPrice}}</text><text v-if="!isVip">{{item.price}}</text>
|
||||
/<text style="font-weight: 500;font-size: 24upx; ">{{item.duration}}分钟</text></view>
|
||||
<view class="item_btn" @click="goOrder(item)">确认加钟</view>
|
||||
<view class="item_btn" @click="goOrderJ(item)">确认加钟</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -529,10 +531,9 @@
|
|||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
uni.showLoading({
|
||||
title: '加载中......',
|
||||
|
||||
})
|
||||
// uni.showLoading({
|
||||
// title: '加载中......',
|
||||
// })
|
||||
// setTimeout(() => {
|
||||
// // this.loading = false;
|
||||
// }, 2000)
|
||||
|
|
@ -543,7 +544,7 @@
|
|||
})
|
||||
}
|
||||
this.ordersId = e.ordersId
|
||||
// this.getOrder()
|
||||
this.getOrder()
|
||||
},
|
||||
onShow() {
|
||||
this.yhqxSel = this.$queue.getData("yhqxSel");
|
||||
|
|
@ -866,9 +867,33 @@
|
|||
}
|
||||
});
|
||||
},
|
||||
goOrderJ(item) {
|
||||
|
||||
let that = this
|
||||
let data = {
|
||||
classifyId:item.classifyId,
|
||||
ordersId:that.order.ordersId,
|
||||
ordersMassageList:[
|
||||
{massageId: item.massageTypeId,num: 1},
|
||||
],
|
||||
massageTypeId:item.massageTypeId,
|
||||
userPackageDetailId:item.userPackageDetailId,
|
||||
}
|
||||
that.$Request.postJson("/app/artificer/updateOrders", data).then(res => {
|
||||
that.showorder = false
|
||||
if (res.code == 0) {
|
||||
that.ordersId = res.data.ordersId;
|
||||
that.tpayMoney = res.data.payMoney;
|
||||
that.showpay = true;
|
||||
that.paySel = 1;
|
||||
} else {
|
||||
that.$queue.showToast(res.msg)
|
||||
}
|
||||
|
||||
});
|
||||
},
|
||||
goOrder(item) {
|
||||
console.log("item=====>",item)
|
||||
console.log("order=====>",this.order)
|
||||
|
||||
let that = this
|
||||
let data = {
|
||||
classifyId:item.classifyId,
|
||||
|
|
|
|||
|
|
@ -2,6 +2,36 @@
|
|||
<view class="content">
|
||||
<view class="padding-bottom u-skeleton">
|
||||
<view class="bgImg u-skeleton-fillet" style="padding: 0 29rpx;">
|
||||
<view class="head-top">
|
||||
<view class="pay-title" style="">服务项目</view>
|
||||
<view class="flex">
|
||||
<view class="" style="width: 160upx;height: 160upx;">
|
||||
<image :src="orderXm.massageImg"
|
||||
style="width: 100%;height: 100%;border-radius: 19upx;"></image>
|
||||
</view>
|
||||
<view class="head-bottom margin-left-sm">
|
||||
<view class="flex head-title-right">
|
||||
<view class="margin-right-xs text-df u-skeleton-fillet head-title">
|
||||
{{orderXm.title}}
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="flex align-center">
|
||||
<view style="width: 100%;">
|
||||
<view class="money-pay">
|
||||
<view class="money-pay-zhen">
|
||||
<span>￥</span>
|
||||
<span>{{orderXm.price}}</span>
|
||||
</view>
|
||||
<view>
|
||||
<uni-number-box :width='27' :min="1" @change="changeValue" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="padding margin-top-sm header-view">
|
||||
<view v-if="!detailaddress">请选择地址</view>
|
||||
<view class="margin-right-xs">
|
||||
|
|
@ -9,7 +39,7 @@
|
|||
<view class="header-view-text">联系人</view>
|
||||
<view class="header-view-data">
|
||||
<text>{{name}}</text>
|
||||
<text class="xuanzhe" @click="getAddressList()">选择</text>
|
||||
<text class="xuanzhe" @click="getAddressList()">修改</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex justify-between margin-top-lg">
|
||||
|
|
@ -79,60 +109,6 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <checkbox-group @change="checkboxChange">
|
||||
<view class="youhui-weiyong youhui-list" v-for="(itemY,indexY) in couponData" :key="itemY.id">
|
||||
<view class="youhui-view-left">
|
||||
<view class="youhui-view-left-yuan">
|
||||
<span class="youhui-view-left-num">{{itemY.money}}</span>
|
||||
<span class="youhui-view-left-text">元</span>
|
||||
</view>
|
||||
<view class="youhui-view-left-bottom">
|
||||
满{{itemY.minMoney}}元可用
|
||||
</view>
|
||||
</view>
|
||||
<view class="youhui-view-right">
|
||||
<view class="youhui-view-right-top">
|
||||
<view class="youhui-view-right-title">{{itemY.couponName}}</view>
|
||||
<view class="youhui-view-right-time">{{itemY.endDate}}</view>
|
||||
</view>
|
||||
<label class="tui-radio">
|
||||
<checkbox activeBackgroundColor="#096f4b" color="#096f4b" :value="itemY.id.toString()" :checked="checkbox"/>
|
||||
</label>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group> -->
|
||||
<!-- <view class="head-top">
|
||||
<view class="head-top-view">
|
||||
<image class="head-top-view-img" src="../../static/yuyue.png" mode=""></image>
|
||||
<view class="head-top-view-right">
|
||||
<view class="head-top-title">
|
||||
<span>专业足疗+背部精油调理[90分钟]</span>
|
||||
<image class="head-top-view-right-img" src="../../static/shezhi-jiantou.png" mode=""></image>
|
||||
</view>
|
||||
<view class="head-top-title-bottom">
|
||||
<view class="qian-left">
|
||||
<span>￥</span>
|
||||
<span>268</span>
|
||||
</view>
|
||||
<view class="qian-right">
|
||||
<span>X</span>
|
||||
<span>8</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="head-mian">
|
||||
<span>平台优惠券</span>
|
||||
<view class="qian-right">
|
||||
<span>￥</span>
|
||||
<span>8</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="head-foot">
|
||||
<span>合计</span>
|
||||
<span>￥{{order.sumMoney}}</span>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="margin-top-xl pay-ding">
|
||||
<view class="d-title">备注</view>
|
||||
<view class="list-pay">
|
||||
|
|
@ -142,7 +118,7 @@
|
|||
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin-top-xl pay-ding">
|
||||
<!-- <view class="margin-top-xl pay-ding">
|
||||
<view class="d-title" style="margin-bottom: 5px;">服务保障</view>
|
||||
<view class="list-pay">
|
||||
<view class="list-pay-text">
|
||||
|
|
@ -161,12 +137,12 @@
|
|||
<view class="checkbox-data">
|
||||
<uni-data-checkbox v-model="radio1" :localdata="sex"></uni-data-checkbox>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="pay_btn" style="margin-top: 30px;" @click="openpay()">立即预约</view>
|
||||
<view class="pay_btn" style="margin-top: 30px;" @click="openpay()">去支付</view>
|
||||
|
||||
</view>
|
||||
<!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> -->
|
||||
|
|
@ -226,7 +202,7 @@
|
|||
<u-popup v-model="isTrue" mode="bottom">
|
||||
<view>
|
||||
<scroll-view scroll-y="true">
|
||||
<its-calendar :sta_num="0" :end_num="24" :int_num="msTimeDate" :msTimeList="msTimeList" :classifyId="classifyId"
|
||||
<its-calendar :sta_num="0" :end_num="24" :int_num="msTimeDate" :msTimeList="msTimeList" :classifyId="orderXm.classifyId"
|
||||
@getTime="TimeData">
|
||||
</its-calendar>
|
||||
</scroll-view>
|
||||
|
|
@ -316,7 +292,9 @@
|
|||
textareaData:'',
|
||||
ordersId:'',
|
||||
userPackageDetailId:'',
|
||||
couponDataList:''
|
||||
couponDataList:'',
|
||||
orderXm:[],
|
||||
number:1,
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
|
|
@ -333,15 +311,13 @@
|
|||
let fullDate = `${month}-${days}`
|
||||
let Time = year + '-' + fullDate
|
||||
this.yearsDate = Time;
|
||||
var classifyId=this.$queue.getData('classifyId')
|
||||
this.classifyId = classifyId;
|
||||
this.getMsTime(Time);
|
||||
this.jishiName=this.$queue.getData('getJishi');
|
||||
this.couponId=this.$queue.getData('youhui');
|
||||
if(this.couponId){
|
||||
this.youhuiF(this.couponId)
|
||||
}
|
||||
|
||||
this.orderXm=this.$queue.getData('xiangmu');//上一个页面带过来的全部数据
|
||||
this.ordersId = this.$queue.getData('ordersId');
|
||||
this.userPackageDetailId = this.$queue.getData('userPackageDetailId');
|
||||
this.youhui()
|
||||
|
|
@ -387,6 +363,9 @@
|
|||
// #endif
|
||||
},
|
||||
methods: {
|
||||
changeValue(value){
|
||||
this.number=value
|
||||
},
|
||||
// 时间段数据
|
||||
TimeData(e) {
|
||||
var date = new Date();
|
||||
|
|
@ -436,7 +415,12 @@
|
|||
})
|
||||
},
|
||||
openpay() {//验证
|
||||
if(this.single=='2024-06-19'){
|
||||
// else if(this.radio1!='0'){
|
||||
// uni.showToast({
|
||||
// title:'请同意服务保障！'
|
||||
// })
|
||||
// }
|
||||
if(this.startTime==''){
|
||||
uni.showToast({
|
||||
title:'请选择服务时间！'
|
||||
})
|
||||
|
|
@ -444,12 +428,8 @@
|
|||
uni.showToast({
|
||||
title:'请选择理疗师！'
|
||||
})
|
||||
}else if(this.radio1!='0'){
|
||||
uni.showToast({
|
||||
title:'请同意服务保障！'
|
||||
})
|
||||
}else{
|
||||
this.showpay = true;
|
||||
// this.showpay = true;
|
||||
this.goOrder()
|
||||
}
|
||||
|
||||
|
|
@ -672,9 +652,9 @@
|
|||
longitude:that.longitude,
|
||||
latitude:that.latitude,
|
||||
serveTime:that.startTime,
|
||||
remarks:that.textareaData,
|
||||
remark:that.textareaData,
|
||||
ordersMassageList:[
|
||||
{massageId: that.userPackageDetailId? that.userPackageDetailId:that.ordersId,num: 1},
|
||||
{massageId: that.userPackageDetailId? that.userPackageDetailId:that.ordersId,num: that.number},
|
||||
]
|
||||
}
|
||||
that.$Request.postJson("/app/artificer/insertOrders", data).then(res => {
|
||||
|
|
@ -682,9 +662,11 @@
|
|||
if (res.code == 0) {
|
||||
that.ordersId = res.data.ordersId;
|
||||
that.tpayMoney = res.data.payMoney;
|
||||
that.showpay = true;
|
||||
// that.showpay = true;
|
||||
that.paySel = 1;
|
||||
|
||||
uni.navigateTo({
|
||||
url:'/my/order/payding?ordersId='+ res.data.ordersId
|
||||
})
|
||||
} else {
|
||||
that.$queue.showToast(res.msg)
|
||||
}
|
||||
|
|
@ -1014,7 +996,6 @@
|
|||
this.payJZ();
|
||||
return;
|
||||
}
|
||||
console.log("ordersId000000000",this.ordersId)
|
||||
if (that.openWay == 1) { //零钱支付
|
||||
uni.showModal({
|
||||
title: '付款提示',
|
||||
|
|
@ -1333,6 +1314,53 @@
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.head-bottom{
|
||||
width: 68%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.money-pay-jia{
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
color: #666666;
|
||||
text-decoration-line: line-through;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.money-pay-zhen span{
|
||||
color: #FF6000;
|
||||
}
|
||||
.money-pay-zhen span:nth-child(1){
|
||||
font-size: 25rpx;
|
||||
}
|
||||
.money-pay-zhen span:nth-child(2){
|
||||
font-size: 31.25rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.money-pay-zhen{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.money-pay{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.head-top{
|
||||
background-color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
padding: 29rpx;
|
||||
}
|
||||
|
||||
.pay-title{
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.header-bottom-money-zhen span{
|
||||
color: #F95900 !important;
|
||||
font-weight: bold !important;
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -161,7 +161,7 @@
|
|||
this.getIsVip()
|
||||
this.vipData=this.$queue.getData('isVIP')
|
||||
console.log("isVIP------------------->",this.vipData)
|
||||
if(this.vipData.isVip=='1'){
|
||||
if(this.vipData=='1'){
|
||||
this.vipShow=true;
|
||||
}else{
|
||||
this.vipData=[]
|
||||
|
|
|
|||
41
pages.json
41
pages.json
|
|
@ -429,6 +429,7 @@
|
|||
"navigationBarTitleText": "注册"
|
||||
}
|
||||
},
|
||||
|
||||
// #ifdef H5
|
||||
{
|
||||
"path": "pages/order/index",
|
||||
|
|
@ -454,7 +455,7 @@
|
|||
"path": "pages/therapist/therapist",
|
||||
"style": {
|
||||
"navigationBarTitleText": "理疗师",
|
||||
"enablePullDownRefresh": false,
|
||||
"enablePullDownRefresh": true,
|
||||
"app-plus": {
|
||||
"titleNView": false
|
||||
}
|
||||
|
|
@ -466,7 +467,7 @@
|
|||
"path": "pages/therapist/therapist",
|
||||
"style": {
|
||||
"navigationBarTitleText": "理疗师",
|
||||
"enablePullDownRefresh": false,
|
||||
"enablePullDownRefresh": true,
|
||||
"app-plus": {
|
||||
"titleNView": false
|
||||
}
|
||||
|
|
@ -484,7 +485,7 @@
|
|||
"path": "pages/therapist/orderDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "理疗师详情",
|
||||
"enablePullDownRefresh": false,
|
||||
"enablePullDownRefresh": true,
|
||||
"app-plus": {
|
||||
"titleNView": false
|
||||
}
|
||||
|
|
@ -510,6 +511,30 @@
|
|||
"titleNView": false
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "order/paydingDd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "订单支付",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},{
|
||||
"path": "order/payModifyDd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "订单页面详情",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},{
|
||||
"path": "order/paydingTc",
|
||||
"style": {
|
||||
"navigationBarTitleText": "套餐订单详情",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "order/payModifyTc",
|
||||
"style": {
|
||||
"navigationBarTitleText": "套餐订单",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "order/payModifyDzhifu",
|
||||
"style": {
|
||||
|
|
@ -702,6 +727,16 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "order/payding",
|
||||
"style": {
|
||||
"navigationBarTitleText": "项目订单详情",
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"titleNView": false
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "order/payModify",
|
||||
"style": {
|
||||
|
|
|
|||
|
|
@ -4,6 +4,9 @@
|
|||
<view class="index-top">
|
||||
<view class="index-top-left font-size-34">盛安到家</view>
|
||||
<view class="index-top-mian">
|
||||
--{{latitude}}--
|
||||
--{{longitude}}--
|
||||
--{{cuowu}}--
|
||||
<view class="index-top-mian-text">
|
||||
<image style="margin-top: 4px;" src="../../static/index-nav-1.png" mode=""></image>
|
||||
<span>实名认证</span>
|
||||
|
|
@ -323,6 +326,7 @@
|
|||
txAppKey: '',
|
||||
tpSel: 0,
|
||||
tpCount: 0,
|
||||
cuowu:''
|
||||
}
|
||||
},
|
||||
onShareAppMessage(res) { //发送给朋友
|
||||
|
|
@ -421,7 +425,9 @@
|
|||
});
|
||||
// #endif
|
||||
},
|
||||
fail: function() {
|
||||
fail: function(e) {
|
||||
this.cuowu=e
|
||||
console.log("获取信息失败，请重试！",e)
|
||||
// #ifdef APP-PLUS
|
||||
that.checkPermission();
|
||||
// #endif
|
||||
|
|
@ -443,7 +449,7 @@
|
|||
}
|
||||
// #endif
|
||||
this.city = uni.getStorageSync('city')
|
||||
console.log(this.city)
|
||||
this.getIsVip()
|
||||
this.getKTCityList();
|
||||
this.getHomeArtificerList();
|
||||
this.latitude = uni.getStorageSync('latitude')
|
||||
|
|
@ -483,6 +489,18 @@
|
|||
// }
|
||||
},
|
||||
methods: {
|
||||
getIsVip() {
|
||||
this.$Request.get("/app/UserVip/selectUserVip").then(res => {
|
||||
if (res.code == 0) {
|
||||
// this.isVip = res.data
|
||||
if(res.data==undefined){
|
||||
this.$queue.setData('isVIP','0')
|
||||
}else{
|
||||
this.$queue.setData('isVIP','1')
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
goChat() {
|
||||
let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信
|
||||
let kefuPhone = this.$queue.getData('kefuPhone');
|
||||
|
|
|
|||
|
|
@ -129,7 +129,7 @@
|
|||
this.$queue.setData('ordersId',this.dataList.id);
|
||||
this.$queue.setData('daibudan','');
|
||||
this.$queue.setData('youhui','');
|
||||
this.$queue.setData('classifyId',item.classifyId)
|
||||
this.$queue.setData('xiangmu',item)
|
||||
uni.navigateTo({
|
||||
url:'/my/order/payModify?ordersId='+this.dataList.id
|
||||
})
|
||||
|
|
|
|||
|
|
@ -131,7 +131,8 @@
|
|||
{urlImg:'../../static/my-gong-8.png',text:'浏览历史',link:'/pages/my/historyMy'},
|
||||
{urlImg:'../../static/my-gong-9.png',text:'我的团队',link:'/pages/my/myteam'},
|
||||
],
|
||||
token:''
|
||||
token:'',
|
||||
vipData:[]
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
|
|
@ -152,6 +153,8 @@
|
|||
|
||||
this.getAmount()
|
||||
this.getIsVip()
|
||||
|
||||
|
||||
} else {
|
||||
this.isShop = 0;
|
||||
this.isAgency = 0;
|
||||
|
|
@ -428,10 +431,14 @@
|
|||
},
|
||||
|
||||
getIsVip() {
|
||||
this.$Request.get("/app/UserVip/isUserVip").then(res => {
|
||||
this.$Request.get("/app/UserVip/selectUserVip").then(res => {
|
||||
if (res.code == 0) {
|
||||
this.isVip = res.data
|
||||
this.$queue.setData('isVIP',this.isVip)
|
||||
if(this.isVip==undefined){
|
||||
this.$queue.setData('isVIP','0')
|
||||
}else{
|
||||
this.$queue.setData('isVIP','1')
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@
|
|||
<span>{{item.oldPrice}}</span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn">
|
||||
查看
|
||||
购买
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -42,15 +42,15 @@
|
|||
<view class="header-bottom-foot-title">服务保障</view>
|
||||
<view class="header-bottom-foot-view">
|
||||
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
|
||||
<span>持证上岗</span>
|
||||
<span>实名认证</span>
|
||||
</view>
|
||||
<view class="header-bottom-foot-view" style="margin: 0px 7px;">
|
||||
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
|
||||
<span>收费透明</span>
|
||||
<span>资质认证</span>
|
||||
</view>
|
||||
<view class="header-bottom-foot-view">
|
||||
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
|
||||
<span>爽约包赔</span>
|
||||
<span>平台担保</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<checkbox-group @change="checkboxChange" v-if="serviData.name=='index' && serviData.isCanCoupon=='1'">
|
||||
<!-- <checkbox-group @change="checkboxChange" v-if="serviData.name=='index' && serviData.isCanCoupon=='1'">
|
||||
<view class="youhui-weiyong youhui-list" v-for="(itemY,indexY) in couponData" :key="itemY.id">
|
||||
<view class="youhui-view-left">
|
||||
<view class="youhui-view-left-yuan">
|
||||
|
|
@ -108,9 +108,9 @@
|
|||
</label>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
<view class="detail-btn" v-if="serviData.name=='index'" @click="openpay">
|
||||
立即预约
|
||||
</checkbox-group> -->
|
||||
<view class="detail-btn" v-if="serviData.name=='index'" @click="openpay(mainData)">
|
||||
立即购买
|
||||
</view>
|
||||
<!-- 支付方式 -->
|
||||
<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
|
||||
|
|
@ -257,9 +257,16 @@
|
|||
|
||||
});
|
||||
},
|
||||
openpay() {
|
||||
this.goOrder()
|
||||
this.showpay = true
|
||||
openpay(item) {
|
||||
this.$queue.setData('mainData',item)
|
||||
this.$queue.setData('detailData',this.detailData)
|
||||
this.$queue.setData('xiangmu',item)
|
||||
this.$queue.setData('youhui','');
|
||||
uni.navigateTo({
|
||||
url:'/my/order/payModifyTc?ordersId='+item.id
|
||||
})
|
||||
// this.goOrder()
|
||||
// this.showpay = true
|
||||
},
|
||||
//支付选择
|
||||
selectWay: function(item) {
|
||||
|
|
|
|||
|
|
@ -19,16 +19,17 @@
|
|||
</image>
|
||||
<view class="margin-left-xs ">{{item.artificerName}}</view>
|
||||
</view>
|
||||
<view class="text-green" v-if="item.status ==1"><span>202312061140172215</span><span>待付款</span></view>
|
||||
<view class="text-green" v-if="item.status ==2"><span>202312061140172215</span><span>待服务</span></view>
|
||||
<view class="text-green" v-if="item.status ==3"><span>202312061140172215</span><span>待评价</span></view>
|
||||
<view class="text-green" v-if="item.status ==4" style="color: #333333;">已取消</view>
|
||||
<view class="text-green" v-if="item.status ==5"><span>202312061140172215</span><span>已完成</span></view>
|
||||
<view class="text-green" v-if="item.status ==6"><span>202312061140172215</span><span>服务中</span></view>
|
||||
<view class="text-green" v-if="item.status ==7"><span>202312061140172215</span><span>技师出发</span></view>
|
||||
<view class="text-green" v-if="item.status ==8"><span>202312061140172215</span><span>技师到达</span></view>
|
||||
<view class="text-green" v-if="item.status ==9"><span>202312061140172215</span><span>待确认</span></view>
|
||||
<view class="text-green" v-if="item.status ==10"><span>202312061140172215</span><span>待补单</span></view>
|
||||
<view class="text-green" v-if="item.status ==1"><span>{{item.ordersNo}}</span><span>待付款</span></view>
|
||||
<view class="text-green" v-if="item.status ==2"><span>{{item.ordersNo}}</span><span>待服务</span></view>
|
||||
<view class="text-green" v-if="item.status ==3"><span>{{item.ordersNo}}</span><span>待评价</span></view>
|
||||
<view class="text-green" v-if="item.status ==4" style="color: #333333;"><span>{{item.ordersNo}}</span><span>已取消</span></view>
|
||||
<view class="text-green" v-if="item.status ==5"><span>{{item.ordersNo}}</span><span>已完成</span></view>
|
||||
<view class="text-green" v-if="item.status ==6"><span>{{item.ordersNo}}</span><span>服务中</span></view>
|
||||
<view class="text-green" v-if="item.status ==7"><span>{{item.ordersNo}}</span><span>技师出发</span></view>
|
||||
<view class="text-green" v-if="item.status ==8"><span>{{item.ordersNo}}</span><span>技师到达</span></view>
|
||||
<view class="text-green" v-if="item.status ==9"><span>{{item.ordersNo}}</span><span>待确认</span></view>
|
||||
<view class="text-green" v-if="item.status ==10"><span>{{item.ordersNo}}</span><span>待补单</span></view>
|
||||
<view class="text-green" v-if="item.status == 11"><span>{{item.ordersNo}}</span><span>临时挂单</span></view>
|
||||
<!-- <view class="u-tips-color">{{item.createTime}}</view> -->
|
||||
</view>
|
||||
<view class="margin-top-sm" style="width: 100%;height: 1rpx;background: #f7f7f7;"></view>
|
||||
|
|
@ -63,23 +64,23 @@
|
|||
<view class="gengduo" @click.stop="gengBtn(index)" v-show="item.status ==6||item.status ==1">更多</view>
|
||||
<view class="showBtn-view">
|
||||
<u-button v-if="item.status == 10" :custom-style="customStyle1" shape="circle" :plain="true"
|
||||
@click="goNav('/my/order/payModifyDzhifu?ordersId='+item.ordersId,item)" class="btns">
|
||||
@click="goNav('/my/order/payModifyDd?ordersId='+item.ordersId,item)" class="btns">
|
||||
立即预约
|
||||
</u-button>
|
||||
<u-button v-if="item.status == 3" :custom-style="customStyle1" class="btns" shape="circle" :plain="true"
|
||||
@click="goNav('/my/order/feedback?artificerId='+item.artificerId+ '&ordersId='+item.ordersId)">
|
||||
待评价
|
||||
</u-button>
|
||||
<u-button v-if="item.status == 9&&item.refusalContent==null" :custom-style="customStyle1" shape="circle" :plain="true"
|
||||
<u-button v-if="item.status == 9&&item.refusalContent" :custom-style="customStyle1" shape="circle" :plain="true"
|
||||
@click="toggleQ('center',item)" class="btns">
|
||||
拒单确认
|
||||
拒单详情
|
||||
</u-button>
|
||||
<u-button v-if="item.status == 1" :custom-style="customStyle1" shape="circle" :plain="true"
|
||||
@click="goNav('/my/order/payModifyDzhifu?ordersId='+item.ordersId,item)" class="btns">
|
||||
去支付
|
||||
</u-button>
|
||||
|
||||
<u-button v-if="item.btnShow == 'true'&&item.status==2||item.status==6||item.status==7||item.status==8||item.status == 9&&item.refusalContent==null" :custom-style="customStyle1" shape="circle" :plain="true"
|
||||
<u-button v-if="item.btnShow == 'true'&&item.status==2||item.status==6||item.status==7||item.status==8||item.status == 9&&!item.refusalContent" :custom-style="customStyle1" shape="circle" :plain="true"
|
||||
@click="goNav('/my/order/payModifyDzhifu?ordersId='+item.ordersId,item)" class="btns">
|
||||
修改订单
|
||||
</u-button>
|
||||
|
|
@ -313,7 +314,7 @@
|
|||
},
|
||||
methods: {
|
||||
goNav(url,item) {
|
||||
this.$queue.setData('daibudan',item);
|
||||
this.$queue.setData('xiangmu',item);
|
||||
uni.navigateTo({
|
||||
url:url
|
||||
})
|
||||
|
|
@ -344,6 +345,7 @@
|
|||
uni.showToast({
|
||||
title:'操作完成！'
|
||||
})
|
||||
this.getOrderList()
|
||||
this.$refs.popupQ.close(typeTxte);
|
||||
}else{
|
||||
uni.showToast({
|
||||
|
|
@ -387,6 +389,7 @@
|
|||
uni.showToast({
|
||||
title:'操作完成！'
|
||||
})
|
||||
that.getOrderList()
|
||||
that.$refs.popup.close(type);
|
||||
}else{
|
||||
console.log('shibai：' + longitude);
|
||||
|
|
|
|||
|
|
@ -1221,10 +1221,10 @@ import permision from "@/components/permission.js";
|
|||
this.page = this.page + 1;
|
||||
this.getlist()
|
||||
},
|
||||
// onPullDownRefresh: function() {
|
||||
// this.page = 1;
|
||||
// this.getlist()
|
||||
// },
|
||||
onPullDownRefresh: function() {
|
||||
this.page = 1;
|
||||
this.getlist()
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
@ -1518,7 +1518,7 @@ import permision from "@/components/permission.js";
|
|||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
overflow: auto;
|
||||
// overflow: auto;
|
||||
}
|
||||
/deep/.u-content{
|
||||
border-radius: 30px !important;
|
||||
|
|
|
|||
|
|
@ -1524,7 +1524,7 @@
|
|||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
overflow: auto;
|
||||
// overflow: auto;
|
||||
}
|
||||
/deep/.u-content{
|
||||
border-radius: 30px !important;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,39 @@
|
|||
## 1.2.8（2024-04-26）
|
||||
- 修复 在vue2下H5黑边的bug
|
||||
## 1.2.7（2024-04-26）
|
||||
- 修复 在vue2手动输入后失焦导致清空数值的严重bug
|
||||
## 1.2.6（2024-02-22）
|
||||
- 新增 设置宽度属性width(单位：px)
|
||||
## 1.2.5（2024-02-21）
|
||||
- 修复 step步长小于1时，键盘类型为number的bug
|
||||
## 1.2.4（2024-02-02）
|
||||
- 修复 加减号垂直位置偏移样式问题
|
||||
## 1.2.3（2023-05-23）
|
||||
- 更新示例工程
|
||||
## 1.2.2（2023-05-08）
|
||||
- 修复 change 事件执行顺序错误的问题
|
||||
## 1.2.1（2021-11-22）
|
||||
- 修复 vue3中某些scss变量无法找到的问题
|
||||
## 1.2.0（2021-11-19）
|
||||
- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
|
||||
- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-number-box](https://uniapp.dcloud.io/component/uniui/uni-number-box)
|
||||
## 1.1.2（2021-11-09）
|
||||
- 新增 提供组件设计资源，组件样式调整
|
||||
## 1.1.1（2021-07-30）
|
||||
- 优化 vue3下事件警告的问题
|
||||
## 1.1.0（2021-07-13）
|
||||
- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
|
||||
## 1.0.7（2021-05-12）
|
||||
- 新增 组件示例地址
|
||||
## 1.0.6（2021-04-20）
|
||||
- 修复 uni-number-box 浮点数运算不精确的 bug
|
||||
- 修复 uni-number-box change 事件触发不正确的 bug
|
||||
- 新增 uni-number-box v-model 双向绑定
|
||||
## 1.0.5（2021-02-05）
|
||||
- 调整为uni_modules目录规范
|
||||
|
||||
## 1.0.7（2021-02-05）
|
||||
- 调整为uni_modules目录规范
|
||||
- 新增 支持 v-model
|
||||
- 新增 支持 focus、blur 事件
|
||||
- 新增 支持 PC 端
|
||||
|
|
@ -0,0 +1,232 @@
|
|||
<template>
|
||||
<view class="uni-numbox">
|
||||
<view @click="_calcValue('minus')" class="uni-numbox__minus uni-numbox-btns" :style="{background}">
|
||||
<text class="uni-numbox--text" :class="{ 'uni-numbox--disabled': inputValue <= min || disabled }"
|
||||
:style="{color}">-</text>
|
||||
</view>
|
||||
<input :disabled="disabled" @focus="_onFocus" @blur="_onBlur" class="uni-numbox__value"
|
||||
:type="step<1?'digit':'number'" v-model="inputValue" :style="{background, color, width:widthWithPx}" />
|
||||
<view @click="_calcValue('plus')" class="uni-numbox__plus uni-numbox-btns" :style="{background}">
|
||||
<text class="uni-numbox--text" :class="{ 'uni-numbox--disabled': inputValue >= max || disabled }"
|
||||
:style="{color}">+</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
/**
|
||||
* NumberBox 数字输入框
|
||||
* @description 带加减按钮的数字输入框
|
||||
* @tutorial https://ext.dcloud.net.cn/plugin?id=31
|
||||
* @property {Number} value 输入框当前值
|
||||
* @property {Number} min 最小值
|
||||
* @property {Number} max 最大值
|
||||
* @property {Number} step 每次点击改变的间隔大小
|
||||
* @property {String} background 背景色
|
||||
* @property {String} color 字体颜色（前景色）
|
||||
* @property {Number} width 输入框宽度(单位:px)
|
||||
* @property {Boolean} disabled = [true|false] 是否为禁用状态
|
||||
* @event {Function} change 输入框值改变时触发的事件，参数为输入框当前的 value
|
||||
* @event {Function} focus 输入框聚焦时触发的事件，参数为 event 对象
|
||||
* @event {Function} blur 输入框失焦时触发的事件，参数为 event 对象
|
||||
*/
|
||||
|
||||
export default {
|
||||
name: "UniNumberBox",
|
||||
emits: ['change', 'input', 'update:modelValue', 'blur', 'focus'],
|
||||
props: {
|
||||
value: {
|
||||
type: [Number, String],
|
||||
default: 1
|
||||
},
|
||||
modelValue: {
|
||||
type: [Number, String],
|
||||
default: 1
|
||||
},
|
||||
min: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
max: {
|
||||
type: Number,
|
||||
default: 100
|
||||
},
|
||||
step: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
background: {
|
||||
type: String,
|
||||
default: '#f5f5f5'
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
default: '#333'
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
width: {
|
||||
type: Number,
|
||||
default: 40,
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
inputValue: 0
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
value(val) {
|
||||
this.inputValue = +val;
|
||||
},
|
||||
modelValue(val) {
|
||||
this.inputValue = +val;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
widthWithPx() {
|
||||
return this.width + 'px';
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if (this.value === 1) {
|
||||
this.inputValue = +this.modelValue;
|
||||
}
|
||||
if (this.modelValue === 1) {
|
||||
this.inputValue = +this.value;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
_calcValue(type) {
|
||||
if (this.disabled) {
|
||||
return;
|
||||
}
|
||||
const scale = this._getDecimalScale();
|
||||
let value = this.inputValue * scale;
|
||||
let step = this.step * scale;
|
||||
if (type === "minus") {
|
||||
value -= step;
|
||||
if (value < (this.min * scale)) {
|
||||
return;
|
||||
}
|
||||
if (value > (this.max * scale)) {
|
||||
value = this.max * scale
|
||||
}
|
||||
}
|
||||
|
||||
if (type === "plus") {
|
||||
value += step;
|
||||
if (value > (this.max * scale)) {
|
||||
return;
|
||||
}
|
||||
if (value < (this.min * scale)) {
|
||||
value = this.min * scale
|
||||
}
|
||||
}
|
||||
|
||||
this.inputValue = (value / scale).toFixed(String(scale).length - 1);
|
||||
// TODO vue2 兼容
|
||||
this.$emit("input", +this.inputValue);
|
||||
// TODO vue3 兼容
|
||||
this.$emit("update:modelValue", +this.inputValue);
|
||||
this.$emit("change", +this.inputValue);
|
||||
},
|
||||
_getDecimalScale() {
|
||||
|
||||
let scale = 1;
|
||||
// 浮点型
|
||||
if (~~this.step !== this.step) {
|
||||
scale = Math.pow(10, String(this.step).split(".")[1].length);
|
||||
}
|
||||
return scale;
|
||||
},
|
||||
_onBlur(event) {
|
||||
this.$emit('blur', event)
|
||||
let value = event.detail.value;
|
||||
if (isNaN(value)) {
|
||||
this.inputValue = this.value;
|
||||
return;
|
||||
}
|
||||
value = +value;
|
||||
if (value > this.max) {
|
||||
value = this.max;
|
||||
} else if (value < this.min) {
|
||||
value = this.min;
|
||||
}
|
||||
const scale = this._getDecimalScale();
|
||||
this.inputValue = value.toFixed(String(scale).length - 1);
|
||||
this.$emit("input", +this.inputValue);
|
||||
this.$emit("update:modelValue", +this.inputValue);
|
||||
this.$emit("change", +this.inputValue);
|
||||
},
|
||||
_onFocus(event) {
|
||||
this.$emit('focus', event)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
$box-height: 26px;
|
||||
$bg: #f5f5f5;
|
||||
$br: 2px;
|
||||
$color: #333;
|
||||
|
||||
.uni-numbox {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.uni-numbox-btns {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 8px;
|
||||
background-color: $bg;
|
||||
/* #ifdef H5 */
|
||||
cursor: pointer;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.uni-numbox__value {
|
||||
margin: 0 2px;
|
||||
background-color: $bg;
|
||||
width: 40px;
|
||||
height: $box-height;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
border-width: 0;
|
||||
color: $color;
|
||||
}
|
||||
|
||||
.uni-numbox__minus {
|
||||
border-top-left-radius: $br;
|
||||
border-bottom-left-radius: $br;
|
||||
}
|
||||
|
||||
.uni-numbox__plus {
|
||||
border-top-right-radius: $br;
|
||||
border-bottom-right-radius: $br;
|
||||
}
|
||||
|
||||
.uni-numbox--text {
|
||||
// fix nvue
|
||||
line-height: 20px;
|
||||
margin-bottom: 2px;
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
color: $color;
|
||||
}
|
||||
|
||||
.uni-numbox .uni-numbox--disabled {
|
||||
color: #c0c0c0 !important;
|
||||
/* #ifdef H5 */
|
||||
cursor: not-allowed;
|
||||
/* #endif */
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
{
|
||||
"id": "uni-number-box",
|
||||
"displayName": "uni-number-box 数字输入框",
|
||||
"version": "1.2.8",
|
||||
"description": "NumberBox 带加减按钮的数字输入框组件，用户可以控制每次点击增加的数值，支持小数。",
|
||||
"keywords": [
|
||||
"uni-ui",
|
||||
"uniui",
|
||||
"数字输入框"
|
||||
],
|
||||
"repository": "https://github.com/dcloudio/uni-ui",
|
||||
"engines": {
|
||||
"HBuilderX": ""
|
||||
},
|
||||
"directories": {
|
||||
"example": "../../temps/example_temps"
|
||||
},
|
||||
"dcloudext": {
|
||||
"sale": {
|
||||
"regular": {
|
||||
"price": "0.00"
|
||||
},
|
||||
"sourcecode": {
|
||||
"price": "0.00"
|
||||
}
|
||||
},
|
||||
"contact": {
|
||||
"qq": ""
|
||||
},
|
||||
"declaration": {
|
||||
"ads": "无",
|
||||
"data": "无",
|
||||
"permissions": "无"
|
||||
},
|
||||
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
|
||||
"type": "component-vue"
|
||||
},
|
||||
"uni_modules": {
|
||||
"dependencies": ["uni-scss"],
|
||||
"encrypt": [],
|
||||
"platforms": {
|
||||
"cloud": {
|
||||
"tcb": "y",
|
||||
"aliyun": "y",
|
||||
"alipay": "n"
|
||||
},
|
||||
"client": {
|
||||
"App": {
|
||||
"app-vue": "y",
|
||||
"app-nvue": "y"
|
||||
},
|
||||
"H5-mobile": {
|
||||
"Safari": "y",
|
||||
"Android Browser": "y",
|
||||
"微信浏览器(Android)": "y",
|
||||
"QQ浏览器(Android)": "y"
|
||||
},
|
||||
"H5-pc": {
|
||||
"Chrome": "y",
|
||||
"IE": "y",
|
||||
"Edge": "y",
|
||||
"Firefox": "y",
|
||||
"Safari": "y"
|
||||
},
|
||||
"小程序": {
|
||||
"微信": "y",
|
||||
"阿里": "y",
|
||||
"百度": "y",
|
||||
"字节跳动": "y",
|
||||
"QQ": "y"
|
||||
},
|
||||
"快应用": {
|
||||
"华为": "u",
|
||||
"联盟": "u"
|
||||
},
|
||||
"Vue": {
|
||||
"vue2": "y",
|
||||
"vue3": "y"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
|
||||
|
||||
## NumberBox 数字输入框
|
||||
> **组件名：uni-number-box**
|
||||
> 代码块： `uNumberBox`
|
||||
|
||||
|
||||
带加减按钮的数字输入框。
|
||||
|
||||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-number-box)
|
||||
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839
|
||||
|
||||
|
||||
|
|
@ -102,8 +102,8 @@ class Request {
|
|||
constructor() {
|
||||
this.config = {
|
||||
// baseUrl: 'https://admin.sjajk.com/', // 请求的根域名//生产需替换
|
||||
// baseUrl: 'http://120.46.52.165/', // 请求的根域名
|
||||
baseUrl: 'http://192.168.2.222:8187/',
|
||||
baseUrl: 'http://120.46.52.165/', // 请求的根域名
|
||||
// baseUrl: 'http://192.168.2.222:8187/',
|
||||
// baseUrl: 'http://47.75.182.93:8090/',
|
||||
// 默认的请求头
|
||||
header: {},
|
||||
|
|
|
|||
Loading…
Reference in New Issue