增加协议

components/buns-privacy-dialog/buns-privacy-dialog.vue

@@ -0,0 +1,80 @@
+<template>
+	<tpx-dialog type="type-dialog" :show="show" title="快件运单契约条款" @onClose="handleCloseModal()">
+		<view style="position: relative;height: calc(70vh); width: 600rpx;">
+			<tpx-layout>
+				<template v-slot:body>
+					<u-parse :content="content"></u-parse>
+				</template>
+				
+				<template v-slot:footer>
+					<view class="blcok-white-noradius" style="margin-top: 0;margin-bottom: 0;">
+						<u-button @click="handleSureBtn()" type="primary" size="large" shape="circle" 
+							custom-style="height:80rpx;font-size: 30rpx;"
+						>
+							<!-- <u-count-down :time="3 * 1000"
+								format="ss:" :autoStart="true" :millisecond="false"  @change="handleTimeFinish"
+							></u-count-down> -->
+							<text>已阅读同意本条款，下次不再提示</text>
+						</u-button>
+					</view>
+				</template>
+			</tpx-layout>
+		</view>
+	</tpx-dialog>
+</template>
+
+<script>
+	export default {
+		// computed: {
+		// 	filDataList() {
+		// 		return []
+		// 	},
+		// },
+		props: {
+			show: {
+				default () {
+					return false
+				}
+			},
+			value: {
+				default () {
+					return ``
+				}
+			}
+		},
+		data() {
+			return {
+				content: `
+				《快件服务协议》是探路物流与寄件人《以下简称"您”或“用户”)之间达成的快件寄递服务合同，附则、远单、隐私政策及京东物流发布的各类规则、服务细则、说明、通知等为《快件服务协议》有效组成部分(以下统称为“本协议”)，本协议在您下电子运单前通过勾选的形式在线签署。在线签署并下单后，即表示您已接受协议的全部内容，在您与探路物流间发生法律效力。
+				<p>露从今夜白，月是故乡明</p>
+				<p>请您在务必仔细阅读</p>
+				请您在务必仔细阅读、充分理解后再决定勾选并下单尤其是以粗体、红色字体或下划线等方式标识的条款因这些条款可能会明确您应履行的义务或对您的权利有所限制。若您不同意本协议全部或任何内容，您应停止使用寄快递服务。如您对协议内容有任何疑问，您可随时通过京东物流官方网站或拔打京东物流客服热线。
+				`
+			}
+		},
+		created() {
+
+		},
+		onHide() {
+
+		},
+		destroyed() {},
+
+		methods: {
+			handleCloseModal() {
+				this.$emit('update:show', false)
+				
+			},
+			handleSureBtn() {
+				this.handleCloseModal()
+			},
+			handleTimeFinish() {
+				
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	
+</style>

components/tpx-dialog/tpx-dialog.vue

@@ -5,8 +5,8 @@
 		<view :class="`dialog-content ${type} pos-${closePosType}`"
 			:style="`padding: 30rpx;background-color:${bgColor};${contentStyle};`">
 			<u-row v-if="title" @touchmove.stop="" justify="between" custom-style="margin-bottom: 30rpx;">
-				<u-col v-if="title" span="9" custom-style="font-size: 32rpx;font-weight: 600;">{{title}}</u-col>
+				<view v-if="title" class="lgd-title">{{title}}</view>
-				<view span="3" align="right" @click="handleClose()">
+				<view @click="handleClose()">
 					<u-icon name="close" size="32" color="#999"></u-icon>
 				</view>
 			</u-row>
@@ -106,12 +106,19 @@
 	}
 
 	.type-dialog {
+		border-radius: 30rpx;
 		left: 50%;
 		top: 50%;
 		transform: translate(-50%, -50%);
 		transform-origin: center center !important;
 		transform-origin: 0 0 !important;
 	}
+	.type-dialog {
+		.lgd-title{
+			flex: 1;
+			text-align: center;
+		}
+	}
 
 	.type-sheet {
 		z-index: 5000;
@@ -137,6 +144,10 @@
 		overflow-x: hidden;
 	}
 	
+	.lgd-title{
+		font-size: 32rpx;font-weight: 600;
+	}
+
 	.type-sheet .lgd-body::-webkit-scrollbar {
 		width: 0;
 		height: 0;

pages/post/post.vue

@@ -212,7 +212,7 @@
 									label-color=":#999" activeColor="#B12D29"
 									custom-style="margin-bottom: 10rpx;"></u-checkbox>
 							</u-checkbox-group>
-							<view class="pl-10" style="padding-top: 6rpx;">
+							<view @click="handleDialogClick(privacyModal)" class="pl-10" style="padding-top: 6rpx;">
 								<u-text text="《快件运单契约条款》" size="26"></u-text>
 							</view>
 						</u-row>
@@ -236,6 +236,7 @@
 	<buns-way-sheet v-model:show="wayModal.show" v-model:value="submitParam.wayId"></buns-way-sheet>
 	<buns-stockroom-sheet v-model:show="stockRoomModal.show" v-model:value="submitParam.stockRoomId"></buns-stockroom-sheet>
 	<buns-paytype-sheet v-model:show="paytypeModal.show" v-model:value="submitParam.paytype"></buns-paytype-sheet>
+	<buns-privacy-dialog v-model:show="privacyModal.show"> </buns-privacy-dialog>
 </template>
 
 <script>
@@ -276,6 +277,9 @@
 				paytypeModal: {
 					show: false,
 				},
+				privacyModal: {
+					show: false,
+				},
 				submitParam: {
 					stockRoomId: '',
 					countryId: '',