新增分包支付汇总

This commit is contained in:
YeMingfei666 2024-09-10 11:02:01 +08:00
parent dd4f5938da
commit e19ba3c0c4
6 changed files with 901 additions and 53 deletions

View File

@ -0,0 +1,280 @@
<template>
<!-- 基础赠送设置切换 -->
<view class="foundation">
<view :class="[switchTop==1?'active':'']" @click="switchTop =1">
基础设置
</view>
<view :class="[switchTop==2?'active':'']" @click="switchTop=2">
赠送设置
</view>
</view>
<view class="content">
<view class="content1">
<view>
折扣名称
</view>
<input type="text" placeholder="填写名称" />
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
</view>
<view class="content1">
<view>
折扣%
</view>
<input type="text" placeholder="填写名称" />
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
</view>
<view class="content1">
<view>
使用门槛
</view>
<input type="text" placeholder="隔多少元,可用 " />
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
</view>
<view class="content1">
<view>
优惠券类型
</view>
<radio-group @change="radioChange" style="margin-top: 16rpx;">
<radio style="transform:scale(0.7)">单次折扣券</radio>
<radio style="transform:scale(0.7)">储值折扣券</radio>
</radio-group>
<view class="siwtichStyle">
<span>最大抵扣金额</span>
<switch color="#FFCC33" style="transform:scale(0.7)" />
</view>
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
</view>
<view class="content1">
<view>
抵扣规则
</view>
从最高价开始抵扣
<view class="siwtichStyle">
<span>可抵扣件数</span>
<switch color="#FFCC33" style="transform:scale(0.7)" />
</view>
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
</view>
<view class="content1">
<view>
有效期类型
</view>
领券后有效期内可用
<view class="siwtichStyle">
<span>有效期</span>
<input type="text" placeholder="填写天数 " />
</view>
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
</view>
<view class="content1">
<view>
隔天生效
</view>
<input type="text" placeholder="隔多少天,生效 " />
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
</view>
<view class="content1">
<view>
总发放数量
</view>
<input type="text" placeholder="填写数量" />
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
</view>
<view class="content2">
<view class="">
可用门店
</view>
<view class="">
<span>进本店可用</span>
<span>></span>
</view>
</view>
<view class="content2">
<view class="">
可用商品
</view>
<view class="">
<span>指定商品可用</span>
<span>></span>
</view>
<view class="siwtichStyle">
<!-- <span>选择商品</span> -->
<!-- <view class=""> -->
<span>选择商品</span>
<input type="text" placeholder="选择指定商品 " />
<span>></span>
<!-- </view> -->
</view>
</view>
<view class="content2">
<view class="">
</view>
<view class="">
<span>更多设置</span>
<span>></span>
</view>
</view>
<view class="content2">
<view>
指定时间段可用
</view>
<radio-group @change="radioChange" style="margin-top: 16rpx;">
<radio style="transform:scale(0.7)">全时段可用</radio>
<radio style="transform:scale(0.7)">指定时段可用</radio>
</radio-group>
</view>
<view class="content2">
<view class="">
发放方式
</view>
<view class="">
<span>用户不可自行领取</span>
<span>></span>
</view>
</view>
<view class="content1">
<view>
每人领取限量
</view>
不限量
<hr style="margin-top: 24rpx;color: #E5E5E5;" />
<view class="siwtichStyle2">
<span>不限量</span>
<switch color="#FFCC33" style="transform:scale(0.7)" />
</view>
</view>
</view>
</template>
<script setup>
import {
reactive,
ref,
toRef,
watch
} from 'vue';
let switchTop = ref(1)
</script>
<style lang="scss">
.foundation {
width: 694rpx;
height: 70rpx;
background: #E6F0FF;
border-radius: 12rpx 12rpx 12rpx 12rpx;
display: flex;
align-items: center;
margin: 36rpx auto;
>view {
text-align: center;
width: 344rpx;
height: 56rpx;
line-height: 56rpx;
color: #318AFE;
}
.active {
margin: auto;
width: 344rpx;
height: 56rpx;
background: #318AFE;
color: #fff;
border-radius: 12rpx 12rpx 12rpx 12rpx;
}
}
.content {
width: 750rpx;
background: #F9F9F9;
padding: 32rpx;
.content1 {
background-color: #fff;
padding: 32rpx 24rpx;
>input {
margin-top: 16rpx;
}
>view {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
font-size: 28rpx;
color: #333333;
}
.siwtichStyle {
margin-top: 24rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24rpx;
width: 646rpx;
height: 104rpx;
background: #F9F9F9;
border-radius: 12rpx 12rpx 12rpx 12rpx;
}
.siwtichStyle2 {
margin-top: 24rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24rpx;
width: 646rpx;
border-radius: 12rpx 12rpx 12rpx 12rpx;
}
}
.content2 {
padding: 32rpx 24rpx;
margin: 32rpx 0;
box-sizing: border-box;
width: 694rpx;
background: #FFFFFF;
border-radius: 18rpx 18rpx 18rpx 18rpx;
>view:first-child {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
font-size: 28rpx;
color: #333333;
}
>view:nth-child(2) {
display: flex;
justify-content: space-between;
margin-top: 16rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 28rpx;
color: #333333;
}
>view:nth-child(3) {
display: flex;
justify-content: space-between;
margin-top: 16rpx;
background: #FFFFFF;
width: 646rpx;
height: 154rpx;
background: #F9F9F9;
border-radius: 12rpx 12rpx 12rpx 12rpx;
}
.siwtichStyle {
margin-top: 24rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24rpx;
width: 646rpx;
height: 104rpx;
background: #F9F9F9;
border-radius: 12rpx 12rpx 12rpx 12rpx;
}
}
}
</style>

515
pageCoupon/index.vue Normal file
View File

@ -0,0 +1,515 @@
<template>
<!-- 顶部菜单 -->
<view class="tagClass">
<view class="tag-item" @tap="pageData.status.active=index" :class="{active:index===pageData.status.active}"
v-for="(item,index) in pageData.status.list" :key="index">
{{item}}
</view>
</view>
<!-- 搜搜 -->
<view class="search">
<view class="inputsearch">
搜索优惠券名称
</view>
<view class="searchBtn">
搜索
</view>
</view>
<!-- 内容 -->
<view class="couponContent">
<view class="couponContentList">
<view class="couponContentListTop">
<view>
充值20元优惠券
</view>
<view>
ID:258792
</view>
</view>
<view class="couponContentListcontent">
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
券类型
</view>
<view>
店铺领取可用
</view>
</view>
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
使用门槛门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view class="JQclass">
</view>
</view>
<view class="couponContentListcontent2">
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
</view>
<view class="couponContentListbottom">
<button>编辑</button>
<button>删除</button>
<button>同步</button>
</view>
</view>
</view>
<view class="couponContent">
<view class="couponContentList">
<view class="couponContentListTop">
<view>
充值20元优惠券
</view>
<view>
ID:258792
</view>
</view>
<view class="couponContentListcontent">
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
券类型
</view>
<view>
店铺领取可用
</view>
</view>
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
使用门槛门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view class="JQclass">
</view>
</view>
<view class="couponContentListcontent2">
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
</view>
<view class="couponContentListbottom">
<button>编辑</button>
<button>删除</button>
<button>同步</button>
</view>
</view>
</view>
<view class="couponContent">
<view class="couponContentList">
<view class="couponContentListTop">
<view>
充值20元优惠券
</view>
<view>
ID:258792
</view>
</view>
<view class="couponContentListcontent">
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
券类型
</view>
<view>
店铺领取可用
</view>
</view>
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
使用门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view>
<view>
使用门槛门槛
</view>
<view>
满200.00元减20.00
</view>
</view>
<view class="JQclass">
</view>
</view>
<view class="couponContentListcontent2">
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
<view class="">
<view class="">
1000
</view>
<view class="">
发放数量
</view>
</view>
</view>
<view class="couponContentListbottom">
<button>编辑</button>
<button>删除</button>
<button>同步</button>
</view>
</view>
</view>
<view class="bottomPop">
<button @click="adddiscount">+添加满减优惠券</button>
</view>
</template>
<script setup>
import go from '@/commons/utils/go.js'
import {
reactive,
ref,
toRef,
watch
} from 'vue';
const pageData = reactive({
status: {
list: ['全部', '储存中储存中', '已取完', '已过期', '储存中', '已取完', '已过期', ],
active: 0,
}
})
const adddiscount = ()=>{
go.to('PAGES_COUPON_DISCOUNTCOUPONS')
}
</script>
<style lang='scss'>
.tagClass {
width: 100%;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-top: 44rpx;
.tag-item {
display: inline-block;
padding: 8rpx 22rpx;
margin-left: 16rpx;
border-radius: 4rpx 4rpx 4rpx 4rpx;
text-align: center;
color: #666;
background: #F7F7FA;
&.active {
background: #E6F0FF;
color: $my-main-color;
}
}
}
.tagClass::-webkit-scrollbar {
display: none;
}
.search {
display: flex;
justify-content: center;
align-items: center;
padding: 32rpx;
.inputsearch {
color: #999999;
width: 542rpx;
height: 60rpx;
line-height: 60rpx;
background: #F9F9F9;
border-radius: 32rpx 32rpx 32rpx 32rpx;
}
.searchBtn {
width: 120rpx;
height: 60rpx;
line-height: 60rpx;
margin-left: 32rpx;
text-align: center;
color: #FFFFFF;
background: #318AFE;
border-radius: 32rpx 32rpx 32rpx 32rpx;
}
}
.couponContent {
background-color: #f9f9f9;
padding: 32rpx 0;
.couponContentList {
width: 694rpx;
height: 544rpx;
background: #FFFFFF;
border-radius: 18rpx 18rpx 18rpx 18rpx;
margin: 0 auto;
padding: 32rpx 24rpx;
.couponContentListTop {
display: flex;
justify-content: space-between;
align-items: center;
>view:last-child {
width: 98rpx;
height: 36rpx;
line-height: 36rpx;
text-align: center;
background: #F7F7FA;
border-radius: 4rpx 4rpx 4rpx 4rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 18rpx;
color: #999999;
}
}
.couponContentListcontent {
margin-top: 24rpx;
padding-top: 1rpx;
width: 646rpx;
height: 228rpx;
background: #F9F9F9;
border-radius: 12rpx 12rpx 12rpx 12rpx;
position: relative;
>view {
display: flex;
align-items: center;
margin-top: 12rpx;
>view:first-child {
width: 180rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 24rpx;
color: #666666;
text-align: right;
}
>view:last-child {
margin-left: 48rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 24rpx;
color: #333333;
line-height: 0rpx;
}
}
.JQclass {
width: 48rpx;
height: 48rpx;
background-color: #318AFE;
position: absolute;
right: 48rpx;
top: 90rpx;
}
}
.couponContentListcontent2 {
display: flex;
justify-content: space-between;
text-align: center;
padding-top: 24rpx;
}
.couponContentListbottom {
margin-top: 24rpx;
>button {
float: right;
width: 140rpx;
height: 56rpx;
margin-right: 22rpx;
line-height: 56rpx;
text-align: center;
background: #FFFFFF;
border-radius: 28rpx 28rpx 28rpx 28rpx;
border: 2rpx solid #E5E5E5;
font-size: 28rpx;
}
>button:first-child {
background-color: #318afe;
color: #fff;
}
}
}
}
.bottomPop {
position: fixed;
bottom: 0;
left: 0;
height: 150rpx;
width: 100%;
background-color: #fff;
>button {
width: 530rpx;
margin: 30rpx 0;
margin-left: 50%;
transform: translateX(-50%);
height: 80rpx;
line-height: 80rpx;
color: #fff;
background: #318AFE;
border-radius: 56rpx 56rpx 56rpx 56rpx;
}
}
</style>

View File

@ -0,0 +1,22 @@
<template>
<view>
123
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@ -2,7 +2,7 @@
"easycom": {
"autoscan": true,
"custom": {
"^my-(.*)":"@/components/my-components/my-$1.vue",
"^my-(.*)": "@/components/my-components/my-$1.vue",
"^u-(.*)": "@/components/my-components/u-$1/u-$1.vue"
}
},
@ -875,18 +875,16 @@
},
{
"pageId": "PAGES_PRODUCT_INVOICING_LIST",
"path" : "invoicing-list/invoicing-list",
"style" :
{
"navigationBarTitleText" : "库存记录"
"path": "invoicing-list/invoicing-list",
"style": {
"navigationBarTitleText": "库存记录"
}
},
{
"pageId": "PAGES_PRODUCT_INVOICING_CHECK",
"path" : "invoicing-check/invoicing-check",
"style" :
{
"navigationBarTitleText" : "库存盘点"
"path": "invoicing-check/invoicing-check",
"style": {
"navigationBarTitleText": "库存盘点"
}
}
@ -997,18 +995,16 @@
},
{
"pageId": "PAGES_CRESATE_ORDER_DETAIL",
"path" : "order-detail/order-detail",
"style" :
{
"navigationBarTitleText" : "订单详情"
"path": "order-detail/order-detail",
"style": {
"navigationBarTitleText": "订单详情"
}
},
{
"pageId": "PAGES_CRESATE_ORDER_PAY",
"path" : "pay-order/pay-order",
"style" :
{
"navigationBarTitleText" : "结账"
"path": "pay-order/pay-order",
"style": {
"navigationBarTitleText": "结账"
}
}
@ -1188,37 +1184,61 @@
},
{
"pageId": "PAGES_STORING_WINE_EDIT",
"path" : "storing-wine/storing-wine",
"style" :
{
"navigationBarTitleText" : "存酒"
"path": "storing-wine/storing-wine",
"style": {
"navigationBarTitleText": "存酒"
}
},
{
"pageId": "PAGES_STORING_WINE_RECORD_DETAIL",
"path" : "record-details/record-details",
"style" :
"path": "record-details/record-details",
"style": {
"navigationBarTitleText": "记录详情"
}
}
]
},
{
"navigationBarTitleText" : "记录详情"
"root": "pageCoupon",
"pages": [{
"pageId": "PAGES_COUPON_INDEX",
"path": "index",
"style": {
"navigationBarTitleText": "优惠券管理"
}
}, {
"pageId": "PAGES_COUPON_DISCOUNTCOUPONS",
"path": "discountCoupons",
"style": {
"navigationBarTitleText": "添加折扣券"
}
}]
},{
},
{
"root": "pageSalesSummary",
"pages": [{
"pageId": "PAGES_SALES_SUMMARY",
"path": "index",
"style": {
"navigationBarTitleText": "销售汇总"
}
}]
},
{
"root": "pagePrinter",
"pages": [{
"pageId": "PAGES_PRINTER_INDEX",
"path" : "index/index",
"style" :
{
"navigationBarTitleText" : "打印机"
"path": "index/index",
"style": {
"navigationBarTitleText": "打印机"
}
},
{
"pageId": "PAGES_PRINTER_ADD",
"path" : "add-printer/add-printer",
"style" :
{
"path": "add-printer/add-printer",
"style": {
// "navigationBarTitleText" : "添加/编辑云打印机"
"navigationBarTitleText" : ""
"navigationBarTitleText": ""
}
}

View File

@ -188,6 +188,16 @@
title: '极速开票',
icon: '/static/indexImg/red-envelope.svg',
pageUrl: 'PAGES_INVOICE'
},
// {
// title: '',
// icon: '/static/indexImg/red-envelope.svg',
// pageUrl: 'PAGES_COUPON_INDEX'
// },
{
title: '销售汇总',
icon: '/static/indexImg/PAGE_SALES_SUMMARY.svg',
pageUrl: 'PAGES_SALES_SUMMARY'
}
];

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><defs><style>.a{fill:#80bcff;}.b{clip-path:url(#a);}.c{fill:#4c99fe;}.d{fill:#fff;}.e{fill:#197dff;}</style><clipPath id="a"><rect class="a" width="32" height="32" transform="translate(76 613)"/></clipPath></defs><g class="b" transform="translate(-76 -613)"><g transform="translate(-0.51 -0.558)"><path class="c" d="M202.8,232.594H226.9a1.794,1.794,0,0,1,1.723,1.856v22.427a3.582,3.582,0,0,1-3.441,3.707H204.526a3.582,3.582,0,0,1-3.441-3.707V234.45A1.794,1.794,0,0,1,202.8,232.594Z" transform="translate(-122.041 384.039)"/><path class="c" d="M282.743,187.085H299.43a2.35,2.35,0,1,1,0,4.621H282.743a2.35,2.35,0,1,1,0-4.621Z" transform="translate(-197.833 427.409)"/><path class="d" d="M.117,13.411a.876.876,0,0,1,0-.874.845.845,0,0,1,.753-.423H13.726a.845.845,0,0,1,.753.423.876.876,0,0,1,0,.874.848.848,0,0,1-.733.424H.849A.846.846,0,0,1,.117,13.411ZM1.343,9.225a.829.829,0,0,1-.594-.253.87.87,0,0,1,0-1.217L5.292,3.14a.837.837,0,0,1,1.2,0l.017.018L8.694,5.324l3.342-3.4-.06-.06A.819.819,0,0,1,12.35.5L14.22.024a.8.8,0,0,1,.974.595.844.844,0,0,1,0,.4l-.469,1.9a.8.8,0,0,1-.974.595.78.78,0,0,1-.373-.216l-.144-.146L9.339,7.106A.841.841,0,0,1,8.7,7.4l0,0a.822.822,0,0,1-.488-.156h0L8.2,7.226l0,0-.012-.009,0,0L8.167,7.2l-.006,0-.01-.008-.006-.005-.009-.009-.006-.005-.01-.009,0,0,0,0L5.9,4.958,1.947,8.97a.837.837,0,0,1-.6.255Z" transform="translate(85.644 625.069)"/><path class="e" d="M2.781,2.482A2.579,2.579,0,0,1,0,.172Q0,.085.008,0H22.242q.008.085.008.172a2.579,2.579,0,0,1-2.781,2.31Z" transform="translate(82.129 616.633)"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB