更新

BagStation/orderInvoicing/orderInvoicing.vue

@@ -4,12 +4,12 @@
 			<block slot="backText">返回</block>
 			<block slot="content">申请开发票</block>
 		</cu-custom>
-		<view class="bg-main-oil padding-bottom-xl  padding">
+		<!-- <view class="bg-main-oil padding-bottom-xl  padding">
 			<view class="ext-center text-lg padding-sm ">
 				开票金额 ：{{realAmount}}
 			</view>
-		</view>
-		<view
+		</view> -->
+		<!-- <view
 			class="text-center shadow radius move-top bg-gray margin margin-top-0 margin-bottom-sm  bg-white  text-bold text-xl padding-lg">
 			<view class="Invoicing-header">
 				<view class="Invoicing-header-text text-df">
@@ -61,8 +61,8 @@
 						v-model="Invoicing.remark"></input>
 				</uni-forms-item>
 			</uni-forms>
-		</view>
-		<view class="text-center shadow radius  margin  bg-white  text-bold text-xl padding-lg">
+		</view> -->
+		<!-- <view class="text-center shadow radius  margin  bg-white  text-bold text-xl padding-lg">
 			<view class="Invoicing-header">
 				<view class="Invoicing-header-text text-df">
 					接收信息
@@ -79,18 +79,31 @@
 					请仔细核验邮箱号是否正确
 				</view>
 			</uni-forms>
+		</view> -->
+		<view class="container">
+			<view>功能暂时维护</view>
+			<view>详细请咨询请拨打客服电话</view>
 		</view>
-		<view class="btn-box">
-			<view class="tip">功能暂时维护 详情请咨询客服电话<text style="color: #00BFFF;"
-					@click="arouse('13296360386')">13296360386</text></view>
-			<!-- 			<view class="cu-btn width-50 text-lg height-80 padding text-center" @tap="backtodetail">
+		<view class="contact day">
+			<text>8:00-18:00</text>
+			<text>13296360386</text>
+			<img src="./img/phone.png" @click="arouse('13296360386')">
+
+		</view>
+		<view class="contact night">
+			<text>18:00-8:00</text>
+			<text>15653644882</text>
+			<img src="./img/phone.png" @click="arouse('15653644882')">
+		</view>
+		<!-- <view class="btn-box">
+			<view class="cu-btn width-50 text-lg height-80 padding text-center" @tap="backtodetail">
 				取消
 			</view>
 			<view @tap="saveInvoicRecord"
 				class="cu-btn width-50 text-lg height-80 padding text-center bg-red text-white">
 				提交
-			</view> -->
 			</view>
+		</view> -->
 		<uni-popup ref="popup" :is-mask-click="false">
 			<view class="notice">
 				<view>用户协议</view>
@@ -105,8 +118,7 @@
 						“加油平台”签约主体视您所使用的具体服务而定。本协议项下“加油平台”是指加油平台旗下运营或提供您所使用的相关具体服务的相关主体的统称，您可在相关服务的具体服务条款或说明文件中查看上述主体的名称和信息。“用户”是指使用加油平台相关服务的使用人，在本协议中更多称呼为"您"。
 						2.本协议范围。
 						(1)本《加油平台用户服务协议》文本；
-							<text
-								style="color: black; font-weight: 600;">(2)《加油平台隐私政策》,您在注册加油平台账号前，应仔细阅读《加油平台隐私政策》;</text>
+						<text style="color: black; font-weight: 600;">(2)《加油平台隐私政策》,您在注册加油平台账号前，应仔细阅读《加油平台隐私政策》;</text>
 						(3)具体服务的服务条款、活动规则，您可在【相关具体服务的网站、页面或应用程序】中查阅此类专门服务条款、活动规则；
 						(4)
 						专项商品或服务规则，您应根据自身需要，通过加油平台进行跳转等方式，自愿选择接受独立第三方服务商及部分关联第三方服务商所提供的服务，您将在使用该等第三方服务前对相应的用户授权协议予以同意确认，以作为您和加油平台平台之间就该等第三方服务的使用所涉及的相关事项的权利义务依据。
@@ -375,12 +387,74 @@
 	}
 </script>
 
-<style>
-	.tip {
-		width: 100%;
+<style lang="scss">
+	page {
+		padding-top: 26rpx;
+		background: #F2F3F8;
+	}
+
+	.container {
+		margin: 0 auto;
+		padding-top: 234rpx;
+		width: 702rpx;
+		height: 384rpx;
+		border-radius: 10rpx;
+		background: url('./img/background.png') #fff center 70rpx/184rpx 128rpx no-repeat;
+
+		>view {
 			text-align: center;
-		height: 80rpx;
-		color: red;
+
+			&:nth-of-type(1) {
+				color: #333;
+				font-size: 30rpx;
+			}
+
+			&:nth-of-type(2) {
+				margin-top: 5rpx;
+				color: #999;
+				font-size: 26rpx;
+			}
+		}
+	}
+
+	.contact {
+		margin: 24rpx auto 0;
+		padding-left: 98rpx;
+		width: 702rpx;
+		height: 131rpx;
+		background: #fff;
+		border-radius: 10rpx;
+
+		&.day {
+			background: url('./img/day.png') #fff 32rpx center/46rpx 46rpx no-repeat;
+		}
+
+		&.night {
+			background: url('./img/night.png') #fff 32rpx center/46rpx 46rpx no-repeat;
+		}
+
+		>text {
+			line-height: 131rpx;
+			font-size: 28rpx;
+
+			&:nth-of-type(1) {
+				font-weight: 550;
+				color: #000;
+			}
+
+			&:nth-of-type(2) {
+				margin-left: 41rpx;
+				color: #999;
+			}
+		}
+
+		>img {
+			float: right;
+			margin-top: 48rpx;
+			margin-right: 22rpx;
+			width: 36rpx;
+			height: 36rpx;
+		}
 	}
 
 	.notice {
@@ -448,9 +522,6 @@
 		align-items: center;
 	}
 
-	. {
-		font-weight: 100;
-	}
 
 	.btn-box {
 		display: flex;