我是代理商
This commit is contained in:
parent
ea253e3732
commit
5d2d9668cc
22
pages.json
22
pages.json
|
|
@ -86,6 +86,28 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/my/joinUs/myJoinUs",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "我是代理商",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/my/joinUs/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "招商加盟",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/my/channelMerchants/myMerchants",
|
"path": "pages/my/channelMerchants/myMerchants",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
|
||||||
|
|
@ -975,17 +975,18 @@
|
||||||
border-bottom-right-radius: 20px;
|
border-bottom-right-radius: 20px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.detail-btn{
|
.detail-btn {
|
||||||
width:95%;
|
display: flex;
|
||||||
height: 90rpx;
|
width: 92%;
|
||||||
line-height: 90rpx;
|
|
||||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
border-radius: 46rpx;
|
height: 40px;
|
||||||
margin: 0 auto;
|
border-radius: 28px;
|
||||||
text-align: center;
|
color: #ffffff;
|
||||||
font-weight: 400;
|
margin-top: 4px;
|
||||||
font-size: 36rpx;
|
font-size: 17px;
|
||||||
color: #FFFFFF;
|
padding-top: 2px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.detail-foot-mian-txet span:nth-child(1){
|
.detail-foot-mian-txet span:nth-child(1){
|
||||||
color: #777777;
|
color: #777777;
|
||||||
|
|
|
||||||
|
|
@ -108,11 +108,6 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="detail-foot-mian">
|
<view class="detail-foot-mian">
|
||||||
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
||||||
<!-- <view class="lab-view">
|
|
||||||
<view class="detail-foot-mian-txet" v-for="item in labels" :key="item">
|
|
||||||
<span class="detail-foot-mian-txetList">{{item}}</span>
|
|
||||||
</view>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="detail-btn" v-if="dataList.name=='my'&&dataList.status=='0'" @click="goumai(getList)">
|
<view class="detail-btn" v-if="dataList.name=='my'&&dataList.status=='0'" @click="goumai(getList)">
|
||||||
|
|
@ -256,7 +251,7 @@
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 36rpx;
|
font-size: 17px;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
|
|
@ -471,6 +466,7 @@
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #029c88;
|
color: #029c88;
|
||||||
|
word-break: keep-all;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view2-img1{
|
.header-bottom-foot-view2-img1{
|
||||||
width: 35rpx;
|
width: 35rpx;
|
||||||
|
|
|
||||||
|
|
@ -982,17 +982,18 @@
|
||||||
border-bottom-right-radius: 20px;
|
border-bottom-right-radius: 20px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.detail-btn{
|
.detail-btn {
|
||||||
display: inline-block;
|
display: flex;
|
||||||
width: 92%;
|
width: 92%;
|
||||||
text-align: center;
|
|
||||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: 28px;
|
border-radius: 28px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 40px;
|
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
font-size: 34rpx;
|
font-size: 17px;
|
||||||
|
padding-top: 2px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.detail-foot-mian-txet span:nth-child(1){
|
.detail-foot-mian-txet span:nth-child(1){
|
||||||
color: #777777;
|
color: #777777;
|
||||||
|
|
|
||||||
|
|
@ -185,6 +185,14 @@
|
||||||
<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
|
<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
|
||||||
<span class="my-use-list-text">我是渠道商</span>
|
<span class="my-use-list-text">我是渠道商</span>
|
||||||
</view> -->
|
</view> -->
|
||||||
|
<view class="my-use-list" @click="useToUrl('/pages/my/joinUs/index')">
|
||||||
|
<image style="padding: 3rpx;" src="../../static/my-gong-11.png" mode=""></image>
|
||||||
|
<span class="my-use-list-text">招商加盟</span>
|
||||||
|
</view>
|
||||||
|
<view class="my-use-list" @click="useToUrl('/pages/my/joinUs/myJoinUs')">
|
||||||
|
<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
|
||||||
|
<span class="my-use-list-text">我是代理商</span>
|
||||||
|
</view>
|
||||||
<view class="my-use-list" @click="useToUrl('/pages/my/myteam')">
|
<view class="my-use-list" @click="useToUrl('/pages/my/myteam')">
|
||||||
<image style="padding: 3rpx;" src="../../static/my-gong-9.png" mode=""></image>
|
<image style="padding: 3rpx;" src="../../static/my-gong-9.png" mode=""></image>
|
||||||
<span class="my-use-list-text">我的团队</span>
|
<span class="my-use-list-text">我的团队</span>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,475 @@
|
||||||
|
<template>
|
||||||
|
<view class="hehuo_view">
|
||||||
|
<view class="advantage-title">
|
||||||
|
<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../../static/technician.png"></image>招商加盟</view>
|
||||||
|
<view class="advantage-bor" style="margin-right: 10rpx;"></view>
|
||||||
|
<view class="text_view">
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">姓名</view>
|
||||||
|
<u-input type="text" v-model="userName" placeholder="请输入姓名" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">联系电话</view>
|
||||||
|
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
<view class="item_view">
|
||||||
|
<view class="item_title">联系电话</view>
|
||||||
|
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
|
||||||
|
<view class="xian"></view>
|
||||||
|
</view>
|
||||||
|
<view class="item_view" v-if="applyContent">
|
||||||
|
<uni-forms ref="baseForm" :disabled="true">
|
||||||
|
<uni-forms-item label="申请加入的区域" :disabled="true">
|
||||||
|
<picker class="addRess" :disabled="true" range-key="AreaName" mode="multiSelector">
|
||||||
|
<view class="uni-input">
|
||||||
|
<text>{{applyContent}}</text>
|
||||||
|
</view>
|
||||||
|
</picker>
|
||||||
|
</uni-forms-item>
|
||||||
|
</uni-forms>
|
||||||
|
</view>
|
||||||
|
<view class="item_view" v-else>
|
||||||
|
<uni-forms ref="baseForm" >
|
||||||
|
<uni-forms-item label="申请加入的区域">
|
||||||
|
<picker class="addRess" @change="bindPickerChange" @columnchange="pluginclass" :value="pickVal" :range="cityArr"
|
||||||
|
range-key="AreaName" mode="multiSelector">
|
||||||
|
<view class="qing" v-if="pickVal2.length==0">请输入您想代理得区域</view>
|
||||||
|
<view v-else class="uni-input">
|
||||||
|
<text>{{cityData}}</text>
|
||||||
|
</view>
|
||||||
|
</picker>
|
||||||
|
</uni-forms-item>
|
||||||
|
</uni-forms>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="text_view" style="margin-bottom: 20px;">
|
||||||
|
<view class="jibie">
|
||||||
|
<view class="d-title title-font">代理类型</view>
|
||||||
|
<view class="jibie-list" v-for="(item,index) in jbList" :key="index">
|
||||||
|
<view class="jibie-title">
|
||||||
|
<span class="item_title">{{item.title}}</span>
|
||||||
|
</view>
|
||||||
|
<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
|
||||||
|
<label class="tui-radio">
|
||||||
|
<radio color="#019c88" :checked="openWay === item.id ? true : false" />
|
||||||
|
</label>
|
||||||
|
</radio-group>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="push-button">
|
||||||
|
<view class="que-btn" @tap="pay()">提交申请</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
userName: '',
|
||||||
|
phone: '',
|
||||||
|
textareaData:'',
|
||||||
|
jbList:[
|
||||||
|
{'title':'省代理','id':1},
|
||||||
|
{'title':'城市代理','id':2},
|
||||||
|
{'title':'区县代理','id':3},
|
||||||
|
],
|
||||||
|
openWay:'1',
|
||||||
|
money:'',
|
||||||
|
oneFee:'',
|
||||||
|
twoFee:'',
|
||||||
|
pickVal: [0, 0, 0], // 选择器默认值
|
||||||
|
pickVal2:[], // 辅助城市名字线索
|
||||||
|
cityArr: [], // 所有城市
|
||||||
|
applyContent: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.getChannel();
|
||||||
|
this.loadProvinces()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadProvinces() { // 加载省份
|
||||||
|
uni.request({
|
||||||
|
url: 'http://test-api.tiananhub.com/api/province/GetListProvince',
|
||||||
|
method: 'get',
|
||||||
|
success: async (res) => {
|
||||||
|
let {
|
||||||
|
data
|
||||||
|
} = res.data
|
||||||
|
console.log(data)
|
||||||
|
this.cityArr[0] = data
|
||||||
|
this.loadCities(data[0].AreaId)
|
||||||
|
this.$forceUpdate()
|
||||||
|
},
|
||||||
|
fail: async (res) => {}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 请求地级市
|
||||||
|
loadCities(AreaId) {
|
||||||
|
uni.request({
|
||||||
|
url: 'http://test-api.tiananhub.com/api/province/GetListCity',
|
||||||
|
data: {
|
||||||
|
AreaId
|
||||||
|
},
|
||||||
|
method: 'get',
|
||||||
|
success: async (res) => {
|
||||||
|
let {
|
||||||
|
data
|
||||||
|
} = res.data
|
||||||
|
this.cityArr[1] = data
|
||||||
|
this.loadAreas(data[0].AreaId)
|
||||||
|
|
||||||
|
this.$forceUpdate()
|
||||||
|
},
|
||||||
|
fail: async (res) => {}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 请求县区市
|
||||||
|
loadAreas(AreaId) {
|
||||||
|
uni.request({
|
||||||
|
url: 'http://test-api.tiananhub.com/api/province/GetListCity',
|
||||||
|
data: {
|
||||||
|
AreaId
|
||||||
|
},
|
||||||
|
method: 'get',
|
||||||
|
success: async (res) => {
|
||||||
|
let {
|
||||||
|
data
|
||||||
|
} = res.data
|
||||||
|
this.cityArr[2] = data
|
||||||
|
|
||||||
|
this.$forceUpdate()
|
||||||
|
},
|
||||||
|
fail: async (res) => {}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 确定其他选择的值
|
||||||
|
bindPickerChange(data) {
|
||||||
|
this.pickVal=data.target.value;
|
||||||
|
this.pickVal2=data.target.value;
|
||||||
|
this.cityData=this.cityArr[0][this.pickVal2[0]].AreaName+'-'+this.cityArr[1][this.pickVal2[1]].AreaName+'-'+this.cityArr[2][this.pickVal2[2]].AreaName
|
||||||
|
|
||||||
|
},
|
||||||
|
// 选择时且未点击确定是的值
|
||||||
|
pluginclass(e) {
|
||||||
|
if (e.detail.column == 0) {
|
||||||
|
this.loadCities(this.cityArr[0][e.detail.value].AreaId);
|
||||||
|
}
|
||||||
|
if (e.detail.column == 1) {
|
||||||
|
this.loadAreas(this.cityArr[1][e.detail.value].AreaId);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 支付订单
|
||||||
|
pay() {
|
||||||
|
let that = this
|
||||||
|
this.showpay = false;
|
||||||
|
if (this.userName === '') {
|
||||||
|
this.$queue.showToast('请输入姓名')
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.phone === '' || this.phone.length != 11) {
|
||||||
|
this.$queue.showToast('请输入正确的手机号！')
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showModal({
|
||||||
|
title: '付款提示',
|
||||||
|
content: '是否确定提交申请！',
|
||||||
|
success: function(re) {
|
||||||
|
if (re.confirm) {
|
||||||
|
|
||||||
|
that.$queue.showLoading('支付中...')
|
||||||
|
let data = {
|
||||||
|
level:that.openWay,
|
||||||
|
money:that.money,
|
||||||
|
name:that.userName,
|
||||||
|
phone:that.phone,
|
||||||
|
remarks:that.textareaData,
|
||||||
|
type: 2
|
||||||
|
}
|
||||||
|
that.$Request.post('/app/wxPay/payFxyMoney', data).then(rea => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (rea.code == 0) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '支付成功'
|
||||||
|
})
|
||||||
|
that.callPay(rea.data);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: rea.msg,
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else if (re.cancel) {
|
||||||
|
uni.hideLoading();
|
||||||
|
console.log('用户点击取消');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
selectWay: function(item) {
|
||||||
|
this.openWay = item.id;
|
||||||
|
this.money=item.money
|
||||||
|
},
|
||||||
|
textareaChange(e){//备注
|
||||||
|
this.textareaData=e.detail.value
|
||||||
|
},
|
||||||
|
getChannel() {
|
||||||
|
this.$Request.getT('/app/commission/fxy/fxyConfig').then(res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
var data=[]
|
||||||
|
// for(var i=0;i<this.jbList.length;i++){
|
||||||
|
// if(this.jbList[i].id==1){
|
||||||
|
// data.push({
|
||||||
|
// 'title':'一级分销员',
|
||||||
|
// 'money':'',
|
||||||
|
// 'id':1,
|
||||||
|
// 'money':res.data.oneFee
|
||||||
|
// })
|
||||||
|
// }else{
|
||||||
|
// data.push({
|
||||||
|
// 'title':'二级分销员',
|
||||||
|
// 'money':'',
|
||||||
|
// 'id':2,
|
||||||
|
// 'money':res.data.twoFee
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
|
this.openWay=data[0].id;
|
||||||
|
this.money=data[0].money;
|
||||||
|
this.jbList=data;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import '../../../static/less/index.less';
|
||||||
|
@import '../../../static/css/index.css';
|
||||||
|
.qing{
|
||||||
|
color: rgb(192, 196, 204);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
/deep/.uni-forms-item__label{
|
||||||
|
font-size: 15px;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
/deep/.is-direction-left{
|
||||||
|
flex-direction: column !important;
|
||||||
|
}
|
||||||
|
.weixin{
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.foot-beizhu{
|
||||||
|
border: 1px dashed #fe912e;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 7px;
|
||||||
|
color: #fe912e;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.item_title_money{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #fb672b;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.jibie-title-w{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.jibie-title{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.jibie-list{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.jibie{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
/deep/uni-radio .uni-radio-input{
|
||||||
|
width: 38.86rpx;
|
||||||
|
height: 38.86rpx;
|
||||||
|
margin: -1px 2px 0px -8px;
|
||||||
|
}
|
||||||
|
.chong-list-radio{
|
||||||
|
width: 29.86rpx;
|
||||||
|
height: 29.86rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
/deep/.uni-textarea-textarea{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
/deep/.uni-textarea-placeholder{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: rgb(192, 196, 204);
|
||||||
|
}
|
||||||
|
.textarea-pay-list{
|
||||||
|
width: 100%;
|
||||||
|
height: 120px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.textarea-pay{
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #F3F3F3;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
padding: 7px;
|
||||||
|
}
|
||||||
|
.list-pay{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.title-font{
|
||||||
|
font-size:30rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.d-title{
|
||||||
|
font-size: 15px;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.header-view{
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 11px;
|
||||||
|
}
|
||||||
|
.header-padd{
|
||||||
|
padding:30rpx;
|
||||||
|
}
|
||||||
|
.header-margin{
|
||||||
|
margin:20rpx;
|
||||||
|
}
|
||||||
|
.push-button{
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
// position: fixed;
|
||||||
|
// bottom: 0px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.que-btn{
|
||||||
|
display: inline-block;
|
||||||
|
width: 90%;
|
||||||
|
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: 34rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.margin-top-view{
|
||||||
|
width: 150upx;
|
||||||
|
height: 150upx;
|
||||||
|
background: #f7f7f7;
|
||||||
|
}
|
||||||
|
.advantage-title{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
}
|
||||||
|
.advantage-bor{
|
||||||
|
width: 96px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 3px;
|
||||||
|
bottom: 0;
|
||||||
|
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
|
||||||
|
margin-bottom: 80rpx;
|
||||||
|
margin-left: 35rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.hehuo_view {
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 10px;
|
||||||
|
height: 100vh;
|
||||||
|
background:#f7f7f7 url(../../../static/cooperate/cooperate6.png)no-repeat ;
|
||||||
|
background-size: 100%;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
//align-items: center;
|
||||||
|
|
||||||
|
.text_view {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 20px;
|
||||||
|
.audit_message {
|
||||||
|
color: red;
|
||||||
|
width: 650rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
margin-top: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.save_btn1 {
|
||||||
|
width: 650rpx;
|
||||||
|
height: 88rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin-top: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 88rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_view {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
|
||||||
|
.item_title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFang SC Regular, PingFang SC Regular-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xian {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1rpx solid #f7f7f7;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,460 @@
|
||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="content-top">
|
||||||
|
<view class="bgimg">
|
||||||
|
<view class="bgimg-top">
|
||||||
|
<view class="bgimg-top-tou">
|
||||||
|
<u-avatar :src="avatar" size="120" style=" border: 2px solid #F2F2F2;"></u-avatar>
|
||||||
|
</view>
|
||||||
|
<view class="bgimg-top-view">
|
||||||
|
<view class="bgimg-top-money">
|
||||||
|
<span>{{listData.name}}</span>
|
||||||
|
<!-- <span>平台</span>
|
||||||
|
<span style="color: #fff;">当前身份：一级分销员</span> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian">
|
||||||
|
<view class="mian-title" style="position: relative;">
|
||||||
|
<view class="mian-title-top">
|
||||||
|
<span class="money">{{listData.withdrawableAmount}}</span>
|
||||||
|
<span class="list-title">可提现(元)</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-title-top">
|
||||||
|
<view class="detail-btn" @click="goNav('/pages/my/applyBroker/withdrawal')">
|
||||||
|
我要提现</view>
|
||||||
|
</view>
|
||||||
|
<!-- <image class="bangzhu" src="../../../static/bangzhu.png" mode=""></image> -->
|
||||||
|
</view>
|
||||||
|
<view class="mian-list">
|
||||||
|
<view class="list-view">
|
||||||
|
<view class="money">{{listData.income}}</view>
|
||||||
|
<view class="list-title">总金额(不含手续费)</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-view">
|
||||||
|
<view class="money">{{listData.notCredited}}</view>
|
||||||
|
<view class="list-title">未入账(元)</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom">
|
||||||
|
<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/mymoneydetail')">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/my-gong-17.png" mode=""></image>
|
||||||
|
<span>我的收益</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/myInvitation')">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/my-gong-19.png" mode=""></image>
|
||||||
|
<span>我的邀请</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/withdrawalRecord')">
|
||||||
|
<image class="mian-bottom-img" src="../../../static/my-gong-20.png" mode=""></image>
|
||||||
|
<span>提现记录</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian-foot">
|
||||||
|
<view class="mian-foot-top">
|
||||||
|
<view class="mian-foot-top-list">
|
||||||
|
<span class="list-title">今日成交订单</span>
|
||||||
|
<span class="money">{{listData.curOrdersCount}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-foot-top-list">
|
||||||
|
<span class="list-title">累计成交订单</span>
|
||||||
|
<span class="money">{{listData.ordersCount}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mian-foot-top" style="margin-top: 10px;">
|
||||||
|
<view class="mian-foot-top-list">
|
||||||
|
<span class="list-title">今日新增技师</span>
|
||||||
|
<span class="money">{{listData.curArtificerCount}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="mian-foot-top-list">
|
||||||
|
<span class="list-title">累计入驻技师</span>
|
||||||
|
<span class="money">{{listData.artificerCount}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="foot-img-list" @click="showModal">
|
||||||
|
<image class="foot-img" src="../../../static/suggest-banner.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<tki-qrcode ref="qrcode" :val="url" :size="200" background="#fff" foreground="#000" pdground="#000"
|
||||||
|
:onval="true" :loadMake="true" @result="qrR" :show="false"></tki-qrcode>
|
||||||
|
<view class="cu-modal" :class="modalName == 'Image' ? 'show' : ''" @tap="hideModal">
|
||||||
|
<view class="cu-dialog" v-if="backgroundImage && erweimapath && haibaoShow" @tap="hideModal">
|
||||||
|
<view class="bg-img">
|
||||||
|
<wm-poster @success="posterSuccess" :imgSrc="backgroundImage" :Referrer="'我的邀请码:'+invitationCode"
|
||||||
|
:QrSrc="erweimapath" :Title="tuiguang" :LineType="false"></wm-poster>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';
|
||||||
|
import wmPoster from '@/components/wm-poster/wm-posterorders.vue';
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
wmPoster,
|
||||||
|
tkiQrcode
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
url: '',
|
||||||
|
avatar: '',
|
||||||
|
listData:[],
|
||||||
|
haibaoImg: null,
|
||||||
|
haibaoShow: false,
|
||||||
|
modalName: '',
|
||||||
|
backgroundImage:'',
|
||||||
|
invitationCode: '',
|
||||||
|
erweimapath: '',
|
||||||
|
tuiguang: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.avatar = uni.getStorageSync('avatar')
|
||||||
|
this.getData();
|
||||||
|
this.getBackImageList();
|
||||||
|
this.getUserInfo();
|
||||||
|
this.$Request.getT('/app/common/type/116').then(res => {
|
||||||
|
if (res.code === 0) {
|
||||||
|
if (res.data && res.data.value) {
|
||||||
|
this.tuiguang = res.data.value;
|
||||||
|
this.tuiguang1 = res.data.value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//检测书否开启APP微信分享
|
||||||
|
this.$Request.getT('/app/common/type/136').then(res => {
|
||||||
|
if (res.code === 0) {
|
||||||
|
if (res.data && res.data.value) {
|
||||||
|
this.isShowWxAPPShare = res.data.value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// #ifndef H5
|
||||||
|
this.$Request.getT('/app/common/type/25').then(res => {
|
||||||
|
if (res.code === 0) {
|
||||||
|
if (res.data && res.data.value) {
|
||||||
|
this.url = res.data.value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//#endif
|
||||||
|
},
|
||||||
|
onShareAppMessage(res) {
|
||||||
|
return {
|
||||||
|
path: '/pages/index/index?invitation=' + this.invitationCode, //这是为了传参 onload(data){let id=data.id;}
|
||||||
|
title: this.tuiguang,
|
||||||
|
imageUrl: this.bgImg
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
getUserInfo() {
|
||||||
|
this.$Request.get("/app/user/selectUserById").then(res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
this.nickName = res.data.userName
|
||||||
|
this.invitationCode = res.data.invitationCode
|
||||||
|
this.userImageUrl = res.data.avatar ? res.data.avatar : '../../static/logo.png'
|
||||||
|
// #ifdef H5
|
||||||
|
this.$Request.getT('/app/common/type/141').then(res => {
|
||||||
|
if (res.code === 0) {
|
||||||
|
if (res.data && res.data.value && res.data.value == '是') {
|
||||||
|
this.$Request.getT('/app/common/type/25').then(ress => {
|
||||||
|
if (ress.code === 0) {
|
||||||
|
if (ress.data && ress.data.value) {
|
||||||
|
this.url = ress.data.value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.url = this.$queue.publicYuMingApp() + '/?invitation=' + this
|
||||||
|
.invitationCode+"&flag=3";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//#endif
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getBackImageList() {
|
||||||
|
this.$Request.get("/app/commission/jjr/poster").then(res => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (res.code == 0) {
|
||||||
|
this.backgroundImage = res.data.artificerImage;
|
||||||
|
}
|
||||||
|
console.log("res.data--->", this.backgroundImage);
|
||||||
|
});
|
||||||
|
// this.make();
|
||||||
|
},
|
||||||
|
make() {
|
||||||
|
uQRCode.make({
|
||||||
|
canvasId: 'default_PosterCanvasId',
|
||||||
|
componentInstance: this,
|
||||||
|
text: this.url,
|
||||||
|
size: 68,
|
||||||
|
margin: 4,
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
foregroundColor: '#000000',
|
||||||
|
fileType: 'jpg',
|
||||||
|
correctLevel: uQRCode.errorCorrectLevel.H,
|
||||||
|
success: res => {
|
||||||
|
console.log(res)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
hideModal() {
|
||||||
|
this.modalName = null;
|
||||||
|
},
|
||||||
|
qrR(path) {
|
||||||
|
this.erweimapath = path;
|
||||||
|
},
|
||||||
|
posterSuccess(haibaoImg) {
|
||||||
|
this.haibaoImg = haibaoImg;
|
||||||
|
this.modalName = 'Image';
|
||||||
|
},
|
||||||
|
showModal() {
|
||||||
|
if (!this.haibaoImg) {
|
||||||
|
this.haibaoShow = true;
|
||||||
|
this.$queue.showLoading('海报生成中...');
|
||||||
|
} else {
|
||||||
|
this.modalName = 'Image';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
goNav(link){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:link+'?navName='+'经纪人'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getData(){
|
||||||
|
this.$Request.get("/app/commission/jjr/myJjr").then(res => {
|
||||||
|
console.log("res.data--->", res.data);
|
||||||
|
if (res.code == 0) {
|
||||||
|
this.listData=res.data
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.mian-foot-top-list span:nth-child(1){
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.mian-foot-top-list{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.mian-foot-top{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.mian-foot{
|
||||||
|
width: 93%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.bangzhu{
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
margin-right: -20px;
|
||||||
|
top: 0;
|
||||||
|
margin-top: -10px;
|
||||||
|
}
|
||||||
|
.mian-title-top{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.foot-img-list{
|
||||||
|
width: 92%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.foot-img image{
|
||||||
|
width:100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.foot-img{
|
||||||
|
width: 100%;
|
||||||
|
height:180rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top:20rpx;
|
||||||
|
}
|
||||||
|
.mian-bottom-list span{
|
||||||
|
color: #333;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
.mian-bottom-list{
|
||||||
|
width:30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.mian-bottom-img{
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
flex: 0 0 40px;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 500px;
|
||||||
|
}
|
||||||
|
.mian-bottom{
|
||||||
|
width: 93%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 155px;
|
||||||
|
}
|
||||||
|
.mian-top-title{
|
||||||
|
color: #333;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.money{
|
||||||
|
color: #333;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.list-title{
|
||||||
|
margin-top: 5px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #B8B8B8;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.list-view{
|
||||||
|
width:30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.mian-list{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.mian-title{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.mian{
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 15px 26px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.detail-btn{
|
||||||
|
display: inline-block;
|
||||||
|
width: 100px;
|
||||||
|
text-align: center;
|
||||||
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 28px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 4px;
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
.content-top{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
padding-bottom: 10rpx;
|
||||||
|
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../../static/background-img.png');
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
page {
|
||||||
|
background-color: #F7F7F7;
|
||||||
|
}
|
||||||
|
.bgimg-top-money span:nth-child(1){
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 43rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.bgimg-top-money span:nth-child(2){
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 25rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top:4px;
|
||||||
|
}
|
||||||
|
.bgimg-top-money{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.bgimg-top-view{
|
||||||
|
width: 80%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.bgimg-top{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 15rpx;
|
||||||
|
}
|
||||||
|
.bgimg {
|
||||||
|
background: url(../../../static/wallet/reduce.png);
|
||||||
|
background-size: cover;
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
position: relative;
|
||||||
|
margin: 0px auto 10px auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
.mingxi{
|
||||||
|
width: 140rpx;
|
||||||
|
height: 42rpx;
|
||||||
|
line-height: 42rpx;
|
||||||
|
text-align: center;
|
||||||
|
background: #F5F7FB;
|
||||||
|
border-radius: 21rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -58,15 +58,18 @@
|
||||||
<view class="header-bottom-foot-cont">
|
<view class="header-bottom-foot-cont">
|
||||||
<!-- <view class="header-fubz">保障</view> -->
|
<!-- <view class="header-fubz">保障</view> -->
|
||||||
<view class="header-bottom-foot-view">
|
<view class="header-bottom-foot-view">
|
||||||
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
|
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png"
|
||||||
|
mode=""></image>
|
||||||
<span>未服务全额退款</span>
|
<span>未服务全额退款</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="header-bottom-foot-view" style="margin: 0px 7px;width: 26%;">
|
<view class="header-bottom-foot-view" style="margin: 0px 7px;width: 26%;">
|
||||||
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
|
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png"
|
||||||
|
mode=""></image>
|
||||||
<span>不满意重做</span>
|
<span>不满意重做</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="header-bottom-foot-view">
|
<view class="header-bottom-foot-view">
|
||||||
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
|
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png"
|
||||||
|
mode=""></image>
|
||||||
<span>最快30分钟上门</span>
|
<span>最快30分钟上门</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -83,7 +86,9 @@
|
||||||
<view class="detail-foot-list-top">
|
<view class="detail-foot-list-top">
|
||||||
<span style="margin-right: 5px;">{{item.title}}</span>
|
<span style="margin-right: 5px;">{{item.title}}</span>
|
||||||
<!-- <span style="margin-left: 5px;">{{mainData.levelName}}</span> -->
|
<!-- <span style="margin-left: 5px;">{{mainData.levelName}}</span> -->
|
||||||
<image style="width:80rpx; height:30rpx;" :src="mainData.level=='3'?'../../static/vip/grade1.gif':mainData.level=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
|
<image style="width:80rpx; height:30rpx;"
|
||||||
|
:src="mainData.level=='3'?'../../static/vip/grade1.gif':mainData.level=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"
|
||||||
|
mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="detail-view" style="position: relative;">
|
<view class="detail-view" style="position: relative;">
|
||||||
<image class="detail-view-img" :src="item.massageImg" mode=""></image>
|
<image class="detail-view-img" :src="item.massageImg" mode=""></image>
|
||||||
|
|
@ -95,12 +100,13 @@
|
||||||
<span>￥</span>
|
<span>￥</span>
|
||||||
<span>{{item.price}}</span>
|
<span>{{item.price}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="header-bottom-money-jia" >
|
<view class="header-bottom-money-jia">
|
||||||
￥{{item.oldPrice}}
|
￥{{item.oldPrice}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="serviData.name!='index'">
|
<view v-if="serviData.name!='index'">
|
||||||
<view class="service-more" @click.stop="xiangqing(item)">{{item.status=='1'?'订单':'预约'}}</view>
|
<view class="service-more" @click.stop="xiangqing(item)">
|
||||||
|
{{item.status=='1'?'订单':'预约'}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view style="color: #019c88; font-size: 26rpx;">服务时长:{{item.duration}}分钟</view>
|
<view style="color: #019c88; font-size: 26rpx;">服务时长:{{item.duration}}分钟</view>
|
||||||
|
|
@ -125,7 +131,8 @@
|
||||||
<span class="detail-foot-nav-bor"></span>
|
<span class="detail-foot-nav-bor"></span>
|
||||||
</view>
|
</view>
|
||||||
<view class="detail-foot-mian detail-pad">
|
<view class="detail-foot-mian detail-pad">
|
||||||
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item"
|
||||||
|
mode="widthFix"></image>
|
||||||
<!-- <view class="lab-view">
|
<!-- <view class="lab-view">
|
||||||
<view class="detail-foot-mian-txet" v-for="item in labels" :key="item">
|
<view class="detail-foot-mian-txet" v-for="item in labels" :key="item">
|
||||||
<span class="detail-foot-mian-txetList">{{item}}</span>
|
<span class="detail-foot-mian-txetList">{{item}}</span>
|
||||||
|
|
@ -142,7 +149,8 @@
|
||||||
<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
|
<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
|
||||||
<view class="popup_pay">
|
<view class="popup_pay">
|
||||||
<view style="background-color: #fff;">
|
<view style="background-color: #fff;">
|
||||||
<view style="padding: 0 20upx;margin-top: 60rpx;margin-bottom: 20rpx;display: flex;flex-direction: column;justify-content: center;">
|
<view
|
||||||
|
style="padding: 0 20upx;margin-top: 60rpx;margin-bottom: 20rpx;display: flex;flex-direction: column;justify-content: center;">
|
||||||
<view
|
<view
|
||||||
style="width:92%;display: flex;height: 100upx;align-items: center;padding: 20upx 0;justify-content: center;"
|
style="width:92%;display: flex;height: 100upx;align-items: center;padding: 20upx 0;justify-content: center;"
|
||||||
v-for="(item,index) in openLists" :key='item.id'>
|
v-for="(item,index) in openLists" :key='item.id'>
|
||||||
|
|
@ -165,12 +173,12 @@
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default{
|
export default {
|
||||||
data(){
|
data() {
|
||||||
return{
|
return {
|
||||||
checkbox:false,
|
checkbox: false,
|
||||||
couponData:[],
|
couponData: [],
|
||||||
couponId:'',
|
couponId: '',
|
||||||
tordersId: '',
|
tordersId: '',
|
||||||
tpayMoney: '',
|
tpayMoney: '',
|
||||||
paySel: 0,
|
paySel: 0,
|
||||||
|
|
@ -178,16 +186,16 @@
|
||||||
openLists: [],
|
openLists: [],
|
||||||
closeable: true,
|
closeable: true,
|
||||||
showpay: false,
|
showpay: false,
|
||||||
serviData:[],
|
serviData: [],
|
||||||
isVip:false,
|
isVip: false,
|
||||||
mainData:[],
|
mainData: [],
|
||||||
detailData:[],
|
detailData: [],
|
||||||
// 背景图片的URL可以是动态的，比如从API获取或根据条件生成
|
// 背景图片的URL可以是动态的，比如从API获取或根据条件生成
|
||||||
backgroundImageUrl: '',
|
backgroundImageUrl: '',
|
||||||
nameText:'',
|
nameText: '',
|
||||||
zong:'',
|
zong: '',
|
||||||
contentShow:'0',
|
contentShow: '0',
|
||||||
contentImg:''
|
contentImg: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -198,12 +206,12 @@
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(e){
|
onLoad(e) {
|
||||||
var that=this;
|
var that = this;
|
||||||
that.serviData=e;
|
that.serviData = e;
|
||||||
that.getData();
|
that.getData();
|
||||||
that.youhui()
|
that.youhui()
|
||||||
that.isVip=this.$queue.getData('isVIP');
|
that.isVip = this.$queue.getData('isVIP');
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
// #ifndef MP-WEIXIN
|
// #ifndef MP-WEIXIN
|
||||||
|
|
@ -236,13 +244,13 @@
|
||||||
this.openWay = 2;
|
this.openWay = 2;
|
||||||
// #endif
|
// #endif
|
||||||
},
|
},
|
||||||
methods:{
|
methods: {
|
||||||
contentClick(){
|
contentClick() {
|
||||||
var num=this.contentShow
|
var num = this.contentShow
|
||||||
if(num=='0'){
|
if (num == '0') {
|
||||||
this.contentShow='1'
|
this.contentShow = '1'
|
||||||
}else{
|
} else {
|
||||||
this.contentShow='0'
|
this.contentShow = '0'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
goNav(e) {
|
goNav(e) {
|
||||||
|
|
@ -250,10 +258,10 @@
|
||||||
url: e
|
url: e
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
checkboxChange(e){
|
checkboxChange(e) {
|
||||||
this.couponId=e.detail.value.join(",")
|
this.couponId = e.detail.value.join(",")
|
||||||
},
|
},
|
||||||
youhui(){//获取优惠卷
|
youhui() { //获取优惠卷
|
||||||
let that = this
|
let that = this
|
||||||
let data = {
|
let data = {
|
||||||
status: 0,
|
status: 0,
|
||||||
|
|
@ -262,16 +270,16 @@
|
||||||
}
|
}
|
||||||
that.$Request.get("/app/coupon/selectCouponUserList", data).then(res => {
|
that.$Request.get("/app/coupon/selectCouponUserList", data).then(res => {
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
that.couponData=res.data.list
|
that.couponData = res.data.list
|
||||||
} else {
|
} else {
|
||||||
that.$queue.showToast(res.msg)
|
that.$queue.showToast(res.msg)
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
goOrder() {//生成orderId
|
goOrder() { //生成orderId
|
||||||
let that = this
|
let that = this
|
||||||
console.log('asdasd',that.couponId)
|
console.log('asdasd', that.couponId)
|
||||||
// let payMoney =item.price;
|
// let payMoney =item.price;
|
||||||
// let payMoney = that.isVip ? item.memberPrice : item.price;
|
// let payMoney = that.isVip ? item.memberPrice : item.price;
|
||||||
let data = {
|
let data = {
|
||||||
|
|
@ -281,9 +289,10 @@
|
||||||
sumMoney: that.mainData.price,
|
sumMoney: that.mainData.price,
|
||||||
// oldSumMoney: that.mainData.oldPrice*that.detailData.length,
|
// oldSumMoney: that.mainData.oldPrice*that.detailData.length,
|
||||||
// sumMoney: that.mainData.price*that.detailData.length,
|
// sumMoney: that.mainData.price*that.detailData.length,
|
||||||
ordersPackageList:[
|
ordersPackageList: [{
|
||||||
{packageId: that.mainData.id,num: 1},
|
packageId: that.mainData.id,
|
||||||
]
|
num: 1
|
||||||
|
}, ]
|
||||||
}
|
}
|
||||||
that.$Request.postJson("/app/user/package/order/insertOrders", data).then(res => {
|
that.$Request.postJson("/app/user/package/order/insertOrders", data).then(res => {
|
||||||
that.showorder = false
|
that.showorder = false
|
||||||
|
|
@ -299,12 +308,12 @@
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
openpay(item) {
|
openpay(item) {
|
||||||
this.$queue.setData('mainData',item)
|
this.$queue.setData('mainData', item)
|
||||||
this.$queue.setData('detailData',this.detailData)
|
this.$queue.setData('detailData', this.detailData)
|
||||||
this.$queue.setData('xiangmu',item)
|
this.$queue.setData('xiangmu', item)
|
||||||
this.$queue.setData('youhui','');
|
this.$queue.setData('youhui', '');
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url:'/my/order/payModifyTc?ordersId='+item.id
|
url: '/my/order/payModifyTc?ordersId=' + item.id
|
||||||
})
|
})
|
||||||
// this.goOrder()
|
// this.goOrder()
|
||||||
// this.showpay = true
|
// this.showpay = true
|
||||||
|
|
@ -341,8 +350,7 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else if (re.cancel) {
|
} else if (re.cancel) {}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
} else if (that.openWay == 2) { //微信支付
|
} else if (that.openWay == 2) { //微信支付
|
||||||
|
|
@ -652,81 +660,82 @@
|
||||||
// #endif
|
// #endif
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
xiangqing(item){
|
xiangqing(item) {
|
||||||
if(item.status=='1'){
|
if (item.status == '1') {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url:'/pages/my/orderDetailsList?id='+this.mainData.id+'&mainId='+this.mainId+'&name='+'套餐'
|
url: '/pages/my/orderDetailsList?id=' + this.mainData.id + '&mainId=' + this.mainId +
|
||||||
|
'&name=' + '套餐'
|
||||||
})
|
})
|
||||||
}else{
|
} else {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url:'/pages/my/cureOderDrtail?mainId='+item.mainId+'&id='+item.id+
|
url: '/pages/my/cureOderDrtail?mainId=' + item.mainId + '&id=' + item.id +
|
||||||
'&massageTypeId='+item.massageTypeId+
|
'&massageTypeId=' + item.massageTypeId +
|
||||||
'&status='+item.status+
|
'&status=' + item.status +
|
||||||
'&name='+this.nameText
|
'&name=' + this.nameText
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
detail(item){
|
detail(item) {
|
||||||
// if(item.status=='1'&&this.serviData.name!='index'){
|
// if(item.status=='1'&&this.serviData.name!='index'){
|
||||||
// uni.showToast({
|
// uni.showToast({
|
||||||
// title:'该项目已使用！'
|
// title:'该项目已使用！'
|
||||||
// })
|
// })
|
||||||
// }else{
|
// }else{
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url:'/pages/my/cureOderDrtail?mainId='+item.mainId+'&id='+item.id+
|
url: '/pages/my/cureOderDrtail?mainId=' + item.mainId + '&id=' + item.id +
|
||||||
'&massageTypeId='+item.massageTypeId+
|
'&massageTypeId=' + item.massageTypeId +
|
||||||
'&status='+item.status+
|
'&status=' + item.status +
|
||||||
'&name='+this.nameText
|
'&name=' + this.nameText
|
||||||
})
|
})
|
||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
getData(){
|
getData() {
|
||||||
var that=this;
|
var that = this;
|
||||||
if(that.serviData.name!='index'){
|
if (that.serviData.name != 'index') {
|
||||||
let data = {
|
let data = {
|
||||||
mainId: that.serviData.id,
|
mainId: that.serviData.id,
|
||||||
page: that.serviData.page,
|
page: that.serviData.page,
|
||||||
limit: that.serviData.limit,
|
limit: that.serviData.limit,
|
||||||
}
|
}
|
||||||
that.$Request.get('/app/user/package/detail/findMyPackageDetailList',data).then(res => {
|
that.$Request.get('/app/user/package/detail/findMyPackageDetailList', data).then(res => {
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
if(res.data.mainData.level == 3){
|
if (res.data.mainData.level == 3) {
|
||||||
res.data.mainData.levelName = "资深"
|
res.data.mainData.levelName = "资深"
|
||||||
}
|
}
|
||||||
if(res.data.mainData.level == 4){
|
if (res.data.mainData.level == 4) {
|
||||||
res.data.mainData.levelName = "金牌"
|
res.data.mainData.levelName = "金牌"
|
||||||
}
|
}
|
||||||
if(res.data.mainData.level == 5){
|
if (res.data.mainData.level == 5) {
|
||||||
res.data.mainData.levelName = "专家"
|
res.data.mainData.levelName = "专家"
|
||||||
}
|
}
|
||||||
that.mainData=res.data.mainData;
|
that.mainData = res.data.mainData;
|
||||||
that.detailData=res.data.detailData;
|
that.detailData = res.data.detailData;
|
||||||
that.backgroundImageUrl=that.mainData.packageImg;
|
that.backgroundImageUrl = that.mainData.packageImg;
|
||||||
that.nameText="my"
|
that.nameText = "my"
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}else{//从首页 推荐进入 请求的接口
|
} else { //从首页 推荐进入 请求的接口
|
||||||
let data = {
|
let data = {
|
||||||
mainId: that.serviData.id,
|
mainId: that.serviData.id,
|
||||||
page: that.serviData.page,
|
page: that.serviData.page,
|
||||||
limit: that.serviData.limit,
|
limit: that.serviData.limit,
|
||||||
}
|
}
|
||||||
that.$Request.get('/app/massage/packageDetail/findAppPage',data).then(res => {
|
that.$Request.get('/app/massage/packageDetail/findAppPage', data).then(res => {
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
if(res.mainData.level == 3){
|
if (res.mainData.level == 3) {
|
||||||
res.mainData.levelName = "资深"
|
res.mainData.levelName = "资深"
|
||||||
}
|
}
|
||||||
if(res.mainData.level == 4){
|
if (res.mainData.level == 4) {
|
||||||
res.mainData.levelName = "金牌"
|
res.mainData.levelName = "金牌"
|
||||||
}
|
}
|
||||||
if(res.mainData.level == 5){
|
if (res.mainData.level == 5) {
|
||||||
res.mainData.levelName = "专家"
|
res.mainData.levelName = "专家"
|
||||||
}
|
}
|
||||||
that.mainData=res.mainData;
|
that.mainData = res.mainData;
|
||||||
that.detailData=res.detailData.list;
|
that.detailData = res.detailData.list;
|
||||||
that.contentImg=that.mainData.contentImg.split(",");
|
that.contentImg = that.mainData.contentImg.split(",");
|
||||||
that.backgroundImageUrl=that.mainData.packageImg;
|
that.backgroundImageUrl = that.mainData.packageImg;
|
||||||
that.nameText="index"
|
that.nameText = "index"
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -736,7 +745,7 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.img-span{
|
.img-span {
|
||||||
padding: 2px 5px;
|
padding: 2px 5px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
|
|
@ -749,18 +758,21 @@
|
||||||
margin-bottom: 14px;
|
margin-bottom: 14px;
|
||||||
margin-left: 27px;
|
margin-left: 27px;
|
||||||
}
|
}
|
||||||
.detail-view-mina{
|
|
||||||
width:74%;
|
.detail-view-mina {
|
||||||
|
width: 74%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
}
|
}
|
||||||
.detail-view-img{
|
|
||||||
width:74px;
|
.detail-view-img {
|
||||||
height:74px;
|
width: 74px;
|
||||||
|
height: 74px;
|
||||||
border-radius: 9px;
|
border-radius: 9px;
|
||||||
}
|
}
|
||||||
.detail-view{
|
|
||||||
|
.detail-view {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
@ -769,16 +781,19 @@
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
/deep/uni-checkbox .uni-checkbox-input{
|
|
||||||
|
/deep/uni-checkbox .uni-checkbox-input {
|
||||||
width: 26px;
|
width: 26px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
.youhui-img{
|
|
||||||
|
.youhui-img {
|
||||||
width: 111.81rpx;
|
width: 111.81rpx;
|
||||||
height: 111.81rpx;
|
height: 111.81rpx;
|
||||||
}
|
}
|
||||||
.youhui-view-right-btn{
|
|
||||||
|
.youhui-view-right-btn {
|
||||||
width: 158rpx;
|
width: 158rpx;
|
||||||
height: 64rpx;
|
height: 64rpx;
|
||||||
background: linear-gradient(-90deg, #019C88, #2DC48E);
|
background: linear-gradient(-90deg, #019C88, #2DC48E);
|
||||||
|
|
@ -788,26 +803,30 @@
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
text-shadow: 0rpx 2rpx 4rpx rgba(0,119,104,0.44);
|
text-shadow: 0rpx 2rpx 4rpx rgba(0, 119, 104, 0.44);
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.youhui-view-right-time{
|
|
||||||
|
.youhui-view-right-time {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
.youhui-view-right-title{
|
|
||||||
|
.youhui-view-right-title {
|
||||||
width: 105px;
|
width: 105px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
.youhui-view-right-top{
|
|
||||||
|
.youhui-view-right-top {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.youhui-view-right{
|
|
||||||
|
.youhui-view-right {
|
||||||
width: 502.08rpx;
|
width: 502.08rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -815,40 +834,48 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
}
|
}
|
||||||
.youhui-view-left-bottom{
|
|
||||||
|
.youhui-view-left-bottom {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.youhui-view-left-yuan{
|
|
||||||
|
.youhui-view-left-yuan {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.youhui-view-left-num{
|
|
||||||
|
.youhui-view-left-num {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 89rpx;
|
font-size: 89rpx;
|
||||||
}
|
}
|
||||||
.youhui-view-left-text{
|
|
||||||
|
.youhui-view-left-text {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size:24.31rpx;
|
font-size: 24.31rpx;
|
||||||
}
|
}
|
||||||
.youhui-view-left{
|
|
||||||
|
.youhui-view-left {
|
||||||
width: 199rpx;
|
width: 199rpx;
|
||||||
height: 242rpx;
|
height: 242rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction:column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.youhui-yiyong{
|
|
||||||
|
.youhui-yiyong {
|
||||||
background-image: url('../../static/youhuijuan/coupons7.png');
|
background-image: url('../../static/youhuijuan/coupons7.png');
|
||||||
}
|
}
|
||||||
.youhui-weiyong{
|
|
||||||
|
.youhui-weiyong {
|
||||||
background-image: url('../../static/youhuijuan/coupons1.png');
|
background-image: url('../../static/youhuijuan/coupons1.png');
|
||||||
}
|
}
|
||||||
.youhui-list{
|
|
||||||
|
.youhui-list {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
@ -858,6 +885,7 @@
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup_pay {
|
.popup_pay {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -869,6 +897,7 @@
|
||||||
/* #endif */
|
/* #endif */
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.pay_btn {
|
.pay_btn {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -879,7 +908,8 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
}
|
}
|
||||||
.push-button{
|
|
||||||
|
.push-button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -889,24 +919,27 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
.detail-btn{
|
|
||||||
display: inline-block;
|
.detail-btn {
|
||||||
|
display: flex;
|
||||||
width: 92%;
|
width: 92%;
|
||||||
text-align: center;
|
|
||||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: 28px;
|
border-radius: 28px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 40px;
|
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
font-size: 30rpx;
|
font-size: 17px;
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.header-top image{
|
|
||||||
|
.header-top image {
|
||||||
width: 706.25rpx;
|
width: 706.25rpx;
|
||||||
height: 105.07rpx;
|
height: 105.07rpx;
|
||||||
}
|
}
|
||||||
.header-top{
|
|
||||||
|
.header-top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 745.83rpx;
|
height: 745.83rpx;
|
||||||
background-image: url('../../static/servicePackage/display.png');
|
background-image: url('../../static/servicePackage/display.png');
|
||||||
|
|
@ -916,38 +949,43 @@
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.shouc image{
|
|
||||||
|
.shouc image {
|
||||||
width: 34.03rpx;
|
width: 34.03rpx;
|
||||||
height: 32.64rpx;
|
height: 32.64rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shouc{
|
.shouc {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.detail-foot-nav-bor{
|
|
||||||
|
.detail-foot-nav-bor {
|
||||||
width: 64px;
|
width: 64px;
|
||||||
height: 11rpx;
|
height: 11rpx;
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7));
|
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
|
||||||
}
|
}
|
||||||
.detail-foot-nav-text{
|
|
||||||
|
.detail-foot-nav-text {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.detail-foot-nav{
|
|
||||||
|
.detail-foot-nav {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.detail-foot-title{
|
|
||||||
|
.detail-foot-title {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height:24px;
|
height: 24px;
|
||||||
background: linear-gradient(90deg, #eefaf8, #daf5f1);
|
background: linear-gradient(90deg, #eefaf8, #daf5f1);
|
||||||
border-radius: 0 15rpx 0 30rpx;
|
border-radius: 0 15rpx 0 30rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
@ -960,13 +998,15 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
.detail-foot-list-top{
|
|
||||||
|
.detail-foot-list-top {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.detail-foot-list{
|
|
||||||
|
.detail-foot-list {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
border-radius: 21rpx;
|
border-radius: 21rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -976,7 +1016,8 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
.detail-foot{
|
|
||||||
|
.detail-foot {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -984,31 +1025,36 @@
|
||||||
padding: 15px 0px;
|
padding: 15px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tese span:nth-child(1){
|
.tese span:nth-child(1) {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
.tese span:nth-child(2){
|
|
||||||
|
.tese span:nth-child(2) {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #8D9194;
|
color: #8D9194;
|
||||||
}
|
}
|
||||||
.tese{
|
|
||||||
|
.tese {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
|
-webkit-line-clamp: 2;
|
||||||
|
/* 显示的行数，可以根据需要修改 */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin-top: 4rpx;
|
margin-top: 4rpx;
|
||||||
}
|
}
|
||||||
.detail-foot-list-top span:nth-child(1){
|
|
||||||
|
.detail-foot-list-top span:nth-child(1) {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 31rpx;
|
font-size: 31rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
.detail-foot-list-top span:nth-child(2){
|
|
||||||
/* width: 76rpx;
|
.detail-foot-list-top span:nth-child(2) {
|
||||||
|
/* width: 76rpx;
|
||||||
height: 33rpx;
|
height: 33rpx;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -1025,12 +1071,13 @@
|
||||||
background-color: #f1f8d7;
|
background-color: #f1f8d7;
|
||||||
color: #58b314;
|
color: #58b314;
|
||||||
}
|
}
|
||||||
.detail-foot-list-top span:nth-child(3){
|
|
||||||
|
.detail-foot-list-top span:nth-child(3) {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #029d88;
|
color: #029d88;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail-foot-mian{
|
.detail-foot-mian {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -1039,123 +1086,147 @@
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
margin-bottom: 100px;
|
margin-bottom: 100px;
|
||||||
}
|
}
|
||||||
.jianjie-contnet{
|
|
||||||
|
.jianjie-contnet {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #8D9194;
|
color: #8D9194;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
|
-webkit-line-clamp: 2;
|
||||||
|
/* 显示的行数，可以根据需要修改 */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.jianjie{
|
|
||||||
|
.jianjie {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #8D9194;
|
color: #8D9194;
|
||||||
}
|
}
|
||||||
.jianjie-more{
|
|
||||||
|
.jianjie-more {
|
||||||
color: #029d88;
|
color: #029d88;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-mian{
|
|
||||||
|
.header-bottom-mian {
|
||||||
margin: 3px 0px;
|
margin: 3px 0px;
|
||||||
}
|
}
|
||||||
.header-bottom-mian-title{
|
|
||||||
|
.header-bottom-mian-title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.header-bottom-mian-title span{
|
|
||||||
|
.header-bottom-mian-title span {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #20AB95;
|
color: #20AB95;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
padding: 10rpx 0;
|
padding: 10rpx 0;
|
||||||
}
|
}
|
||||||
.header-bottom-mian-title image{
|
|
||||||
|
.header-bottom-mian-title image {
|
||||||
width: 30.56rpx;
|
width: 30.56rpx;
|
||||||
height: 29.86rpx;
|
height: 29.86rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-title{
|
|
||||||
|
.header-bottom-foot-title {
|
||||||
width: 65px;
|
width: 65px;
|
||||||
height: 17px;
|
height: 17px;
|
||||||
margin-right: 8rpx;
|
margin-right: 8rpx;
|
||||||
margin-top: 4rpx;
|
margin-top: 4rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-money-jia{
|
|
||||||
|
.header-bottom-money-jia {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
line-height: 37rpx;
|
line-height: 37rpx;
|
||||||
text-decoration-line: line-through;
|
text-decoration-line: line-through;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen span{
|
|
||||||
|
.header-bottom-money-zhen span {
|
||||||
color: #FF1200;
|
color: #FF1200;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen span:nth-child(1){
|
|
||||||
|
.header-bottom-money-zhen span:nth-child(1) {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #FF6000;
|
color: #FF6000;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen span:nth-child(2){
|
|
||||||
font-size:38rpx;
|
.header-bottom-money-zhen span:nth-child(2) {
|
||||||
|
font-size: 38rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #FF6000;
|
color: #FF6000;
|
||||||
line-height:32rpx;
|
line-height: 32rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen span:nth-child(3){
|
|
||||||
|
.header-bottom-money-zhen span:nth-child(3) {
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #FF6000;
|
color: #FF6000;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen{
|
|
||||||
|
.header-bottom-money-zhen {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
/*align-items: baseline;*/
|
/*align-items: baseline;*/
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.header-bottom-money-view{
|
|
||||||
|
.header-bottom-money-view {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top:8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
.header-bottom-money{
|
|
||||||
|
.header-bottom-money {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.header-bottom-title-num span{
|
|
||||||
|
.header-bottom-title-num span {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-title-num span:nth-child(1){
|
|
||||||
|
.header-bottom-title-num span:nth-child(1) {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #08A28A;
|
color: #08A28A;
|
||||||
}
|
}
|
||||||
.header-bottom-title-num span:nth-child(2){
|
|
||||||
|
.header-bottom-title-num span:nth-child(2) {
|
||||||
color: #848485;
|
color: #848485;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
.header-bottom-title-text{
|
|
||||||
|
.header-bottom-title-text {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 35rpx;
|
font-size: 35rpx;
|
||||||
color: #13141A;
|
color: #13141A;
|
||||||
}
|
}
|
||||||
.header-bottom-title{
|
|
||||||
|
.header-bottom-title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.header-bottom-top{
|
|
||||||
|
.header-bottom-top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.header-bottom{
|
|
||||||
|
.header-bottom {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 15px 20px;
|
padding: 15px 20px;
|
||||||
|
|
@ -1163,12 +1234,13 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header{
|
.header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.content{
|
|
||||||
|
.content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1177,26 +1249,29 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.service-more{
|
|
||||||
|
.service-more {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
border: 1px #2dbe93 solid ;
|
border: 1px #2dbe93 solid;
|
||||||
color: #019c88;
|
color: #019c88;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
justify-content: fex-end;
|
justify-content: fex-end;
|
||||||
background: #eefffa;
|
background: #eefffa;
|
||||||
}
|
}
|
||||||
.header-bottom-top-list{
|
|
||||||
|
.header-bottom-top-list {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: rgba(230, 246, 243, 0.6);
|
background-color: rgba(230, 246, 243, 0.6);
|
||||||
}
|
}
|
||||||
.header-bottom-foot{
|
|
||||||
|
.header-bottom-foot {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -1205,30 +1280,36 @@
|
||||||
border-top: 1px solid #f7f7f7;
|
border-top: 1px solid #f7f7f7;
|
||||||
padding: 20rpx 0rpx 0rpx 0rpx;
|
padding: 20rpx 0rpx 0rpx 0rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-cont{
|
|
||||||
width:100%;
|
.header-bottom-foot-cont {
|
||||||
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view-img1{
|
|
||||||
|
.header-bottom-foot-view-img1 {
|
||||||
width: 30rpx;
|
width: 30rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view-img2{
|
|
||||||
|
.header-bottom-foot-view-img2 {
|
||||||
width: 23rpx;
|
width: 23rpx;
|
||||||
height: 23rpx;
|
height: 23rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view-img3{
|
|
||||||
|
.header-bottom-foot-view-img3 {
|
||||||
width: 26rpx;
|
width: 26rpx;
|
||||||
height: 26rpx;
|
height: 26rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view image{
|
|
||||||
|
.header-bottom-foot-view image {
|
||||||
margin-right: 1px;
|
margin-right: 1px;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view{
|
|
||||||
|
.header-bottom-foot-view {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
@ -1240,5 +1321,6 @@
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #029c88;
|
color: #029c88;
|
||||||
|
word-break: keep-all;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue