修改
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>
|
||||||
<view class="details">
|
<view class="details">
|
||||||
<view class="detailslist">
|
<view class="detailslist">
|
||||||
<image src="../../static/shangpindingdan.png" mode=""></image>
|
<image :src="baseurl+Aftersalesorder.attributePitureUrl" mode=""></image>
|
||||||
<view class="model">
|
<view class="model">
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<span>酒精棉片 200片</span>
|
<span>{{Aftersalesorder.goodsName}}</span>
|
||||||
<span>￥36.0</span>
|
<span>￥{{Aftersalesorder.goodsPrice}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom">
|
<view class="bottom">
|
||||||
<span class="box">型号：酒精棉片 8盒</span>
|
<span class="box">型号：{{Aftersalesorder.goodsAttributeName}}</span>
|
||||||
<span class="box">×1</span>
|
<span class="box">×1</span>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<view>订单编号：1256585698545111</view>
|
<view>订单编号：{{Aftersalesorder.goOrderNo}}</view>
|
||||||
<view>申请金额：￥36.0</view>
|
<view>申请金额：￥{{Aftersalesorder.totalPrice}}</view>
|
||||||
<view>退款原因：不想要了</view>
|
<view>退款原因：{{Aftersalesorder.dictLabel}}</view>
|
||||||
<view>申请时间：2022-10-13 11:50</view>
|
<view>申请时间：{{Aftersalesorder.updateTime}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="evaluate">
|
<view class="evaluate">
|
||||||
<view class="cancelorder">修改申请</view>
|
<!-- <view class="cancelorder">修改申请</view> -->
|
||||||
<view class="cancelorder " style="background: #4C7BC9;">撤销申请</view>
|
<!-- <view class="cancelorder " style="background: #4C7BC9;">撤销申请</view> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
goodsOrder
|
||||||
|
} from '@/api/CommodityOrder/index.js'
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
baseurl: '',
|
||||||
|
Aftersalesorder:{},
|
||||||
|
patientId: '', //用户id
|
||||||
|
goodsOrderId: '', //订单id
|
||||||
|
orderStatus: '', //状态 不传
|
||||||
|
pageSize: 10,
|
||||||
|
pageNum: 1,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
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>
|
</script>
|
||||||
@ -92,7 +115,6 @@
|
|||||||
width: 95%;
|
width: 95%;
|
||||||
height: 90rpx;
|
height: 90rpx;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #969394;
|
|
||||||
line-height: 90rpx;
|
line-height: 90rpx;
|
||||||
border-bottom: 1rpx solid #D8D4D4;
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@ -125,10 +147,18 @@
|
|||||||
margin: 30rpx 0 0 20rpx;
|
margin: 30rpx 0 0 20rpx;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-size: 38rpx;
|
font-size: 32rpx;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
span:nth-child(1) {
|
||||||
|
display: inline-block;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
span:nth-child(2) {
|
span:nth-child(2) {
|
||||||
color: #969394;
|
color: #969394;
|
||||||
float: right;
|
float: right;
|
||||||
@ -136,12 +166,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.bottom {
|
.bottom {
|
||||||
margin-top: 20rpx;
|
margin-top: 40rpx;
|
||||||
}
|
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
font-size: 35rpx;
|
color: #969394;
|
||||||
color: #969394;
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -2,68 +2,113 @@
|
|||||||
<view class="app">
|
<view class="app">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="item">退款类型
|
<view class="item">退款类型
|
||||||
<span>我要退货退款</span>
|
<span style='right: 0; color: #000000;'>{{typename}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="item">退款原因
|
<view class="item" @tap='show=true'>退款原因
|
||||||
<span @tap='show=true'>请选择</span>
|
<span v-if="dictname==''">请选择</span>
|
||||||
|
<span v-else style='color: #000000;'>{{dictname}}</span>
|
||||||
<image src="../../static/pic.png" mode=""></image>
|
<image src="../../static/pic.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="priceinfo">退款金额
|
<view class="priceinfo">退款金额
|
||||||
<view class="priceback">￥36.0
|
<view class="priceback">￥{{order.godTotalPrice}}
|
||||||
</view>
|
</view>
|
||||||
<view class="words">
|
<view class="words">
|
||||||
已修改，最多 36.00，含发货邮费 0.00
|
已修改，最多{{order.godTotalPrice}}，含发货邮费 0.00
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="discribe">
|
<view class="discribe">
|
||||||
<view class="voucher">补充描述和凭证</view>
|
<view class="voucher">补充描述和凭证</view>
|
||||||
<view class="supplement">
|
<view class="supplement">
|
||||||
<input type="text" placeholder="补充描述，有助于商家更好的处理售后问题">
|
<u-input v-model="order.refundReasonRemark" type="textarea" height="100" :auto-height="true"
|
||||||
|
placeholder="补充描述，有助于商家更好的处理售后问题" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="Submit" @tap="goafterdetail">提交</view>
|
<view class="Submit" @tap='refundinfo'>提交</view>
|
||||||
<!-- 弹框 -->
|
<!-- 弹框 -->
|
||||||
<view class="frame">
|
<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">
|
<view class="payment">
|
||||||
<span>请选择退款原因</span>
|
请选择退款原因
|
||||||
<view class="cancel" @tap="show = false">
|
|
||||||
<image src="../../static/gb.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="elderly count">不想要了
|
<view class="elderly" v-for="(item,index) in reasonlist" :key="index" @tap='tapreason(item)'>
|
||||||
</view>
|
{{item.dictLabel}}
|
||||||
<view class="elderly count">拍错、不喜欢
|
|
||||||
</view>
|
|
||||||
<view class="elderly count">与商品不符
|
|
||||||
</view>
|
|
||||||
<view class="elderly count">质量问题
|
|
||||||
</view>
|
|
||||||
<view class="elderly">其他原因
|
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
</view>
|
</view>
|
||||||
|
<u-toast ref="uToast" />
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
refundReason,
|
||||||
|
refund
|
||||||
|
} from '@/api/Applforrefund/index.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
show: false
|
show: false, //退款原因开关
|
||||||
|
typename: '', //退款name
|
||||||
|
order: {}, //订单
|
||||||
|
reasonlist: [], //退款原因list
|
||||||
|
dictname: '', //页面退款原因字段
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//退款
|
||||||
goafterdetail() {
|
refundinfo() {
|
||||||
uni.navigateTo({
|
refund(this.order).then(
|
||||||
url: '/pages/After sales details/After sales details'
|
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>
|
</script>
|
||||||
@ -72,43 +117,31 @@
|
|||||||
.app {
|
.app {
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
|
|
||||||
.elderly {
|
.frame {
|
||||||
width: 93%;
|
.image {
|
||||||
margin: 0 auto;
|
position: absolute;
|
||||||
padding: 3%;
|
right: 30rpx;
|
||||||
|
top: 40rpx;
|
||||||
height: 80rpx;
|
width: 31rpx;
|
||||||
font-size: 42rpx;
|
height: 31rpx;
|
||||||
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%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cancel {
|
.payment {
|
||||||
margin-left: 20%;
|
width: 95%;
|
||||||
|
font-size: 42rpx;
|
||||||
|
color: #000000;
|
||||||
|
line-height: 110rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
image {
|
.elderly {
|
||||||
width: 31rpx;
|
width: 95%;
|
||||||
height: 31rpx;
|
margin: 0 auto;
|
||||||
}
|
padding: 15rpx 0 15rpx 40rpx;
|
||||||
|
font-size: 40rpx;
|
||||||
|
line-height: 68rpx;
|
||||||
|
border-top: 1rpx solid #D8D4D4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -173,16 +206,20 @@
|
|||||||
.item {
|
.item {
|
||||||
border-bottom: 1rpx solid #D8D4D4;
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 16rpx;
|
width: 16rpx;
|
||||||
height: 25rpx;
|
height: 25rpx;
|
||||||
top: 3%;
|
position: absolute;
|
||||||
margin-left: 5%;
|
right: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-60%);
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-left: 50%;
|
position: absolute;
|
||||||
|
right: 5%;
|
||||||
color: #BAB7B8;
|
color: #BAB7B8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -13,7 +13,6 @@
|
|||||||
<view class="doctor">
|
<view class="doctor">
|
||||||
<text>内科门诊-主任医师</text>
|
<text>内科门诊-主任医师</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="Apayment">
|
<view class="Apayment">
|
||||||
@ -21,7 +20,6 @@
|
|||||||
<text class="money">实付款:</text>
|
<text class="money">实付款:</text>
|
||||||
<text class="price">￥28.0</text>
|
<text class="price">￥28.0</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="result">
|
<view class="result">
|
||||||
查看结果
|
查看结果
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -1,14 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
<uni-swiper-dot :info="info" :current="current" field="content" :mode="mode" @clickItem='clickItem'
|
<u-swiper :list="info" height="750"></u-swiper>
|
||||||
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>
|
|
||||||
<view class="Commodity common">
|
<view class="Commodity common">
|
||||||
<view class="name">
|
<view class="name">
|
||||||
{{goodsDetailslist.goodsName}}
|
{{goodsDetailslist.goodsName}}
|
||||||
@ -51,7 +43,7 @@
|
|||||||
<view class="selected">
|
<view class="selected">
|
||||||
图文服务
|
图文服务
|
||||||
</view>
|
</view>
|
||||||
<image :src="baseurl+goodsDetailslist.goodsPictureUrl" mode=""></image>
|
<image :src="goodsDetailslist.goodsPictureUrl" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="Purchasecolumn">
|
<view class="Purchasecolumn">
|
||||||
<view class="buy" @tap="buyshow=true">
|
<view class="buy" @tap="buyshow=true">
|
||||||
@ -64,7 +56,7 @@
|
|||||||
</image>
|
</image>
|
||||||
<view class="topcontent">
|
<view class="topcontent">
|
||||||
<view class="image">
|
<view class="image">
|
||||||
<image :src="baseurl+goodsDetailslist.goodsPictureUrl" mode=""></image>
|
<image :src="goodsDetailslist.goodsPictureUrl" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
<span>{{goodsDetailslist.goodsName}}</span>
|
<span>{{goodsDetailslist.goodsName}}</span>
|
||||||
@ -144,9 +136,6 @@
|
|||||||
goodshow: true, //商品规格开关
|
goodshow: true, //商品规格开关
|
||||||
buyshow: false, //立即购买遮罩层开关
|
buyshow: false, //立即购买遮罩层开关
|
||||||
info: [], //轮播list
|
info: [], //轮播list
|
||||||
current: 0, //轮播初始下标
|
|
||||||
mode: 'dot', //轮播点样式
|
|
||||||
swiperDotIndex: 0, //轮播可视图
|
|
||||||
updata: { //订单表
|
updata: { //订单表
|
||||||
goodsPrice: 0.00,
|
goodsPrice: 0.00,
|
||||||
goodsName: "",
|
goodsName: "",
|
||||||
@ -248,6 +237,7 @@
|
|||||||
this.updata.goodsStock = item.goodsStock
|
this.updata.goodsStock = item.goodsStock
|
||||||
this.updata.goodsAttributeId = item.goodsAttributeId
|
this.updata.goodsAttributeId = item.goodsAttributeId
|
||||||
this.updata.goodsAttributeDetailsId = item.attributeDetailsId
|
this.updata.goodsAttributeDetailsId = item.attributeDetailsId
|
||||||
|
this.updata.img = this.baseurl + item.attributePitureUrl
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -297,7 +287,6 @@
|
|||||||
this.goodsDetailslist = res.data[0]
|
this.goodsDetailslist = res.data[0]
|
||||||
this.updata.goodsName = this.goodsDetailslist.goodsName
|
this.updata.goodsName = this.goodsDetailslist.goodsName
|
||||||
this.updata.nurseStationId = this.goodsDetailslist.nurseStationId
|
this.updata.nurseStationId = this.goodsDetailslist.nurseStationId
|
||||||
this.updata.img = this.goodsDetailslist.goodsPictureUrl
|
|
||||||
this.goodDetailsLists = res.data[0].goodDetailsLists
|
this.goodDetailsLists = res.data[0].goodDetailsLists
|
||||||
// res.data[0].goodDetailsLists.forEach(e => {
|
// res.data[0].goodDetailsLists.forEach(e => {
|
||||||
// e.goodAttributeDetailsLists.forEach(el => {
|
// e.goodAttributeDetailsLists.forEach(el => {
|
||||||
@ -312,14 +301,6 @@
|
|||||||
// this.goodDetailsLists = res.data[0].goodDetailsLists
|
// this.goodDetailsLists = res.data[0].goodDetailsLists
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//滑动轮播切换
|
|
||||||
change(e) {
|
|
||||||
this.current = e.detail.current;
|
|
||||||
},
|
|
||||||
//点击轮播点切换
|
|
||||||
clickItem(e) {
|
|
||||||
this.swiperDotIndex = e
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
onLoad(options) { //获取传值
|
onLoad(options) { //获取传值
|
||||||
this.updata.buySource = options.buySource
|
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="app">
|
||||||
<view class="inputs">
|
<view class="inputs">
|
||||||
<i class="icon"></i>
|
<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>
|
||||||
<view class="Apayment">
|
<view class="Apayment" v-for='(item,index) in orderlist' :key="index">
|
||||||
<view class="names">店铺名称
|
<view class="names">店铺名称
|
||||||
<image class="picture" src="/static/pic.png" mode=""></image>
|
<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>
|
||||||
<view class="details">
|
<view class="details" @tap='goorderdetails(item)'>
|
||||||
<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="detailslist">
|
<view class="detailslist">
|
||||||
<image src="../../static/shangpindingdan.png" mode=""></image>
|
<image :src="baseurl+item.attributePitureUrl" mode=""></image>
|
||||||
<view class="model">
|
<view class="model">
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<span>酒精棉片 200片</span>
|
<span>{{item.goodsName}}</span>
|
||||||
<span>￥36.0</span>
|
<span>￥{{item.goodsPrice}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom">
|
<view class="bottom">
|
||||||
<span class="box">型号：酒精棉片 8盒</span>
|
<span class="box">型号：{{item.goodsAttributeName}}</span>
|
||||||
<span class="box">×1</span>
|
<span class="box">×{{item.goodsCount}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="refund">
|
<view class="refund">
|
||||||
实付款：
|
实付款：
|
||||||
<text class="price">￥36.0</text>
|
<text class="price">￥{{item.godTotalPrice}}</text>
|
||||||
</view>
|
|
||||||
<view class="anniu">
|
|
||||||
<view class="logistics">查看物流</view>
|
|
||||||
<view class="logistics harvest" @tap='show=true'>确认收货</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</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>
|
||||||
<!-- 弹框 -->
|
<!-- 弹框 -->
|
||||||
<view class="frame">
|
<view class="frame">
|
||||||
<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
|
<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
|
||||||
<view class="payment">
|
<view class="payment">
|
||||||
<span>确认收到货了吗</span>
|
<span>确认收到货了吗</span>
|
||||||
<view class="cencel" @tap="show = false">
|
<image src="../../static/gb.png" mode="" @tap="show = false"></image>
|
||||||
<image src="../../static/gb.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="chat">
|
<view class="chat">
|
||||||
<image src="/static/shangpindingdan.png" mode=""></image>
|
<view class="image">
|
||||||
<view class="blackground">共1件</view>
|
<image :src="baseurl+img" mode=""></image>
|
||||||
<view class="word">为了保证你的售后权益，请收到商品确认</view>
|
<view class="blackground">共1件</view>
|
||||||
<view class="word words">无误后再确认收货</view>
|
</view>
|
||||||
</view>
|
<view class="word">为了保证你的售后权益，请收到商品确认无误后再确认收货</view>
|
||||||
<view class="submits">确定
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
<view class="submits">确定</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -87,236 +67,115 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
ssgoodsOrder
|
||||||
|
} from '@/api/CommodityOrder/index.js'
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
show: false
|
title:'商品订单',//导航标题
|
||||||
|
baseurl: '', //url
|
||||||
|
orderlist: [], //商品订单list
|
||||||
|
total: 0, //list长度
|
||||||
|
show: false, //确认收获开关
|
||||||
|
img: '', //确认收货页面图片
|
||||||
|
patientId: '',
|
||||||
|
orderStatus: '', //
|
||||||
|
goodsOrderId: '', //
|
||||||
|
pageSize: 10, //
|
||||||
|
pageNum: 1, //
|
||||||
|
goodsName: '',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
goorderdetails() {
|
//物流页面
|
||||||
|
gologistics(item) {
|
||||||
uni.navigateTo({
|
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>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
@import "./CommodityOrder.scss";
|
||||||
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%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</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>
|
</view>
|
||||||
<view class=" item" style="background-color: #E1AE3C ;">
|
<view class=" item" style="background-color: #E1AE3C ;" @tap='goorder'>
|
||||||
<image src="../../static/dingdan.png" mode=""></image>
|
<image src="../../static/dingdan.png" mode=""></image>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
我的订单
|
我的订单
|
||||||
@ -31,10 +31,15 @@
|
|||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//跳转个人信息页面
|
goorder() {
|
||||||
gouser(){
|
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url:'/pages/user/user'
|
url: '/pages/order/order'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//跳转个人信息页面
|
||||||
|
gouser() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/user/user'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@ -44,9 +49,11 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
||||||
.cards {
|
.cards {
|
||||||
.item {
|
.item {
|
||||||
height: 295rpx;
|
height: 295rpx;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
top: 60%;
|
top: 60%;
|
||||||
|
|||||||
@ -83,6 +83,7 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.productlist {
|
.productlist {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto;
|
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 {
|
.app {
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
padding-top: 10rpx;
|
padding-top: 10rpx;
|
||||||
.addition{
|
height: 100vh;
|
||||||
color: #666666;
|
.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 {
|
.money {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #D43953;
|
color: #D43953;
|
||||||
@ -30,12 +47,21 @@
|
|||||||
height: 27rpx;
|
height: 27rpx;
|
||||||
margin-left:50%;
|
margin-left:50%;
|
||||||
}
|
}
|
||||||
|
.addition{
|
||||||
|
color: #666666;
|
||||||
|
line-height: 30rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.item {
|
.item {
|
||||||
width: 97%;
|
width: 97%;
|
||||||
height: 93rpx;
|
|
||||||
border-bottom: 1rpx solid #D8D4D4;
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
margin-left: 3%;
|
margin-left: 3%;
|
||||||
|
.addition{
|
||||||
|
color: #666666;
|
||||||
|
line-height: 30rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.remarks {
|
.remarks {
|
||||||
@ -58,7 +84,7 @@
|
|||||||
width: 99%;
|
width: 99%;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
position:absolute;
|
position:fixed;
|
||||||
bottom:0;
|
bottom:0;
|
||||||
padding-bottom: 20rpx;
|
padding-bottom: 20rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -53,7 +53,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="priceback">
|
<view class="priceback">
|
||||||
<view class="prices">￥{{orderlist.totalPrice}}</view>
|
<view class="prices">￥{{orderlist.totalPrice}}</view>
|
||||||
<view class="xiugai">修改信息</view>
|
<view class="xiugai" @tap='goaddress'>修改信息</view>
|
||||||
<view class="queren" @tap='updata'>确认预约</view>
|
<view class="queren" @tap='updata'>确认预约</view>
|
||||||
</view>
|
</view>
|
||||||
<u-toast ref="uToast" />
|
<u-toast ref="uToast" />
|
||||||
@ -119,7 +119,6 @@
|
|||||||
this.personInfo.patientName = useritem.receiveName
|
this.personInfo.patientName = useritem.receiveName
|
||||||
this.personInfo.phone = useritem.receivePhone
|
this.personInfo.phone = useritem.receivePhone
|
||||||
this.personInfo.address = useritem.address
|
this.personInfo.address = useritem.address
|
||||||
console.log(this.personInfo)
|
|
||||||
} else {
|
} else {
|
||||||
this.userinfo();
|
this.userinfo();
|
||||||
}
|
}
|
||||||
@ -141,11 +140,10 @@
|
|||||||
// 0].cityName + e.sysAreaVOList[0].regionName + e
|
// 0].cityName + e.sysAreaVOList[0].regionName + e
|
||||||
// .sysAreaVOList[0].streetName + e.receiveAddress
|
// .sysAreaVOList[0].streetName + e.receiveAddress
|
||||||
// })
|
// })
|
||||||
that.personInfo = response.data[0]
|
that.personInfo = response.data;
|
||||||
console.log(that.personInfo)
|
that.personInfo.address = response.data.provinceName + response.data.cityName +response.data.regionName + response.data.streetName + response.data.address;
|
||||||
that.orderlist.patientId = response.data[0].patientId
|
that.orderlist.patientId = response.data.patientId
|
||||||
that.orderlist.serviceAddress = response.data[0]
|
that.orderlist.serviceAddress = response.data.provinceName + response.data.cityName +response.data.regionName + response.data.streetName + response.data.address
|
||||||
.address
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -206,6 +204,11 @@
|
|||||||
":" + e.endminute
|
":" + e.endminute
|
||||||
console.log(this.orderlist, this.usertime)
|
console.log(this.orderlist, this.usertime)
|
||||||
},
|
},
|
||||||
|
goaddress() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/modifyAddress/modifyAddress?url=${'appointmenttime'}&updata=${JSON.stringify(this.orderlist)}`
|
||||||
|
})
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
{{updata.receiver}},{{updata.phone}}
|
{{updata.receiver}},{{updata.phone}}
|
||||||
</view>
|
</view>
|
||||||
<view class="picture">
|
<view class="picture">
|
||||||
<span @tap='upaddress()'>修改地址</span>
|
<span @tap='upaddress'>修改地址</span>
|
||||||
<u-icon name="arrow-right" color="#ffffff" size="32"></u-icon>
|
<u-icon name="arrow-right" color="#ffffff" size="32"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
<view class="address">
|
<view class="address">
|
||||||
@ -16,7 +16,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="commodity">
|
<view class="commodity">
|
||||||
<view class="commodityInfo">
|
<view class="commodityInfo">
|
||||||
<!-- <image src="../../static/fuwutu.png" mode=""></image> -->
|
<image :src="updata.img" mode=""></image>
|
||||||
<view class="infos">
|
<view class="infos">
|
||||||
<view class="detail">
|
<view class="detail">
|
||||||
<view class="spangoodsName">
|
<view class="spangoodsName">
|
||||||
@ -163,6 +163,7 @@
|
|||||||
} else {
|
} else {
|
||||||
this.goodsList()
|
this.goodsList()
|
||||||
}
|
}
|
||||||
|
console.log(this.updata)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -71,7 +71,6 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
height: 100vh;
|
|
||||||
|
|
||||||
.cards {
|
.cards {
|
||||||
.shopping {
|
.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 {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
phone: '13645678913',
|
phone: '13645678906',
|
||||||
password: '123456',
|
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: [], // 查询地址信息
|
goodPatient: [], // 查询地址信息
|
||||||
patientId: null,
|
patientId: null,
|
||||||
|
url: '',
|
||||||
|
updata: [],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
let that = this
|
let that = this
|
||||||
uni.getStorage({
|
console.log(options)
|
||||||
key: 'patientId',
|
this.url = options.url
|
||||||
success: function(res) {
|
|
||||||
that.patientId = res.data
|
|
||||||
that.infolist.patientId = res.data
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.updata = JSON.parse(options.updata)
|
this.updata = JSON.parse(options.updata)
|
||||||
//获取传值
|
//获取传值
|
||||||
this.goodsList()
|
this.goodsList()
|
||||||
@ -111,19 +107,36 @@
|
|||||||
methods: {
|
methods: {
|
||||||
//将信息携带至订单页面
|
//将信息携带至订单页面
|
||||||
goorder(item) {
|
goorder(item) {
|
||||||
uni.navigateTo({
|
if(this.url=="appointmenttime"){
|
||||||
url: `/pages/confirmOrder/confirmOrder?updata=${JSON.stringify(this.updata)}&useritem=${JSON.stringify(item)}`
|
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() {
|
goodsList() {
|
||||||
goodPatientInfo(this.patientId).then(res => {
|
let that = this
|
||||||
res.data.forEach(e => {
|
uni.getStorage({
|
||||||
e.address = e.sysAreaVOList[0].provinceName + e.sysAreaVOList[0].cityName + e
|
key: 'patientId',
|
||||||
.sysAreaVOList[0].regionName + e.sysAreaVOList[0].streetName + e.receiveAddress
|
success: function(res) {
|
||||||
})
|
that.patientId = res.data
|
||||||
this.goodPatient = 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() {
|
submit() {
|
||||||
|
|||||||
@ -148,7 +148,6 @@
|
|||||||
}
|
}
|
||||||
.Nursestationconfiguration {
|
.Nursestationconfiguration {
|
||||||
width: 94%;
|
width: 94%;
|
||||||
height: 100%;
|
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
padding-bottom: 30rpx;
|
padding-bottom: 30rpx;
|
||||||
@ -173,7 +172,6 @@
|
|||||||
.detail {
|
.detail {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 94%;
|
width: 94%;
|
||||||
height: 100%;
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
|
|||||||
@ -5,26 +5,26 @@
|
|||||||
<image class="picture" src="../../static/jiantou.png" mode=""></image>
|
<image class="picture" src="../../static/jiantou.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="center">
|
<view class="center">
|
||||||
<view class="OrderStatus" @tap="gopaid">
|
<view class="OrderStatus" @tap="gopaid('WAIT_PAY')">
|
||||||
<image src="/static/Tobepaid.png" mode=""></image>
|
<image src="/static/Tobepaid.png" mode=""></image>
|
||||||
<span>待付款</span>
|
<span>待付款</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="OrderStatus" @tap="goreceive">
|
<view class="OrderStatus" @tap="goreceive('WAIT_RECEIVED_GOODS')">
|
||||||
<image src="/static/received.png" mode=""></image>
|
<image src="/static/received.png" mode=""></image>
|
||||||
<span>待收货</span>
|
<span>待收货</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="OrderStatus">
|
<!-- <view class="OrderStatus">
|
||||||
<image src="/static/evaluated.png" mode=""></image>
|
<image src="/static/evaluated.png" mode=""></image>
|
||||||
<span>待评价</span>
|
<span>待评价</span>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="OrderStatus" @tap="gocompleted">
|
<view class="OrderStatus" @tap="gocompleted('RECEIVED_GOODS')">
|
||||||
<image src="/static/finished.png" mode=""></image>
|
<image src="/static/finished.png" mode=""></image>
|
||||||
<span>已完成</span>
|
<span>已完成</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="service">
|
<view class="service">
|
||||||
<view class="serviceorder" @tap="gonursestation">护理站服务订单</view>
|
<view class="serviceorder" @tap="gonursestation">护理站服务订单</view>
|
||||||
<view class="pictures">
|
<view class="pictures">
|
||||||
<image src="../../static/jiantou.png" mode=""></image>
|
<image src="../../static/jiantou.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
@ -40,29 +40,34 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
goreceive() {
|
//护理站服务订单
|
||||||
uni.navigateTo({
|
gonursestation() {
|
||||||
url: '/pages/received/received'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
gonursestation(){
|
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/Nursingstationserviceorder/Nursingstationserviceorder'
|
url: '/pages/Nursingstationserviceorder/Nursingstationserviceorder'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
//待收货
|
||||||
|
goreceive(item) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//全部订单
|
||||||
goorder() {
|
goorder() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/CommodityOrder/CommodityOrder'
|
url: '/pages/CommodityOrder/CommodityOrder'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
gocompleted() {
|
//已完成
|
||||||
|
gocompleted(item) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/Completed/Completed'
|
url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
gopaid() {
|
//待付款
|
||||||
|
gopaid(item) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/tobePaid/tobePaid'
|
url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@ -74,7 +79,6 @@
|
|||||||
background-color: #F4F5F7;
|
background-color: #F4F5F7;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
// position: relative;
|
|
||||||
color: #000000;
|
color: #000000;
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
@ -122,6 +126,8 @@
|
|||||||
image {
|
image {
|
||||||
width: 83rpx;
|
width: 83rpx;
|
||||||
height: 72rpx;
|
height: 72rpx;
|
||||||
|
margin-left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.OrderStatus {
|
.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>
|
||||||
<view class="details">
|
<view class="details">
|
||||||
<view class="detailslist">
|
<view class="detailslist">
|
||||||
<image src="../../static/shangpingdingdan.png" mode=""></image>
|
<image :src="baseurl+order.attributePitureUrl" mode=""></image>
|
||||||
<view class="model">
|
<view class="model">
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<span>酒精棉片 200片</span>
|
<span>{{order.goodsName}}</span>
|
||||||
<span>￥36.0</span>
|
<span>￥{{order.goodsPrice}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom">
|
<view class="bottom">
|
||||||
<span class="box">型号：酒精棉片 8盒</span>
|
<span class="box">型号：{{order.goodsAttributeName}}</span>
|
||||||
<span class="box">￥1</span>
|
<span class="box">X{{order.goodsCount}}</span>
|
||||||
</view>
|
</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>
|
||||||
|
<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>
|
</view>
|
||||||
<view class="payinfo">
|
<view class="payinfo">
|
||||||
<text class="pay">实付款</text>
|
<text class="pay">实付款</text>
|
||||||
<text class="price">￥36.0</text>
|
<text class="price">￥{{order.godTotalPrice}}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="info">
|
<view class="info" v-if="order.orderStatus != ' WAIT_PAY'&& order.orderStatus!='CANCEL'">
|
||||||
|
<span>收货信息：<text>{{order.receiver}},{{order.phone}},{{order.receiveAddress}}</text></span>
|
||||||
<span>收货信息：<text>某某某某某某某某某某某某某某某某某某某某某某某某某某某某</text></span>
|
<span>订单编号：<text>{{order.goOrderNo}}</text></span>
|
||||||
<span>订单编号：<text>1256585698545111</text></span>
|
<!-- <span>获得积分：<text>30点积分</text></span> -->
|
||||||
<span>获得积分：<text>某某某某</text></span>
|
<span>付款时间：<text>{{order.orderTime}}</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> -->
|
||||||
<span>发货时间：<text>2022-10-28 11：31：26</text></span>
|
</view>
|
||||||
<span>成交时间：<text>2022-10-28 11：31：26</text></span>
|
<view class=" buy" v-if="order.orderStatus == 'WAIT_PAY'">
|
||||||
|
<view class="pay">
|
||||||
|
去支付
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
goodsOrder
|
||||||
|
} from '@/api/CommodityOrder/index.js'
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
baseurl: '',
|
||||||
|
order: {},
|
||||||
|
patientId: '',
|
||||||
|
orderStatus: '',
|
||||||
|
pageSize: 10,
|
||||||
|
pageNum: 1,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
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>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
@import "./orderDetails.scss";
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</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,15 +6,15 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="details">
|
<view class="details">
|
||||||
<view class="detailslist">
|
<view class="detailslist">
|
||||||
<image src="../../static/shangpingdingdan.png" mode=""></image>
|
<image :src="baseurl+order.attributePitureUrl" mode=""></image>
|
||||||
<view class="model">
|
<view class="model">
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<span>酒精棉片 200片</span>
|
<span>{{order.goodsName}}</span>
|
||||||
<span>￥36.0</span>
|
<span>￥{{order.goodsPrice}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom">
|
<view class="bottom">
|
||||||
<span>型号：酒精棉片 8盒</span>
|
<span>型号：{{order.goodsAttributeName}}</span>
|
||||||
<span>×1</span>
|
<span>X{{order.goodsCount}}</span>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@ -25,7 +25,7 @@
|
|||||||
<view class="refund">
|
<view class="refund">
|
||||||
选择退款类型
|
选择退款类型
|
||||||
</view>
|
</view>
|
||||||
<view class="myrefund">
|
<view class="myrefund" @tap='goApplforrefund(1)'>
|
||||||
<image class="images" src="../../static/myrefund.png" mode=""></image>
|
<image class="images" src="../../static/myrefund.png" mode=""></image>
|
||||||
<view class="refundfo">
|
<view class="refundfo">
|
||||||
<view>我要退款(无需退货)</view>
|
<view>我要退款(无需退货)</view>
|
||||||
@ -34,136 +34,50 @@
|
|||||||
<image class="picture pictures" src="../../static/rowsright.png" mode=""></image>
|
<image class="picture pictures" src="../../static/rowsright.png" mode=""></image>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="myrefund">
|
<view class="myrefund" @tap='goApplforrefund(2)'>
|
||||||
<image class="images" src="../../static/refundgoods.png" mode=""></image>
|
<image class="images" src="../../static/refundgoods.png" mode=""></image>
|
||||||
<view class="refundfo">
|
<view class="refundfo">
|
||||||
<view>我要退款退货退款</view>
|
<view>我要退货退款</view>
|
||||||
<view class="text">已收到货，需要退还收到的获取</view>
|
<view class="text">已收到货，需要退还收到的货物</view>
|
||||||
</view>
|
</view>
|
||||||
<image class="picture" src="../../static/rowsright.png" mode=""></image>
|
<image class="picture" src="../../static/rowsright.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
baseurl: '', //url
|
||||||
|
order: {},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
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>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app{
|
@import "./refundType.scss";
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -129,7 +129,7 @@
|
|||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
if (this.nursestationlist.length >= this.total) {} else {
|
if (this.nursestationlist.length >= this.total) {} else {
|
||||||
this.pageNum++;
|
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 => {
|
.then(res => {
|
||||||
res.rows.forEach(e => {
|
res.rows.forEach(e => {
|
||||||
e.stationPictureUrl = baseurl + e.stationPictureUrl
|
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