|
|
@@ -37,6 +37,28 @@
|
|
|
<view class="addshop" @click="addShop">添加</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+ <view class="kk"></view>
|
|
|
+ <view class="box" style="padding-bottom: 5rpx;">
|
|
|
+ <view class="title">活动发放券包</view>
|
|
|
+ <view class="line linecoupon" @click="gocouponShow">
|
|
|
+ <view class="lineLeft">
|
|
|
+ <span>选择券包</span>
|
|
|
+ </view>
|
|
|
+ <view class="lineRight" style="display: flex;">
|
|
|
+ {{couponPackageData?couponPackageData.name:'请选择'}}
|
|
|
+ <image src="../../static/img/jt2.png" mode="widthFix" style="width: 16rpx;margin-top: 4rpx;margin-left: 10rpx;"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="linecouponCont" v-for="item in packageDetailList">
|
|
|
+ <view class="linecouponContLeft">
|
|
|
+ <view class="couponType" v-if="item.discountType==1">满减券</view>
|
|
|
+ <view class="couponType" v-if="item.discountType==2">商品券</view>
|
|
|
+ <view class="couponType" v-if="item.discountType==3">服务券</view>
|
|
|
+ <view class="couponName">{{item.actName}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="couponNum">x{{item.actQty}}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="kk"></view>
|
|
|
<view class="box" style="padding-bottom: 0;">
|
|
|
@@ -201,6 +223,24 @@
|
|
|
<view style="height: 120rpx;"></view>
|
|
|
<view class="preview" @click="preview">预览</view>
|
|
|
<w-compress ref='wCompress' />
|
|
|
+ <view class="couponBox" v-if="couponShow">
|
|
|
+ <view class="couponCont">
|
|
|
+ <view class="couponTopBox">
|
|
|
+ <view class="couponTop">
|
|
|
+ <view class="couponTopTxrt">选择券包</view>
|
|
|
+ <image src="../../static/img/chahao.png" mode="" class="couponClose" @click="couponClose"></image>
|
|
|
+ </view>
|
|
|
+ <view class="couponSearchBox">
|
|
|
+ <image src="../../static/img/icon_search.png" mode="" class="searchImg"></image>
|
|
|
+ <input v-model="couponname" type="text" placeholder="券包名称" class="topInput" @confirm="inputconfirm">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="couponLineBOx">
|
|
|
+ <view class="couponLine" @click="ckcoupon(item)" v-for="(item,index) in couponPackageList">{{item.name}}</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -240,6 +280,11 @@
|
|
|
groupOutState:false,
|
|
|
groupRestrictions:false,
|
|
|
isExistGroup:false,
|
|
|
+ couponname:'',
|
|
|
+ couponShow:false,
|
|
|
+ couponPackageList:'',
|
|
|
+ packageDetailList:'',
|
|
|
+ couponPackageData:'',
|
|
|
}
|
|
|
},
|
|
|
onLoad(opt) {
|
|
|
@@ -247,8 +292,9 @@
|
|
|
if(opt.id){
|
|
|
this.id=opt.id;
|
|
|
this.getDetails()
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
+ this.getcouponPackageList()
|
|
|
|
|
|
},
|
|
|
|
|
|
@@ -271,6 +317,28 @@
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
+ ckcoupon(item){
|
|
|
+ this.couponPackageData=item
|
|
|
+ this.couponShow=false
|
|
|
+ this.$http('openH5SetTheGuest/couponPackageDetailList', {
|
|
|
+ couponPackageId:item.id
|
|
|
+ },'GET').then(res => {
|
|
|
+ this.packageDetailList=res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getcouponPackageList(){
|
|
|
+ this.$http('openH5SetTheGuest/couponPackageList', {
|
|
|
+
|
|
|
+ },'GET').then(res => {
|
|
|
+ this.couponPackageList=res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ couponClose(){
|
|
|
+ this.couponShow=false
|
|
|
+ },
|
|
|
+ gocouponShow(){
|
|
|
+ this.couponShow=true
|
|
|
+ },
|
|
|
nopayCl(){
|
|
|
if(this.isExistGroup){
|
|
|
return false
|
|
|
@@ -617,7 +685,9 @@
|
|
|
groupTime:this.groupTime,
|
|
|
groupMoney:this.groupMoney,
|
|
|
groupOutState:this.groupOutState?1:0,
|
|
|
- groupRestrictions:this.groupRestrictions?1:0
|
|
|
+ groupRestrictions:this.groupRestrictions?1:0,
|
|
|
+ couponPackageId:this.couponPackageData.id,
|
|
|
+ couponPackageName:this.couponPackageData.name
|
|
|
}
|
|
|
console.log(editdata)
|
|
|
//return false;
|
|
|
@@ -729,6 +799,63 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+.couponLine{
|
|
|
+ font-size: 26rpx;color: #333333;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ line-height: 80rpx;
|
|
|
+ padding-left: 30rpx;
|
|
|
+
|
|
|
+}
|
|
|
+.couponLineBOx{
|
|
|
+ height: calc(70vh - 200rpx);
|
|
|
+ overflow-y: auto;
|
|
|
+ padding-top: 10px;
|
|
|
+}
|
|
|
+.searchImg{
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ margin-top: 16rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ }
|
|
|
+ .couponSearchBox{
|
|
|
+ width: 702rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ background: #F4F5F7;
|
|
|
+ border-radius: 36rpx;
|
|
|
+ margin-left: 24rpx;
|
|
|
+ display:flex;
|
|
|
+ position: relative;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .topInput{
|
|
|
+ font-size: 28rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ line-height: 72rpx;
|
|
|
+ padding-left: 16rpx;
|
|
|
+ width: 500rpx;
|
|
|
+ }
|
|
|
+.couponCont{
|
|
|
+ width: 100vw;
|
|
|
+ height: 70vh;
|
|
|
+ background: #ffffff;
|
|
|
+ margin-top: 30vh;
|
|
|
+ border-radius: 32rpx 32rpx 0rpx 0rpx;
|
|
|
+}
|
|
|
+.couponTop{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 40rpx 24rpx 10rpx 24rpx;
|
|
|
+}
|
|
|
+.couponTopTxrt{
|
|
|
+ font-weight: 500;
|
|
|
+ color: #3C3C3C;
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 36rpx;
|
|
|
+ }
|
|
|
+ .couponClose{
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ }
|
|
|
.content{
|
|
|
min-height: 100vh;
|
|
|
background:#F4F5F7;
|
|
|
@@ -841,6 +968,9 @@
|
|
|
padding: 30rpx 24rpx;
|
|
|
border-bottom: 1px solid #EEEEEE;
|
|
|
}
|
|
|
+.linecoupon{
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
.linexx{
|
|
|
color: #FF3B30;
|
|
|
}
|
|
|
@@ -954,4 +1084,38 @@
|
|
|
.line3 .lineLeft{
|
|
|
display: flex;align-items: center;
|
|
|
}
|
|
|
+.linecouponCont{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 15rpx 24rpx;
|
|
|
+}
|
|
|
+.linecouponContLeft{
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+}
|
|
|
+.couponType{
|
|
|
+ color: #FFA511;
|
|
|
+ border: 1px solid #FFA511;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ font-size: 18rpx;
|
|
|
+ line-height: 26rpx;
|
|
|
+ padding: 0 8rpx;
|
|
|
+ height: 26rpx;
|
|
|
+ margin-top: 5rpx;
|
|
|
+}
|
|
|
+.couponName{
|
|
|
+ font-size: 26rpx;line-height: 38rpx;color: #3C3C3C;
|
|
|
+ padding-left: 20rpx;
|
|
|
+}
|
|
|
+.couponNum{
|
|
|
+ font-size: 26rpx;line-height: 38rpx;color: #999999;
|
|
|
+}
|
|
|
+.couponBox{
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
</style>
|
