合并代码

This commit is contained in:
duan 2024-09-10 09:43:37 +08:00
parent da5f7ca916
commit c550a9d623
4 changed files with 844 additions and 32 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>

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

@ -2,8 +2,8 @@
"easycom": {
"autoscan": true,
"custom": {
"^my-(.*)":"@/components/my-components/my-$1.vue",
"^u-(.*)": "@/components/my-components/u-$1/u-$1.vue"
"^my-(.*)": "@/components/my-components/my-$1.vue",
"^u-(.*)": "@/components/my-components/u-$1/u-$1.vue"
}
},
"pages": [{
@ -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,10 +995,9 @@
},
{
"pageId": "PAGES_CRESATE_ORDER_DETAIL",
"path" : "order-detail/order-detail",
"style" :
{
"navigationBarTitleText" : "订单详情"
"path": "order-detail/order-detail",
"style": {
"navigationBarTitleText": "订单详情"
}
}
@ -1172,26 +1169,41 @@
{
"root": "pageStoringWine",
"pages": [{
"pageId": "PAGES_STORING_WINE_INDEX",
"path": "index/index",
"pageId": "PAGES_STORING_WINE_INDEX",
"path": "index/index",
"style": {
"navigationBarTitleText": "存酒管理"
}
},
{
"pageId": "PAGES_STORING_WINE_EDIT",
"path": "storing-wine/storing-wine",
"style": {
"navigationBarTitleText": "存酒"
}
},
{
"pageId": "PAGES_STORING_WINE_RECORD_DETAIL",
"path": "record-details/record-details",
"style": {
"navigationBarTitleText": "记录详情"
}
}
]
},
{
"root": "pageCoupon",
"pages": [{
"pageId": "PAGES_COUPON_INDEX",
"path": "index",
"style": {
"navigationBarTitleText": "存酒管理"
"navigationBarTitleText": "优惠券管理"
}
},
{
"pageId": "PAGES_STORING_WINE_EDIT",
"path" : "storing-wine/storing-wine",
"style" :
{
"navigationBarTitleText" : "存酒"
}
},
{
"pageId": "PAGES_STORING_WINE_RECORD_DETAIL",
"path" : "record-details/record-details",
"style" :
{
"navigationBarTitleText" : "记录详情"
}, {
"pageId": "PAGES_COUPON_DISCOUNTCOUPONS",
"path": "discountCoupons",
"style": {
"navigationBarTitleText": "添加折扣券"
}
}]
}

View File

@ -183,6 +183,11 @@
title: '极速开票',
icon: '/static/indexImg/red-envelope.svg',
pageUrl: 'PAGES_INVOICE'
},
{
title: '优惠券',
icon: '/static/indexImg/red-envelope.svg',
pageUrl: 'PAGES_COUPON_INDEX'
}
];