注册修改

public/appnew/src/components/inviteRegister/inviteRegister.vue

+<template>
+	<div>
+		<div class="register-con">
+			<img :src="bgImage" class="zhuce-img">
+			<div class="register-body">
+				<div class="div-phone li-item">
+					<span class="register-span">
+                手机号码
+            </span>
+					<input type="text" id="phone" class="infos" placeholder="请输入号码">
+				</div>
+				<div class="div-ranks li-item">
+					<input type="number" id="ranks" class="infos1" placeholder="请输入验证码">
+					<a class="send1" onclick="sends.send();">获取验证码</a>
+				</div>
+				<!--<li>
+					<span class="register-span">注册密码</span>
+					<input type="password" id="password" class="infos" placeholder="6-20位数字或字母">
+				</li>-->
+				<div class="register-div">
+					<img class="zc_nor_button" :src="yueduImage">
+					<a href="agreement.html">
+						我已阅读
+						<span>
+                    《同联商业服务协议》
+                </span>
+					</a>
+				</div>
+				<div class="div-conform" onclick="sends.conform();">
+					<a class="conform">提交</a>
+				</div>
+				<div class="clear"></div>
+				<div class="qr-code-area">
+					<div class="qr-code-area2"><img :src="qrCodeImg" alt="" class="qrCodeImg"/></div>
+					<p class="qr-code-text">下载同联APP找商铺</p>
+				</div>
+				
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	    import '@/assets/js/layer041002.js';
+		import bgImage from '@/components/inviteRegister/images/pic_yaoqingzhuce.jpg';
+		import yueduImage from '@/components/inviteRegister/images/but_yuedu-.png';
+		import noyueduImage from '@/components/inviteRegister/images/but_yuedu_nor.png';
+		import qrCodeImg from '@/components/inviteRegister/images/img_saoma@2x.png';
+		
+	export default {
+		name: '',
+		data: () => ({
+			bgImage,
+			yueduImage,
+			noyueduImage,
+			qrCodeImg,
+		}),
+		created() {
+			let _this = this;
+			_this.common.duringRequest({
+
+			});
+		},
+		mounted() {
+			let _this = this;
+
+		},
+		methods: {
+			getCode() {
+				let _this = this;
+
+			},
+			submitOk() {
+				let _this = this;
+				if(_this.common.isMobile(_this.phone)) {
+					_this.axios({
+							method: 'post',
+							url: '/admin/member/checkInvite',
+							responseType: 'json',
+							data: {
+								'userid': _this.$route.query.userid,
+								'phone': _this.phone,
+								'code': _this.code
+							}
+						})
+						.then(function(response) {
+							if(response.data.code === 200 && response.data.data) {
+								layer.tipsX('注册成功');
+							} else {
+								layer.tipsX(response.data.message);
+							}
+						})
+						.catch(function(error) {
+							layer.tipsX(error);
+						});
+				} else {
+					layer.tipsX('手机号码格式不正确');
+				}
+			}
+		},
+		computed: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.register-con{
+    width: 100%;
+    height: 100%;
+    position: relative;
+    z-index: 1;
+}
+body{
+    display: none;
+}
+.zhuce-img{
+    width: 100%;
+    display: block;
+    float: left;
+}
+.register-body{
+    width: 73.3%;
+    position: absolute;
+    z-index: 3;
+    top: 6.3rem;
+    height: 2rem;
+    left: 13.2%;
+}
+.register-body .li-item{
+    width: 100%;
+    height: 1rem;
+    border-bottom: 1px solid #E6E6E6;
+    float: left;
+}
+.register-span{
+    font-size: 0.3rem;
+    color: #333333;
+    float: left;
+    line-height: 1rem;
+}
+.infos{
+    color: #333;
+    text-align: right;
+    float: right;
+    line-height: 1rem;
+    margin-right: 0.2rem;
+    height: 0.7rem;
+    display: block;
+    font-size: 0.3rem;
+    background: none;
+    margin-top: 0.18rem;
+    border: none;
+    width: 3.3rem;
+}
+input::-webkit-input-placeholder{
+    color: #ccc;
+}
+.error{
+    color: #F13D2F;
+    font-size: 0.28rem;
+    float: right;
+    margin-top: 0.1rem;
+}
+.infos1{
+    color: #333;
+    text-align: left;
+    float: left;
+    line-height: 1rem;
+    height: 0.7rem;
+    display: block;
+    font-size: 0.3rem;
+    background: none;
+    margin-top: 0.18rem;
+    border: none;
+    width: 3rem;
+}
+.send1{
+    font-size: 0.26rem;
+    color: #ff9419;
+    text-align: right;
+    float: right;
+    line-height: 1rem;
+}
+.send0{
+    font-size: 0.26rem;
+    color: #cccccc;
+    text-align: right;
+    float: right;
+    line-height: 1rem;
+}
+.register-{
+    width: 100%;
+    float: left;
+}
+.zc_nor_button{
+    width: 0.26rem;
+    height: 0.26rem;
+    float: left;
+    margin-top: 0.43rem;
+    display: block;
+    margin-left: 15%;
+}
+.register-div a{
+    float: left;
+    font-size: 0.22rem;
+    color: #666666;
+    margin-top: 0.4rem;
+    margin-left: 0.1rem;
+}
+.register-div span{
+    font-size: 0.22rem;
+    color: #F13D2F;
+}
+#regi{
+    background: #FFFFFF;
+}
+.div-conform {
+    width: 100%;
+    height: 0.7rem;
+    background: #FE8F00;
+    float: left;
+    border-radius: 0.35rem;
+    line-height: 0.7rem;
+    font-size: 0.3rem;
+    text-align: center;
+    margin-top: 0.4rem;
+    /*clear: both;*/
+}
+.div-conform a{
+    color: #FFFFFF;
+}
+#btn{
+    background: none;
+    border: none;
+    color: #cccccc;
+}
+.qrCodeImg{
+	width: 1.66rem;
+	height: 1.66rem;
+}
+.qr-code-text{
+	display: flex;
+	justify-content: center;
+	font-size: .24rem;
+	color: #999;
+}
+.qr-code-area2{
+	text-align: center;
+}
+.clear{
+	clear: both;
+}
+
+
+</style>
\ No newline at end of file

public/appnew/src/components/publicEg/entrance.vue

@@ -42,6 +42,13 @@
 					'query': {
 						'id':'160',
 					}
+				},
+				{
+					'path': '/inviteRegister',
+					'nameCustom': '邀请注册',
+					'query': {
+						'id':'160',
+					}
 				}
 				]
 			}

public/appnew/src/router/index.js

@@ -7,6 +7,7 @@ import achieveRegion from '@/components/achieveMain/achieveRegion'
 import feeds from '@/components/feed/feeds'
 import reportDetails from '@/components/reportDetails/reportDetails'
 import announcementDetails from '@/components/announcementDetails/announcementDetails'
+import inviteRegister from '@/components/inviteRegister/inviteRegister'
 
 Vue.use(Router)
 
@@ -50,6 +51,11 @@ export default new Router({
       path: '/announcementDetails',
       name: 'v-announcement-details',
       component: announcementDetails
+    },
+    {
+      path: '/inviteRegister',
+      name: 'v-invite-register',
+      component: inviteRegister
     }
   ]
 })