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 {
|
.app {
|
||||||
background-color: #F4F5F7;
|
background-color: #F4F5F7;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 100vh;
|
height: 100vh;
|
||||||
position: relative;
|
// position: relative;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
padding: 30rpx 0 200rpx 0;
|
padding: 30rpx 0 200rpx 0;
|
||||||
|
|
||||||
|
|||||||
158
pages.json
158
pages.json
@ -4,15 +4,123 @@
|
|||||||
},
|
},
|
||||||
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
"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",
|
"path": "pages/confirmOrder/confirmOrder",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "确认订单",
|
"navigationBarTitleText": "确认订单",
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#4C7BC9" ,//背景颜色
|
"navigationBarBackgroundColor": "#4C7BC9", //背景颜色
|
||||||
"navigationBarTextStyle": "white"
|
"navigationBarTextStyle": "white"
|
||||||
|
|
||||||
}
|
}
|
||||||
},{
|
}, {
|
||||||
"path": "pages/shopping/shopping", //商城
|
"path": "pages/shopping/shopping", //商城
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "医路优品",
|
"navigationBarTitleText": "医路优品",
|
||||||
@ -25,7 +133,7 @@
|
|||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "个人信息",
|
"navigationBarTitleText": "个人信息",
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#4C7BC9" ,//背景颜色
|
"navigationBarBackgroundColor": "#4C7BC9", //背景颜色
|
||||||
"navigationBarTextStyle": "white"
|
"navigationBarTextStyle": "white"
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -44,7 +152,7 @@
|
|||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
},{
|
}, {
|
||||||
"path": "pages/information/information",
|
"path": "pages/information/information",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "完善个人信息",
|
"navigationBarTitleText": "完善个人信息",
|
||||||
@ -134,14 +242,6 @@
|
|||||||
"onReachBottomDistance": 20, //距离底部多远时触发 单位为px
|
"onReachBottomDistance": 20, //距离底部多远时触发 单位为px
|
||||||
"enablePullDownRefresh": true //设置参数为true
|
"enablePullDownRefresh": true //设置参数为true
|
||||||
}
|
}
|
||||||
}, {
|
|
||||||
"path": "pages/appointment/appointment",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "选择时间",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
|
||||||
}
|
|
||||||
|
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/detail/detail",
|
"path": "pages/detail/detail",
|
||||||
"style": {
|
"style": {
|
||||||
@ -156,7 +256,7 @@
|
|||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
},{
|
}, {
|
||||||
"path": "pages/modifyAddress/modifyAddress",
|
"path": "pages/modifyAddress/modifyAddress",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "修改地址",
|
"navigationBarTitleText": "修改地址",
|
||||||
@ -173,6 +273,16 @@
|
|||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#ffffff"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
, {
|
||||||
|
"path": "pages/Service Details/Service Details",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "服务详情",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
],
|
],
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationBarTextStyle": "black",
|
"navigationBarTextStyle": "black",
|
||||||
@ -200,5 +310,25 @@
|
|||||||
"text": "个人中心"
|
"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