fix: rewrite paysuccess page, dynamic hospital list, remove hardcoded values
#11: Rewrite paysuccess page - remove e-commerce template, show order summary #12: Load hospital list dynamically from /system/hospital/list API #13: Remove hardcoded bId and ID number, add optional ID card input field Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
renjianbo
@@ -94,7 +94,7 @@ Page({
|
||||
success(res) {
|
||||
console.log('支付成功');
|
||||
wx.navigateTo({
|
||||
url: '/shopping/pages/paysuccess/paysuccess',
|
||||
url: '/shopping/pages/paysuccess/paysuccess?order_id=' + _this.data.order_id + '&paid=1',
|
||||
})
|
||||
},
|
||||
fail(res) {
|
||||
|
||||
@@ -11,26 +11,8 @@ Page({
|
||||
phonedisplay: false,
|
||||
placeholder: '请输入联系方式'
|
||||
},
|
||||
//普通选择器：（普通数组）
|
||||
// array: ['请选择医院', '西京医院', '省人民医院', '红会医院'],
|
||||
objectArray: [{
|
||||
text: '请选择医院',
|
||||
value: 10
|
||||
},
|
||||
{
|
||||
text: '第四军医大学西京医院',
|
||||
value: 2
|
||||
},
|
||||
{
|
||||
text: '陕西省人民医院',
|
||||
value: 3
|
||||
},
|
||||
{
|
||||
text: '西安市高新医院',
|
||||
value: 1
|
||||
},
|
||||
],
|
||||
objectIndex: 0, //默认显示位置
|
||||
objectArray: [{ text: '加载中...', value: 0 }], // 医院列表（动态加载）
|
||||
objectIndex: 0, // 默认显示位置
|
||||
show: true,
|
||||
height: '',
|
||||
seckill_start: '请输入开始日期',
|
||||
@@ -59,7 +41,8 @@ Page({
|
||||
danjia: 0.01, //单位为元
|
||||
beizhu: '',
|
||||
name: '',
|
||||
jzphone: ''
|
||||
jzphone: '',
|
||||
idcard: '' // 患者身份证号（可选）
|
||||
|
||||
},
|
||||
inputtaskphone(e) {
|
||||
@@ -91,6 +74,11 @@ Page({
|
||||
jzphone: e.detail.value
|
||||
})
|
||||
},
|
||||
bindIdcardInput: function (e) {
|
||||
this.setData({
|
||||
idcard: e.detail.value
|
||||
})
|
||||
},
|
||||
bindAdressInput: function (e) {
|
||||
this.setData({
|
||||
address: e.detail.value
|
||||
@@ -119,7 +107,29 @@ Page({
|
||||
// wx.showToast({ title:'请勿重复操作！', icon: 'none' });
|
||||
}
|
||||
},
|
||||
//获取单价
|
||||
//加载医院列表
|
||||
loadHospitals: function () {
|
||||
var that = this;
|
||||
wx.request({
|
||||
url: app.globalData.url + '/system/hospital/list',
|
||||
header: app.getRequestHeader(),
|
||||
method: 'GET',
|
||||
data: {},
|
||||
success: (res) => {
|
||||
if (res.data.code == 200) {
|
||||
var hospitals = res.data.rows || res.data.data || [];
|
||||
var list = [{ text: '请选择医院', value: 0 }];
|
||||
hospitals.forEach(function (h) {
|
||||
list.push({
|
||||
text: h.hospitalName,
|
||||
value: h.hospitalId
|
||||
});
|
||||
});
|
||||
that.setData({ objectArray: list });
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
getprice: function () {
|
||||
var that = this;
|
||||
wx.request({
|
||||
@@ -211,7 +221,6 @@ Page({
|
||||
wx.request({
|
||||
url: app.globalData.url + '/system/order/insertOrderPz',
|
||||
data: {
|
||||
bId: "104", //陪护人员id
|
||||
cId: wx.getStorageSync('uid'), //患者id
|
||||
yuguMoney: this.data.item.price, //金额
|
||||
yuliu9: "2", //订单大类1-陪护 2-陪诊
|
||||
@@ -221,7 +230,7 @@ Page({
|
||||
yuliu11: this.data.jzphone, //患者电话
|
||||
yuliu12: this.data.beizhu, //特殊要求
|
||||
yuliu13: this.data.address, //送达地址
|
||||
yuliu14: "610526198701180018" //患者身份证号
|
||||
yuliu14: this.data.idcard //患者身份证号（可选）
|
||||
},
|
||||
method: 'POST',
|
||||
header: {
|
||||
@@ -324,6 +333,7 @@ Page({
|
||||
*/
|
||||
onShow: function () {
|
||||
var that = this;
|
||||
this.loadHospitals();
|
||||
this.getprice();
|
||||
this.getpriceType();
|
||||
},
|
||||
|
||||
@@ -63,6 +63,13 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="row-wrap">
|
||||
<view class="label" style="margin-left: 16rpx;">身份证号</view>
|
||||
<view class="label-right">
|
||||
<input bindinput="bindIdcardInput" class="input" type="idcard" placeholder="请输入身份证号（可选）" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="row-wrap">
|
||||
@@ -81,7 +88,7 @@
|
||||
<view class="row-wrap">
|
||||
<view class="label" style="margin-left: 16rpx;">服务时间</view>
|
||||
<view class="label-right">
|
||||
<picker mode="date" value="{{date}}" start="2022-01-01" end="2025-12-01" bindchange="bindDateChange">
|
||||
<picker mode="date" value="{{date}}" start="2022-01-01" end="2030-12-31" bindchange="bindDateChange">
|
||||
<view class="picker">
|
||||
{{seckill_start}}
|
||||
</view>
|
||||
|
||||
@@ -1,188 +1,92 @@
|
||||
|
||||
var app = getApp();
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
order_id:0,
|
||||
id:'',
|
||||
show: false,
|
||||
statusType: ["拼团"],
|
||||
status:[ "0"],
|
||||
currentType: 0,
|
||||
nav_type:0,
|
||||
height:''
|
||||
},
|
||||
statusTap: function (e) {
|
||||
var curType = e.currentTarget.dataset.index;
|
||||
this.setData({
|
||||
currentType: curType,
|
||||
nav_type:curType
|
||||
});
|
||||
|
||||
app.console("================="+curType)
|
||||
data: {
|
||||
order_id: 0,
|
||||
item: {},
|
||||
height: '',
|
||||
statusText: '提交成功',
|
||||
statusHint: '可在个人中心"我的订单"中查看'
|
||||
},
|
||||
onClickShow() {
|
||||
this.setData({ show: true });
|
||||
},
|
||||
|
||||
onClickHide() {
|
||||
this.setData({ show: false });
|
||||
},
|
||||
onClickLeft() {
|
||||
wx.navigateBack()
|
||||
},
|
||||
noop() {},
|
||||
//返回首页
|
||||
index(){
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
},
|
||||
//订单详情
|
||||
godetail(){
|
||||
wx.navigateTo({
|
||||
url: '/pages/orderdetail/orderdetail?'+"type="+'3'+ '&id=' +this.data.order_id,
|
||||
})
|
||||
},
|
||||
//条目点击跳转
|
||||
itemgodetail(e){
|
||||
wx.navigateTo({
|
||||
url: "/shopping/pages/goddess/goddess?id=" + e.currentTarget.dataset.id,
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
var statusBarHeight = wx.getSystemInfoSync().statusBarHeight;
|
||||
this.setData({
|
||||
statusBarHeight: statusBarHeight,
|
||||
height: 46 + statusBarHeight,
|
||||
});
|
||||
|
||||
|
||||
statusMap: {
|
||||
'-2': '已取消',
|
||||
'-1': '拒绝接单',
|
||||
'0': '待接单',
|
||||
'1': '已接单',
|
||||
'2': '待服务',
|
||||
'3': '服务中',
|
||||
'4': '已完成',
|
||||
'5': '申请退款',
|
||||
'6': '退款中',
|
||||
'7': '已退款',
|
||||
'8': '已结算'
|
||||
},
|
||||
|
||||
onClickLeft() {
|
||||
wx.navigateBack()
|
||||
},
|
||||
|
||||
// 返回首页
|
||||
goIndex() {
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
},
|
||||
|
||||
// 查看订单详情
|
||||
goDetail() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/orderdetail/orderdetail?type=3&id=' + this.data.order_id,
|
||||
})
|
||||
},
|
||||
|
||||
onLoad(options) {
|
||||
var statusBarHeight = wx.getSystemInfoSync().statusBarHeight;
|
||||
this.setData({
|
||||
statusBarHeight: statusBarHeight,
|
||||
height: 46 + statusBarHeight,
|
||||
});
|
||||
|
||||
if (options.order_id) {
|
||||
this.setData({ order_id: options.order_id });
|
||||
this.loadOrderDetail();
|
||||
}
|
||||
|
||||
// 如果是从支付成功跳转，显示支付成功
|
||||
if (options.paid === '1') {
|
||||
this.setData({
|
||||
order_id:options.order_id
|
||||
})
|
||||
app.console(this.data.order_id+"======传来的order_id")
|
||||
this.paySuccess()
|
||||
},
|
||||
statusText: '支付成功',
|
||||
statusHint: '感谢您的支付，陪护人员将为您提供服务'
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
},
|
||||
//支付成功
|
||||
paySuccess: function () {
|
||||
// 加载订单详情
|
||||
loadOrderDetail() {
|
||||
var that = this;
|
||||
wx.request({
|
||||
url: app.buildUrl("/app/Goddesswechat/paySuccess"),
|
||||
header: app.getRequestHeader(),
|
||||
method:'POST',
|
||||
data: {
|
||||
version_number: this.data.version_number,
|
||||
uid:wx.getStorageSync('uid'),
|
||||
token:wx.getStorageSync('token'),
|
||||
order_id:this.data.order_id
|
||||
},
|
||||
success: function (res) {
|
||||
var resp = res.data;
|
||||
console.log(resp+"=================dddddddddddddddddddddddddddddddddddddddddddd")
|
||||
if(resp.erro==0){
|
||||
that.setData({
|
||||
tg_kj_status:resp.goods_infor.tg_kj_status,
|
||||
id:resp.goods_infor.id,
|
||||
goods_infor:resp.goods_infor,
|
||||
goods:resp.goods
|
||||
});
|
||||
app.console(that.data.tg_kj_status+"=================状态值")
|
||||
if(that.data.tg_kj_status==1){
|
||||
wx.showToast({ title: '弹出拼团弹框', icon: 'none' });
|
||||
this.setData({ show: true });
|
||||
}
|
||||
}
|
||||
url: app.globalData.url + '/system/view/getInfo',
|
||||
header: app.getRequestHeader(),
|
||||
method: 'GET',
|
||||
data: { orderId: this.data.order_id },
|
||||
success(res) {
|
||||
if (res.data.code == 200) {
|
||||
var item = res.data.data;
|
||||
that.setData({ item: item });
|
||||
// 根据订单状态更新提示文字
|
||||
if (item.status == 0) {
|
||||
that.setData({
|
||||
statusText: '下单成功',
|
||||
statusHint: '等待陪护人员接单，请留意订单状态'
|
||||
});
|
||||
} else if (item.status == 2 || item.status == 8) {
|
||||
that.setData({
|
||||
statusText: '支付成功',
|
||||
statusHint: '感谢您的支付'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 跳过
|
||||
*/
|
||||
tiaoguo(){
|
||||
this.setData({ show: false });
|
||||
},
|
||||
/**
|
||||
* 同意发起
|
||||
*/
|
||||
tongyifaqi(){
|
||||
this.confirmCollage()
|
||||
},
|
||||
//确认发起团购/砍价
|
||||
confirmCollage: function () {
|
||||
var that = this;
|
||||
wx.request({
|
||||
url: app.buildUrl("/app/Goddesswechat/confirmCollage"),
|
||||
header: app.getRequestHeader(),
|
||||
method:'POST',
|
||||
data: {
|
||||
version_number: this.data.version_number,
|
||||
uid:wx.getStorageSync('uid'),
|
||||
token:wx.getStorageSync('token'),
|
||||
order_id:this.data.order_id
|
||||
},
|
||||
success: function (res) {
|
||||
var resp = res.data;
|
||||
console.log(resp+"=================dddddddddddddddddddddddddddddddddddddddddddd")
|
||||
if(resp.erro==0){
|
||||
wx.showToast({ title: resp.msg, icon: 'none' });
|
||||
that.setData({ show: false });
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<!--shopping/pages/paysuccess/paysuccess.wxml-->
|
||||
|
||||
<van-nav-bar
|
||||
title="提交成功"
|
||||
left-text=""
|
||||
@@ -7,229 +5,42 @@
|
||||
left-arrow
|
||||
bind:click-left="onClickLeft"
|
||||
bind:click-right="onClickRight"
|
||||
style=" position: fixed;left: 0;top: 0;width: 100%;z-index: 2;"
|
||||
style="position: fixed;left: 0;top: 0;width: 100%;z-index: 2;"
|
||||
/>
|
||||
<view style="margin-top: {{height}}px;">
|
||||
<view class="success">
|
||||
<image src="/pages/image/success.png"></image>
|
||||
<view class="success">
|
||||
<image src="/pages/image/success.png"></image>
|
||||
</view>
|
||||
<view class="news1">{{statusText}}</view>
|
||||
<view class="news2">{{statusHint}}</view>
|
||||
|
||||
<!-- 订单摘要 -->
|
||||
<view class="order-summary" wx:if="{{item.orderNumber}}">
|
||||
<view class="summary-title">订单信息</view>
|
||||
<view class="summary-row">
|
||||
<text class="summary-label">订单编号</text>
|
||||
<text class="summary-value">{{item.orderNumber}}</text>
|
||||
</view>
|
||||
<view class="news1">提交成功</view>
|
||||
<view class="news2">可在个人中心“我的订单”中查看</view>
|
||||
<view style="display:flex;margin-bottom:106rpx; ">
|
||||
<button style="width: 304rpx;margin-left: 40rpx;" class="btn1" bindtap="index">返回首页</button>
|
||||
<button class="btn2" style="width: 304rpx;" bindtap="godetail">查看详情</button>
|
||||
<view class="summary-row">
|
||||
<text class="summary-label">服务类型</text>
|
||||
<text class="summary-value">专业陪护服务（{{item.userbName}}）</text>
|
||||
</view>
|
||||
<view style=" display:flex; flex-wrap: wrap;justify-content:space-around;">
|
||||
<view wx:for="{{goods}}" style="width:340rpx;height:488rpx;background:#fff;margin-bottom:16rpx;" wx:for-item="item" data-id="{{item.id}}" bindtap="itemgodetail">
|
||||
<image src="{{item.index_img}}" style="width:340rpx;height:340rpx;border-radius: 10rpx 10rpx 0px 0px;"></image>
|
||||
<view class="title1">{{item.goods_name}}</view>
|
||||
<view style="display:flex;margin:8rpx 0;">
|
||||
<image src="/pages/image/address.png" style="width:17rpx;height:17rpx"></image>
|
||||
<view class="dianpu">{{item.mechanism_name}}</view>
|
||||
</view>
|
||||
<view class="price">
|
||||
<view>￥{{item.price}}</view>
|
||||
<!-- <view>5.0折</view> -->
|
||||
<view>已售{{item.sold}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="summary-row">
|
||||
<text class="summary-label">服务医院</text>
|
||||
<text class="summary-value">{{item.hospitalAddress}}{{item.hospitalName}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<van-overlay show="{{ show }}" bind:click="onClickHide">
|
||||
<view class="wrapper">
|
||||
<view class="block" catch:tap="noop" >
|
||||
<!-- /////////////////////////////////////// -->
|
||||
|
||||
<view style="width: 676rpx; height: 280rpx;">
|
||||
|
||||
<image style="width: 676rpx; height: 280rpx;" src="/pages/image/pintuan.png"></image>
|
||||
|
||||
<view class="yaotext">邀请好友拼团</view>
|
||||
<view class="yaotexttwo">拼团成功会返现哦~</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view class="status-box">
|
||||
<view bindtap="statusTap" class="status-label {{index == currentType ? 'active' : ''}}" wx:for-items="{{statusType}}" wx:key="{{index}}" data-index="{{index}}">
|
||||
{{item}}
|
||||
<view class="{{tabClass[index]}}"></view>
|
||||
</view>
|
||||
<view class="summary-row">
|
||||
<text class="summary-label">服务时间</text>
|
||||
<text class="summary-value">{{item.startTime}}</text>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view wx:if="{{nav_type==0}}">
|
||||
<!-- 步骤条 -->
|
||||
<view style="margin-left: 28rpx;margin-top: 116rpx; ">
|
||||
<text style="font-size: 30rpx;font-weight: bold;">拼团规则</text>
|
||||
<view class="summary-row">
|
||||
<text class="summary-label">实付金额</text>
|
||||
<text class="summary-value money">¥{{item.yuguMoney}}</text>
|
||||
</view>
|
||||
<view class="Groupone" style=" align-items: center;" data-id="{{item.id}}">
|
||||
|
||||
<view class="viewone">
|
||||
<view class="textone">1
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">支付</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||||
</view>
|
||||
|
||||
<view style="margin-left: 43rpx;">></view>
|
||||
<view class="viewone">
|
||||
<view class="textone">2
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">邀请</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">好友参团</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view style="margin-left: 43rpx;">></view>
|
||||
<view class="viewone">
|
||||
<view class="textone">3
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">返现</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">拼团成功返现</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 订单 -->
|
||||
<view class="Distit" style="margin-left: 28rpx;">
|
||||
<text style="font-size: 30rpx;font-weight: bold;">拼团详情</text>
|
||||
</view>
|
||||
<view class="Group" bindtap="activity" data-id="{{item.id}}">
|
||||
|
||||
<view class="Group-image">
|
||||
<image src="{{goods_infor.index_img}}"></image>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="title1">{{goods_infor.goods_name}}</view>
|
||||
<view class="title2">
|
||||
<view class="house">
|
||||
<image src="/pages/image/address.png"/>
|
||||
</view>
|
||||
<view >{{goods_infor.mechanism_name}}</view>
|
||||
</view>
|
||||
<view class="Price">
|
||||
<view class="Price1">￥{{goods_infor.price}}</view>
|
||||
<view class="Price2">￥{{goods_infor.original_price}}</view>
|
||||
<!-- <view class="Price3">5.0折</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 拼团头像 -->
|
||||
<view style="display: flex;flex-direction: row;position: relative;justify-content: center;">
|
||||
|
||||
<view style="display: flex;flex-direction:column;align-items: center;">
|
||||
<!-- <image class="imageone" src="/images/WeChat.png"></image> -->
|
||||
<view class="imageone" bindtap="bindViewTap">
|
||||
<open-data type="userAvatarUrl"></open-data>
|
||||
</view>
|
||||
<view class="texttwo"style="margin-top: -25rpx;">团长</view>
|
||||
</view>
|
||||
|
||||
<view class="imageone" style="margin-left: 111rpx; display: flex;align-items: center; justify-content: center;background-color: #FFEDE5;">
|
||||
<view style="font-size: 54rpx;font-family: 苹方-简;color: #FF4C00;">?
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<view style="display: flex;flex-direction: row;height: 80rpx;margin-top: 10rpx;">
|
||||
<view class="buttonsty" style="margin-left: 76rpx;" bindtap="tiaoguo">跳过</view>
|
||||
<view class="buttonsty" style="background: #FF4C00;margin-left: 32rpx;"bindtap="tongyifaqi">同意发起拼团</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 8888888888888888888888888-->
|
||||
<view wx:if="{{nav_type==1}}">
|
||||
<!-- 步骤条 -->
|
||||
<view style="margin-left: 28rpx;margin-top: 116rpx; ">
|
||||
<text style="font-size: 30rpx;font-weight: bold;">砍价规则</text>
|
||||
</view>
|
||||
<view class="Groupone" style=" align-items: center;" data-id="{{item.id}}">
|
||||
|
||||
<view class="viewone">
|
||||
<view class="textone">1
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||||
</view>
|
||||
|
||||
<view style="margin-left: 43rpx;">></view>
|
||||
<view class="viewone">
|
||||
<view class="textone">1
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view style="margin-left: 43rpx;">></view>
|
||||
<view class="viewone">
|
||||
<view class="textone">1
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 订单 -->
|
||||
<view class="Distit" style="margin-left: 28rpx;">
|
||||
<text style="font-size: 30rpx;font-weight: bold;">特价商品</text>
|
||||
</view>
|
||||
<view class="Group" bindtap="activity" data-id="{{item.id}}">
|
||||
|
||||
<view class="Group-image">
|
||||
<image src="{{item.index_img}}"></image>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="title1">除皱瘦脸 韩国进口标准装瘦咬肌速美小V脸</view>
|
||||
<view class="title2">
|
||||
<view class="house">
|
||||
<image src="/pages/image/address.png"/>
|
||||
</view>
|
||||
<view >{{item.mechanism_name}}</view>
|
||||
</view>
|
||||
<view class="Price">
|
||||
<view class="Price1">￥{{item.price}}</view>
|
||||
<view class="Price2">￥{{item.original_price}}</view>
|
||||
<!-- <view class="Price3">5.0折</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<view style="display: flex;flex-direction: row;height: 80rpx;margin-top: 57rpx;">
|
||||
<view class="buttonsty" style="margin-left: 76rpx; ">跳过</view>
|
||||
<view class="buttonsty" style="background: #FF4C00;margin-left: 32rpx;"bindtap="getDeposit">同意发起砍价</view>
|
||||
</view>
|
||||
|
||||
<view style="display:flex;margin-bottom:106rpx;margin-top:40rpx;">
|
||||
<button class="btn1" bindtap="goIndex">返回首页</button>
|
||||
<button class="btn2" bindtap="goDetail">查看详情</button>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- /////////////////////////////////////// -->
|
||||
</view>
|
||||
</view>
|
||||
</van-overlay>
|
||||
</view>
|
||||
|
||||
@@ -1,93 +1,28 @@
|
||||
/* shopping/pages/paysuccess/paysuccess.wxss */
|
||||
.success {
|
||||
margin: 91rpx 275rpx 40rpx 275rpx;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
margin: 91rpx 275rpx 40rpx 275rpx;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
|
||||
.success image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.news1 {
|
||||
font-size: 34rpx;
|
||||
font-family: PingFang SC;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 34rpx;
|
||||
font-family: PingFang SC;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.news2 {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
color: #8D8D8D;
|
||||
text-align: center;
|
||||
margin-top: 13rpx;
|
||||
margin-bottom: 67rpx;
|
||||
}
|
||||
|
||||
.title1 {
|
||||
width: 329rpx;
|
||||
height: 56rx;
|
||||
font-size: 20rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #414141;
|
||||
opacity: 1;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.dianpu {
|
||||
font-size: 20rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 18rpx;
|
||||
color: #B4B4B4;
|
||||
opacity: 1;
|
||||
margin-left: 6rpx;
|
||||
}
|
||||
|
||||
.btn1 {
|
||||
/* width: 244rpx;
|
||||
height: 80rpx;
|
||||
background: #8D8D8D;
|
||||
border-radius: 310rpx;
|
||||
font-size: 28rpx;
|
||||
color: #fff; */
|
||||
font-weight: 300;
|
||||
width: 152rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 310rpx;
|
||||
font-size: 30rpx;
|
||||
border: 1px solid;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* .btn2 {
|
||||
width: 244rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 310rpx;
|
||||
background-color: #FF4C00;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
} */
|
||||
|
||||
.btn2 {
|
||||
font-weight: 300;
|
||||
width: 244rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 310rpx;
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
background: linear-gradient(312deg, #1B56FF 0%, #2D7AFF 0%, #00DBFC 100%);
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
color: #8D8D8D;
|
||||
text-align: center;
|
||||
margin-top: 13rpx;
|
||||
margin-bottom: 67rpx;
|
||||
}
|
||||
|
||||
.btn1 {
|
||||
@@ -100,494 +35,49 @@
|
||||
background: linear-gradient(312deg, #eeeff3 0%, #fff 0%, #e6edee 100%);
|
||||
}
|
||||
|
||||
.price {
|
||||
display: flex;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.price view:nth-child(1) {
|
||||
line-height: 44rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 700;
|
||||
color: #E75D4D;
|
||||
}
|
||||
|
||||
.price view:nth-child(2) {
|
||||
width: 51rpx;
|
||||
height: 21rpx;
|
||||
border: 1px solid #E75D4D;
|
||||
border-radius: 4rpx;
|
||||
font-size: 15rpx;
|
||||
font-weight: 400;
|
||||
color: #e75d4d;
|
||||
text-align: center;
|
||||
margin: 11rpx ;
|
||||
}
|
||||
.price view:nth-child(3){
|
||||
font-size: 20rpx;
|
||||
line-height: 44rpx;
|
||||
font-weight: 400;
|
||||
color: #B4B4B4;
|
||||
margin-left: 121rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.nav_box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-left: 50rpx;
|
||||
padding-right: 50rpx;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.nav_bar {
|
||||
width: 104rpx;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #5B5B5B;
|
||||
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #5B5B5B;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 800;
|
||||
border-bottom: 6rpx solid #FF6A6A;
|
||||
}
|
||||
.time_msg{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 66rpx;
|
||||
color: #5B5B5B;
|
||||
opacity: 1;
|
||||
float: left;
|
||||
}
|
||||
.status_msg{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 66rpx;
|
||||
color: #FF6A6A;
|
||||
opacity: 1;
|
||||
float: right;
|
||||
}
|
||||
.details_box{
|
||||
display: flex;
|
||||
}
|
||||
.title{
|
||||
width: 430rpx;
|
||||
height: 86rpx;
|
||||
.btn2 {
|
||||
font-weight: 300;
|
||||
width: 244rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 310rpx;
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
background: linear-gradient(312deg, #1B56FF 0%, #2D7AFF 0%, #00DBFC 100%);
|
||||
}
|
||||
|
||||
.order-summary {
|
||||
background: #fff;
|
||||
margin: 0 24rpx;
|
||||
border-radius: 16rpx;
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.summary-title {
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: bold;
|
||||
line-height: 44rpx;
|
||||
color: #222222;
|
||||
opacity: 1;
|
||||
margin-top: 16rpx;
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
display:-webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.detail_number{
|
||||
color: #333;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.summary-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.summary-label {
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 37rpx;
|
||||
color: #B4B4B4;
|
||||
opacity: 1;
|
||||
margin-top: 11rpx;
|
||||
}
|
||||
.money{
|
||||
margin-top: 18rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.summary-value {
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 37rpx;
|
||||
color: #B4B4B4;
|
||||
opacity: 1;
|
||||
|
||||
}
|
||||
.detail_btn{
|
||||
position: absolute;
|
||||
|
||||
bottom: 12rpx;
|
||||
right: 24rpx;
|
||||
/* min-width: 140rpx; */
|
||||
height: 57rpx;
|
||||
/* background: #000; */
|
||||
border: 1rpx solid #A5A5A5;
|
||||
border-radius: 34rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 57rpx;
|
||||
color: #4A4A4A;
|
||||
opacity: 1;
|
||||
text-align: center;
|
||||
padding: 0 31rpx;
|
||||
}
|
||||
|
||||
.order-list{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.status-box{
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
margin-top: 0rpx;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color:#ffffff;
|
||||
margin-left: 220rpx;
|
||||
margin-right: 220rpx;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
.status-box .status-label{
|
||||
width: 150rpx;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
font-size:24rpx;
|
||||
color:#353535;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
.status-box .status-label.active{
|
||||
|
||||
|
||||
color: #5B5B5B;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 800;
|
||||
border-bottom: 6rpx solid #FF6A6A;
|
||||
}
|
||||
.status-box .status-label .red-dot{
|
||||
width: 16rpx;
|
||||
height: 16rpx;
|
||||
position: absolute;
|
||||
left: 116rpx;
|
||||
top:23rpx;
|
||||
background-color: #f43530;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.no-order{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 252rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
padding-top: 203rpx;
|
||||
background-color: #F2f2f2;
|
||||
}
|
||||
.no-order-img{
|
||||
width: 81rpx;
|
||||
height: 96rpx;
|
||||
margin-bottom: 31rpx;
|
||||
}
|
||||
.no-order .text{
|
||||
font-size:28rpx;
|
||||
color:#999999;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.row-wrapxs{
|
||||
width: 100%;
|
||||
height: 130rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
display: flex;
|
||||
/*justify-content: space-between;*/
|
||||
}
|
||||
.tankuang{
|
||||
border-radius: 30rpx 30rpx 0px 0px;
|
||||
width: 100%;
|
||||
height:567rpx;
|
||||
background: #ffffff;
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
position:fixed;
|
||||
bottom:100rpx;
|
||||
flex-direction:column;
|
||||
align-items: center;
|
||||
z-index: 3;
|
||||
}
|
||||
.qtankuang{
|
||||
border-radius: 30rpx 30rpx 0px 0px;
|
||||
width: 100%;
|
||||
height:367rpx;
|
||||
background: #ffffff;
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
position:fixed;
|
||||
bottom:100rpx;
|
||||
flex-direction:column;
|
||||
align-items: center;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.row-wrap{
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin-left: 0rpx;
|
||||
border-bottom: 1rpx solid rgb(238, 238, 238);
|
||||
display: flex;
|
||||
font-size: 28rpx;
|
||||
background-color: #ffffff;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.row-wrap .label{
|
||||
|
||||
margin-left: 33rpx;
|
||||
}
|
||||
.row-wrap .label-right{
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
.wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.block {
|
||||
width: 676rpx;
|
||||
height: 1125rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.select-wrap {
|
||||
width: 300rpx;
|
||||
margin-left: 116rpx;
|
||||
}
|
||||
|
||||
.Group {
|
||||
height: 270rpx;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #999999;
|
||||
}
|
||||
.Groupone {
|
||||
height: 161rpx;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #999999;
|
||||
}
|
||||
.Group-image {
|
||||
width: 230rpx;
|
||||
height: 230rpx;
|
||||
margin: 19rpx 28rpx 19rpx 31rpx;
|
||||
}
|
||||
|
||||
.Group-image image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
/* padding: 20rpx 35rpx; */
|
||||
width: 400rpx;
|
||||
height: 201rpx;
|
||||
margin-top: 28rpx;
|
||||
}
|
||||
|
||||
.content .title1 {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.content .title2 {
|
||||
font-size: 26rpx;
|
||||
height: 37rpx;
|
||||
line-height: 37rpx;
|
||||
display: flex;
|
||||
color: #B4B4B4;
|
||||
margin: 11rpx 0 18rpx 0;
|
||||
}
|
||||
|
||||
.content .title2 .house {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 7rpx;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
|
||||
|
||||
.content .title2 .house image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content .Price {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.content .Price .Price1 {
|
||||
font-size: 34rpx;
|
||||
color: #FF4A4A;
|
||||
line-height: 42rpx;
|
||||
margin-right: 17rpx;
|
||||
}
|
||||
|
||||
.content .Price .Price2 {
|
||||
font-size: 24rpx;
|
||||
color: #CBCBCB;
|
||||
line-height: 41rpx;
|
||||
margin-right: 23rpx;
|
||||
text-decoration:line-through;
|
||||
}
|
||||
|
||||
.content .Price .Price3 {
|
||||
width: 51rpx;
|
||||
height: 21rpx;
|
||||
font-size: 15rpx;
|
||||
color: #E75D4D;
|
||||
border: 1px solid #E75D4D;
|
||||
border-radius: 4rpx;
|
||||
text-align: center;
|
||||
line-height: 18rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.order-list{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.custom-bar {
|
||||
/* background-color: #aaa; */
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.custom-bar__wrapper {
|
||||
padding: 0 10rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.search-group {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
border-radius: 60rpx;
|
||||
/* padding: 0 10rpx; */
|
||||
padding-left: 25rpx;
|
||||
background: #F5F5F5;
|
||||
}
|
||||
.search-group > input {
|
||||
font-size: 25rpx;
|
||||
width: 800rpx;
|
||||
}
|
||||
.search-group > image {
|
||||
height: 32rpx;
|
||||
width: 32rpx;
|
||||
margin-right: 20rpx
|
||||
}
|
||||
|
||||
.buttonsty{
|
||||
width: 244rpx;
|
||||
height: 80rpx;
|
||||
text-align: center;
|
||||
font-size: 25rpx;
|
||||
background: #F5F5F5;
|
||||
border-radius: 310rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex ;
|
||||
}
|
||||
|
||||
/* 优惠活动文字 */
|
||||
.Distit {
|
||||
width: 685rpx;
|
||||
display: flex;
|
||||
margin-top: 26rpx;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.textone{
|
||||
background: #FF4C00;
|
||||
border-radius: 50%;
|
||||
width: 29rpx;
|
||||
height: 29rpx;
|
||||
align-items: center;
|
||||
font-size: 17rpx;
|
||||
color: #FFFFFF;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.viewone{
|
||||
display: flex;flex-direction:column;align-items: center; margin-left: 56rpx;
|
||||
}
|
||||
|
||||
.yaotext{
|
||||
font-size: 60rpx;text-shadow: 0rpx 3rpx 5rpx rgba(250, 37, 61, 0.59);
|
||||
color: #FFF433;
|
||||
display: flex;
|
||||
position: relative;
|
||||
top: -228rpx;
|
||||
justify-content: center;
|
||||
font-family: FZChaoCuHei-M10S;
|
||||
|
||||
}
|
||||
.yaotexttwo{
|
||||
font-size: 60rpx;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0rpx 3rpx 6rpx #FE424C;
|
||||
display: flex;
|
||||
position: relative;
|
||||
top: -200rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
.imageone{
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
border: 2rpx solid #FF4C00;
|
||||
border-style:dashed;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.texttwo{
|
||||
background: #FF4C00;
|
||||
width: 57rpx;
|
||||
height: 27rpx;
|
||||
align-items: center;
|
||||
font-size: 17rpx;
|
||||
color: #FFFFFF;
|
||||
text-align:center;
|
||||
}
|
||||
.imagetwo{}
|
||||
|
||||
|
||||
|
||||
|
||||
color: #333;
|
||||
text-align: right;
|
||||
max-width: 420rpx;
|
||||
}
|
||||
|
||||
.money {
|
||||
color: #FF4A4A;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user