修改
This commit is contained in:
曹辉
parent
1bd1718ecf
commit
442646e66c
17
api/Applforrefund/index.js
Normal file
17
api/Applforrefund/index.js
Normal file
@ -0,0 +1,17 @@
|
||||
import request from "../request.js"
|
||||
|
||||
//退款原因
|
||||
export function refundReason() {
|
||||
return request({
|
||||
url: `/nurseApplet/nursingOrder/refundReason`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
//提交退款
|
||||
export function refund(data) {
|
||||
return request({
|
||||
url: `/nurseApplet/nursingOrder/edit`,
|
||||
method: 'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
16
api/CommodityOrder/index.js
Normal file
16
api/CommodityOrder/index.js
Normal file
@ -0,0 +1,16 @@
|
||||
import request from "../request.js"
|
||||
|
||||
export function goodsOrder(patientId, orderStatus, goodsOrderId, pageSize, pageNum) {
|
||||
return request({
|
||||
url: `/nurseApplet/nursingOrder/goodsOrder?patientId=${patientId}&orderStatus=${orderStatus}&goodsOrderId=${goodsOrderId}&pageSize=${pageSize}&pageNum=${pageNum}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function ssgoodsOrder(patientId, orderStatus, goodsOrderId, pageSize, pageNum, goodsName) {
|
||||
return request({
|
||||
url: `/nurseApplet/nursingOrder/goodsOrder?patientId=${patientId}&orderStatus=${orderStatus}&goodsOrderId=${goodsOrderId}&pageSize=${pageSize}&pageNum=${pageNum}&goodsName=${goodsName}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
import request from "../request.js"
|
||||
|
||||
|
||||
|
||||
export function nurseType() {
|
||||
return request({
|
||||
url: `/nurseApplet/nearbyNursingStation/getNurseTypeList`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
@ -1,81 +0,0 @@
|
||||
import request from "../request.js"
|
||||
|
||||
export function getWeChatUser(loginCode) {
|
||||
return request({
|
||||
url: `/nurseApplet/login/getWeChatUserInfo?loginCode=${loginCode}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
// 个人中心
|
||||
export function getPatient(openId) {
|
||||
return request({
|
||||
url: `/nurseApplet/login/getPatientInfo?openId=${openId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
// 护理站
|
||||
// export function getPatient(openId) {
|
||||
// return request({
|
||||
// url: `/nurseApplet/system/nurseType/list=${openId}`,
|
||||
// method: 'GET'
|
||||
// })
|
||||
// }
|
||||
|
||||
|
||||
export function getAppletPictureUrl(fileName) {
|
||||
return request({
|
||||
url: `/nurseApplet/login/getAppletPictureUrl?fileName=${fileName}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
export function uploadHeadPicture(data) {
|
||||
return request({
|
||||
url: `/nurseApplet/login/uploadHeadPicture`,
|
||||
method: 'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// export function getPreOrderById(data,data2) {
|
||||
// return request({
|
||||
// url: `/kindergarten/applet/appletLogin?loginCode=${data}&phoneCode=${data2}`,
|
||||
// method: 'GET'
|
||||
// })
|
||||
// }
|
||||
// //查看
|
||||
// export function getStudentScore(data) {
|
||||
// return request({
|
||||
// url: `/kindergarten/applet/getStudentScoreInfo?studentId=${data}`,
|
||||
// method: 'GET'
|
||||
// })
|
||||
// }
|
||||
// //绑定家长手机号
|
||||
// export function bindParent(data) {
|
||||
// return request({
|
||||
// url: `/kindergarten/applet/bindParentInfo`,
|
||||
// method: 'POST',
|
||||
// data
|
||||
// })
|
||||
// }
|
||||
|
||||
|
||||
|
||||
// export function getInfoByPhone(data) {
|
||||
// return request({
|
||||
// url: `/kindergarten/applet/getInfoByPhone?phone=${data}`,
|
||||
// method: 'GET'
|
||||
// })
|
||||
// }
|
||||
|
||||
|
||||
// export function addConfirmOrder(data) {
|
||||
// return request({
|
||||
// url: ``,
|
||||
// method: "post",
|
||||
// data
|
||||
// })
|
||||
// }
|
||||
@ -1,12 +0,0 @@
|
||||
import request from "../request.js"
|
||||
|
||||
|
||||
export function patienInfo(id,orderNo) {
|
||||
return request({
|
||||
url: `/nurseApplet/serviceOrder/patienInfo?patientId=${id}&orderNo=${orderNo}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
import request from "../request.js"
|
||||
|
||||
|
||||
export function nursingOrder(parentId) {
|
||||
return request({
|
||||
url: `/nurseApplet/nursingOrder/userPage?parentId=${parentId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,11 +0,0 @@
|
||||
import request from "../request.js"
|
||||
|
||||
|
||||
|
||||
|
||||
export function getRegisterPatientInfo(patientId) {
|
||||
return request({
|
||||
url: `/nurseApplet/login/getRegisterPatientInfo?patientId=${patientId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
@ -11,46 +11,69 @@
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="../../static/shangpindingdan.png" mode=""></image>
|
||||
<image :src="baseurl+Aftersalesorder.attributePitureUrl" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>酒精棉片 200片</span>
|
||||
<span>￥36.0</span>
|
||||
<span>{{Aftersalesorder.goodsName}}</span>
|
||||
<span>￥{{Aftersalesorder.goodsPrice}}</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span class="box">型号：酒精棉片 8盒</span>
|
||||
<span class="box">型号：{{Aftersalesorder.goodsAttributeName}}</span>
|
||||
<span class="box">×1</span>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="info">
|
||||
<view>订单编号：1256585698545111</view>
|
||||
<view>申请金额：￥36.0</view>
|
||||
<view>退款原因：不想要了</view>
|
||||
<view>申请时间：2022-10-13 11:50</view>
|
||||
<view>订单编号：{{Aftersalesorder.goOrderNo}}</view>
|
||||
<view>申请金额：￥{{Aftersalesorder.totalPrice}}</view>
|
||||
<view>退款原因：{{Aftersalesorder.dictLabel}}</view>
|
||||
<view>申请时间：{{Aftersalesorder.updateTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="evaluate">
|
||||
<view class="cancelorder">修改申请</view>
|
||||
<view class="cancelorder " style="background: #4C7BC9;">撤销申请</view>
|
||||
<!-- <view class="cancelorder">修改申请</view> -->
|
||||
<!-- <view class="cancelorder " style="background: #4C7BC9;">撤销申请</view> -->
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
goodsOrder
|
||||
} from '@/api/CommodityOrder/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
baseurl: '',
|
||||
Aftersalesorder:{},
|
||||
patientId: '', //用户id
|
||||
goodsOrderId: '', //订单id
|
||||
orderStatus: '', //状态 不传
|
||||
pageSize: 10,
|
||||
pageNum: 1,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
goodsOrderinfo() {
|
||||
goodsOrder(this.patientId, this.orderStatus, this.goodsOrderId, this.pageSize, this.pageNum).then(
|
||||
res => {
|
||||
this.Aftersalesorder = res.rows[0]
|
||||
})
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
this.goodsOrderId = options.goodsOrderId
|
||||
this.baseurl = baseurl
|
||||
let that = this
|
||||
uni.getStorage({
|
||||
key: 'patientId',
|
||||
success: function(res) {
|
||||
that.patientId = res.data
|
||||
that.goodsOrderinfo();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -60,7 +83,7 @@
|
||||
padding: 3%;
|
||||
height: 100vh;
|
||||
font-size: 36rpx;
|
||||
|
||||
|
||||
//按钮修改申请和撤销申请
|
||||
.evaluate {
|
||||
display: flex;
|
||||
@ -92,7 +115,6 @@
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
@ -125,10 +147,18 @@
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
|
||||
span {
|
||||
font-size: 38rpx;
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(1) {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
@ -136,12 +166,12 @@
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
margin-top: 40rpx;
|
||||
|
||||
.box {
|
||||
font-size: 35rpx;
|
||||
color: #969394;
|
||||
.box {
|
||||
color: #969394;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2,68 +2,113 @@
|
||||
<view class="app">
|
||||
<view class="content">
|
||||
<view class="item">退款类型
|
||||
<span>我要退货退款</span>
|
||||
<span style='right: 0; color: #000000;'>{{typename}}</span>
|
||||
</view>
|
||||
<view class="item">退款原因
|
||||
<span @tap='show=true'>请选择</span>
|
||||
<view class="item" @tap='show=true'>退款原因
|
||||
<span v-if="dictname==''">请选择</span>
|
||||
<span v-else style='color: #000000;'>{{dictname}}</span>
|
||||
<image src="../../static/pic.png" mode=""></image>
|
||||
</view>
|
||||
<view class="priceinfo">退款金额
|
||||
<view class="priceback">￥36.0
|
||||
<view class="priceback">￥{{order.godTotalPrice}}
|
||||
</view>
|
||||
<view class="words">
|
||||
已修改，最多 36.00，含发货邮费 0.00
|
||||
已修改，最多{{order.godTotalPrice}}，含发货邮费 0.00
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="discribe">
|
||||
<view class="voucher">补充描述和凭证</view>
|
||||
<view class="supplement">
|
||||
<input type="text" placeholder="补充描述，有助于商家更好的处理售后问题">
|
||||
<u-input v-model="order.refundReasonRemark" type="textarea" height="100" :auto-height="true"
|
||||
placeholder="补充描述，有助于商家更好的处理售后问题" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="Submit" @tap="goafterdetail">提交</view>
|
||||
<view class="Submit" @tap='refundinfo'>提交</view>
|
||||
<!-- 弹框 -->
|
||||
<view class="frame">
|
||||
<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
|
||||
<u-popup v-model="show" mode="bottom" length="48%" border-radius="20">
|
||||
<image class="image" @tap="show = false" src="../../static/gb.png" mode=""></image>
|
||||
<view class="payment">
|
||||
<span>请选择退款原因</span>
|
||||
<view class="cancel" @tap="show = false">
|
||||
<image src="../../static/gb.png" mode=""></image>
|
||||
</view>
|
||||
请选择退款原因
|
||||
</view>
|
||||
<view class="elderly count">不想要了
|
||||
</view>
|
||||
<view class="elderly count">拍错、不喜欢
|
||||
</view>
|
||||
<view class="elderly count">与商品不符
|
||||
</view>
|
||||
<view class="elderly count">质量问题
|
||||
</view>
|
||||
<view class="elderly">其他原因
|
||||
<view class="elderly" v-for="(item,index) in reasonlist" :key="index" @tap='tapreason(item)'>
|
||||
{{item.dictLabel}}
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
refundReason,
|
||||
refund
|
||||
} from '@/api/Applforrefund/index.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
show: false
|
||||
show: false, //退款原因开关
|
||||
typename: '', //退款name
|
||||
order: {}, //订单
|
||||
reasonlist: [], //退款原因list
|
||||
dictname: '', //页面退款原因字段
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
goafterdetail() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/After sales details/After sales details'
|
||||
//退款
|
||||
refundinfo() {
|
||||
refund(this.order).then(
|
||||
res => {
|
||||
console.log(res)
|
||||
if (res.code == 500) {
|
||||
this.$refs.uToast.show({
|
||||
title: res.msg,
|
||||
type: 'error'
|
||||
})
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: '退款申请提交成功',
|
||||
type: 'success',
|
||||
duration: '1500'
|
||||
})
|
||||
setTimeout(() => {
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/Aftersalesdetails/Aftersalesdetails'
|
||||
// })
|
||||
uni.navigateTo({
|
||||
url: '/pages/CommodityOrder/CommodityOrder'
|
||||
})
|
||||
}, 1500);
|
||||
}
|
||||
})
|
||||
},
|
||||
//退款原因
|
||||
refundReasoninfo() {
|
||||
refundReason().then(res => {
|
||||
this.reasonlist = res.rows
|
||||
})
|
||||
},
|
||||
//点击退款原因
|
||||
tapreason(item) {
|
||||
console.log(item)
|
||||
this.order.refundReasonDictId = item.dictCode
|
||||
this.dictname = item.dictLabel
|
||||
this.show = false;
|
||||
}
|
||||
},
|
||||
//开局获取传值
|
||||
onLoad(options) {
|
||||
this.refundReasoninfo();
|
||||
this.order = JSON.parse(options.order)
|
||||
this.order.id = this.order.goodsOrderId
|
||||
this.typename = options.typename
|
||||
if (this.typename == '我要退款(无需退货)') {
|
||||
this.order.refundType = "ONLY_REFUND_MONEY"
|
||||
} else {
|
||||
this.order.refundType = "REFUND_MONEY_GOODS"
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -72,43 +117,31 @@
|
||||
.app {
|
||||
padding: 3%;
|
||||
|
||||
.elderly {
|
||||
width: 93%;
|
||||
margin: 0 auto;
|
||||
padding: 3%;
|
||||
|
||||
height: 80rpx;
|
||||
font-size: 42rpx;
|
||||
line-height: 40rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.count {
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
}
|
||||
|
||||
.payment {
|
||||
width: 95%;
|
||||
height: 115rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 130rpx;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
margin-left: 30%;
|
||||
.frame {
|
||||
.image {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 40rpx;
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
}
|
||||
|
||||
.cancel {
|
||||
margin-left: 20%;
|
||||
.payment {
|
||||
width: 95%;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 110rpx;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
}
|
||||
.elderly {
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
padding: 15rpx 0 15rpx 40rpx;
|
||||
font-size: 40rpx;
|
||||
line-height: 68rpx;
|
||||
border-top: 1rpx solid #D8D4D4;
|
||||
}
|
||||
}
|
||||
|
||||
@ -173,16 +206,20 @@
|
||||
.item {
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
height: 70rpx;
|
||||
position: relative;
|
||||
|
||||
image {
|
||||
width: 16rpx;
|
||||
height: 25rpx;
|
||||
top: 3%;
|
||||
margin-left: 5%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-60%);
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: 50%;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
color: #BAB7B8;
|
||||
}
|
||||
}
|
||||
|
||||
@ -13,7 +13,6 @@
|
||||
<view class="doctor">
|
||||
<text>内科门诊-主任医师</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="Apayment">
|
||||
@ -21,7 +20,6 @@
|
||||
<text class="money">实付款:</text>
|
||||
<text class="price">￥28.0</text>
|
||||
</view>
|
||||
|
||||
<view class="result">
|
||||
查看结果
|
||||
</view>
|
||||
|
||||
@ -1,14 +1,6 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<uni-swiper-dot :info="info" :current="current" field="content" :mode="mode" @clickItem='clickItem'
|
||||
style='background-color: #fff;height:750rpx'>
|
||||
<swiper class="swiper-box" @change="change" :current="swiperDotIndex" style="height:100%">
|
||||
<swiper-item v-for="(item ,index) in info" :key="index">
|
||||
<image style='width:100%;height:750rpx' :src="baseurl+item.goodsPictureUrl" mode="">
|
||||
</image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</uni-swiper-dot>
|
||||
<u-swiper :list="info" height="750"></u-swiper>
|
||||
<view class="Commodity common">
|
||||
<view class="name">
|
||||
{{goodsDetailslist.goodsName}}
|
||||
@ -51,7 +43,7 @@
|
||||
<view class="selected">
|
||||
图文服务
|
||||
</view>
|
||||
<image :src="baseurl+goodsDetailslist.goodsPictureUrl" mode=""></image>
|
||||
<image :src="goodsDetailslist.goodsPictureUrl" mode=""></image>
|
||||
</view>
|
||||
<view class="Purchasecolumn">
|
||||
<view class="buy" @tap="buyshow=true">
|
||||
@ -64,7 +56,7 @@
|
||||
</image>
|
||||
<view class="topcontent">
|
||||
<view class="image">
|
||||
<image :src="baseurl+goodsDetailslist.goodsPictureUrl" mode=""></image>
|
||||
<image :src="goodsDetailslist.goodsPictureUrl" mode=""></image>
|
||||
</view>
|
||||
<view class="title">
|
||||
<span>{{goodsDetailslist.goodsName}}</span>
|
||||
@ -144,9 +136,6 @@
|
||||
goodshow: true, //商品规格开关
|
||||
buyshow: false, //立即购买遮罩层开关
|
||||
info: [], //轮播list
|
||||
current: 0, //轮播初始下标
|
||||
mode: 'dot', //轮播点样式
|
||||
swiperDotIndex: 0, //轮播可视图
|
||||
updata: { //订单表
|
||||
goodsPrice: 0.00,
|
||||
goodsName: "",
|
||||
@ -248,6 +237,7 @@
|
||||
this.updata.goodsStock = item.goodsStock
|
||||
this.updata.goodsAttributeId = item.goodsAttributeId
|
||||
this.updata.goodsAttributeDetailsId = item.attributeDetailsId
|
||||
this.updata.img = this.baseurl + item.attributePitureUrl
|
||||
}
|
||||
},
|
||||
|
||||
@ -297,7 +287,6 @@
|
||||
this.goodsDetailslist = res.data[0]
|
||||
this.updata.goodsName = this.goodsDetailslist.goodsName
|
||||
this.updata.nurseStationId = this.goodsDetailslist.nurseStationId
|
||||
this.updata.img = this.goodsDetailslist.goodsPictureUrl
|
||||
this.goodDetailsLists = res.data[0].goodDetailsLists
|
||||
// res.data[0].goodDetailsLists.forEach(e => {
|
||||
// e.goodAttributeDetailsLists.forEach(el => {
|
||||
@ -312,14 +301,6 @@
|
||||
// this.goodDetailsLists = res.data[0].goodDetailsLists
|
||||
})
|
||||
},
|
||||
//滑动轮播切换
|
||||
change(e) {
|
||||
this.current = e.detail.current;
|
||||
},
|
||||
//点击轮播点切换
|
||||
clickItem(e) {
|
||||
this.swiperDotIndex = e
|
||||
},
|
||||
},
|
||||
onLoad(options) { //获取传值
|
||||
this.updata.buySource = options.buySource
|
||||
|
||||
235
pages/CommodityOrder/CommodityOrder.scss
Normal file
235
pages/CommodityOrder/CommodityOrder.scss
Normal file
@ -0,0 +1,235 @@
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
padding: 3%;
|
||||
|
||||
.submits {
|
||||
width: 501rpx;
|
||||
height: 71rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
line-height: 71rpx;
|
||||
color: #ffffff;
|
||||
font-size: 34rpx;
|
||||
margin-top: 5%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
|
||||
// 弹框确认收货
|
||||
.chat {
|
||||
.word {
|
||||
font-size: 26rpx;
|
||||
color: #010000;
|
||||
line-height: 36rpx;
|
||||
width: 70%;
|
||||
margin: 50rpx auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.image {
|
||||
position: relative;
|
||||
|
||||
.blackground {
|
||||
width: 183rpx;
|
||||
height: 69rpx;
|
||||
background: #030303;
|
||||
opacity: 0.5;
|
||||
color: #ffffff;
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
line-height: 69rpx;
|
||||
position: absolute;
|
||||
bottom: 0%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
height: 182rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.payment {
|
||||
width: 100%;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 120rpx;
|
||||
text-align: center;
|
||||
|
||||
span {}
|
||||
|
||||
image {
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 5%;
|
||||
}
|
||||
}
|
||||
|
||||
.Apayment {
|
||||
width: 99%;
|
||||
height: 400rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
padding: 3%;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
margin-top: 3%;
|
||||
position: relative;
|
||||
// line-height: 70rpx;
|
||||
|
||||
.anniu {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
right: 3%;
|
||||
bottom: 20rpx;
|
||||
|
||||
.logistics {
|
||||
width: 200rpx;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: #E1AE3C;
|
||||
border-radius: 26rpx;
|
||||
}
|
||||
|
||||
.harvest {
|
||||
margin-left: 10rpx;
|
||||
background: #4C7BC9;
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
height: 200rpx;
|
||||
position: relative;
|
||||
|
||||
.detailslist {
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
}
|
||||
|
||||
.model {
|
||||
.top {
|
||||
margin-top: 20rpx;
|
||||
height: 100rpx;
|
||||
|
||||
span:nth-child(1) {
|
||||
position: absolute;
|
||||
left: 32%;
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
width: 50%;
|
||||
line-height: 40rpx;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
right: 0%;
|
||||
line-height: 40rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: absolute;
|
||||
left: 32%;
|
||||
top: 45%;
|
||||
width: 68%;
|
||||
|
||||
.box {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.box:nth-child(2) {
|
||||
position: absolute;
|
||||
right: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
.refund {
|
||||
position: absolute;
|
||||
right: 0%;
|
||||
top: 70%;
|
||||
|
||||
.price {
|
||||
font-size: 41rpx;
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.names {
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
position: relative;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
.picture {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
right: 0%;
|
||||
color: #4C7BC9;
|
||||
// line-height: 67px;
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.inputs {
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border: 1px solid #f0f0f0;
|
||||
width: 100%;
|
||||
height: 65rpx;
|
||||
margin: 10rpx 0 10rpx 50%;
|
||||
transform: translateX(-50%);
|
||||
border-radius: 20rpx;
|
||||
background-color: #Ffffff;
|
||||
z-index: 999;
|
||||
|
||||
.input {
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
height: 65rpx;
|
||||
// top: 8%;
|
||||
left: 10%;
|
||||
font-size: 26rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.icon {
|
||||
background: url(@/static/sousuo.png) no-repeat;
|
||||
width: 30rpx;
|
||||
height: 28rpx;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 3%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2,84 +2,64 @@
|
||||
<view class="app">
|
||||
<view class="inputs">
|
||||
<i class="icon"></i>
|
||||
<input v-model="iptVal" type="text" name="" id="" class="input" placeholder="请输入机构名">
|
||||
<input v-model="goodsName" type="text" name="" id="" class="input" placeholder="请输入商品名称">
|
||||
</view>
|
||||
<view class="Apayment">
|
||||
<view class="Apayment" v-for='(item,index) in orderlist' :key="index">
|
||||
<view class="names">店铺名称
|
||||
<image class="picture" src="/static/pic.png" mode=""></image>
|
||||
<span>已发货</span>
|
||||
<span v-if="item.orderStatus=='WAIT_PAY'">待付款</span>
|
||||
<span v-if="item.orderStatus=='WAIT_REFUND'">退款中</span>
|
||||
<span v-if="item.orderStatus=='CANCEL'">已取消</span>
|
||||
<span v-if="item.orderStatus=='WAIT_RECEIVED_GOODS'">待收货</span>
|
||||
<span v-if="item.orderStatus=='RECEIVED_GOODS'">已完成</span>
|
||||
<!-- <span v-if="item.orderStatus=='PAY'">待发货</span> -->
|
||||
<span v-if="item.orderStatus=='REFUNDED'">退款成功</span>
|
||||
<span v-if="item.orderStatus=='WAIT_RETURNED_GOODS'">待退货</span>
|
||||
<span v-if="item.orderStatus=='RETURNED_GOODS'">退款成功</span>
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist" >
|
||||
<image @tap="goorderdetails" src="../../static/shangpindingdan.png" mode=""></image>
|
||||
<view class="model" >
|
||||
<view class="top" @tap="goorderdetails">
|
||||
<span>酒精棉片 200片</span>
|
||||
<span>￥36.0</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span class="box">型号：酒精棉片 8盒</span>
|
||||
<span class="box">×1</span>
|
||||
</view>
|
||||
<view class="refund">
|
||||
实付款：
|
||||
<text class="price">￥36.0</text>
|
||||
</view>
|
||||
<view class="anniu">
|
||||
<view class="logistics">查看物流</view>
|
||||
<view class="logistics harvest" @tap='show=true'>确认收货</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="Apayment">
|
||||
<view class="names">店铺名称
|
||||
<image class="picture" src="/static/pic.png" mode=""></image>
|
||||
<span>交易成功</span>
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="details" @tap='goorderdetails(item)'>
|
||||
<view class="detailslist">
|
||||
<image src="../../static/shangpindingdan.png" mode=""></image>
|
||||
<image :src="baseurl+item.attributePitureUrl" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>酒精棉片 200片</span>
|
||||
<span>￥36.0</span>
|
||||
<span>{{item.goodsName}}</span>
|
||||
<span>￥{{item.goodsPrice}}</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span class="box">型号：酒精棉片 8盒</span>
|
||||
<span class="box">×1</span>
|
||||
<span class="box">型号：{{item.goodsAttributeName}}</span>
|
||||
<span class="box">×{{item.goodsCount}}</span>
|
||||
</view>
|
||||
<view class="refund">
|
||||
实付款：
|
||||
<text class="price">￥36.0</text>
|
||||
</view>
|
||||
<view class="anniu">
|
||||
<view class="logistics">查看物流</view>
|
||||
<view class="logistics harvest" @tap='show=true'>确认收货</view>
|
||||
<text class="price">￥{{item.godTotalPrice}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="anniu">
|
||||
<view class="logistics" v-if="item.orderStatus=='WAIT_RECEIVED_GOODS'" @tap='gologistics(item)'>查看物流
|
||||
</view>
|
||||
<view class="logistics harvest" @tap='show=true' v-if="item.orderStatus=='WAIT_PAY'">
|
||||
去支付</view>
|
||||
<view class="logistics harvest" @tap='Receipt(item)' v-if="item.orderStatus=='WAIT_RECEIVED_GOODS'">
|
||||
确认收货</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 弹框 -->
|
||||
<view class="frame">
|
||||
<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
|
||||
<view class="payment">
|
||||
<span>确认收到货了吗</span>
|
||||
<view class="cencel" @tap="show = false">
|
||||
<image src="../../static/gb.png" mode=""></image>
|
||||
</view>
|
||||
<image src="../../static/gb.png" mode="" @tap="show = false"></image>
|
||||
</view>
|
||||
<view class="chat">
|
||||
<image src="/static/shangpindingdan.png" mode=""></image>
|
||||
<view class="blackground">共1件</view>
|
||||
<view class="word">为了保证你的售后权益，请收到商品确认</view>
|
||||
<view class="word words">无误后再确认收货</view>
|
||||
</view>
|
||||
<view class="submits">确定
|
||||
|
||||
<view class="image">
|
||||
<image :src="baseurl+img" mode=""></image>
|
||||
<view class="blackground">共1件</view>
|
||||
</view>
|
||||
<view class="word">为了保证你的售后权益，请收到商品确认无误后再确认收货</view>
|
||||
</view>
|
||||
<view class="submits">确定</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</view>
|
||||
@ -87,236 +67,115 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
ssgoodsOrder
|
||||
} from '@/api/CommodityOrder/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
show: false
|
||||
title:'商品订单',//导航标题
|
||||
baseurl: '', //url
|
||||
orderlist: [], //商品订单list
|
||||
total: 0, //list长度
|
||||
show: false, //确认收获开关
|
||||
img: '', //确认收货页面图片
|
||||
patientId: '',
|
||||
orderStatus: '', //
|
||||
goodsOrderId: '', //
|
||||
pageSize: 10, //
|
||||
pageNum: 1, //
|
||||
goodsName: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goorderdetails() {
|
||||
//物流页面
|
||||
gologistics(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/orderDetails/orderDetails'
|
||||
url: `/pages/logistics/logistics?item=${JSON.stringify(item)}`
|
||||
})
|
||||
},
|
||||
}
|
||||
//订单详情页面
|
||||
goorderdetails(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/orderDetails/orderDetails?goodsOrderId=${item.goodsOrderId}`
|
||||
})
|
||||
},
|
||||
//商品订单请求
|
||||
goodsOrderinfo() {
|
||||
ssgoodsOrder(this.patientId, this.orderStatus, this.goodsOrderId, this.pageSize, this.pageNum, this
|
||||
.goodsName).then(
|
||||
res => {
|
||||
this.orderlist = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
},
|
||||
//确认收货
|
||||
Receipt(item) {
|
||||
this.img = item.attributePitureUrl
|
||||
this.show = true
|
||||
},
|
||||
},
|
||||
watch: { //监听
|
||||
goodsName() {
|
||||
this.goodsOrderinfo()
|
||||
},
|
||||
},
|
||||
onReady() { //更改导航栏文字
|
||||
uni.setNavigationBarTitle({
|
||||
title: this.title,
|
||||
});
|
||||
},
|
||||
onLoad(options) { //开局调用
|
||||
console.log(options)
|
||||
if (options.orderStatus) {
|
||||
this.orderStatus = options.orderStatus
|
||||
if(options.orderStatus=='WAIT_PAY'){
|
||||
this.title='待付款'
|
||||
}else if(options.orderStatus=='WAIT_RECEIVED_GOODS'){
|
||||
this.title='待收货'
|
||||
}else if(options.orderStatus=='RECEIVED_GOODS'){
|
||||
this.title='已完成'
|
||||
}
|
||||
}
|
||||
let that = this
|
||||
uni.getStorage({
|
||||
key: 'patientId',
|
||||
success: function(res) {
|
||||
that.patientId = res.data
|
||||
that.goodsOrderinfo();
|
||||
}
|
||||
});
|
||||
this.baseurl = baseurl;
|
||||
},
|
||||
onReachBottom() { //下滑加载
|
||||
if (this.orderlist.length >= this.total) {} else {
|
||||
this.pageNum++;
|
||||
ssgoodsOrder(this.patientId, this.orderStatus, this.goodsOrderId, this.pageSize, this.pageNum, this
|
||||
.goodsName).then(
|
||||
res => {
|
||||
res.rows.forEach(e => {
|
||||
this.orderlist.push(e)
|
||||
})
|
||||
this.total = res.total
|
||||
})
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() { //下拉刷新
|
||||
this.pageNum = 1;
|
||||
ssgoodsOrder(this.patientId, this.orderStatus, this.goodsOrderId, this.pageSize, this.pageNum, this.goodsName)
|
||||
.then(res => {
|
||||
this.orderlist = res.rows
|
||||
this.total = res.total
|
||||
console.log(this.orderlist)
|
||||
})
|
||||
setTimeout(function() {
|
||||
uni.stopPullDownRefresh();
|
||||
}, 1000);
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
padding: 3%;
|
||||
.submits {
|
||||
width: 501rpx;
|
||||
height: 71rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
line-height: 71rpx;
|
||||
color: #ffffff;
|
||||
font-size: 34rpx;
|
||||
margin-top: 5%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
|
||||
// 弹框确认收货
|
||||
.chat {
|
||||
margin-left: 35%;
|
||||
|
||||
.word {
|
||||
margin-top: 3%;
|
||||
margin-left: -25%;
|
||||
font-size: 26rpx;
|
||||
color: #010000;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.words {
|
||||
margin-left: -10%;
|
||||
}
|
||||
|
||||
.blackground {
|
||||
width: 183rpx;
|
||||
height: 69rpx;
|
||||
background: #030303;
|
||||
opacity: 0.5;
|
||||
margin-top: -15%;
|
||||
color: #ffffff;
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
line-height: 69rpx;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.payment {
|
||||
width: 390px;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 120rpx;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
margin-left: 30%;
|
||||
}
|
||||
|
||||
.cencel {
|
||||
margin-left: 20%;
|
||||
|
||||
image {
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Apayment {
|
||||
width: 99%;
|
||||
height: 494rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
line-height: 70rpx;
|
||||
padding: 3%;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
margin-top: 3%;
|
||||
|
||||
.details {
|
||||
height: 250rpx;
|
||||
|
||||
.detailslist {
|
||||
position: relative;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin-left: 3%;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.model {
|
||||
|
||||
// position: absolute;
|
||||
.top {
|
||||
margin-top: 3%;
|
||||
|
||||
span {
|
||||
margin-left: 32%;
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
margin-top: -11%;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-left: 32%;
|
||||
|
||||
.box {
|
||||
font-size: 32rpx;
|
||||
color: #969394;
|
||||
}
|
||||
}
|
||||
|
||||
.anniu {
|
||||
display: flex;
|
||||
margin-left: 35%;
|
||||
margin-top: 3%;
|
||||
|
||||
.logistics {
|
||||
margin-left: 3%;
|
||||
width: 216rpx;
|
||||
height: 68rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: #E1AE3C;
|
||||
border-radius: 26rpx;
|
||||
}
|
||||
|
||||
.harvest {
|
||||
background: #4C7BC9;
|
||||
}
|
||||
}
|
||||
|
||||
.refund {
|
||||
.price {
|
||||
font-size: 41rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
color: #969394;
|
||||
margin-top: 8%;
|
||||
margin-left: 64%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.names {
|
||||
width: 95%;
|
||||
margin-left: 3%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
.picture {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
margin-left: 3%;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: 55%;
|
||||
color: #4C7BC9;
|
||||
// line-height: 67px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.inputs {
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border: 1px solid #f0f0f0;
|
||||
width: 99%;
|
||||
height: 65rpx;
|
||||
margin: 10rpx 0 10rpx 50%;
|
||||
transform: translateX(-50%);
|
||||
border-radius: 20rpx;
|
||||
background-color: #Ffffff;
|
||||
z-index: 999;
|
||||
|
||||
.input {
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
height: 50rpx;
|
||||
top: 5%;
|
||||
left: 12%;
|
||||
font-size: 26rpx;
|
||||
color: #BEBEC0;
|
||||
}
|
||||
|
||||
.icon {
|
||||
background: url(@/static/sousuo.png) no-repeat;
|
||||
width: 30rpx;
|
||||
height: 28rpx;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: 5%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@import "./CommodityOrder.scss";
|
||||
</style>
|
||||
|
||||
@ -1,182 +0,0 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="Apayment">
|
||||
<view class="names">店铺名称
|
||||
<image class="picture" src="/static/pic.png" mode=""></image>
|
||||
<span>交易成功</span>
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="../../static/shangpindingdan.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>酒精棉片 200片</span>
|
||||
<span>￥36.0</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span class="box">型号：酒精棉片 8盒</span>
|
||||
<span class="box">×1</span>
|
||||
</view>
|
||||
<view class="refund">
|
||||
实付款：
|
||||
<text class="price">￥36.0</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
padding: 3%;
|
||||
|
||||
.chat {
|
||||
margin-left: 35%;
|
||||
|
||||
.word {
|
||||
margin-top: 3%;
|
||||
margin-left: -25%;
|
||||
font-size: 26rpx;
|
||||
color: #010000;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.words {
|
||||
margin-left: -10%;
|
||||
}
|
||||
|
||||
.blackground {
|
||||
width: 183rpx;
|
||||
height: 69rpx;
|
||||
background: #030303;
|
||||
opacity: 0.5;
|
||||
margin-top: -15%;
|
||||
color: #ffffff;
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
line-height: 69rpx;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
}
|
||||
}
|
||||
.payment {
|
||||
width: 390px;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 120rpx;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
margin-left: 30%;
|
||||
}
|
||||
.cencel {
|
||||
margin-left: 20%;
|
||||
|
||||
image {
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.Apayment {
|
||||
width: 99%;
|
||||
height: 382rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
line-height: 70rpx;
|
||||
padding: 3%;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
.details {
|
||||
height: 250rpx;
|
||||
.detailslist {
|
||||
position: relative;
|
||||
image {
|
||||
position: absolute;
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin-left: 3%;
|
||||
margin-top: 3%;
|
||||
}
|
||||
.model {
|
||||
.top {
|
||||
margin-top: 3%;
|
||||
|
||||
span {
|
||||
margin-left: 32%;
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
margin-top: -11%;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
margin-left: 32%;
|
||||
|
||||
.box {
|
||||
font-size: 32rpx;
|
||||
color: #969394;
|
||||
}
|
||||
}
|
||||
.refund {
|
||||
.price {
|
||||
font-size: 41rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
color: #969394;
|
||||
margin-top: 8%;
|
||||
margin-left: 64%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.names {
|
||||
width: 95%;
|
||||
margin-left: 3%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
.picture {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
margin-left: 3%;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: 55%;
|
||||
color: #4C7BC9;
|
||||
// line-height: 67px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -7,7 +7,7 @@
|
||||
个人信息
|
||||
</view>
|
||||
</view>
|
||||
<view class=" item" style="background-color: #E1AE3C ;">
|
||||
<view class=" item" style="background-color: #E1AE3C ;" @tap='goorder'>
|
||||
<image src="../../static/dingdan.png" mode=""></image>
|
||||
<view class="title">
|
||||
我的订单
|
||||
@ -31,10 +31,15 @@
|
||||
return {};
|
||||
},
|
||||
methods: {
|
||||
//跳转个人信息页面
|
||||
gouser(){
|
||||
goorder() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/user/user'
|
||||
url: '/pages/order/order'
|
||||
})
|
||||
},
|
||||
//跳转个人信息页面
|
||||
gouser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/user/user'
|
||||
})
|
||||
},
|
||||
},
|
||||
@ -44,9 +49,11 @@
|
||||
<style lang="scss">
|
||||
.app {
|
||||
height: 100vh;
|
||||
|
||||
.cards {
|
||||
.item {
|
||||
height: 295rpx;
|
||||
|
||||
.title {
|
||||
width: 80%;
|
||||
top: 60%;
|
||||
|
||||
@ -83,6 +83,7 @@
|
||||
<style lang="scss">
|
||||
.app {
|
||||
padding: 0;
|
||||
|
||||
.productlist {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
|
||||
@ -1,90 +0,0 @@
|
||||
<template>
|
||||
<!-- <view> -->
|
||||
<view class="background">
|
||||
<text class="appointment">选择想要预约的时间</text>
|
||||
<view class="nowtime">
|
||||
<view class="time" @tap='appointment()' hover-class="click-hover">
|
||||
9月10号
|
||||
</view>
|
||||
<view class="time" @tap='appointment()' hover-class="click-hover">
|
||||
9月11号
|
||||
</view>
|
||||
<view class="time" @tap='appointment()' hover-class="click-hover">
|
||||
9月12号
|
||||
</view>
|
||||
<view class="time" @tap='appointment()' hover-class="click-hover">
|
||||
9月13号
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<!-- </view> -->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
appointment() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/appointmenttime/appointmenttime`
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.click-hover{
|
||||
background-color:red;
|
||||
|
||||
}
|
||||
.nowtime {
|
||||
display: flex;
|
||||
/* flex-direction: row; */
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.background {
|
||||
width: 702rpx;
|
||||
height: 773rpx;
|
||||
font-size: ;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 0 auto;
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
.appointment {
|
||||
text-align: center;
|
||||
width: 320rpx;
|
||||
height: 34rpx;
|
||||
font-size: 36rpx;
|
||||
/* font-family: Adobe Heiti Std; */
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
line-height: 50px;
|
||||
|
||||
margin-left: 30%;
|
||||
|
||||
}
|
||||
|
||||
.time {
|
||||
margin-top: 20rpx;
|
||||
width: 290rpx;
|
||||
height: 290rpx;
|
||||
line-height: 290rpx;
|
||||
text-align: center;
|
||||
background: #4C7BC9;
|
||||
border-radius: 25rpx;
|
||||
margin-left: 5%;
|
||||
color: white;
|
||||
font-size: 50rpx;
|
||||
}
|
||||
</style>
|
||||
@ -1,9 +1,26 @@
|
||||
.app {
|
||||
font-size: 34rpx;
|
||||
padding-top: 10rpx;
|
||||
.addition{
|
||||
color: #666666;
|
||||
height: 100vh;
|
||||
.addressitem{
|
||||
width: 97%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin-left: 3%;
|
||||
height: 100%;
|
||||
.leftaddress{
|
||||
width:15%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
display: inline-block;
|
||||
}
|
||||
.addition{
|
||||
color: #666666;
|
||||
display: inline-block;
|
||||
line-height: 50rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.money {
|
||||
font-size: 32rpx;
|
||||
color: #D43953;
|
||||
@ -30,12 +47,21 @@
|
||||
height: 27rpx;
|
||||
margin-left:50%;
|
||||
}
|
||||
.addition{
|
||||
color: #666666;
|
||||
line-height: 30rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
.item {
|
||||
width: 97%;
|
||||
height: 93rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin-left: 3%;
|
||||
.addition{
|
||||
color: #666666;
|
||||
line-height: 30rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.remarks {
|
||||
@ -58,7 +84,7 @@
|
||||
width: 99%;
|
||||
background: #FFFFFF;
|
||||
height: 100rpx;
|
||||
position:absolute;
|
||||
position:fixed;
|
||||
bottom:0;
|
||||
padding-bottom: 20rpx;
|
||||
display: flex;
|
||||
|
||||
@ -53,7 +53,7 @@
|
||||
</view>
|
||||
<view class="priceback">
|
||||
<view class="prices">￥{{orderlist.totalPrice}}</view>
|
||||
<view class="xiugai">修改信息</view>
|
||||
<view class="xiugai" @tap='goaddress'>修改信息</view>
|
||||
<view class="queren" @tap='updata'>确认预约</view>
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
@ -119,7 +119,6 @@
|
||||
this.personInfo.patientName = useritem.receiveName
|
||||
this.personInfo.phone = useritem.receivePhone
|
||||
this.personInfo.address = useritem.address
|
||||
console.log(this.personInfo)
|
||||
} else {
|
||||
this.userinfo();
|
||||
}
|
||||
@ -141,11 +140,10 @@
|
||||
// 0].cityName + e.sysAreaVOList[0].regionName + e
|
||||
// .sysAreaVOList[0].streetName + e.receiveAddress
|
||||
// })
|
||||
that.personInfo = response.data[0]
|
||||
console.log(that.personInfo)
|
||||
that.orderlist.patientId = response.data[0].patientId
|
||||
that.orderlist.serviceAddress = response.data[0]
|
||||
.address
|
||||
that.personInfo = response.data;
|
||||
that.personInfo.address = response.data.provinceName + response.data.cityName +response.data.regionName + response.data.streetName + response.data.address;
|
||||
that.orderlist.patientId = response.data.patientId
|
||||
that.orderlist.serviceAddress = response.data.provinceName + response.data.cityName +response.data.regionName + response.data.streetName + response.data.address
|
||||
})
|
||||
}
|
||||
});
|
||||
@ -206,6 +204,11 @@
|
||||
":" + e.endminute
|
||||
console.log(this.orderlist, this.usertime)
|
||||
},
|
||||
goaddress() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/modifyAddress/modifyAddress?url=${'appointmenttime'}&updata=${JSON.stringify(this.orderlist)}`
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
{{updata.receiver}},{{updata.phone}}
|
||||
</view>
|
||||
<view class="picture">
|
||||
<span @tap='upaddress()'>修改地址</span>
|
||||
<span @tap='upaddress'>修改地址</span>
|
||||
<u-icon name="arrow-right" color="#ffffff" size="32"></u-icon>
|
||||
</view>
|
||||
<view class="address">
|
||||
@ -16,7 +16,7 @@
|
||||
</view>
|
||||
<view class="commodity">
|
||||
<view class="commodityInfo">
|
||||
<!-- <image src="../../static/fuwutu.png" mode=""></image> -->
|
||||
<image :src="updata.img" mode=""></image>
|
||||
<view class="infos">
|
||||
<view class="detail">
|
||||
<view class="spangoodsName">
|
||||
@ -163,6 +163,7 @@
|
||||
} else {
|
||||
this.goodsList()
|
||||
}
|
||||
console.log(this.updata)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -71,7 +71,6 @@
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
height: 100vh;
|
||||
|
||||
.cards {
|
||||
.shopping {
|
||||
|
||||
@ -1,52 +0,0 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<image class="logo" src="/static/logo.png"></image>
|
||||
<view class="text-area">
|
||||
<text class="title">{{title}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title: 'Hello'
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 200rpx;
|
||||
width: 200rpx;
|
||||
margin-top: 200rpx;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
|
||||
.text-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 36rpx;
|
||||
color: #8f8f94;
|
||||
}
|
||||
</style>
|
||||
@ -26,7 +26,7 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
phone: '13645678913',
|
||||
phone: '13645678906',
|
||||
password: '123456',
|
||||
};
|
||||
},
|
||||
|
||||
23
pages/logistics/logistics.vue
Normal file
23
pages/logistics/logistics.vue
Normal file
@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<view>
|
||||
物流
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list:{},
|
||||
};
|
||||
},
|
||||
onLoad(options){
|
||||
this.list = JSON.parse(options.item)
|
||||
console.log(this.list)
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
@ -91,18 +91,14 @@
|
||||
},
|
||||
goodPatient: [], // 查询地址信息
|
||||
patientId: null,
|
||||
|
||||
url: '',
|
||||
updata: [],
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
let that = this
|
||||
uni.getStorage({
|
||||
key: 'patientId',
|
||||
success: function(res) {
|
||||
that.patientId = res.data
|
||||
that.infolist.patientId = res.data
|
||||
}
|
||||
});
|
||||
console.log(options)
|
||||
this.url = options.url
|
||||
this.updata = JSON.parse(options.updata)
|
||||
//获取传值
|
||||
this.goodsList()
|
||||
@ -111,19 +107,36 @@
|
||||
methods: {
|
||||
//将信息携带至订单页面
|
||||
goorder(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/confirmOrder/confirmOrder?updata=${JSON.stringify(this.updata)}&useritem=${JSON.stringify(item)}`
|
||||
})
|
||||
if(this.url=="appointmenttime"){
|
||||
uni.navigateTo({
|
||||
url: `/pages/appointmenttime/appointmenttime?updata=${JSON.stringify(this.updata)}&useritem=${JSON.stringify(item)}`
|
||||
})
|
||||
}else{
|
||||
uni.navigateTo({
|
||||
url: `/pages/confirmOrder/confirmOrder?updata=${JSON.stringify(this.updata)}&useritem=${JSON.stringify(item)}`
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
// 查询地址信息
|
||||
goodsList() {
|
||||
goodPatientInfo(this.patientId).then(res => {
|
||||
res.data.forEach(e => {
|
||||
e.address = e.sysAreaVOList[0].provinceName + e.sysAreaVOList[0].cityName + e
|
||||
.sysAreaVOList[0].regionName + e.sysAreaVOList[0].streetName + e.receiveAddress
|
||||
})
|
||||
this.goodPatient = res.data
|
||||
})
|
||||
let that = this
|
||||
uni.getStorage({
|
||||
key: 'patientId',
|
||||
success: function(res) {
|
||||
that.patientId = res.data
|
||||
that.infolist.patientId = res.data
|
||||
goodPatientInfo(that.patientId).then(res => {
|
||||
res.data.forEach(e => {
|
||||
e.address = e.sysAreaVOList[0].provinceName + e.sysAreaVOList[
|
||||
0].cityName + e
|
||||
.sysAreaVOList[0].regionName + e.sysAreaVOList[0]
|
||||
.streetName + e.receiveAddress
|
||||
})
|
||||
that.goodPatient = res.data
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
// 保存按钮
|
||||
submit() {
|
||||
|
||||
@ -148,7 +148,6 @@
|
||||
}
|
||||
.Nursestationconfiguration {
|
||||
width: 94%;
|
||||
height: 100%;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
padding-bottom: 30rpx;
|
||||
@ -173,7 +172,6 @@
|
||||
.detail {
|
||||
position: relative;
|
||||
width: 94%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
|
||||
@ -5,26 +5,26 @@
|
||||
<image class="picture" src="../../static/jiantou.png" mode=""></image>
|
||||
</view>
|
||||
<view class="center">
|
||||
<view class="OrderStatus" @tap="gopaid">
|
||||
<view class="OrderStatus" @tap="gopaid('WAIT_PAY')">
|
||||
<image src="/static/Tobepaid.png" mode=""></image>
|
||||
<span>待付款</span>
|
||||
</view>
|
||||
<view class="OrderStatus" @tap="goreceive">
|
||||
<view class="OrderStatus" @tap="goreceive('WAIT_RECEIVED_GOODS')">
|
||||
<image src="/static/received.png" mode=""></image>
|
||||
<span>待收货</span>
|
||||
</view>
|
||||
<view class="OrderStatus">
|
||||
<!-- <view class="OrderStatus">
|
||||
<image src="/static/evaluated.png" mode=""></image>
|
||||
<span>待评价</span>
|
||||
</view>
|
||||
<view class="OrderStatus" @tap="gocompleted">
|
||||
</view> -->
|
||||
<view class="OrderStatus" @tap="gocompleted('RECEIVED_GOODS')">
|
||||
<image src="/static/finished.png" mode=""></image>
|
||||
<span>已完成</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="service">
|
||||
<view class="serviceorder" @tap="gonursestation">护理站服务订单</view>
|
||||
<view class="serviceorder" @tap="gonursestation">护理站服务订单</view>
|
||||
<view class="pictures">
|
||||
<image src="../../static/jiantou.png" mode=""></image>
|
||||
</view>
|
||||
@ -40,29 +40,34 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goreceive() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/received/received'
|
||||
})
|
||||
},
|
||||
gonursestation(){
|
||||
//护理站服务订单
|
||||
gonursestation() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/Nursingstationserviceorder/Nursingstationserviceorder'
|
||||
})
|
||||
},
|
||||
//待收货
|
||||
goreceive(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
|
||||
})
|
||||
},
|
||||
//全部订单
|
||||
goorder() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/CommodityOrder/CommodityOrder'
|
||||
})
|
||||
},
|
||||
gocompleted() {
|
||||
//已完成
|
||||
gocompleted(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/Completed/Completed'
|
||||
url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
|
||||
})
|
||||
},
|
||||
gopaid() {
|
||||
//待付款
|
||||
gopaid(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/tobePaid/tobePaid'
|
||||
url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
|
||||
})
|
||||
},
|
||||
}
|
||||
@ -74,7 +79,6 @@
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
// position: relative;
|
||||
color: #000000;
|
||||
padding: 3%;
|
||||
font-size: 36rpx;
|
||||
@ -122,6 +126,8 @@
|
||||
image {
|
||||
width: 83rpx;
|
||||
height: 72rpx;
|
||||
margin-left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.OrderStatus {
|
||||
|
||||
158
pages/orderDetails/orderDetails.scss
Normal file
158
pages/orderDetails/orderDetails.scss
Normal file
@ -0,0 +1,158 @@
|
||||
.app {
|
||||
height: 100vh;
|
||||
|
||||
.buy {
|
||||
background: #FFFFFF;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
height: 100rpx;
|
||||
width: 100%;
|
||||
|
||||
.pay {
|
||||
width: 216rpx;
|
||||
height: 68rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
font-size: 36rpx;
|
||||
line-height: 68rpx;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 95%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
padding-bottom: 130rpx;
|
||||
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 80rpx;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
|
||||
image {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
padding-left: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
.detailslist {
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
|
||||
span {
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(1) {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.box {
|
||||
color: #969394;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.refund {
|
||||
width: 159rpx;
|
||||
height: 54rpx;
|
||||
line-height: 54rpx;
|
||||
text-align: center;
|
||||
background: #FFFFFF;
|
||||
border: 1rpx solid #969394;
|
||||
border-radius: 26rpx;
|
||||
font-size: 26rpx;
|
||||
color: #969394;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
bottom: 100rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.payinfo {
|
||||
width: 95%;
|
||||
position: absolute;
|
||||
left: 2.5%;
|
||||
bottom: 20rpx;
|
||||
|
||||
.pay {
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
}
|
||||
|
||||
.price {
|
||||
float: right;
|
||||
font-size: 41rpx;
|
||||
color: #D43953;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
padding-top: 30rpx;
|
||||
height: 40%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
width: 95%;
|
||||
margin: 20rpx auto;
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
line-height: 65rpx;
|
||||
margin-left: 20rpx;
|
||||
|
||||
text {
|
||||
color: #BFBDBE;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@ -7,168 +7,104 @@
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="../../static/shangpingdingdan.png" mode=""></image>
|
||||
<image :src="baseurl+order.attributePitureUrl" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>酒精棉片 200片</span>
|
||||
<span>￥36.0</span>
|
||||
<span>{{order.goodsName}}</span>
|
||||
<span>￥{{order.goodsPrice}}</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span class="box">型号：酒精棉片 8盒</span>
|
||||
<span class="box">￥1</span>
|
||||
<span class="box">型号：{{order.goodsAttributeName}}</span>
|
||||
<span class="box">X{{order.goodsCount}}</span>
|
||||
</view>
|
||||
<view class="refund">
|
||||
<view class="refund" @tap='gorefundType'
|
||||
v-if="order.orderStatus != 'WAIT_PAY'&& order.orderStatus!='CANCEL'&&order.orderStatus!='WAIT_REFUND'&&order.orderStatus!='REFUNDED'&&order.orderStatus!='RETURNED_GOODS'&&order.orderStatus!='WAIT_RETURNED_GOODS'">
|
||||
申请退款
|
||||
</view>
|
||||
<view class="refund" v-if="order.orderStatus=='WAIT_REFUND'" @tap='goAftersalesdetails(order)'>
|
||||
退款中
|
||||
</view>
|
||||
<view class="refund" v-if="order.orderStatus=='REFUNDED'">
|
||||
退款成功
|
||||
</view>
|
||||
<!-- <view class="refund" v-if="order.orderStatus=='RETURNED_GOODS'">
|
||||
退货中
|
||||
</view> -->
|
||||
<view class="refund" v-if="order.orderStatus=='WAIT_RETURNED_GOODS'">
|
||||
待退货
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="payinfo">
|
||||
<text class="pay">实付款</text>
|
||||
<text class="price">￥36.0</text>
|
||||
<text class="price">￥{{order.godTotalPrice}}</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="info">
|
||||
|
||||
<span>收货信息：<text>某某某某某某某某某某某某某某某某某某某某某某某某某某某某</text></span>
|
||||
<span>订单编号：<text>1256585698545111</text></span>
|
||||
<span>获得积分：<text>某某某某</text></span>
|
||||
<span>收货信息：<text>30点积分</text></span>
|
||||
<span>付款时间：<text>2022-10-28 11：31：26</text></span>
|
||||
<span>发货时间：<text>2022-10-28 11：31：26</text></span>
|
||||
<span>成交时间：<text>2022-10-28 11：31：26</text></span>
|
||||
|
||||
|
||||
<view class="info" v-if="order.orderStatus != ' WAIT_PAY'&& order.orderStatus!='CANCEL'">
|
||||
<span>收货信息：<text>{{order.receiver}},{{order.phone}},{{order.receiveAddress}}</text></span>
|
||||
<span>订单编号：<text>{{order.goOrderNo}}</text></span>
|
||||
<!-- <span>获得积分：<text>30点积分</text></span> -->
|
||||
<span>付款时间：<text>{{order.orderTime}}</text></span>
|
||||
<!-- <span>发货时间：<text>2022-10-28 11：31：26</text></span> -->
|
||||
<!-- <span>成交时间：<text>2022-10-28 11：31：26</text></span> -->
|
||||
</view>
|
||||
<view class=" buy" v-if="order.orderStatus == 'WAIT_PAY'">
|
||||
<view class="pay">
|
||||
去支付
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
goodsOrder
|
||||
} from '@/api/CommodityOrder/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
baseurl: '',
|
||||
order: {},
|
||||
patientId: '',
|
||||
orderStatus: '',
|
||||
pageSize: 10,
|
||||
pageNum: 1,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
//退款页面
|
||||
gorefundType() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/refundType/refundType?order=${JSON.stringify(this.order)}`
|
||||
})
|
||||
},
|
||||
goodsOrderinfo(goodsOrderId) {
|
||||
goodsOrder(this.patientId, this.orderStatus, goodsOrderId, this.pageSize, this.pageNum).then(res => {
|
||||
this.order = res.rows[0]
|
||||
})
|
||||
},
|
||||
//跳转售后详情
|
||||
goAftersalesdetails(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Aftersalesdetails/Aftersalesdetails?goodsOrderId=${item.goodsOrderId}`
|
||||
})
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
this.baseurl = baseurl
|
||||
let that = this
|
||||
uni.getStorage({
|
||||
key: 'patientId',
|
||||
success: function(res) {
|
||||
that.patientId = res.data
|
||||
that.goodsOrderinfo(options.goodsOrderId)
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.app {
|
||||
height: 100vh;
|
||||
.content {
|
||||
width: 95%;
|
||||
height: 40%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 0 auto;
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
|
||||
image {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
padding-left: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
height: 250rpx;
|
||||
|
||||
.detailslist {
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
span {
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.bottom {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.box {
|
||||
font-size: 35rpx;
|
||||
color: #969394;
|
||||
}
|
||||
.refund {
|
||||
width: 159rpx;
|
||||
height: 54rpx;
|
||||
line-height: 54rpx;
|
||||
text-align: center;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #969394;
|
||||
border-radius: 26rpx;
|
||||
font-size: 26rpx;
|
||||
color: #969394;
|
||||
margin: 20rpx 0rpx 20rpx 310rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.payinfo {
|
||||
width: 95%;
|
||||
margin: 30rpx auto;
|
||||
.pay {
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
}
|
||||
.price {
|
||||
float: right;
|
||||
font-size: 41rpx;
|
||||
color: #D43953;
|
||||
margin-right: 28rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.info {
|
||||
padding-top: 30rpx;
|
||||
height: 50%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
width: 95%;
|
||||
margin: 20rpx auto;
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
span:nth-child(1) {
|
||||
height: 55;
|
||||
line-height: 55rpx;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
height: 65rpx;
|
||||
line-height: 65rpx;
|
||||
margin-left: 20rpx;
|
||||
text {
|
||||
color: #BFBDBE;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@import "./orderDetails.scss";
|
||||
</style>
|
||||
|
||||
@ -1,251 +0,0 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="Apayment">
|
||||
<view class="names">店铺名称
|
||||
<image class="picture" src="/static/pic.png" mode=""></image>
|
||||
<span>待收货</span>
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="../../static/shangpindingdan.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>酒精棉片 200片</span>
|
||||
<span>￥36.0</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span class="box">型号：酒精棉片 8盒</span>
|
||||
<span class="box">×1</span>
|
||||
</view>
|
||||
<view class="refund">
|
||||
实付款：
|
||||
<text class="price">￥36.0</text>
|
||||
</view>
|
||||
<view class="anniu">
|
||||
<view class="logistics">查看物流</view>
|
||||
<view class="logistics harvest" @tap='show=true'>确认收货</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 弹框 -->
|
||||
<view class="frame">
|
||||
<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
|
||||
<view class="payment">
|
||||
<span>确认收到货了吗</span>
|
||||
<view class="cencel" @tap="show = false">
|
||||
<image src="../../static/gb.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat">
|
||||
<image src="/static/shangpindingdan.png" mode=""></image>
|
||||
<view class="blackground">共1件</view>
|
||||
<view class="word">为了保证你的售后权益，请收到商品确认</view>
|
||||
<view class="word words">无误后再确认收货</view>
|
||||
</view>
|
||||
<view class="submits">确定
|
||||
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
padding: 3%;
|
||||
|
||||
// 弹框确认收货
|
||||
.submits {
|
||||
width: 501rpx;
|
||||
height: 71rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
line-height: 71rpx;
|
||||
color: #ffffff;
|
||||
font-size: 34rpx;
|
||||
margin-top: 5%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
|
||||
.chat {
|
||||
margin-left: 35%;
|
||||
|
||||
.word {
|
||||
margin-top: 3%;
|
||||
margin-left: -25%;
|
||||
font-size: 26rpx;
|
||||
color: #010000;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.words {
|
||||
margin-left: -10%;
|
||||
}
|
||||
|
||||
.blackground {
|
||||
width: 183rpx;
|
||||
height: 69rpx;
|
||||
background: #030303;
|
||||
opacity: 0.5;
|
||||
margin-top: -15%;
|
||||
color: #ffffff;
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
line-height: 69rpx;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.payment {
|
||||
width: 390px;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 120rpx;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
margin-left: 30%;
|
||||
}
|
||||
|
||||
.cencel {
|
||||
margin-left: 20%;
|
||||
|
||||
image {
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Apayment {
|
||||
width: 99%;
|
||||
height: 494rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
line-height: 70rpx;
|
||||
padding: 3%;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
|
||||
.details {
|
||||
height: 250rpx;
|
||||
|
||||
.detailslist {
|
||||
position: relative;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin-left: 3%;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.model {
|
||||
|
||||
// position: absolute;
|
||||
.top {
|
||||
margin-top: 3%;
|
||||
|
||||
span {
|
||||
margin-left: 32%;
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
margin-top: -11%;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-left: 32%;
|
||||
|
||||
.box {
|
||||
font-size: 32rpx;
|
||||
color: #969394;
|
||||
}
|
||||
}
|
||||
|
||||
.anniu {
|
||||
display: flex;
|
||||
margin-left: 35%;
|
||||
margin-top: 3%;
|
||||
|
||||
.logistics {
|
||||
margin-left: 3%;
|
||||
width: 216rpx;
|
||||
height: 68rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: #E1AE3C;
|
||||
border-radius: 26rpx;
|
||||
}
|
||||
|
||||
.harvest {
|
||||
background: #4C7BC9;
|
||||
}
|
||||
}
|
||||
|
||||
.refund {
|
||||
.price {
|
||||
font-size: 41rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
color: #969394;
|
||||
margin-top: 8%;
|
||||
margin-left: 64%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.names {
|
||||
width: 95%;
|
||||
margin-left: 3%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
.picture {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
margin-left: 3%;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: 55%;
|
||||
color: #4C7BC9;
|
||||
// line-height: 67px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
174
pages/refundType/refundType.scss
Normal file
174
pages/refundType/refundType.scss
Normal file
@ -0,0 +1,174 @@
|
||||
.app {
|
||||
height: 100vh;
|
||||
|
||||
.content {
|
||||
width: 95%;
|
||||
// hheight: 302rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 60rpx;
|
||||
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 80rpx;
|
||||
font-size: 30rpx;
|
||||
color: #030303;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
|
||||
image {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
padding-left: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
.detailslist {
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
|
||||
span {
|
||||
font-size: 32rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
span:nth-child(1) {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
font-size: 32rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-top: 40rpx;
|
||||
color: #969394;
|
||||
|
||||
span {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
}
|
||||
|
||||
.refund {
|
||||
width: 159rpx;
|
||||
height: 54rpx;
|
||||
line-height: 54rpx;
|
||||
text-align: center;
|
||||
background: #FFFFFF;
|
||||
border: 1rpx solid #969394;
|
||||
border-radius: 26rpx;
|
||||
font-size: 26rpx;
|
||||
color: #969394;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
bottom: 100rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.payinfo {
|
||||
width: 95%;
|
||||
position: absolute;
|
||||
left: 2.5%;
|
||||
bottom: 20rpx;
|
||||
|
||||
.pay {
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
}
|
||||
|
||||
.price {
|
||||
float: right;
|
||||
font-size: 41rpx;
|
||||
color: #D43953;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.refundinfo {
|
||||
width: 95%;
|
||||
height: 302rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 20rpx;
|
||||
font-size: 30rpx;
|
||||
color: #030303;
|
||||
|
||||
.refund {
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1px solid #D8D4D4;
|
||||
}
|
||||
|
||||
.myrefund {
|
||||
display: flex;
|
||||
width: 95%;
|
||||
margin: 20rpx auto;
|
||||
height: 80rpx;
|
||||
line-height: 40rpx;
|
||||
|
||||
// background-color: red;
|
||||
.images {
|
||||
width: 46rpx;
|
||||
height: 42rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.picture {
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
margin-top: 20rpx;
|
||||
position: absolute;
|
||||
right: 60rpx;
|
||||
}
|
||||
|
||||
.refundfo {
|
||||
font-size: 28rpx;
|
||||
color: #030303;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 20rpx;
|
||||
line-height: 40rpx;
|
||||
color: #BAB7B8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -6,17 +6,17 @@
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="../../static/shangpingdingdan.png" mode=""></image>
|
||||
<image :src="baseurl+order.attributePitureUrl" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>酒精棉片 200片</span>
|
||||
<span>￥36.0</span>
|
||||
<span>{{order.goodsName}}</span>
|
||||
<span>￥{{order.goodsPrice}}</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span>型号：酒精棉片 8盒</span>
|
||||
<span>×1</span>
|
||||
<span>型号：{{order.goodsAttributeName}}</span>
|
||||
<span>X{{order.goodsCount}}</span>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -25,145 +25,59 @@
|
||||
<view class="refund">
|
||||
选择退款类型
|
||||
</view>
|
||||
<view class="myrefund">
|
||||
<view class="myrefund" @tap='goApplforrefund(1)'>
|
||||
<image class="images" src="../../static/myrefund.png" mode=""></image>
|
||||
<view class="refundfo">
|
||||
<view>我要退款(无需退货)</view>
|
||||
<view class="text">没收到货</view>
|
||||
</view>
|
||||
<image class="picture pictures" src="../../static/rowsright.png" mode=""></image>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="myrefund">
|
||||
<view class="myrefund" @tap='goApplforrefund(2)'>
|
||||
<image class="images" src="../../static/refundgoods.png" mode=""></image>
|
||||
<view class="refundfo">
|
||||
<view>我要退款退货退款</view>
|
||||
<view class="text">已收到货，需要退还收到的获取</view>
|
||||
<view>我要退货退款</view>
|
||||
<view class="text">已收到货，需要退还收到的货物</view>
|
||||
</view>
|
||||
<image class="picture" src="../../static/rowsright.png" mode=""></image>
|
||||
<image class="picture" src="../../static/rowsright.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
baseurl: '', //url
|
||||
order: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
//退款页面
|
||||
goApplforrefund(e) {
|
||||
if (e == 1) {
|
||||
console.log(e)
|
||||
uni.navigateTo({
|
||||
url: `/pages/Applforrefund/Applforrefund?typename=${'我要退款(无需退货)'}&order=${JSON.stringify(this.order)}`
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Applforrefund/Applforrefund?typename=${'已收到货，需要退还收到的货物'}&order=${JSON.stringify(this.order)}`
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
this.baseurl = baseurl
|
||||
this.order = JSON.parse(options.order)
|
||||
console.log(this.order)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app{
|
||||
height: 100vh;
|
||||
.content {
|
||||
width: 95%;
|
||||
hheight: 302rpx;;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 0 auto;
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #030303 ;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
|
||||
image {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
padding-left: 25rpx;
|
||||
}
|
||||
}
|
||||
.details {
|
||||
height: 250rpx;
|
||||
.detailslist {
|
||||
display: flex;
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
span {
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.bottom {
|
||||
margin-top: 20rpx;
|
||||
span{
|
||||
font-size: 35rpx;
|
||||
color: #969394;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.refundinfo{
|
||||
width: 95%;
|
||||
height: 302rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 20rpx;
|
||||
font-size: 30rpx;
|
||||
color: #030303;
|
||||
.refund{
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1px solid #D8D4D4;
|
||||
}
|
||||
.myrefund{
|
||||
display: flex;
|
||||
width: 95%;
|
||||
margin: 20rpx auto;
|
||||
height: 80rpx;
|
||||
// background-color: red;
|
||||
.images{
|
||||
width: 46rpx;
|
||||
height: 42rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.picture{
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
margin-top: 20rpx;
|
||||
position:absolute;
|
||||
right:60rpx;
|
||||
}
|
||||
.refundfo{
|
||||
font-size: 28rpx;
|
||||
color: #030303;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.text{
|
||||
font-size: 20rpx;
|
||||
color: #BAB7B8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@import "./refundType.scss";
|
||||
</style>
|
||||
|
||||
@ -129,7 +129,7 @@
|
||||
onReachBottom() {
|
||||
if (this.nursestationlist.length >= this.total) {} else {
|
||||
this.pageNum++;
|
||||
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
|
||||
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode)
|
||||
.then(res => {
|
||||
res.rows.forEach(e => {
|
||||
e.stationPictureUrl = baseurl + e.stationPictureUrl
|
||||
|
||||
@ -1,199 +0,0 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="content">
|
||||
<view class="name">
|
||||
2022-10-11 15:44
|
||||
<span>待付款</span>
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="../../static/shangpingdingdan.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>酒精棉片 200片</span>
|
||||
<span>￥36.0</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span>型号：酒精棉片 8盒</span>
|
||||
<span>×1</span>
|
||||
</view>
|
||||
<view class="price">
|
||||
实付款：<span>￥36.0</span>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="submit" @tap='show=true'>
|
||||
去支付
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 弹框 -->
|
||||
<u-popup v-model="show" mode="bottom" length="50%" border-radius="30">
|
||||
<view class="payment">
|
||||
<span>请选择支付方式</span>
|
||||
<view class="cencel" @tap="show = false">
|
||||
<image src="../../static/gb.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat">
|
||||
<image src="/static/chat.png" mode=""></image>
|
||||
<span>微信支付</span>
|
||||
</view>
|
||||
<view class="submits" @tap='show=true'>
|
||||
<span>确认支付</span><span>￥36元</span>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
show:false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
height: 100vh;
|
||||
.content {
|
||||
width: 95%;
|
||||
height: 494rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 0 auto;
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
span {
|
||||
color: #4C7BC9;
|
||||
float: right;
|
||||
}
|
||||
image {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
padding-left: 25rpx;
|
||||
}
|
||||
}
|
||||
.details {
|
||||
height: 250rpx;
|
||||
.detailslist {
|
||||
display: flex;
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
span {
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.bottom {
|
||||
margin-top: 20rpx;
|
||||
span {
|
||||
font-size: 35rpx;
|
||||
color: #969394;
|
||||
}
|
||||
}
|
||||
.price {
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
float: right;
|
||||
margin: 35rpx 30rpx 60rpx 0;
|
||||
span {
|
||||
font-size: 41rpx;
|
||||
color: #000000 ;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.submit{
|
||||
width: 175rpx;
|
||||
height: 68rpx;
|
||||
line-height: 68rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
float: right;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
// 弹框支付
|
||||
.payment {
|
||||
width: 390px;
|
||||
height: 130rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 130rpx;
|
||||
text-align: center;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
display: flex;
|
||||
span{
|
||||
margin-left: 30%;
|
||||
}
|
||||
.cencel{
|
||||
margin-left: 20%;
|
||||
image {
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat {
|
||||
span {
|
||||
display: block;
|
||||
height: 68rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 68rpx;
|
||||
margin-left: 25%;
|
||||
margin-top: -10%;
|
||||
}
|
||||
image {
|
||||
width: 79rpx;
|
||||
height: 69rpx;
|
||||
margin-top: 7%;
|
||||
padding-left: 10%;
|
||||
}
|
||||
}
|
||||
.submits {
|
||||
width: 501rpx;
|
||||
height: 71rpx;
|
||||
line-height: 71rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
font-size: 34rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 25%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
BIN
static/sp.png
BIN
static/sp.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
BIN
static/yyss.png
BIN
static/yyss.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
BIN
static/znsb.png
BIN
static/znsb.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Loading…
Reference in New Issue
Block a user