wangxiaowei/jianbing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善也买你

Browse Source
This commit is contained in:
wangxiaowei
2025-04-28 14:41:52 +08:00
parent 2b6340dd15
commit b7cdc8fa3f
204 changed files with 6388 additions and 1635 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
pages/order/order.vue
View File

@ -1,53 +1,57 @@
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
<view class="order">
<view>
<u-tabs :list="list" :is-scroll="false" :current="current" @change="tabChange" :active-color="themeColor" height="92"></u-tabs>
</view>
<view class="mx20 u-m-t-20">
<order-list :type="type" />
</view>
</view>
</template>
<script>
import { getConfig } from '@/api/app'
import { orderType } from '@/utils/type'
export default {
data() {
return {
title: 'Hello'
list: [
{
name: '全部',
type: orderType.ALL
},
{
name: '待付款',
type: orderType.WAIT_PAY
},
{
name: '未制作',
type: orderType.NOT_MADE
},
{
name: '已完成',
type: orderType.FINISH
},
{
name: '退款',
type: orderType.REFUND
}
],
current: 0,
type: orderType.ALL
}
},
onLoad() {
},
methods: {
tabChange(index) {
this.current = index
this.type = this.list[index].type
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
<style lang="scss">
</style>

146
pages/order_details/order_details.vue Normal file
View File

@ -0,0 +1,146 @@
<template>
<view class="u-m-l-32 u-m-r-32">
<view class="u-p-32 br16 bg-white u-m-t-16">
滨江区XXX门店
</view>
<view class="bg-white u-p-32 u-m-t-36 br8">
<view class="row u-col-top">
<view>
<u-image :src="cloudPath + 'img/banner.png'" width="124" height="124" border-radius="8"></u-image>
</view>
<view>
<view class="u-font-32 u-m-l-16">
<text class="bold-600">煎饼果子套餐</text>
<text class="u-font-24 u-m-l-8">x1</text>
</view>
<view class="sm text-999 u-m-l-16 u-m-t-8">
<text>味浓芳香</text>
<text class="u-m-l-8 u-m-r-8">|</text>
<text>味浓芳香</text>
<text class="u-m-l-8 u-m-r-8">|</text>
<text>味浓芳香</text>
</view>
<view class="u-m-l-16 u-m-t-8 row">
<view>
<price-format color="#FF4A18" :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
<view class="u-m-l-8">
<price-format :lineThrough="true" color="#C0C0C0" :subscriptSize="22" :firstSize="22" :secondSize="22" :price="16.9"></price-format>
</view>
</view>
</view>
</view>
<view class="row-end">
<u-button class="u-m-r-24" @click="mobileLogin" hover-class="none" :customStyle="{height: '46rpx', color: '#454545', border: '1px solid #454545', borderRadius: '8rpx', padding: '0 8rpx', fontSize: '24rpx'}" :plain="true" :hair-line="false">再来一单</u-button>
<u-button @click="mobileLogin" hover-class="none" :customStyle="{height: '46rpx', color: '#454545', border: '1px solid #454545', borderRadius: '8rpx', padding: '0 8rpx', fontSize: '24rpx'}" :plain="true" :hair-line="false">申请售后</u-button>
</view>
</view>
<view class="bg-white u-p-32 u-m-t-32">
<view class="row-between">
<view class="nr">商品总价</view>
<view>
<price-format color="#000" :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
</view>
<view class="u-m-t-24 u-m-b-24">
<u-line color="#E5E6EB" />
</view>
<view class="row-between mt10">
<view>订单运费</view>
<view>￥130.00</view>
</view>
<view class="u-m-t-24 u-m-b-24">
<u-line color="#E5E6EB" />
</view>
<view class="row-between mt10">
<view>优惠券</view>
<view class="primary">
<price-format :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
</view>
<view class="u-m-t-24 u-m-b-24">
<u-line color="#E5E6EB" />
</view>
<view class="row-between mt10">
<view>实付款</view>
<view class="primary">
<price-format :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
</view>
</view>
<view class="bg-white u-p-32 u-m-t-40 br8">
<view class="bold-600 u-font-28">订单信息</view>
<view class="text-attr u-m-t-16">
<view class="u-m-t-8 row-between">
<view>订单编号：</view>
<view>134213234122321232123</view>
</view>
<view class="u-m-t-8 row-between">
<view>支付方式：</view>
<view>微信支付</view>
</view>
<view class="u-m-t-8 row-between">
<view>下单时间：</view>
<view>2022-11-10 15:26:07</view>
</view>
<view class="u-m-t-8 row-between">
<view>付款时间：</view>
<view>2022-11-10 15:26:07</view>
</view>
<view class="u-m-t-8 row-between">
<view>发货时间：</view>
<view>2022-11-10 15:26:07</view>
</view>
</view>
</view>
<view class="fixed row-end u-text-center btn-group bg-white u-p-t-20">
<view class="mr20">
<u-button @click="mobileLogin" hover-class="none" :customStyle="{width: '160rpx', height: '80rpx', color: themeColor, border: '1px solid ' + themeColor, padding: '16rpx 0', borderRadius: '8rpx'}" :plain="true" :hair-line="false">查看物流</u-button>
</view>
<view>
<u-button @click="mpLogin" hover-class="none" :customStyle="{width: '160rpx', height: '80rpx', backgroundColor: themeColor, color: '#fff', border: 'none', padding: '16rpx 0', borderRadius: '8rpx'}" :hair-line="false">确认收货</u-button>
</view>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style lang="scss">
page {
background-color: #F6F8FA;
}
.text-attr {
color: #86909C;
}
.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding-bottom: env(safe-area-inset-bottom);
}
.btn-group {
& > view {
height: 100rpx;
}
}
</style>

86
pages/order_details/wait_pay_order_details.vue Normal file
View File

@ -0,0 +1,86 @@
<template>
<view class="u-m-l-32 u-m-r-32">
<view class="u-m-t-48">
<text class="u-font-40 bold-600">未付款</text>
<text class="u-m-l-18">请在09分钟56秒内完成支付</text>
</view>
<view class="bg-white u-p-32 u-m-t-40 br8">
<view class="row u-col-top">
<view>
<u-image :src="cloudPath + 'img/banner.png'" width="124" height="124" border-radius="8"></u-image>
</view>
<view class="bold-600 u-font-32 u-m-l-16">煎饼果子套餐</view>
</view>
<view class="u-m-t-32">
<view class="row-between text-attr">
<view>商品总价</view>
<view>￥130.00</view>
</view>
<view class="row-between text-attr mt10">
<view>运费</view>
<view>￥130.00</view>
</view>
<view class="row-between mt10">
<view class="bold-600 u-font-28">需支付</view>
<view class="primary">￥130.00</view>
</view>
</view>
</view>
<view class="bg-white u-p-32 u-m-t-40 br8">
<view class="bold-600 u-font-28">保温盒地址</view>
<view class="text-attr u-m-t-16">
<view>孙婉宛</view>
<view class="u-m-t-8">15271435646</view>
<view class="u-m-t-8">站前北街4号顺义供电公司北50米</view>
</view>
</view>
<view class="bg-white u-p-32 u-m-t-40 br8">
<view class="bold-600 u-font-28">订单信息</view>
<view class="text-attr u-m-t-16">
<view>买家昵称：434343</view>
<view class="u-m-t-8">订单编号：134213234122321232123</view>
<view class="u-m-t-8">下单时间：2022-11-10 15:26:07</view>
</view>
</view>
<view class="fixed row u-text-center btn-group">
<view class="flex1 bg-white">取消订单</view>
<view class="flex1 bg-default text-fff">立即支付</view>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style lang="scss">
.text-attr {
color: #86909C;
}
.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding-bottom: env(safe-area-inset-bottom);
}
.btn-group {
height: 100rpx;
line-height: 100rpx;
& > view {
height: 100rpx;
}
}
</style>

6
pages/order/order_now.vue → pages/order_now/order_now.vue
View File

@ -75,9 +75,9 @@
<view class="fixed bg-white row-between px48 u-padding-top-20 u-padding-bottom-20">
<view class="column u-text-center">
<view class="row-center">
<text class="count">共1件</text>
<text class="u-m-l-8">合计：</text>
<view class="primary">
<view class="count">共1件</view>
<view class="u-m-l-8">合计：</view>
<view class="primary" style="margin-top: -8rpx;">
<price-format :price="12.9" :subscriptSize="34" :firstSize="56" :secondSize="34"></price-format>
</view>
</view>

138
pages/refund/refund.vue Normal file
View File

@ -0,0 +1,138 @@
<template>
<view class="u-m-l-32 u-m-r-32">
<view class="u-p-32 br16 bg-white u-m-t-16">
滨江区XXX门店
</view>
<view class="bg-white u-p-32 u-m-t-36 br8">
<view class="row u-col-top">
<view>
<u-image :src="cloudPath + 'img/banner.png'" width="124" height="124" border-radius="8"></u-image>
</view>
<view>
<view class="u-font-32 u-m-l-16">
<text class="bold-600">煎饼果子套餐</text>
<text class="u-font-24 u-m-l-8">x1</text>
</view>
<view class="sm text-999 u-m-l-16 u-m-t-8">
<text>味浓芳香</text>
<text class="u-m-l-8 u-m-r-8">|</text>
<text>味浓芳香</text>
<text class="u-m-l-8 u-m-r-8">|</text>
<text>味浓芳香</text>
</view>
<view class="u-m-l-16 u-m-t-8 row">
<view>
<price-format color="#FF4A18" :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
<view class="u-m-l-8">
<price-format :lineThrough="true" color="#C0C0C0" :subscriptSize="22" :firstSize="22" :secondSize="22" :price="16.9"></price-format>
</view>
</view>
</view>
</view>
</view>
<view class="bg-white u-p-32 u-m-t-32">
<view class="row-between">
<view class="nr">商品总价</view>
<view>
<price-format color="#000" :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
</view>
<view class="u-m-t-24 u-m-b-24">
<u-line color="#E5E6EB" />
</view>
<view class="row-between mt10">
<view>订单运费</view>
<view>￥130.00</view>
</view>
<view class="u-m-t-24 u-m-b-24">
<u-line color="#E5E6EB" />
</view>
<view class="row-between mt10">
<view>优惠券</view>
<view class="primary">
<price-format :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
</view>
<view class="u-m-t-24 u-m-b-24">
<u-line color="#E5E6EB" />
</view>
<view class="row-between mt10">
<view>实付款</view>
<view class="primary">
<price-format :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
</view>
</view>
<view class="bg-white u-p-32 u-m-t-40 br8">
<view class="bold-600 u-font-28">订单信息</view>
<view class="text-attr u-m-t-16">
<view class="u-m-t-8 row-between">
<view>订单编号：</view>
<view>134213234122321232123</view>
</view>
<view class="u-m-t-8 row-between">
<view>支付方式：</view>
<view>微信支付</view>
</view>
<view class="u-m-t-8 row-between">
<view>下单时间：</view>
<view>2022-11-10 15:26:07</view>
</view>
<view class="u-m-t-8 row-between">
<view>付款时间：</view>
<view>2022-11-10 15:26:07</view>
</view>
<view class="u-m-t-8 row-between">
<view>发货时间：</view>
<view>2022-11-10 15:26:07</view>
</view>
</view>
</view>
<view class="fixed row-end u-text-center btn-group bg-white u-p-t-20">
<view>
<u-button @click="mpLogin" hover-class="none" :customStyle="{width: '160rpx', height: '80rpx', backgroundColor: themeColor, color: '#fff', border: 'none', padding: '16rpx 0', borderRadius: '8rpx'}" :hair-line="false">确认退款</u-button>
</view>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style lang="scss">
page {
background-color: #F6F8FA;
}
.text-attr {
color: #86909C;
}
.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding-bottom: env(safe-area-inset-bottom);
}
.btn-group {
& > view {
height: 100rpx;
}
}
</style>

8
pages/shop/shop_cart.vue
View File

@ -1,8 +0,0 @@
<template>
</template>
<script>
</script>
<style>
</style>

101
pages/shop_cart/shop_cart.vue Normal file
View File

@ -0,0 +1,101 @@
<template>
<view class="shop-cart">
<view class="u-m-32">
<view class="u-text-right nr" @click="isEdit = !isEdit">编辑</view>
<view class="u-m-t-40" v-for="(item, index) in 10" :key="10">
<view class="bg-white br16 u-p-24 row">
<view>
<u-checkbox shape="circle" :active-color="themeColor"></u-checkbox>
</view>
<view class="row flex1 u-col-top">
<view>
<u-image :src="cloudPath + 'img/banner.png'" width="160" height="160" border-radius="8"></u-image>
</view>
<view class="u-m-l-16">
<view>煎饼果子套餐</view>
<view class="sm text-999 u-m-t-8 attr u-text-center u-p-l-16 u-p-r-16 u-p-6-8 u-p-b-8">
<text>味浓芳香</text>
<text class="u-m-l-8 u-m-r-8">|</text>
<text>味浓芳香</text>
<text class="u-m-l-8 u-m-r-8">|</text>
<text>味浓芳香</text>
</view>
<view class="u-m-t-16 row-between">
<view class="primary">
<price-format :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
<view>
<view v-if="!isEdit">
<u-number-box></u-number-box>
</view>
<view v-if="isEdit">
<u-icon name="trash" size="32" color="#999"></u-icon>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- <view v-if="!isLogin" class="login column-center u-m-t-80">
<image class="img-null" :src="cloudPath + 'img/cart_null.png'" width="1200" height="1200" mode="aspectFill"></image>
<view class="muted mt20">登录后才能查看购物车哦</view>
<navigator class="mt20 br60 row-center btn text-default" url="/pages/login/login" hover-class="none">
<text>去登录</text>
</navigator>
</view> -->
<view class="fixed footer bg-white w-full row-between u-col-center px32">
<view>
<u-checkbox shape="circle" :active-color="themeColor">全选</u-checkbox>
</view>
<view class="row">
<view class="row-center">
<view>合计：</view>
<view class="primary u-m-l-8" style="margin-top: -8rpx;">
<price-format :price="12.9" :subscriptSize="32" :firstSize="40" :secondSize="32"></price-format>
</view>
</view>
<view class="u-m-l-24">
<u-button @click="mpLogin" hover-class="none" :customStyle="{width: '228rpx', height: '80rpx', backgroundColor: themeColor, color: '#fff', border: 'none', padding: '16rpx 0', borderRadius: '64rpx'}" :hair-line="false">结算</u-button>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
isEdit: false
}
},
onShow() {
console.log(this.isLogin)
}
}
</script>
<style lang="scss">
.shop-cart {
padding-bottom: 200rpx;
}
.attr {
background-color: #F5F5F5;
border-radius: 88rpx;
}
.fixed {
height: 112rpx;
position: fixed;
bottom: var(--window-bottom);
left: 0;
right: 0;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
</style>