修改表单页面样式

manifest.json

@@ -91,7 +91,7 @@
     },
     "quickapp" : {},
     "mp-weixin" : {
-        "appid" : "wxe044603515ff2cb5",
+        "appid" : "wx8f883dca5ecc5510",
         "setting" : {
             "urlCheck" : false,
             "es6" : true,

pages/center/Piabodata/StaffAnalysis.vue

@@ -114,6 +114,7 @@
 						   :ontouch="true"
 							canvasId="wangxiaohuaerlingryilingwuyibhh"
 							:canvas2d="true"
+							:opts="lineOpts"
 						 /> 
 					</view>
 				</view>
@@ -171,6 +172,16 @@
 					value:'',
 					label:'平均'
 				},
+				lineOpts: {
+					yAxis: {
+						data: [
+							{
+								max: 100,
+								min: 0,
+							}
+						]
+					}
+				},
 				opts: {
 					fontSize: 10,
 					extra: {

pages/mine/registerForm.vue

@@ -1,71 +1,92 @@
 <template>
-	<view class="cented-box">
-		<view class="chented" style="margin-bottom: 26rpx;">
-			<view class="title" style="border: none;">
-				<view class="titletext">姓名</view>
-				<view class="titletext2">
-					<input maxlength="10" class="titletext-input" style="color: #333333;" v-model="parames.name"
-						placeholder-class="titletext-input" placeholder-style="color:#B2B2B2;" type="text"
-						placeholder="请输入客户姓名（必填）" />
-				</view>
-				<view class="titleimg">
-					<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
-				</view>
-			</view>
+	<view class="cented-box">
+		<!-- 背景图 -->
+		<image class="bg-img" src="@/static/images/screenCode/screen_bg.png" mode=""></image>
+		<!-- 头部 -->
+		<view class="header">
+			<view class="lside">
+				<text class="text top">访客入场</text>
+				<text class="text">登记表</text>
+			</view>
+			<view class="rside">
+				<image src="@/static/images/screenCode/screen_note.png" mode=""></image>
+			</view>	
+		</view>	
+		
+		<!-- 表单 -->
+		<view class="container">
+			<view class="chented">
+				<view class="title">
+					<view class="titletext">客户姓名</view>
+					<view class="titletext2">
+						<input maxlength="10" class="titletext-input" style="color: #333333;" v-model="parames.name"
+							placeholder-class="titletext-input" placeholder-style="color:#B2B2B2;" type="text"
+							placeholder="请输入客户姓名（必填）" />
+					</view>
+					<view class="titleimg"></view>
+				</view>
+			</view>
+			
+			<view class="chented">
+				<view class="title">
+					<view class="titletext">客户性别</view>
+					<view class="titletext2 displayclick" style="display: flex;align-items: center;padding-left: 10rpx;">
+						<view class="sexRadio" @click="changeSex(1)" :class="{active:parames.sex == 1}">男士</view>
+						<view class="sexRadio" @click="changeSex(2)" :class="{active:parames.sex == 2}">女士</view>
+					</view>
+				</view>
+			
+				<view class="title">
+					<view class="titletext">到访人数</view>
+					<view class="titletext2" style="display: flex;align-items: center;justify-content: space-around;">
+						<view class="num" v-for="i in 6" :key="i" :class="{active:parames.howMany == i+1}"
+							@click="changeHowMany(i+1)">
+							{{i + 1}}
+						</view>
+					</view>
+				</view>
+<!-- 				<view class="title" @click="Buildingselection()">
+					<view class="titletext">到访途径</view>
+					<view class="titletext2"
+						style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 110rpx;padding-left: 10rpx;">
+						<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>
+						<text v-else>请选择客户来源</text>
+					</view>
+					<view class="titleimg">
+						<image class="titleimg1" src="../../static/images/arrow.png" mode=""></image>
+					</view>
+				</view> -->
+			</view>
+			
+			<button class="clive" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" v-if="verifyPass">提交</button>  
+			<view class="clive" @click="save" v-else>提交</view>
+			
+			<view class="dengji">
+				<view class="d-lside">
+					入场登记
+				</view>
+				<view class="d-rside">
+					<view class="top">
+						<text class="t-time">15:00:20</text>
+						<text class="date">2021/03/22</text>
+					</view>
+					<view class="address">望京SOHO</view>
+				</view>
+			</view>
+			
+			
+			<view class="bottoms">
+				<u-checkbox v-model="checked">我已阅读并同意</u-checkbox>
+				<text class="books">《用户隐私协议》</text>
+			</view>
+		</view>
+		
+		<view class="tips">
+			疫情防控 人人有责
 		</view>
 		
-		<view class="chented">
-			
-			<view class="title">
-				<view class="titletext">性别</view>
-				<view class="titletext2 displayclick" style="display: flex;align-items: center;padding-left: 10rpx;">
-					<view class="sexRadio" @click="changeSex(1)" :class="{active:parames.sex == 1}">男士</view>
-					<view class="sexRadio" @click="changeSex(2)" :class="{active:parames.sex == 2}">女士</view>
-				</view>
-			</view>
-
-			<view class="title">
-				<view class="titletext">到访人数</view>
-				<view class="titletext2" style="display: flex;align-items: center;justify-content: space-around;">
-					<view class="num" v-for="i in 6" :key="i" :class="{active:parames.howMany == i+1}"
-						@click="changeHowMany(i+1)">
-						{{i + 1}}
-					</view>
-				</view>
-			</view>
-			<view class="title" @click="Buildingselection()">
-				<view class="titletext">到访途径</view>
-				<view class="titletext2"
-					style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 110rpx;padding-left: 10rpx;">
-					<!-- {{parames.sourceName||'请选择客户来源'}} -->
-					<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>
-					<text v-else>请选择客户来源</text>
-				</view>
-				<view class="titleimg">
-					<image class="titleimg1" src="../../static/images/arrow.png" mode=""></image>
-				</view>
-			</view>
-			<!-- <view class="title" style="border: none;" @click="Buildingselection()">
-				<view class="titletext">咨询业务</view>
-				<view class="titletext2"
-					style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 110rpx;padding-left: 10rpx;">
-					
-					<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>
-					<text v-else>请选择咨询业务</text>
-				</view>
-				<view class="titleimg">
-					<image class="titleimg1" src="../../static/images/arrow.png" mode=""></image>
-				</view>
-			</view> -->
-		</view>
-		
-		<button class="clive" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" v-if="verifyPass">提交</button>  
-		<view class="clive" @click="save" v-else>提交</view>
-		
-		<view v-if="Showhiddenunits">
-			<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="list"
-				@cancel="cancel" @confirm="confirm"></u-select>
-		</view>
+		<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="list"
+			@cancel="cancel" @confirm="confirm"></u-select>
 	</view>
 </template>
 
@@ -98,7 +119,8 @@
 				},
 				daitiReceptionobj: {},
 				verifyPass:false,
-				qrCodeUrl:''
+				qrCodeUrl:'',
+				checked: false, // 是否同意隐私协议
 			};
 		},
 		onLoad(options){
@@ -203,7 +225,189 @@
 		}
 	};
 </script>
-<style lang="scss" scoped>
+<style lang="scss" scoped>
+	
+	.cented-box {
+		position: relative;
+		padding: 0 0 50rpx 0;
+		width: 100vw;
+		min-height: calc(100vh - var(--window-top));
+		display: flex;
+		flex-direction: column;
+		
+		.bg-img {
+			width: 100%;
+			height: 100%;
+			z-index: -1;
+			position: absolute;
+		}
+		
+		.header {
+			margin: 0 0 40rpx 0;
+			width: 100%;
+			display: flex;
+			
+			.lside {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				
+				.text {
+					color: #fff;
+					font-size: 100rpx;
+					font-weight: 800;
+				}
+				
+				.top {
+					font-size: 76rpx;
+				}
+			}
+			
+			.rside {
+				flex: 1;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				
+				image {
+					width: 306rpx;
+					height: 302rpx;
+				}
+			}
+			
+		}
+		
+		.container {
+			position: relative;
+			margin: 0 auto;
+			width: 670rpx;
+			height: 900rpx;
+			background: #fff;
+			border-radius: 16rpx;
+			
+			
+			.chented {
+				padding: 0 30rpx;
+				width: 100%;
+			
+				.title {
+					width: 100%;
+					height: 110rpx;
+					border-bottom: 1rpx solid #E0E0E0;
+					display: flex;
+					align-items: center;
+			
+					.titletext {
+						width: 21%;
+						font-size: 30rpx;
+						font-weight: 400;
+						color: #333333;
+					}
+			
+					.titletext2 {
+						width: 71%;
+					}
+			
+					.titletext-input {
+						width: 100%;
+						height: 110rpx;
+						font-size: 30rpx;
+						font-weight: 400;
+						color: #B2B2B2;
+						line-height: 110rpx;
+						padding-left: 10rpx;
+					}
+			
+					.titleimg {
+						width: 8%;
+						text-align: right;
+			
+						.titleimg1 {
+							width: 16rpx;
+							height: 36rpx;
+						}
+					}
+				}
+			}
+			
+			.clive {
+				margin: 100rpx auto 0;
+				width: 610rpx;
+				height: 88rpx;
+				background: #2671E2;
+				text-align: center;
+				line-height: 88rpx;
+				color: #FFFFFF;
+				border-radius: 8rpx;
+				font-size: 32rpx;
+			}
+			
+			.dengji {
+				margin: 60rpx 0 0 0;
+				padding: 0 30rpx;
+				width: 100%;
+				display: flex;
+				
+				.d-lside {
+					padding: 0 20rpx;
+					height: 88rpx;
+					display: flex;
+					align-items: center;
+					border-right: 1rpx solid #E0E0E0;
+					font-size: 36rpx;
+					font-weight: 500;
+				}
+				
+				.d-rside {
+					padding: 0 20rpx;
+					height: 88rpx;
+					display: flex;
+					flex-direction: column;
+					
+					.top {
+						display: flex;
+						align-items: baseline;
+						font-size: 24rpx;
+						color: #333330;
+						
+						.t-time {
+							margin-right: 20rpx;
+							font-size: 36rpx;
+							font-weight: 500;
+							color: #333331;
+						}
+					}
+					
+					
+				}
+			}
+			
+			
+			.bottoms {
+				position: absolute;
+				bottom: 30rpx;
+				padding: 0 30rpx;
+				width: 100%;
+				
+				.books {
+					margin-left: -24rpx;
+					color: #2671E2;
+					font-size: 30rpx;
+				}
+			}
+		}
+		
+		.tips {
+			margin: 40rpx 0 0 0;
+			width: 100%;
+			text-align: center;
+			color: #fff;
+			font-size: 30rpx;
+		}
+	}
+	
 	.sexRadio {
 		color: #BFBFBF;
 		border: 1rpx solid #BFBFBF;
@@ -242,12 +446,6 @@
 		}
 	}
 
-	.cented-box {
-		background: #F8F8F8;
-		width: 100%;
-		height: 100vh;
-	}
-
 	.Pinspeak {
 		width: 100%;
 		height: 92rpx;
@@ -261,69 +459,4 @@
 		margin-top: 20rpx;
 		padding-left: 10rpx;
 	}
-
-	.chented {
-		width: 100%;
-		padding-left: 30rpx;
-		padding-right: 30rpx;
-		background-color: #FFFFFF;
-
-		.title {
-			width: 100%;
-			height: 110rpx;
-			border-bottom: 1rpx solid #E0E0E0;
-			display: flex;
-			align-items: center;
-
-			.titletext {
-				width: 21%;
-				height: 110rpx;
-				font-size: 30rpx;
-				font-weight: 400;
-				color: #333333;
-				line-height: 110rpx;
-				text-indent: 10rpx;
-			}
-
-			.titletext2 {
-				width: 71%;
-				height: 110rpx;
-			}
-
-			.titletext-input {
-				width: 100%;
-				height: 110rpx;
-				font-size: 30rpx;
-				font-weight: 400;
-				color: #B2B2B2;
-				line-height: 110rpx;
-				padding-left: 10rpx;
-			}
-
-			.titleimg {
-				width: 8%;
-				text-align: right;
-
-				.titleimg1 {
-					width: 16rpx;
-					height: 36rpx;
-				}
-			}
-		}
-	}
-
-	.clive {
-		position: absolute;
-		bottom: 32rpx;
-		left: 30rpx;
-		right: 30rpx;
-		width: 690rpx;
-		height: 88rpx;
-		background: #2671E2;
-		text-align: center;
-		line-height: 88rpx;
-		color: #FFFFFF;
-		border-radius: 8rpx;
-		font-size: 32rpx;
-	}
 </style>

utils/domain.js

@@ -3,12 +3,12 @@
 // const baseUrl = 'http://121.42.63.138:9091/autoSR/api';// 测试站
 // const baseUrl = 'http://192.168.31.89:9090/api';// sh
 // const baseUrl = 'http://121.42.63.138:9091/autoSR/api';// 测试站
-// const baseUrl = 'http://192.168.31.92:8080/api';// sh
-// const baseUrl = 'http://81.70.55.170:9090/autoSR/api';// 测试站
+// const baseUrl = 'http://192.168.31.92:8080/api';// 测试站
+const baseUrl = 'http://81.70.55.170:9090/autoSR/api';// 测试站
 // const baseUrl = 'http://192.168.31.167:8080/autoSR/api'; // 长龙	
 // const baseUrl = 'http://192.168.31.134:8080/autoSR/api'; // 佳豪
 // const baseUrl = 'http://10.2.1.104:8081/autoSR/api'; // 刘敏
-const baseUrl = 'https://zkgj.quhouse.com/api'; // 质控正式
+// const baseUrl = 'https://zkgj.quhouse.com/api'; // 质控正式
 // const baseUrl = 'https://hfju.com/api'; // 数智正式
 
 // config使用域名