Merge remote-tracking branch 'origin/dev' into dev
This commit is contained in:
曹辉
commit
1bd1718ecf
4
App.vue
4
App.vue
@ -13,8 +13,8 @@
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
// height: 100vh;
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
// position: relative;
|
||||
color: #000000;
|
||||
padding: 30rpx 0 200rpx 0;
|
||||
|
||||
|
||||
156
pages.json
156
pages.json
@ -4,15 +4,123 @@
|
||||
},
|
||||
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||
{
|
||||
"path": "pages/order/order",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的订单",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
},{
|
||||
"path": "pages/CommodityOrder/CommodityOrder",
|
||||
"style": {
|
||||
"navigationBarTitleText": "商品订单",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path" : "pages/orderDetails/orderDetails",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "订单详情",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
},{
|
||||
"path": "pages/refundType/refundType",
|
||||
"style": {
|
||||
"navigationBarTitleText": "选择退款类型",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/After sales details/After sales details",
|
||||
"style": {
|
||||
"navigationBarTitleText": "售后详情",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/Nursingstationserviceorder/Nursingstationserviceorder",
|
||||
"style": {
|
||||
"navigationBarTitleText": "护理站服务订单",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "pages/tobePaid/tobePaid",
|
||||
"style": {
|
||||
"navigationBarTitleText": "待付款",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/Completed/Completed",
|
||||
"style": {
|
||||
"navigationBarTitleText": "已完成",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/received/received",
|
||||
"style": {
|
||||
"navigationBarTitleText": "待收货",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/Applforrefund/Applforrefund",
|
||||
"style": {
|
||||
"navigationBarTitleText": "申请退款",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/modify/modify",
|
||||
"style": {
|
||||
"navigationBarTitleText": "修改信息",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff" //背景颜色
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/Personal Center/Personal Center",
|
||||
"style": {
|
||||
"navigationBarTitleText": "个人中心",
|
||||
"enablePullDownRefresh": false
|
||||
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/personal information/personal information",
|
||||
"style": {
|
||||
"navigationBarTitleText": "个人信息",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#4C7BC9",
|
||||
"navigationBarTextStyle": "white"
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/confirmOrder/confirmOrder",
|
||||
"style": {
|
||||
"navigationBarTitleText": "确认订单",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#4C7BC9" ,//背景颜色
|
||||
"navigationBarBackgroundColor": "#4C7BC9", //背景颜色
|
||||
"navigationBarTextStyle": "white"
|
||||
|
||||
}
|
||||
},{
|
||||
}, {
|
||||
"path": "pages/shopping/shopping", //商城
|
||||
"style": {
|
||||
"navigationBarTitleText": "医路优品",
|
||||
@ -25,7 +133,7 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "个人信息",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#4C7BC9" ,//背景颜色
|
||||
"navigationBarBackgroundColor": "#4C7BC9", //背景颜色
|
||||
"navigationBarTextStyle": "white"
|
||||
|
||||
}
|
||||
@ -44,7 +152,7 @@
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff"
|
||||
}
|
||||
},{
|
||||
}, {
|
||||
"path": "pages/information/information",
|
||||
"style": {
|
||||
"navigationBarTitleText": "完善个人信息",
|
||||
@ -134,14 +242,6 @@
|
||||
"onReachBottomDistance": 20, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
}, {
|
||||
"path": "pages/appointment/appointment",
|
||||
"style": {
|
||||
"navigationBarTitleText": "选择时间",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff"
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/detail/detail",
|
||||
"style": {
|
||||
@ -156,7 +256,7 @@
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#ffffff"
|
||||
}
|
||||
},{
|
||||
}, {
|
||||
"path": "pages/modifyAddress/modifyAddress",
|
||||
"style": {
|
||||
"navigationBarTitleText": "修改地址",
|
||||
@ -173,6 +273,16 @@
|
||||
"navigationBarBackgroundColor": "#ffffff"
|
||||
}
|
||||
}
|
||||
|
||||
, {
|
||||
"path": "pages/Service Details/Service Details",
|
||||
"style": {
|
||||
"navigationBarTitleText": "服务详情",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
],
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
@ -200,5 +310,25 @@
|
||||
"text": "个人中心"
|
||||
}
|
||||
]
|
||||
},
|
||||
"tabBar": {
|
||||
"color": "#7A7E83",
|
||||
"selectedColor": "#435950",
|
||||
"borderStyle": "black",
|
||||
"backgroundColor": "#ffffff",
|
||||
"list": [{
|
||||
"pagePath": "pages/Personal Center/Personal Center",
|
||||
"iconPath": "static/homepagew.png",
|
||||
"selectedIconPath": "static/homepagews.png",
|
||||
"text": "首页"
|
||||
|
||||
},
|
||||
{
|
||||
"pagePath": "",
|
||||
"iconPath": "static/userw.png",
|
||||
"selectedIconPath": "static/users.png",
|
||||
"text": "我的"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
167
pages/After sales details/After sales details.vue
Normal file
167
pages/After sales details/After sales details.vue
Normal file
@ -0,0 +1,167 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="elderly">
|
||||
<view class="wait">
|
||||
请等待商家处理
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="name">
|
||||
退款信息
|
||||
</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>
|
||||
</view>
|
||||
</view>
|
||||
<view class="info">
|
||||
<view>订单编号：1256585698545111</view>
|
||||
<view>申请金额：￥36.0</view>
|
||||
<view>退款原因：不想要了</view>
|
||||
<view>申请时间：2022-10-13 11:50</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="evaluate">
|
||||
<view class="cancelorder">修改申请</view>
|
||||
<view class="cancelorder " style="background: #4C7BC9;">撤销申请</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
padding: 3%;
|
||||
height: 100vh;
|
||||
font-size: 36rpx;
|
||||
|
||||
//按钮修改申请和撤销申请
|
||||
.evaluate {
|
||||
display: flex;
|
||||
float: right;
|
||||
margin-top: 40%;
|
||||
font-size: 32rpx;
|
||||
|
||||
.cancelorder {
|
||||
margin-left: 1%;
|
||||
width: 216rpx;
|
||||
height: 68rpx;
|
||||
background: #E1AE3C;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
line-height: 68rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 95%;
|
||||
height: 580rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 10px auto;
|
||||
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.info {
|
||||
font-size: 32rpx;
|
||||
margin: 3%;
|
||||
color: #969394;
|
||||
line-height: 48rpx;
|
||||
}
|
||||
|
||||
.details {
|
||||
width: 95%;
|
||||
height: 40%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.elderly {
|
||||
width: 95%;
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
color: #ffffff;
|
||||
margin: 0 auto;
|
||||
background: #4C7BC9;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
|
||||
.wait {
|
||||
margin-left: 3%;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
191
pages/Applforrefund/Applforrefund.vue
Normal file
191
pages/Applforrefund/Applforrefund.vue
Normal file
@ -0,0 +1,191 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="content">
|
||||
<view class="item">退款类型
|
||||
<span>我要退货退款</span>
|
||||
</view>
|
||||
<view class="item">退款原因
|
||||
<span @tap='show=true'>请选择</span>
|
||||
<image src="../../static/pic.png" mode=""></image>
|
||||
</view>
|
||||
<view class="priceinfo">退款金额
|
||||
<view class="priceback">￥36.0
|
||||
</view>
|
||||
<view class="words">
|
||||
已修改，最多 36.00，含发货邮费 0.00
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="discribe">
|
||||
<view class="voucher">补充描述和凭证</view>
|
||||
<view class="supplement">
|
||||
<input type="text" placeholder="补充描述，有助于商家更好的处理售后问题">
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="Submit" @tap="goafterdetail">提交</view>
|
||||
<!-- 弹框 -->
|
||||
<view class="frame">
|
||||
<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
|
||||
<view class="payment">
|
||||
<span>请选择退款原因</span>
|
||||
<view class="cancel" @tap="show = false">
|
||||
<image src="../../static/gb.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="elderly count">不想要了
|
||||
</view>
|
||||
<view class="elderly count">拍错、不喜欢
|
||||
</view>
|
||||
<view class="elderly count">与商品不符
|
||||
</view>
|
||||
<view class="elderly count">质量问题
|
||||
</view>
|
||||
<view class="elderly">其他原因
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
goafterdetail() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/After sales details/After sales details'
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
padding: 3%;
|
||||
|
||||
.elderly {
|
||||
width: 93%;
|
||||
margin: 0 auto;
|
||||
padding: 3%;
|
||||
|
||||
height: 80rpx;
|
||||
font-size: 42rpx;
|
||||
line-height: 40rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.count {
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
}
|
||||
|
||||
.payment {
|
||||
width: 95%;
|
||||
height: 115rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 130rpx;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
margin-left: 30%;
|
||||
}
|
||||
|
||||
.cancel {
|
||||
margin-left: 20%;
|
||||
|
||||
image {
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Submit {
|
||||
width: 217rpx;
|
||||
height: 68rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
line-height: 68rpx;
|
||||
color: #FFFFFF;
|
||||
margin-left: 65%;
|
||||
margin-top: 45%;
|
||||
}
|
||||
|
||||
.discribe {
|
||||
margin-top: 3%;
|
||||
width: 99%;
|
||||
height: 342rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
padding: 3%;
|
||||
|
||||
.supplement input {
|
||||
margin-top: 3%;
|
||||
margin-left: 5%;
|
||||
font-size: 26rpx;
|
||||
color: #BAB7B8;
|
||||
line-height: 67rpx;
|
||||
}
|
||||
|
||||
.voucher {
|
||||
height: 70rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 99%;
|
||||
height: 342rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
line-height: 60rpx;
|
||||
padding: 3%;
|
||||
font-size: 30rpx;
|
||||
|
||||
.priceinfo {
|
||||
.words {
|
||||
font-size: 26rpx;
|
||||
color: #BAB7B8;
|
||||
}
|
||||
|
||||
.priceback {
|
||||
font-size: 38rpx;
|
||||
color: #D43953;
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
height: 70rpx;
|
||||
|
||||
image {
|
||||
width: 16rpx;
|
||||
height: 25rpx;
|
||||
top: 3%;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: 50%;
|
||||
color: #BAB7B8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
322
pages/CommodityOrder/CommodityOrder.vue
Normal file
322
pages/CommodityOrder/CommodityOrder.vue
Normal file
@ -0,0 +1,322 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="inputs">
|
||||
<i class="icon"></i>
|
||||
<input v-model="iptVal" type="text" name="" id="" class="input" placeholder="请输入机构名">
|
||||
</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" >
|
||||
<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">
|
||||
<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: {
|
||||
goorderdetails() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/orderDetails/orderDetails'
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
padding: 3%;
|
||||
.submits {
|
||||
width: 501rpx;
|
||||
height: 71rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
line-height: 71rpx;
|
||||
color: #ffffff;
|
||||
font-size: 34rpx;
|
||||
margin-top: 5%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
|
||||
// 弹框确认收货
|
||||
.chat {
|
||||
margin-left: 35%;
|
||||
|
||||
.word {
|
||||
margin-top: 3%;
|
||||
margin-left: -25%;
|
||||
font-size: 26rpx;
|
||||
color: #010000;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.words {
|
||||
margin-left: -10%;
|
||||
}
|
||||
|
||||
.blackground {
|
||||
width: 183rpx;
|
||||
height: 69rpx;
|
||||
background: #030303;
|
||||
opacity: 0.5;
|
||||
margin-top: -15%;
|
||||
color: #ffffff;
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
line-height: 69rpx;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.payment {
|
||||
width: 390px;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 120rpx;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
margin-left: 30%;
|
||||
}
|
||||
|
||||
.cencel {
|
||||
margin-left: 20%;
|
||||
|
||||
image {
|
||||
width: 31rpx;
|
||||
height: 31rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Apayment {
|
||||
width: 99%;
|
||||
height: 494rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
line-height: 70rpx;
|
||||
padding: 3%;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
margin-top: 3%;
|
||||
|
||||
.details {
|
||||
height: 250rpx;
|
||||
|
||||
.detailslist {
|
||||
position: relative;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin-left: 3%;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.model {
|
||||
|
||||
// position: absolute;
|
||||
.top {
|
||||
margin-top: 3%;
|
||||
|
||||
span {
|
||||
margin-left: 32%;
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
margin-top: -11%;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-left: 32%;
|
||||
|
||||
.box {
|
||||
font-size: 32rpx;
|
||||
color: #969394;
|
||||
}
|
||||
}
|
||||
|
||||
.anniu {
|
||||
display: flex;
|
||||
margin-left: 35%;
|
||||
margin-top: 3%;
|
||||
|
||||
.logistics {
|
||||
margin-left: 3%;
|
||||
width: 216rpx;
|
||||
height: 68rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: #E1AE3C;
|
||||
border-radius: 26rpx;
|
||||
}
|
||||
|
||||
.harvest {
|
||||
background: #4C7BC9;
|
||||
}
|
||||
}
|
||||
|
||||
.refund {
|
||||
.price {
|
||||
font-size: 41rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
color: #969394;
|
||||
margin-top: 8%;
|
||||
margin-left: 64%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.names {
|
||||
width: 95%;
|
||||
margin-left: 3%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
|
||||
.picture {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
margin-left: 3%;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: 55%;
|
||||
color: #4C7BC9;
|
||||
// line-height: 67px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.inputs {
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border: 1px solid #f0f0f0;
|
||||
width: 99%;
|
||||
height: 65rpx;
|
||||
margin: 10rpx 0 10rpx 50%;
|
||||
transform: translateX(-50%);
|
||||
border-radius: 20rpx;
|
||||
background-color: #Ffffff;
|
||||
z-index: 999;
|
||||
|
||||
.input {
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
height: 50rpx;
|
||||
top: 5%;
|
||||
left: 12%;
|
||||
font-size: 26rpx;
|
||||
color: #BEBEC0;
|
||||
}
|
||||
|
||||
.icon {
|
||||
background: url(@/static/sousuo.png) no-repeat;
|
||||
width: 30rpx;
|
||||
height: 28rpx;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: 5%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
182
pages/Completed/Completed.vue
Normal file
182
pages/Completed/Completed.vue
Normal file
@ -0,0 +1,182 @@
|
||||
<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>
|
||||
161
pages/Nursingstationserviceorder/Nursingstationserviceorder.vue
Normal file
161
pages/Nursingstationserviceorder/Nursingstationserviceorder.vue
Normal file
@ -0,0 +1,161 @@
|
||||
<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/fuwutu.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>换药</span>
|
||||
<span>￥50.0</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span>服务时长：1小时</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="submit" @tap="gofinished" >
|
||||
确认完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="name">
|
||||
2022-10-11 15:44
|
||||
<span>完成</span>
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="/static/fuwutu.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>换药</span>
|
||||
<span>￥50.0</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span>服务时长：1小时</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="submit" @tap="gofinished">
|
||||
确认完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
gofinished() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/Service Details/Service Details'
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
height: 100vh;
|
||||
padding: 2%;
|
||||
|
||||
.content {
|
||||
// margin-top: 3%;
|
||||
width: 99%;
|
||||
height: 386rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 0 auto;
|
||||
margin-top: 2%;
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
290
pages/Service Details/Service Details.vue
Normal file
290
pages/Service Details/Service Details.vue
Normal file
@ -0,0 +1,290 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="content">
|
||||
<view class="name">
|
||||
服务商家
|
||||
</view>
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image src="/static/fuwutu.png" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<span>济南护理万家有限公司</span>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<span>济南市历下区和平路47号诚基中心 6号楼-118 </span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="call">
|
||||
<view class="callme" @tap="gophone()">
|
||||
<u-icon name="phone-fill" color="#ffffff" size="28"></u-icon>
|
||||
联系我们
|
||||
</view>
|
||||
<view class="Navigation">
|
||||
<image src="/static/daohang.png" mode="">导航</image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" style="height: 200rpx;">
|
||||
<view class="name">
|
||||
服务项目
|
||||
</view>
|
||||
<view class="drug">·换药 </view>
|
||||
</view>
|
||||
|
||||
<view class="content" style="height: 390rpx;line-height: 60rpx;padding:3% ;">服务信息
|
||||
<view class="contacts">·联系人：某某某</view>
|
||||
<view class="contacts">·电话:1888888888</view>
|
||||
<view class="contacts">·地址：某某省某某市某区</view>
|
||||
<view class="contacts">·时间：10月10号</view>
|
||||
|
||||
</view>
|
||||
<view class="Package">套餐信息：
|
||||
<span>￥50.0</span>
|
||||
<view class="detail">
|
||||
·气管切开置管护理
|
||||
</view>
|
||||
</view>
|
||||
<view class="Consumablespackage">耗材包详情：
|
||||
<span>￥50.0</span>
|
||||
<view class="detail">
|
||||
·一次性换药包X1，一次性注射器X1
|
||||
</view>
|
||||
</view>
|
||||
<view class="remarks">
|
||||
<view>备注：</view>
|
||||
<input placeholder="">
|
||||
</view>
|
||||
<view class="evaluate">
|
||||
<view class="cancelorder">取消订单</view>
|
||||
<view class="cancelorder " style="background: #4C7BC9;">评价</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
height: 135vh;
|
||||
padding: 2%;
|
||||
font-size: 36rpx;
|
||||
padding-top: 10rpx;
|
||||
// 服务商家
|
||||
.detail {
|
||||
margin-top: 3%;
|
||||
line-height: 31rpx;
|
||||
font-size: 33rpx;
|
||||
color: #666666;
|
||||
line-height: 31rpx;
|
||||
margin-left: 10%;
|
||||
|
||||
}
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
// margin-left: 3%;
|
||||
font-size: 35rpx;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
}
|
||||
//按钮取消订单和评价
|
||||
.evaluate {
|
||||
display: flex;
|
||||
float: right;
|
||||
margin-top: 3%;
|
||||
font-size: 32rpx;
|
||||
|
||||
.cancelorder {
|
||||
margin-left: 1%;
|
||||
width: 216rpx;
|
||||
height: 68rpx;
|
||||
background: #E1AE3C;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
line-height: 68rpx;
|
||||
}
|
||||
}
|
||||
|
||||
//备注
|
||||
.remarks {
|
||||
width: 94%;
|
||||
height: 382rpx;
|
||||
margin: 10rpx auto;
|
||||
padding: 3%;
|
||||
font-size: 35rpx;
|
||||
height: 96rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 2%;
|
||||
|
||||
input {
|
||||
margin-top: -6%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
}
|
||||
/* 耗材包 */
|
||||
.Consumablespackage {
|
||||
width: 94%;
|
||||
// height: 188rpx;
|
||||
margin: 10rpx auto;
|
||||
padding: 3%;
|
||||
font-size: 35rpx;
|
||||
height: 188rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 2%;
|
||||
|
||||
span {
|
||||
|
||||
font-size: 32rpx;
|
||||
color: #D43953;
|
||||
float: right;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* 套餐 */
|
||||
.Package {
|
||||
width: 94%;
|
||||
margin: 10rpx auto;
|
||||
padding: 3%;
|
||||
font-size: 35rpx;
|
||||
height: 243rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 2%;
|
||||
|
||||
span {
|
||||
|
||||
font-size: 32rpx;
|
||||
color: #D43953;
|
||||
float: right;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
//服务项目和服务商家
|
||||
.content {
|
||||
width: 95%;
|
||||
height: 336rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 0 auto;
|
||||
font-size: 35rpx;
|
||||
margin-top: 2%;
|
||||
|
||||
// 服务信息
|
||||
.contacts {
|
||||
margin-top: 1%;
|
||||
font-size: 33rpx;
|
||||
margin-left: 10%;
|
||||
color: #666666;
|
||||
// line-height: 38rpx;
|
||||
}
|
||||
|
||||
.drug {
|
||||
font-size: 33rpx;
|
||||
color: #666666;
|
||||
line-height: 38px;
|
||||
margin-left: 12%;
|
||||
}
|
||||
|
||||
.details {
|
||||
height: 250rpx;
|
||||
|
||||
.call {
|
||||
display: flex;
|
||||
margin-top: -5%;
|
||||
|
||||
.Navigation {
|
||||
width: 103rpx;
|
||||
height: 48rpx;
|
||||
background: #00C176;
|
||||
border-radius: 24px;
|
||||
font-size: 21rpx;
|
||||
color: #ffffff;
|
||||
line-height: 48rpx;
|
||||
margin-left: 3%;
|
||||
text-align: center;
|
||||
|
||||
image {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.callme {
|
||||
width: 149rpx;
|
||||
height: 48rpx;
|
||||
background: #D43953;
|
||||
border-radius: 24px;
|
||||
font-size: 21rpx;
|
||||
color: #ffffff;
|
||||
line-height: 48rpx;
|
||||
margin-left: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.detailslist {
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
|
||||
span {
|
||||
font-size: 33rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
span {
|
||||
font-size: 25rpx;
|
||||
color: #969394;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
117
pages/modify/modify.vue
Normal file
117
pages/modify/modify.vue
Normal file
@ -0,0 +1,117 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="centercontent">
|
||||
<view class="Commodity">
|
||||
头像
|
||||
<image class="picture" src="../../static/head portrait.png" mode=""></image>
|
||||
<image class="pictureA" src="../../static/jiantou.png" mode=""></image>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="name">昵称：
|
||||
<input type="text" placeholder="请填写" />
|
||||
</view>
|
||||
<view class="name">姓名：
|
||||
<input type="text" placeholder="请填写" />
|
||||
</view>
|
||||
<view class="name">电话：
|
||||
<input type="text" placeholder="请填写" />
|
||||
</view>
|
||||
<view class="name">地址：
|
||||
<input type="text" placeholder="请填写" />
|
||||
</view>
|
||||
<view class="nursetype name">疾病类型：
|
||||
<input type="text" placeholder="请填写" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="finish">完成
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
color: #000000;
|
||||
padding: 3%;
|
||||
font-size: 36rpx;
|
||||
|
||||
.centercontent {
|
||||
width: 99%;
|
||||
height: 635rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
|
||||
.finish {
|
||||
width: 217rpx;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
height: 68rpx;
|
||||
line-height: 68rpx;
|
||||
text-align: center;
|
||||
margin-top: 60%;
|
||||
margin-left: 70%;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
line-height: 100rpx;
|
||||
.name {
|
||||
margin-left: 5%;
|
||||
height: 100rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
input {
|
||||
font-size: 36rpx;
|
||||
margin-top: -11%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
}
|
||||
.nursetype {
|
||||
input {
|
||||
margin-left: 25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.Commodity {
|
||||
line-height: 110rpx;
|
||||
margin-left: 5%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
.picture {
|
||||
vertical-align: middle;
|
||||
margin-left: 60%;
|
||||
width: 103rpx;
|
||||
height: 103rpx;
|
||||
}
|
||||
.pictureA {
|
||||
margin-left: 3%;
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
}
|
||||
.head {
|
||||
line-height: 140rpx;
|
||||
margin-left: 5%;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
148
pages/order/order.vue
Normal file
148
pages/order/order.vue
Normal file
@ -0,0 +1,148 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="content">
|
||||
<view class="CommodityOrder" @tap="goorder">商品订单
|
||||
<image class="picture" src="../../static/jiantou.png" mode=""></image>
|
||||
</view>
|
||||
<view class="center">
|
||||
<view class="OrderStatus" @tap="gopaid">
|
||||
<image src="/static/Tobepaid.png" mode=""></image>
|
||||
<span>待付款</span>
|
||||
</view>
|
||||
<view class="OrderStatus" @tap="goreceive">
|
||||
<image src="/static/received.png" mode=""></image>
|
||||
<span>待收货</span>
|
||||
</view>
|
||||
<view class="OrderStatus">
|
||||
<image src="/static/evaluated.png" mode=""></image>
|
||||
<span>待评价</span>
|
||||
</view>
|
||||
<view class="OrderStatus" @tap="gocompleted">
|
||||
<image src="/static/finished.png" mode=""></image>
|
||||
<span>已完成</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="service">
|
||||
<view class="serviceorder" @tap="gonursestation">护理站服务订单</view>
|
||||
<view class="pictures">
|
||||
<image src="../../static/jiantou.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goreceive() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/received/received'
|
||||
})
|
||||
},
|
||||
gonursestation(){
|
||||
uni.navigateTo({
|
||||
url: '/pages/Nursingstationserviceorder/Nursingstationserviceorder'
|
||||
})
|
||||
},
|
||||
goorder() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/CommodityOrder/CommodityOrder'
|
||||
})
|
||||
},
|
||||
gocompleted() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/Completed/Completed'
|
||||
})
|
||||
},
|
||||
gopaid() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/tobePaid/tobePaid'
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F4F5F7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
// position: relative;
|
||||
color: #000000;
|
||||
padding: 3%;
|
||||
font-size: 36rpx;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.service {
|
||||
width: 99%;
|
||||
height: 105rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin-top: 3%;
|
||||
|
||||
.pictures {
|
||||
display: inline-block;
|
||||
margin-left: 48%;
|
||||
|
||||
image {
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.serviceorder {
|
||||
line-height: 100rpx;
|
||||
margin-left: 5%;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 99%;
|
||||
height: 344rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
image {
|
||||
width: 83rpx;
|
||||
height: 72rpx;
|
||||
}
|
||||
|
||||
.OrderStatus {
|
||||
margin-top: 8%;
|
||||
}
|
||||
}
|
||||
|
||||
.picture {
|
||||
margin-left: 70%;
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
}
|
||||
|
||||
.CommodityOrder {
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
height: 110rpx;
|
||||
line-height: 100rpx;
|
||||
margin-left: 5%;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
174
pages/orderDetails/orderDetails.vue
Normal file
174
pages/orderDetails/orderDetails.vue
Normal file
@ -0,0 +1,174 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="content">
|
||||
<view class="name">
|
||||
店铺名称
|
||||
<image src="../../static/rowsright.png" mode=""></image>
|
||||
</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 class="box">型号：酒精棉片 8盒</span>
|
||||
<span class="box">￥1</span>
|
||||
</view>
|
||||
<view class="refund">
|
||||
申请退款
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="payinfo">
|
||||
<text class="pay">实付款</text>
|
||||
<text class="price">￥36.0</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="info">
|
||||
|
||||
<span>收货信息：<text>某某某某某某某某某某某某某某某某某某某某某某某某某某某某</text></span>
|
||||
<span>订单编号：<text>1256585698545111</text></span>
|
||||
<span>获得积分：<text>某某某某</text></span>
|
||||
<span>收货信息：<text>30点积分</text></span>
|
||||
<span>付款时间：<text>2022-10-28 11：31：26</text></span>
|
||||
<span>发货时间：<text>2022-10-28 11：31：26</text></span>
|
||||
<span>成交时间：<text>2022-10-28 11：31：26</text></span>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.app {
|
||||
height: 100vh;
|
||||
.content {
|
||||
width: 95%;
|
||||
height: 40%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 0 auto;
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
|
||||
image {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
padding-left: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
height: 250rpx;
|
||||
|
||||
.detailslist {
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
span {
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.bottom {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.box {
|
||||
font-size: 35rpx;
|
||||
color: #969394;
|
||||
}
|
||||
.refund {
|
||||
width: 159rpx;
|
||||
height: 54rpx;
|
||||
line-height: 54rpx;
|
||||
text-align: center;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #969394;
|
||||
border-radius: 26rpx;
|
||||
font-size: 26rpx;
|
||||
color: #969394;
|
||||
margin: 20rpx 0rpx 20rpx 310rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.payinfo {
|
||||
width: 95%;
|
||||
margin: 30rpx auto;
|
||||
.pay {
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
}
|
||||
.price {
|
||||
float: right;
|
||||
font-size: 41rpx;
|
||||
color: #D43953;
|
||||
margin-right: 28rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.info {
|
||||
padding-top: 30rpx;
|
||||
height: 50%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
width: 95%;
|
||||
margin: 20rpx auto;
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
span:nth-child(1) {
|
||||
height: 55;
|
||||
line-height: 55rpx;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
height: 65rpx;
|
||||
line-height: 65rpx;
|
||||
margin-left: 20rpx;
|
||||
text {
|
||||
color: #BFBDBE;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
251
pages/received/received.vue
Normal file
251
pages/received/received.vue
Normal file
@ -0,0 +1,251 @@
|
||||
<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>
|
||||
169
pages/refundType/refundType.vue
Normal file
169
pages/refundType/refundType.vue
Normal file
@ -0,0 +1,169 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="content">
|
||||
<view class="name">
|
||||
退款商品
|
||||
</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>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="refundinfo">
|
||||
<view class="refund">
|
||||
选择退款类型
|
||||
</view>
|
||||
<view class="myrefund">
|
||||
<image class="images" src="../../static/myrefund.png" mode=""></image>
|
||||
<view class="refundfo">
|
||||
<view>我要退款(无需退货)</view>
|
||||
<view class="text">没收到货</view>
|
||||
</view>
|
||||
<image class="picture pictures" src="../../static/rowsright.png" mode=""></image>
|
||||
|
||||
</view>
|
||||
<view class="myrefund">
|
||||
<image class="images" src="../../static/refundgoods.png" mode=""></image>
|
||||
<view class="refundfo">
|
||||
<view>我要退款退货退款</view>
|
||||
<view class="text">已收到货，需要退还收到的获取</view>
|
||||
</view>
|
||||
<image class="picture" src="../../static/rowsright.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app{
|
||||
height: 100vh;
|
||||
.content {
|
||||
width: 95%;
|
||||
hheight: 302rpx;;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20px;
|
||||
margin: 0 auto;
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #030303 ;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
|
||||
image {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
padding-left: 25rpx;
|
||||
}
|
||||
}
|
||||
.details {
|
||||
height: 250rpx;
|
||||
.detailslist {
|
||||
display: flex;
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
span {
|
||||
font-size: 38rpx;
|
||||
color: #000000;
|
||||
}
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.bottom {
|
||||
margin-top: 20rpx;
|
||||
span{
|
||||
font-size: 35rpx;
|
||||
color: #969394;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.refundinfo{
|
||||
width: 95%;
|
||||
height: 302rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 20rpx;
|
||||
font-size: 30rpx;
|
||||
color: #030303;
|
||||
.refund{
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1px solid #D8D4D4;
|
||||
}
|
||||
.myrefund{
|
||||
display: flex;
|
||||
width: 95%;
|
||||
margin: 20rpx auto;
|
||||
height: 80rpx;
|
||||
// background-color: red;
|
||||
.images{
|
||||
width: 46rpx;
|
||||
height: 42rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.picture{
|
||||
width: 18rpx;
|
||||
height: 27rpx;
|
||||
margin-top: 20rpx;
|
||||
position:absolute;
|
||||
right:60rpx;
|
||||
}
|
||||
.refundfo{
|
||||
font-size: 28rpx;
|
||||
color: #030303;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.text{
|
||||
font-size: 20rpx;
|
||||
color: #BAB7B8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
199
pages/tobePaid/tobePaid.vue
Normal file
199
pages/tobePaid/tobePaid.vue
Normal file
@ -0,0 +1,199 @@
|
||||
<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>
|
||||
BIN
static/Tobepaid.png
Normal file
BIN
static/Tobepaid.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
static/evaluated.png
Normal file
BIN
static/evaluated.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/finished.png
Normal file
BIN
static/finished.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/head portrait.png
Normal file
BIN
static/head portrait.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
static/home1.png
Normal file
BIN
static/home1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
static/myrefund.png
Normal file
BIN
static/myrefund.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
static/order.png
Normal file
BIN
static/order.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/person.png
Normal file
BIN
static/person.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/pic.png
Normal file
BIN
static/pic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 729 B |
BIN
static/pingfen.png
Normal file
BIN
static/pingfen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
static/received.png
Normal file
BIN
static/received.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
static/refundgoods.png
Normal file
BIN
static/refundgoods.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
static/right.png
Normal file
BIN
static/right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 578 B |
BIN
static/rowsright.png
Normal file
BIN
static/rowsright.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 638 B |
BIN
static/shangpindingdan.png
Normal file
BIN
static/shangpindingdan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
static/spjtcs.png
Normal file
BIN
static/spjtcs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
static/yilaiofuwu.jpg
Normal file
BIN
static/yilaiofuwu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
Loading…
Reference in New Issue
Block a user