新增自定义通知发送授权弹框

orderSubPackage/pages/settlement/index.vue

@@ -84,6 +84,31 @@
 			<button v-if="!userms" class="payment" style="border-radius: 0;" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">付款</button>
 		</div>
 		<show-toast ref="toast"/>
+		<u-popup :show="messagePopup" mode="bottom" :round="5" :overlay="true" zIndex="10071">
+			<view class="messageBox">
+				<view class="title">
+					<image class="image" src="../../../static/imgs/weixin-3.png"></image>
+					<view class="text">HOOLOO COFFEE 申请</view>
+				</view>
+				<view class="desc">
+					<view class="">发送一次以下消息</view>
+				</view>
+				<view class="content">
+					<view  class="contentItem"v-for="(item,index) in messageList" :key="index">
+						<view :class="item.status?'checked':'nochecked'" :style="{'width':'40rpx','height':'40rpx'}" @click="changeContentFlag(index)"></view>
+						<view class="text">{{item.title}}</view>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="cancle btn" @click="cancleMessage">取消</view>
+					<view class="submit btn" @click="submitMessage">确定</view>
+				</view>
+				<view class="save">
+					<view :class="saveFlag?'checked':'nochecked'" :style="{'width':'20rpx','height':'20rpx'}" @click="changeSaveFlage"></view>
+					<view class="text">总是保持以上选择，不在询问</view>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -95,8 +120,6 @@ import User from '@/request/user'
 import Order from '@/request/order'
 export default {
 	onShow() {
-
-
 		if (this.goods) {
 			Order.getWaitTine({
 				shopId: uni.getStorageSync('shopData').id,
@@ -110,7 +133,6 @@ export default {
 	},
 	onLoad(option) {
 		console.log(123)
-
 		// 清除优惠卷信息
 		this.$store.commit("cleanInfo",{})
 
@@ -174,6 +196,25 @@ export default {
 	},
 	data() {
 		return {
+			messageList:[
+				{
+					tmp:'1uErx-15S-3vuopXSvvsxCeM_Jd-1iZC-nXzd2yW3QU',
+					title:'下单成功通知',
+					status:false
+				},
+				{
+					tmp:'Q4HDwBEvpTXpwtZktqWm4SZOTEuQK1x48xjqjD2GqyM',
+					title:'订单状态变更通知',
+					status:false
+				},
+				{
+					tmp:'Fu_CPIXa0cnJ4EDdVKqFQ3qqKJccMqt2oorI5mfNq74',
+					title:'取餐提醒',
+					status:false
+				}
+			],
+			saveFlag:false,
+			messagePopup: false,
 			goods: [],
 			buyType: '',
 			shopData: {},
@@ -242,6 +283,22 @@ export default {
 		}
 	},
 	methods: {
+		cancleMessage() {
+
+		},
+		submitMessage() {
+
+		},
+		changeContentFlag(index) {
+			this.messageList[index].status = !this.messageList[index].status
+		},
+		changeSaveFlage(){
+			console.log(this.saveFlag)
+			this.saveFlag = !this.saveFlag
+		},
+		closeT(){
+			this.messagePopup = false
+		},
 		// 勾选隐私协议
 		clickAgreeTerms(){
 			this.agreeTerms = !this.agreeTerms
@@ -264,6 +321,8 @@ export default {
 			}
 		},
 		messageAndSave() {
+			// this.messagePopup = true
+			// return
 			if(!this.TermsStatus&&!this.agreeTerms){
 				this.showToast({ title: "请同意下方协议条款" });
 				return
@@ -381,6 +440,105 @@ export default {
 	padding-top: 1rpx;
 }
 
+.messageBox {
+	padding: 30rpx 20rpx;
+
+	.title {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+
+		.image {
+			width: 30rpx;
+			height: 30rpx;
+		}
+
+		.text {
+			font-size: 28rpx;
+			font-weight: 500;
+		}
+	}
+
+	.desc {
+		padding: 30rpx 0rpx;
+		border-bottom: 1rpx solid black;
+		font-weight: 500;
+		font-size: 34rpx;
+	}
+
+	.content {
+
+		.contentItem{
+			padding: 15rpx 0rpx;
+			border-bottom: 1rpx solid black;
+			display: flex;
+			align-items: center;
+
+        	.checked{
+	    		background: url('../../../static/imgs/duigouxuanzhong.png') center center no-repeat;
+	    		background-size:100% 100%;
+			}
+			.nochecked{
+				background: url('../../../static/imgs/weixuanzhong.png') center center no-repeat;
+				background-size:100% 100%;
+			}
+
+			.text {
+				font-weight: 500;
+				margin-left: 15rpx;
+				font-size: 30rpx;
+			}
+		}
+	}
+
+	.btns {
+		margin-top: 40rpx;
+		display: flex;
+		justify-content: center;
+
+		.btn {
+			width: 150rpx;
+			height: 60rpx;
+			text-align: center;
+			line-height: 60rpx;
+			border-radius: 10rpx;
+		}
+
+		.cancle {
+			color: #58be6b;
+			background: #f2f2f2;
+			margin-right: 10rpx;
+		}
+
+		.submit {
+			margin-left: 10rpx;
+			color: white;
+			background: #58be6b;
+		}
+	}
+
+	.save {
+		margin-top:30rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		line-height: center;
+
+        .checked{
+	    	background: url('../../../static/imgs/duigouxuanzhong.png') center center no-repeat;
+	    	background-size:100% 100%;
+		}
+		.nochecked{
+			background: url('../../../static/imgs/weixuanzhong.png') center center no-repeat;
+			background-size:100% 100%;
+		}
+
+		.text {
+			color: gray;
+		}
+	}
+}
+
 .shop_info {
 	width: 686rpx;
 	background: #FFFFFF;