web

public/agent/company_h5/index.html

@@ -43,17 +43,19 @@
 				<div class="btn" @click="submit">提交表单</div>
 			</div>
 			<div class="over_model" v-if="show">
-				<div class="over_model_inner">
+				<div class="over_model_inner1">
 					<p>{{ content }}</p>
 					<div class="btn" @click="sure">确认</div>
 				</div>
 			</div>
-			<div class="over_model" v-if="show1">
-				<div class="over_model_inner">
-					<p style="text-align: left; text-align:justify;text-align-last:justify;">客服将在10分钟内与您取得联系，请注意及时接听来电。<span style="color:#2979ff">如超出工作时间下单，将在次日与您取得联系。(工作时间09:00-18:00)</span></p>
-					<div style="display: flex;">
-						<div class="btn" @click="sure1" style="margin-right: 8px;">确认</div>
-						<div class="btn" @click="cancel" style="background-color: #c8c9cc;">取消</div>
+			<div class="over_model" v-if="show1" @click="cancel">
+				<div class="over_model_inner" @click.stop>
+					<img src="img/Slice 658@3x.png" class="over_model_inner_img" />
+					<div class="warn">
+						<p>提交成功！</p>
+						<p>客服将在10分钟内与您取得联系，请注意及时接听来电。<span>如超出工作时间下单，将在次日与您取得联系。</span></p>
+						<p>(工作时间09:00-18:00)</p>
+						<div @click="sure1">好的</div>
 					</div>
 				</div>
 			</div>
@@ -106,12 +108,12 @@
 						})
 					},
 					submit() {
-						// if (!this.param.householder_name || !this.param.householder_mobile || !this.param.address) {
-						// 	this.content = '请完善填写信息'
-						// 	this.show = true
-						// 	return
-						// }
-						// this.param.property_head_id = this.param1.id
+						if (!this.param.householder_name || !this.param.householder_mobile || !this.param.address) {
+							this.content = '请完善填写信息'
+							this.show = true
+							return
+						}
+						this.param.property_head_id = this.param1.id
 						this.show1 = true
 					},
 					getQueryString(name) {
@@ -301,6 +303,75 @@
 	}
 
 	.over_model_inner {
+		width: calc(100% - 40px);
+		position: relative;
+		left: 50%;
+		top: 50%;
+		border-radius: 8px;
+		transform: translate(-50%, -50%);
+		box-sizing: border-box;
+		font-size: 18px;
+	}
+
+	.over_model_inner_img {
+		width: 100%;
+	}
+
+	.warn {
+		width: calc(100% - 66px);
+		position: absolute;
+		top: 40%;
+		left: 33px;
+
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.warn p:nth-child(1) {
+		font-weight: 800;
+		font-size: 22px;
+		color: #E88B39;
+		line-height: 31px;
+		margin-bottom: 7px;
+	}
+
+	.warn p:nth-child(2) {
+		font-weight: 500;
+		font-size: 15px;
+		color: #333333;
+		line-height: 24px;
+		text-align: justify;
+		margin-bottom: 20px;
+	}
+
+	.warn p:nth-child(2) span {
+		color: #E88B39;
+	}
+
+	.warn p:nth-child(3) {
+		font-weight: 500;
+		font-size: 14px;
+		color: #333333;
+		line-height: 22px;
+		margin-bottom: 4px;
+	}
+
+	.warn div:nth-child(4) {
+		background-image: url('img/Group 6922.png');
+		background-size: cover;
+		width: 175px;
+		height: 40px;
+
+		font-weight: 800;
+		font-size: 16px;
+		color: #945D17;
+
+		text-align: center;
+		line-height: 40px;
+	}
+
+	.over_model_inner1 {
 		width: 300px;
 		background-color: #ffffff;
 		position: relative;
@@ -318,7 +389,7 @@
 		align-items: center;
 	}
 
-	.over_model_inner>p {
+	.over_model_inner1>p {
 		text-align: center;
 		margin-bottom: 10px;
 	}